@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* CSS Document */
body {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
	font-family: 'Noto Sans JP', sans-serif;
}
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	}
a{
	transition: all 0.3s ease;
}
img{
	max-width: 100%;
}
/* =======================================
    layout
======================================= */
.container{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	}
/* =======================================
    main
======================================= */
.mainview{
	}
.mainview img{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.mainview img.sp{
	display: none;
}
.br-sp{
	display:none;
}
@media (max-width: 767px) {
	.mainview img.pc{
		display: none;
	}
	.mainview img.sp{
		display: block;
	}
	.br-pc{
		display:none;
	}
	.br-sp{
		display:block;
	}
}
/* =======================================
    Asset Concierse とは？
======================================= */
.intro h1{
	font-size: 2.125rem;
	text-align: center;
	color: #fff;
	background-color: #303092;
	padding: 1rem;
	margin-bottom: 2rem;
}
.intro p{
	margin-bottom: 2rem;
}
.wrap-btn{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}
.wrap-btn a{
	width: 49%;
	max-width: 20rem;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	padding: .5rem;
	margin-right: 4rem;
	margin-bottom: 2rem;
}
.wrap-btn a:nth-of-type(2n){
	margin-right: 0;
}
.bg-blue{
	background-color: #303092;
}
.bg-blue:hover{
	background-color: #2d2dd0;
}
.bg-red{
	background-color: #D53939;
}
.bg-red:hover{
	background-color: #ff1b1b;
}
.bg-green{
	background-color: #008800;
}
.bg-green:hover{
	background-color: #02b502;
}
.bg-yellow{
	background-color: #D9A300;
}
.bg-yellow:hover{
	background-color: #f5bb0f;
}
.wrap-btn .bg-white{
    	margin-right: 0;
    	background-color: #680491;
}
.wrap-btn .bg-white:hover{
	background-color: #9700d5;
}
.wrap-btn img{
	display: inline-block;
	vertical-align: middle;
	margin-right: .75rem;
}

.mail-maga{
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-around;
    	justify-content: space-around;
    	align-content: flex-start;
	-webkit-align-content: flex-start;
    	margin-bottom: 4rem;
	background-color:#fffaf7;
}
.m-left{
	margin-top: 2rem;
	max-width:48%;
}
.m-left-title{
	font-size: 1.5rem;
   	font-weight: 600;
    	text-align: center;
    	color: #880000;
    	margin-bottom: .8rem;
}
.mail-maga.m-left-title{
	margin-bottom: .8rem;
}
.m-right{
	align-self: center;
	max-width:48%;
}
.m-right a{
    	color: black;
    	text-decoration-line: none;
	padding: 2rem 5.5rem 2rem 3.5rem;
    	background-color: #fff;
   	font-size: 1.2rem;
    	border-radius: 3rem;
	border: solid 1px gray;
}
.m-right a:hover{
	background-color:#f8fdff;
}
.maga-form {
  	position: relative;
  	display: inline-block;
}
.maga-form:before {
	content: '';
    	width: 20px;
    	height: 20px;
    	background: #9a9a9a;
    	border-radius: 50%;
    	position: absolute;
    	top: 50%;
    	right: 44px;
    	margin-top: -9px;
}
.maga-form:after {
 	content: '';
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 5px 0 5px 7px;
    	border-color: transparent transparent transparent #fff;
    	position: absolute;
    	top: 50%;
    	right: 50px;
    	margin-top: -4px;
}

.wrap-imasugu{
	text-align: center;
    	max-width: 400px;
    	margin: auto;
    	border: solid 2px #d2cccc;
    	padding: 10px;
    	border-radius: 30px;
}
.intro .wrap-imasugu p{
	margin-bottom:.5rem;
}
.imasugu{
    border-bottom: solid 2px #363636;
    padding-bottom: 10px;
    font-size: 1.25rem;
    font-weight: 700;
}
.imasugu-tel{
	font-size: 2.2rem;
    	font-weight: 700;
    	color: #303092;
}
.imasugu-tel a{
	text-decoration-line: none;
    	color: #303092;
}
.wrap-seminar{
	margin: 2rem auto;
    	text-align: center;
}

.wrap-seminar img{
	border: solid 1px #333;
}

@media (max-width: 1024px) {
	.m-right a{
		font-size: 1rem;
		padding: 2rem 4rem 2rem 2rem;
	}
	.maga-form:before {
		right: 31px;
	}
	.maga-form:after {
		right: 37px;
	}
}
@media (max-width: 767px) {
	.intro h1{
		font-size: 1.125rem;
		padding: .5rem;
		margin-bottom: 1rem;
	}
	.intro p{
		margin-bottom: 1rem;
	}
	.wrap-btn{
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 2rem;
	}
	.wrap-btn a{
		width: 100%;
		margin: 0 auto 1rem;
	}
	.wrap-btn a:nth-of-type(2n),
	.wrap-btn .bg-white{
		margin-right: auto;
	}
	.wrap-btn a:first-child img{
		width: 20px;
	}
	.wrap-btn a:nth-of-type(2) img{
		width: 16px;
	}
	.wrap-btn a:nth-of-type(3) img{
		width: 20px;
	}
	.wrap-btn a:;lastt-child img{
		width: 23px;
	}
        .autumn-bnr-pc{
                display:none;
        }
        .autumn-bnr-sp{
                display:block;
                margin-bottom:2rem;
        }
	.mail-maga{
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 0 10px;
	}
	.m-left{
		max-width:100%;
		text-align:center;
	}
	.m-right{
		max-width:100%;
		margin: 1rem 0 2rem;
	}
	.m-right a{
		font-size: 1rem;
		padding: 1.5rem 3rem 1.5rem 1.5rem;
	}
	.maga-form:before {
		right: 14px;
	}
	.maga-form:after {
		right: 20px;
	}
}
/* =======================================
    Asset Concierseでの相談の流れ
======================================= */
.flow{
	background-color: #eee;
	padding: 3rem 0;
}
.flow h2{
	font-size: 1.25rem;
	font-weight: 700;
	border-left: solid 10px #000;
	padding-left: 1rem;
	margin-bottom: 2rem;
}
.flow ol{
	list-style-type: none;
	counter-reset: number 0;
}
.flow li{
	position: relative;
	border-bottom: dashed 1px #fff;
	padding: 0 0 .5rem 3rem;
	margin-bottom: .75rem;
	}
.flow li:last-child{
	border-bottom: none;
}
.flow li::before{
	position: absolute;
	top: auto;
	left: 0;
	counter-increment: number 1;      /* number カウンタを増加 */
	content: counter(number);	/* 表示形式を指定 */
	display: block;
	width: 33px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	background-color: #303092;
	}
.flow li p{
	margin-bottom: .75rem;
}
.flow li p:last-child{
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.flow{
		padding: 2rem 0 1rem;
	}
	.flow h2{
		font-size: 1.125rem;
		border-left: solid 6px #000;
		padding-left: .75rem;
		margin-bottom: 1.25rem;
	}
	.flow li{
		padding-left: 2rem;
	}
	.flow li::before{
		width: 26px;
		height: 26px;
		line-height: 26px;
		font-size: .875rem;
	}
}
/* =======================================
    人気の相談ランキング
======================================= */
.wrap-ranking{
	text-align: center;
	padding: 3rem 0;
}
.wrap-ranking h2{
	display: inline-block;
	height: 173px;
	background-image: url(../img/ranking-left.jpg), url(../img/ranking-right.jpg);
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	padding: 13px 120px 0;
	margin-bottom: 3rem;
}
.ranking-box{
	text-align: left;
	margin-bottom: 2rem;
}
.ranking{
	position: relative;
	background-color: #eae3d6;
	padding: .75rem .75rem .75rem 9rem;
	margin-bottom: 5px;
}
.ranking:nth-of-type(1){
	font-size: 1.5rem;
	font-weight: 700;
	background-color: #fcd0d0;
}
.ranking:nth-of-type(2){
	font-size: 1.25rem;
	background-color: #f4d9d3;
}
.ranking:nth-of-type(3){
	font-size: 1.125rem;
	background-color: #f4d9d3;
}
.ranking img{
	position: absolute;
	top: .25rem;
	left: 4rem;
	display: inline-block;
	vertical-align: middle;
}
.ranking:nth-of-type(1) img{
	top: .75rem;
}
.ranking:nth-of-type(2) img{
	top: .5rem;
}
.ranking:nth-of-type(3) img{
	top: .375rem;
}
.ranking-text{
	text-align: left;
}
.ranking-text span{
	font-size: 1.25rem;
	font-weight: 700;
	color: #c00;
}
@media (max-width: 767px) {
	.wrap-ranking{
		padding: 2rem 0 0;
	}
	.wrap-ranking h2{
		height: auto;
		background-position: left bottom 2px, right bottom 2px;
		background-size: 30px;
		padding: 0 35px;
		margin-bottom: 1.5rem;
	}
	.wrap-ranking h2 img{
		width: 210px;
	}
	.ranking{
		font-size: .875rem;
		padding: .5rem .5rem .5rem 3rem;
	}
	.ranking:nth-of-type(1){
		font-size: 1.125rem;
	}
	.ranking:nth-of-type(2),
	.ranking:nth-of-type(3){
		font-size: 1rem;
	}
	.ranking img{
		left: .5rem;
		width: 30px;
	}
}
/* =======================================
    相談例
======================================= */
.section-rei{
	box-shadow: 0 10px 6px -6px #dcd4d4;;
	padding: 2rem 0;
}
.section-rei h2{
	width: 9.75rem;
	height: 4.5rem;
	font-size: 1.25rem;
	line-height: 4.5rem;
	font-weight: 700;
	text-align: center;
	border: solid 2px #000;
	margin: 0 auto 2rem;
}
.wrap-naiyou{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: 1.5rem;
}
.wrap-naiyou img{
	width: 42%;
	height: auto;
}
.naiyou-text{
	width: 58%;
	padding-left: 2rem;
}
.soudan{
	font-weight: 700;
	border-bottom: solid 1px #666;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
}
.soudan span{
	display: inline-block;
	float: right;
	font-size: .875rem;
	font-weight: normal;
	background-color: #efefef;
	padding: .25rem .5rem;
}
.naiyou-text p{
	font-size: 1.125rem;
}
.kaitou{
	background-color: #F0F0E1;
	padding: 1.5rem 2rem 2rem;
	margin-bottom: 4rem;
}
.kaitou-tag{
	display: inline-block;
	font-size: 1.125rem;
	color: #fff;
	background-color: #006633;
	border-radius: 4px;
	padding: .5rem .75rem;
	margin-bottom: 1rem;
}
.kaitou .sp{
	display: none;
}
.miseru{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: .5rem;
}
.miseru-text{
	width: 83%;
	padding-right: 2rem;
}
.miseru-teacher{
	width: 17%;
	font-size: .875rem;
}
.btn-toggle{
	position: relative;
	text-align: center;
	color: #fff;
	background-color: #D53939;
	padding: .5rem;
        cursor: pointer;
}
.btn-toggle span:last-child{
	display: none;
}
.btn-toggle.active span:nth-of-type(1){
	display: none;
}
.btn-toggle.active span:last-child{
	display: inline;
}
.tuduki{
	display: none;
}
.kaitou p{
	margin-bottom: 1rem;
}
@media (max-width: 767px) {
	.section-rei h2{
		width: 8rem;
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.125rem;
	}
	.wrap-naiyou{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.wrap-naiyou img{
		width: 100%;
		margin-bottom: .75rem;
	}
	.naiyou-text{
		width: 100%;
		padding-left: 0;
	}
	.naiyou-text span{
		font-size: .875rem;
		margin-bottom: .5rem;
	}
	.naiyou-text p{
		font-size: 1rem;
	}
	.kaitou{
		padding: 1rem;
		margin-bottom: 2rem;
	}
	.kaitou-tag{
		font-size: .875rem;
		margin-bottom: .5rem;
	}
	.kaitou .pc{
		display: none;
	}
	.kaitou .sp{
		display: block;
	}
	.miseru-text{
		width: 75%;
		padding-right: 1rem;
	}
	.miseru-teacher{
		width: 25%;
	}
}
/* =======================================
    ifa	IFAサービス
======================================= */
/* IFAとは*/
.about-ifa{
	text-align: center;
	padding: 4rem 0;
}
.title-box{
	display: inline-block;
	font-size: 1.875rem;
	border: solid 4px #000;
	padding: .875rem 4rem;
	margin-bottom: 2rem;
}
.about-ifa .title-box{
	color: #1f1f6d;
	border-color: #1f1f6d;
	margin-bottom: 3rem;
}
.about-ifa p{
	text-align: left;
	margin-bottom: 1.5rem;
}
.about-ifa .sp{
	display: none;
}
.about-ifa02{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 3rem;
}
.about-ifa02 section{
	width: 49%;
	border: solid 1px #ccc;
	padding: 1.5rem 2rem 0;
}
.about-ifa02 h3{
	font-size: 1.125rem;
	font-weight: 700;
	color: #171F55;
	border-bottom: dotted 1px #ccc;
	padding-bottom: .5rem;
	margin: 0 0 1rem;
}
@media only screen and (max-width: 768px) {
	.about-ifa{
		padding: 2rem 0;
	}
	.title-box{
		font-size: 1.5rem;
		    padding: .875rem 3rem;
		margin: 0 0 1.5rem 0;
	}
	.about-ifa .title-box{
		font-size: 1.25rem;
		margin-bottom: 1.5rem;
	}
	.about-ifa p{
		margin-bottom: 1rem;
	}
	.about-ifa .pc{
		display: none;
	}
	.about-ifa .sp{
		display: block;
	}
	.about-ifa02{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.about-ifa02 section{
		width: 100%;
		padding: 1rem 1rem 0;
		margin-bottom: 1.5rem;
	}
	.about-ifa02 h3{
		font-size: 1rem;
	}
}
/* =======================================
    よくあるご質問
======================================= */
.qa h2{
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	background-color: #1b1464;
	padding: .75rem;
	margin-bottom: 2rem;
}
.qa dl{
	border: solid 1px #ccc;
	margin-bottom: 2rem;
}
.qa dt{
	position: relative;
	font-weight: 700;
	background-color: #efefef;
	padding: .75rem .75rem .75rem 2.5rem;
}
.qa dt::before{
	content: "Q.";
	position: absolute;
	top: .75rem;
	left: 1rem;
}
.qa dd{
	position: relative;
	padding: 1rem 1rem 1rem 2.5rem;
}
.qa dd::before{
	content: "A.";
	position: absolute;
	top: 1rem;
	left: 1rem;
}
@media only screen and (max-width: 768px) {
	.qa h2{
		font-size: 1.25rem;
	}
	.qa dt{
		padding: .5rem .5rem .5rem 2.25rem;
	}
	.qa dt::before{
		top: .5rem;
		left: .75rem;
	}
	.qa dd{
		padding: .5rem .5rem .5rem 2.25rem;
	}
	.qa dd::before{
		top: .5rem;
		left: .75rem;
	}
}
/* =======================================
    layout
======================================= */
/*本サービスの運営元*/
.wrap-company{
	background-color: #EEF5FD;
	padding: 2rem 0;
	margin-bottom: 4rem;
}
.company{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	padding: 4rem 2rem;
	margin-bottom: 2rem;
}
.company-left,
.company-right{
	width: 50%;
	text-align: center;
}
.company dt{
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 1rem;
}
.company-right{
	border-left: solid 1px #999;
}

.company-right dl{
	display: flex;
    	flex-wrap: wrap;
    	align-items: center;
}

.company-right dt{
	width:100%;
}

.company-right dd{
	width:50%;
}

.company-small img{
	max-width:50%;
}
.company-flex{
	display: -webkit-flex;
	display: flex;
	margin-top:1rem;
	-webkit-align-items: center;
	align-items: center;
	justify-content: space-around;
}
.fujilife{
	padding-left:10px;
}
.fujilife img,
.metlife img{
	width:150px;
}
.teikei{
	background-color: #fff;
	border-radius: 10px;
	padding: 2rem;
}
.teikei dl dt{
	text-align: center;
    	font-size: 1.4rem;
    	font-weight: 700;
    	margin: 3rem auto 2rem;
	background-color: #eef5fd;
    	padding: 0.5rem;
}
.teikei dl dd{
	display: flex;
    	vertical-align: middle;
    	width: 100%;
    	flex-wrap: wrap;
    	justify-content: center;
    	gap: 1.5rem;
    	margin: 1rem;
}
@media only screen and (max-width: 768px) {
	.wrap-company{
		margin-bottom: 2rem;
	}
	.company{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 1rem;
	}
	.company-left,
	.company-right{
		width: 100%;
	}
	.company-right{
		border-top: solid 1px #999;
		border-left: none;
		padding-top: 1rem;
		margin-top: 1rem;
	}
	.company dt{
		font-size: 1rem;
	}
	.company-right dl:first-child{
		margin-bottom: 1rem;
	}
	.company-flex{
		max-width: 500px;
		margin: 0 auto;
	}
	.teikei{
		padding: 1rem;
	}
	.teikei dl dt{
		font-size: 1rem;
		padding: .25rem;
		margin: 1rem auto .5rem;
	}
	.teikei dl dd{
    		margin: 2rem auto;
	}
}
@media only screen and (max-width: 440px) {
	.teikei dl dd img{
    		width:45%;
	}
	.teikei dl dd img.sompo,
	.teikei dl dd img.sbib{
		width:80%;
	}
}
.note{
	margin-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
	.note{
		margin-bottom: 2rem;
	}
}
.fixed-btn{
	position: fixed;
	top: 1rem;
	right: 0;
}
.fixed-btn a{
	display: block;
	width: 125px;
	height: 125px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.fixed-btn a:last-child{
	margin-bottom: 0;
}
.fixed-btn img{
	display: block;
	margin: 0 auto .5rem;
}
.fixed-btn span{
	display: block;
}
@media (max-width: 1024px) {
	.fixed-btn{
		top: inherit;
		bottom: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}
	.fixed-btn a{
		width: 50%;
		height: auto;
		font-size: .75rem;
		padding: 1rem .5rem;
		margin-bottom: 0;
	}
	.fixed-btn img{
		display: inline-block;
		vertical-align: middle;
		margin: 0 .25rem 0 0;
	}
	.fixed-btn a:first-child img{
		width: 18px;
	}
	.fixed-btn a:nth-of-type(2) img{
		width: 16px;
	}
	.fixed-btn a:nth-of-type(3) img{
		width: 20px;
	}
	.fixed-btn a:last-child img{
		width: 20px;
	}
	.fixed-btn span{
		display: inline;
	}
}
@media only screen and (max-width: 480px) {
	.company-flex{
		display: block;
		max-width:50%;
	}
	.fujilife{
		padding:10px 0;
	}
}
/* =======================================
    footer
======================================= */
.pagetop{
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	z-index: 100;
	display: block;
	width: 80px;
	height: 80px;
	background-color: rgba(255, 255, 255, .9);
	border: solid 1px #303092;
	padding: 18px 10px;
	}
footer{
	background-color: #efefef;
}
footer small{
	display: block;
	text-align: center;
	color: #fff;
	background-color: #111138;
	padding: .25rem 0;
}
.footer-inner{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	font-size: .875rem;
	padding-top: 2.625rem;
	padding-bottom: 2.625rem;
}
.footer-left img{
	width: 290px;
	padding-bottom: 1rem;
}
footer address{
	font-style: normal;
}
footer address dl{
	margin-bottom: .5rem;
}
footer address dt{
	font-weight: 700;
}
footer ul{
	list-style-type: none;
}
footer li{
	margin-bottom: 1rem;
}
footer li:last-child{
	margin-bottom: 0;
}
footer li a{
	color: #333;
}
@media (max-width: 767px) {
	footer.adjust{
		padding-bottom: 72px;
	}
	.pagetop{
		bottom: 5rem;
		right: 1rem;
		width: 60px;
		height: 60px;
		padding: 12px 5px;
	}
	.footer-inner{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer-left{
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
	}
	footer address span{
		display: block;
	}
	footer ul{
		display: block;
		width: 100%;
	}
	footer li{
		border-top: solid 1px #fff;
		margin: 0;
	}
	footer li:last-child{
		border-bottom: solid 1px #fff;
	}
	footer li a{
		position: relative;
		display: block;
		text-decoration: none;
		padding: .5rem 0 .5rem 1.5rem;
	}
	footer li a::before{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 6px;
		height: 6px;
		border: 1px solid;
		border-color: #565656 #565656 transparent transparent;
		transform: rotate(45deg);
		margin-top: -4px;
	}
}
/* =======================================
    contact
======================================= */
.contact h1{
	font-size: 2.125rem;
	text-align: center;
	color: #fff;
	background-color: #1b1464;
	padding: 1rem;
	margin-bottom: 2rem;
}
.contact p{
	text-align: center;
}
.outer-form{
	border-top: solid 1px #ccc;
	margin-bottom: 1.75rem;
}
.wrap-form {
    display: table;
    width: 100%;
    border-bottom: dotted 1px #ccc;
}
.wrap-form:last-child{
	border-bottom: solid 1px#ccc;
}
.wrap-label, .wrap-input {
    display: table-cell;
    vertical-align: middle;
    padding: .75rem 1rem;
}
.wrap-label {
    width: 32%;
    min-width: 18rem;
}
.confirm .wrap-label{
	font-weight: 700;
}
.required {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    color: #fff;
    background-color: #D53939;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: .75rem;
}
.wrap-input label{
	display: inline-block;
	vertical-align: middle;
	margin: .5rem 1.5rem .5rem 0;
}
.wrap-input label:last-child{
	margin-right: 0;
}
input[type="text"],
textarea,
select{
	font-size: 1rem;
	border-radius: 3px;
	padding: 8px 13px;
	max-width: 100%;
	border: 1px #ccc solid;
}
input[type="text"]{
    width: 100%;
    max-width: 29rem;
}
textarea{
	font-family: 'Noto Sans JP', sans-serif;
	width: 100%;
}
.maga-text{
	text-align:left;
	font-size:.8rem;
}
.policy {
    height: 180px;
    background-color: #eee;
    padding: 2rem 4rem;
    margin-bottom: 2rem;
    overflow-y: scroll;
}
.policy-name {
    display: block;
    text-align: right;
}
.policy h2 {
	font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem;
}
.policy-box {
    margin-bottom: 2rem;
}
ol.guide,
ol.guide ol {
    counter-reset: number 0;
    padding-left: 0;
}
.guide > li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 2rem;
}
.guide li li {
    position: relative;
    padding-left: 2.75rem;
    margin-bottom: 1rem;
}
.guide > li::before,
.guide li li::before {
    position: absolute;
    top: auto;
    left: 0;
    counter-increment: number 1;
    padding-right: .5rem;
}
.guide > li::before {
    content: counter(number)".";
}
.guide li li::before {
    content: "（"counter(number)"）";
}
.wrap-form-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 2rem;
}
input[type="submit"]{
	font-size: 1rem;
    font-weight: 700;
    color: #D53939;
    background: #fff;
    border: solid 4px #D53939;
    border-radius: .3125rem;
	padding: 12px 20px;
	cursor: pointer;
}
input[type="submit"]:hover{
	background-color: #fff5f5;
}
input[type="button"].btn-back {
	font-size: 1rem;
    font-weight: 700;
    color: #3B4552;
    border: solid 4px #3B4552;
    background-color: #efefef;
    border-radius: .3125rem;
	padding: 12px 20px;
	cursor: pointer;
    margin-right: 2rem;
}
input[type="button"].btn-back:hover{
	background-color: #d8d1d1;
}
.confirm{
	margin-bottom: 4rem;
}
.confirm p{
	text-align: center;
	margin-bottom: 1rem;
}
.errors{
	margin-bottom: 2rem;
}
.error_messe{
	margin:5px 0;
	color:red;
}
.btn-thanks{
	display: block;
	max-width: 20rem;
	font-size: 1rem;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #D53939;
	border-radius: 4px;
	padding: .5rem 0;
	margin: 2rem auto 4rem;
}
.page-height{
	position: relative;
	min-height: 100vh;
	padding-bottom: 478px;
}
.page-height footer{
	position: absolute;
	width: 100%;
	bottom: 0;
}
.btn-top{
	display: block;
	max-width: 20rem;
	font-size: 1rem;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: #efefef;
	border: solid 1px #ccc;
	border-radius: 4px;
	padding: .5rem;
	margin: 4rem auto;
}
.btn-top:hover{
	background-color: #d2cccc;
}
@media (max-width: 767px) {
	.contact h1{
		font-size: 1.25rem;
	}
	.contact p{
		text-align :left;
	}
	.outer-form {
	    margin-bottom: 1rem;
	}
	.wrap-form,
	.wrap-label,
	.wrap-input{
	    display: block;
	}
	.wrap-label{
	    width: 100%;
	    min-width: auto;
	    min-width: inherit;
	    font-weight: 700;
	    padding: .5rem 0 .3125rem;
	}
	.wrap-input{
	    padding: 0 0 .5rem;
	}
	.policy {
	    padding: 1.5rem 1rem;
	    margin-bottom: 1rem;
	}
	.policy h2 {
	    margin: 1rem 0;
	}
	.policy p,
	.policy-box{
	    font-size: .875rem;
	}
	.page-height{
		padding-bottom: 855px;
	}
}
/* =======================================
    advisor
======================================= */
header{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.header-left img{
	max-width: 300px;
}
.header-right{
	margin: 0 auto;
    	font-weight: 500;
}
.header-right ul{
	display: -webkit-flex;
    	display: flex;
    	font-size: 1.25rem;
}
.header-right ul li{
	list-style-type: none;
    	padding: 0 20px;
}
.header-right ul li a{
	color: black;
    	text-decoration-line: none;
}
.advisor h1,.case-detail h1,.section-rei h1{
	font-size: 2.125rem;
	text-align: center;
	color: #fff;
	background-color: #1b1464;
	padding: 1rem;
	margin-bottom: 2rem;
}
.advisor-box{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content:flex-start;
}
.advisor-inner{
    	width: 32%;
    	border: solid 1px gray;
    	margin-bottom: 2rem;
    	padding: 20px;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-right:5px;
	margin-left:5px;
}
.advisor-inner-img{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.advisor-inner-img img{
	width:120px;
}
.name{
    	font-size: 1.3rem;
    	margin-left: 20px;
}
.name span{
    	display: block;
    	font-size: .8rem;
}
.comment{
	margin:1rem 0;
	font-size: 14px;
}
.area{
	background-color: aliceblue;
    	padding: 10px;
	width: 100%;
	margin-top: auto;
}
.area p{
	font-size: .8rem;
    	margin-bottom: 5px;
}
.area-name{
	display: inline-block;
    	padding: 5px 15px;
    	background-color: #e2e2e2;
    	border-radius: 20px;
	margin-right:10px;
}
.index-advisor,.index-case{
	margin: 3rem auto;
    	text-align: center;
}
.index-advisor a,
.index-case a{
	color: white;
    	background-color: #303092;
	padding: 20px 50px 20px 30px;
   	text-decoration-line: none;
    	border-radius: 10px;
	position: relative;
    	display: inline-block;
    	width: 260px;
}
.index-case a{
	background-color: #d53939;
}
.index-advisor a::after,
.index-case a::after{
	content: "";
    	margin: auto;
    	position: absolute;
    	top: 0;
   	bottom: 0;
    	left: 220px;
    	width: 10px;
    	height: 10px;
   	border-top: 2px solid #fff;
    	border-right: 2px solid #fff;
    	transform: rotate(45deg);
}
.index-advisor a:hover,
.index-case a:hover{
	opacity: 0.8;
}
@media (max-width: 990px) {
	.advisor-inner{
    		width: 48%;
	}
	.header-right ul li{
		padding:0 10px;
	}
}
@media (max-width: 767px) {
	.header-left img{
		max-width: 220px;
	}
	.header-right ul{
		margin-bottom:1rem;
		font-size: 1rem;
	}
	.advisor-inner{
    		width: 98%;
	}
}
/* =======================================
    case
======================================= */
.section-rei.page{
	padding-top:0;
}
.btn-rei{
	display: block;
	max-width: 20rem;
	font-size: 1rem;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: #efefef;
	border: solid 1px #ccc;
	border-radius: 4px;
	padding: .5rem;
	margin: 2rem auto;
}
.btn-rei:hover{
	background-color: #d2cccc;
}
.case-detail .btn-top{
	margin: 2rem auto 4rem;
}
/* =======================================
    index変更
======================================= */
.wrap-naiyou02 .naiyou-text{
	margin: 0 auto;
    	padding-bottom: 2rem;
	padding-left: 0;
	width:900px;
}
.wrap-naiyou02 .naiyou-text:hover{
	background-color: aliceblue;
}
.wrap-naiyou02 a{
	text-decoration-line: none;
    	color: black;
}
.wrap-naiyou02 .soudan{
	border-top: solid 1px #666;
	padding: 2rem 1rem .5rem 1rem;
	border-bottom:none;
	color: #2196f3;
}
.wrap-naiyou02 .soudan span{
	color:black;
}
.wrap-naiyou02 .naiyou-text p{
	font-size:1rem;
	padding: 0 1rem;
}
.kaitou-text{
	text-align: end;
    	margin-top: 1rem;
	font-weight: 500;
    	color: #303092;
}
@media (max-width: 950px) {
	.wrap-naiyou02 .naiyou-text{
		width:100%;
	}
}
.denwakouji{
	font-size:0.8rem;
	margin-top:-2rem;
}