@charset "UTF-8";

/* ===================================================================

	Setting

=================================================================== */
html { color:#333; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.5rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; overflow-x:hidden; }
img { max-width:100%; height:auto; }
main{ margin-top: 140px;}
body h1 { font-size: 2.5em; color: #D05257; font-weight:800; letter-spacing: 0.1em;}
body h2 { font-size: 2.5em; color: #D05257; font-weight:800; letter-spacing: 0.1em; background: #F3F3F3; padding: 50px; margin-top: 166px;}
.containar { width: 100%; max-width: 100%; margin: 0 auto; text-align: center;}
.containar:after { content:""; display:block; clear:both; }
.sp { display:none; }
.pc { display:block; }
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;}
.sample4-1:before{
left: -5px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #fff;

}
　　/* link set
	------------------------------------------------------------------- */
	body a { color:#333; text-decoration:none; transition:0.3s ease-in-out; }
	body a:hover { color:#47676F;}
	a img{ display: inline-block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
	a img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
	/* float対策：背景色表示用
	------------------------------------------------------------------- */
	.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; }
	.clearfix {	display: block; /* for IE8 */ }
	.both { clear:both ;}
	.hidden { display: none; }

	/* 	imgホバーアクション
	------------------------------------------------------------------- */
	/*.imgWrap { overflow: hidden; width: 100%;　height: auto; cursor: pointer; background-color: #737065; }
	.imgWrap img { display: block; transition-duration: 0.3s; margin-top: -1px; }
	.imgWrap img:hover { opacity: 0.6; transform: scale(1.1); transition-duration: 0.3s; }*/

	/* 	背景画像＆テキスト使用時
	------------------------------------------------------------------- */
	.bg { display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: left top; }
　　/* 	テキスト指定
	------------------------------------------------------------------- */
　　.min { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif, sans-serif; }


/* ===================================================================

	Header

=================================================================== */
body > header{ width:100%; background: #fff; position:fixed; z-index:9999; transition:0.3s ease-in-out; height: 166px; border-bottom:1px solid #F3F3F3; top:0;}
body > header .containar { display: flex; flex-flow: row wrap; width: 1200px; justify-content:space-between; flex-wrap:nowrap;}
body > header .logo{ width: 400px;}
body > header .logo p{ color: #666; font-size:8px; margin:20px 0; letter-spacing:0.07em;}
body > header .h_r { width: 700px;}
body > header .h_r ul{ display: flex; flex-flow: row wrap; padding-top: 10px;}
body > header .h_r ul li{ padding-left: 15px;}
body > header .h_r ul li p{ font-size: 11px; color: #333; padding:10px 0 5px;}
body > header .h_r ul li p span{ font-weight: 600; }
body > header .h_r ul li .mail{ padding-top: 15px;}

body > header .h_r ul li.header_contact { width:48%; }
body > header .h_r ul li.header_contact img.header_tel { margin-bottom:8px; }


		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { margin-top: 5px; }
		  body > header nav ul li{ font-size: 12px; color: #333; border-right: 1px solid #CCC; padding-right: 15px; }
		  body > header nav ul li.last{ border-right: none;}
		  body > header nav ul li a{ color: #666;}
		  body > header nav ul li a:hover{ color:#47676F; border-bottom: 1px solid #47676F;}


		  /* s3(無料相談)
		=================================================================== */

	 .soudann{ background: url(../images/fp_back02.png) center center no-repeat; display: flex; flex-flow: row wrap; justify-content: space-between; width: 1000px; margin: 0 auto 100px;}
	 .soudann h3{ padding: 30px 0 20px 300px;}
	 .soudann p{ text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff; color: #333; letter-spacing: 0.15em; line-height: 2em; padding-left: 300px; text-align: left; font-size:0.9em;}
	 .soudann .soudannImg01{ padding: 15px 0 20px 30px;}
	 .soudann .soudannImg02{ padding: 15px 30px 20px 0;}


/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: none; }


/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	body > footer { background: #F3F3F3;}
	body > footer > .containar { margin-bottom:5px; display: flex; flex-flow: row wrap; justify-content: space-between; padding-top:70px; width:1080px;}
	body > footer  ul { width: 791px; display: flex; flex-flow: row wrap; }
	body > footer  ul li{ padding: 20px 35px 0 0; color: #666; font-size: 0.8em; letter-spacing: 0.15em;}
	body > footer h1{ text-align:center; padding-top: 30px;}
	body > footer .recruitimg{ width: 25%; padding-top: ;}
	body > footer .recruitimg a:hover{ border-bottom: none;}
	body > footer .btm{ text-align: center; padding: 20px 0;}
	body > footer a{ color: #666;}
	body > footer a:hover { border-bottom: 1px solid #47676F; color: #47676F;}
	body > footer .f_youtube {margin-top:5px; }





/* //////////////////////////////////////////////////////////////////////// Page Contents //////////////////////////////////////////////////////////////////////// */

	.main_title { margin-bottom:80px; text-align:center; margin-top:100px; }
	.main_title img { width:1000px; }

/* ===================================================================

	consultation（保険の見直し・相談）

=================================================================== */
  #consultation　{ width: 100%; margin: 0 auto;}

	/* s1
	=================================================================== */
	#consultation .s1 {  text-align: center; background: url(../images/fp_under_r1_c1.png) center center no-repeat ; height: 772px;}
	#consultation .s1 h1{ padding: 100px;}
	#consultation .s1 p{ font-size:2.0em; font-weight: 700; padding-top: 385px;}

	/* s2
	=================================================================== */
	#consultation .s2{ padding: 100px 0; text-align: center;}
	#consultation .s2 p{ padding: 50px 0; font-size: 1.2em; letter-spacing: 0.1em; line-height: 2.0em; }
	#consultation .s2 ul{ width: 1000px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin:0 auto;}
	#consultation .s2 ul li{ width: 300px; text-align: left;}
	#consultation .s2 ul li h3{ font-size: 1.0em; font-weight: 600; color: #D05257; padding-top: 20px;}
	#consultation .s2 ul li p { font-size: 0.9em; line-height: 2.0em; padding: 20px 0 100px; }

	/* s3
	=================================================================== */
	#consultation .s3 p{ padding: 30px 0; line-height: 1.8em; letter-spacing: 0.1em;}
					.s3 .flexbox{ display: flex; flex-flow: row wrap; justify-content: space-between; width:560px;}
					.s3 .flexbox dl{ width: 180px; color: #fff; margin-bottom: 10px;}
					.s3 .flexbox dl dt{ font-size: 1.0em; font-weight: 600; text-align: center; padding: 15px 0;}
					.s3 .flexbox dl dd{ font-size: 0.8em; font-weight: 600; text-align: left; padding-bottom: 15px;}
					.s3 .flexbox dl.sh ul{ display: flex; flex-flow: row wrap; justify-content: space-between; }
					.s3 .flexbox dl.sh ul .box{ width: 90px;}
					.s3 .flexbox dl.sh{ background: #7BB3B3;}
					.s3 .flexbox dl.jh{ background: #839DAE;}
					.s3 .flexbox dl.rh{ background: #DE9B84;}
					.s3 .flexbox dl.ih{ background: #CEA7B3;}
					.s3 .flexbox dl.suh{ background: #AAB052;}
					.s3 .flexbox dl.lh{ background: #A59B7C;}
	#consultation .s3 .consultationcnt{ width: 1000px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 auto; padding: 50px 0;}
	#consultation .s3 .consultationtxt{ width: 400px; text-align: left;}
	#consultation .s3 .consultationtxt h2{ font-weight: 600;　text-align: left; color: #000; background: none; font-size: 0.9em; padding: 0; margin-top: 0;}
	#consultation .s3 .consultationtxt p{ font-size: 0.9em; line-height: 2.0em; }


	/* s4
	=================================================================== */
	.s4{ padding-top: 160px;}
	.s4 p{ padding: 50px 0; font-size: 1.2em; letter-spacing: 0.1em; line-height: 2.0em; }
	.s4 ul { width: 1080px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 auto;}
	.s4 ul li{ width: 520px; display: flex; flex-flow: row wrap; justify-content: space-between; padding-bottom: 30px;}
	.s4 ul li h3{ background: url(../images/fp_under_r12_c4.png) 10px center no-repeat #D05257; width: 520px; font-weight: 600; color:#fff; font-size:1.2em; letter-spacing: 0.2em; padding: 5px 0;}
	.s4 ul li p { font-size: 0.9em; letter-spacing: 0.05em; line-height: 1.5em; width: 275px; text-align: left; padding:20px 0;}
	.s4 ul li img{ padding: 20px 0;}
	.s4 ul li h3.consultationh3{ background: url(../images/fp_under_r11_c11.png) 10px center no-repeat #D05257;}

/* ===================================================================

	nethoken（ネット保険）

=================================================================== */
/* s1
		=================================================================== */
		#nethoken .s1 p{ padding:100px 0 0 0; font-size: 1.0em; letter-spacing: 0.05em; line-height:1.8em; width: 800px; margin:0 auto;}

	/* s2
		=================================================================== */
		#nethoken .s2 { margin: 55px 0 100px 0;}
		#nethoken .s2 ul{ width: 1000px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 auto;align-items: center; }
		#nethoken .s2 h3{ width: 1000px; background: #D05257; font-size: 1.2em; font-weight: 600; letter-spacing: 1.0em; color: #fff;margin: 50px auto 0; text-align: left; padding: 5px 0 5px 15px;}
		#nethoken .s2 ul li{ width: 33.33%; padding: 20px 10px 0 0;}
		#nethoken .s2 ul li p{ font-size:0.7em; text-align: center;}
		#nethoken .s2 ul.ull{  width: 1000px; display: flex; flex-flow: row wrap; justify-content:flex-start; margin: 0 auto; height: 152.917px;}
		#nethoken .s2 ul.ull li{ padding-right: 35px; width: 26%;}
/* ===================================================================

	partners（取扱保険会社）

=================================================================== */

	/* s1
		=================================================================== */
		#partners .s1 p{ padding:100px 0 0 0; font-size: 1.0em; letter-spacing: 0.05em; line-height:1.8em; width: 800px; margin:0 auto;}

	/* s2
		=================================================================== */
		#partners .s2 { margin: 30px 0 100px 0;}
		#partners .s2 ul{ width: 1000px; display: flex; flex-flow: row wrap; justify-content: initial; margin: 0 auto;}
		#partners .s2 h3{ width: 1000px; background: #D05257; font-size: 1.2em; font-weight: 600; letter-spacing: 1.0em; color: #fff;margin: 50px auto 0; text-align: left; padding: 5px 0 5px 15px;}
		#partners .s2 ul li{ width: 221px; padding: 20px 0; margin-left:2%; }
		#partners .s2 ul li p{ font-size:0.7em; text-align: center;}
		#partners .s2 ul.ull{  width: 1000px; display: flex; flex-flow: row wrap; justify-content:flex-start; margin: 0 auto; height: 152.917px;}
		#partners .s2 ul.ull li{ padding-right: 35px; width: 26%;}

/* ===================================================================

	office（店舗のご案内）

=================================================================== */

	/* s1
		=================================================================== */
		#office .s1{padding-bottom: 50px;}
		#office .s1 p{ padding:100px 0 0 0; font-size: 1.0em; letter-spacing: 0.05em; line-height:1.8em; width: 800px; margin:0 auto;}

	/* s2
		=================================================================== */
		#office .s2{ padding-bottom: 150px;}
		#office dl { width: 1000px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 15px auto 0; border-top: 1px dashed #AF9CA6; padding: 30px 0}
		#office dl dt{ width: 420px;}
		#office dl dt h3{ font-size: 1.2em; color: #D05257; font-weight: 600; letter-spacing: 0.1em; text-align:left; padding: 20px 0;}
		#office dl dt p{ text-align:left; font-size:0.9em; padding-bottom: 15px;}
		#office dl dt ul div{ background: #FCF4F5;}
		#office dl dt ul li h4{ font-weight: 600; padding: 20px 0 15px 15px;}
		#office dl dt ul li p{ padding: 0 15px 20px 15px;}
		#office dl dd .flow{ background: #E8437D; border-radius: 30px; width: 350px; padding: 10px 50px; font-weight:600; color:#fff; margin-top: 35px; text-align: center;}
		#office dl dd .flow p{ color: #fff;}
		#office dl dt ul.access li{ font-size: 0.9em; letter-spacing: 0.3em; line-height: 1.5em;}
		#office dl dt ul.access li.accesstxt{ padding-top: 20px; }
		#office dl dt ul.access li.ion a{ font-size: 0.8em; letter-spacing: 0.05em; padding:10px; background: #FCF4F5; }
		#office dl dt ul.access li.ion{margin-top: 10px;}
		#office dl.info{ display: block; border-bottom: 1px dashed #AF9CA6; padding-bottom: 45px;}
		#office table tr th{ font-weight: 600; width: 140px; padding: 20px 0; padding: 20px 0 0 15px;}
		#office table tr td{ font-size: 0.9em; letter-spacing: 0.05em;}
		#office table tr td ul { display: flex; flex-flow: row wrap; margin: 30px 0; align-items: center;}
		#office table tr td ul li{ padding: 10px;}

		#office .shop_area { width: 1000px; margin: 30px auto 0; border-top: 1px dashed #AF9CA6; padding: 30px 0}
		#office .shop_area h3{ font-size: 1.2em; color: #D05257; font-weight: 600; letter-spacing: 0.1em; text-align:left; padding: 20px 0;}
		#office .shop_area .shop_box { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom:50px; }
		#office .shop_area .shop_box ul.access { width:50%; }
		#office .shop_area .shop_box ul.access li{ font-size: 0.9em; letter-spacing: 0.3em; line-height: 1.5em;}
		#office .shop_area .shop_box ul.access li.shop_name{ font-size: 0.9em; font-weight:600; margin-bottom:10px; }
		#office .shop_area .shop_box ul.access li.accesstxt{ padding-top: 20px; }
		#office .shop_area .shop_box ul.access li.ion a{ font-size: 0.8em; letter-spacing: 0.05em; padding:10px; background: #FCF4F5; }
		#office .shop_area .shop_box ul.access li.ion{margin-top: 10px;}
		#office .shop_area .shop_box ul.access li.shop_img { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin:20px 0; }
		#office .shop_area .shop_box ul.access li.shop_img img { width:48%; }
		#office .shop_area .shop_box .shop_map { width:45%; }


	/* tab */
	.wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.tab_wrap{ margin:0;}
	#office .tab_wrap input[type="radio"]{display:none;}
	.tab_area{font-size:0; margin:0 10px; text-align:center;}
	.tab_area label{width:400px; margin:0 15px; display:inline-block; padding:12px 0;text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; }
	.tab_area label.tab1_label { border:2px solid #e7447d; }
	.tab_area label.tab2_label { border:2px solid #e7447d; }

	.tab_area label:hover{opacity:0.7;}
	.panel_area{background:#fff;}
	.tab_panel{width:100%; padding:0; display:none;}

	#tab1:checked ~ .tab_area .tab1_label{background:#e7447d; color:#fff; }
	#tab1:checked ~ .tab_area .tab1_label h4 {color:#fff; font-weight:bold; }
	#tab1:checked ~ .panel_area #panel1{display:block;}
	#tab2:checked ~ .tab_area .tab2_label{background:#e7447d; color:#fff; }
	#tab2:checked ~ .tab_area .tab2_label h4 { color:#fff; font-weight:bold; }
	#tab2:checked ~ .panel_area #panel2{display:block;}

	.tab_area label h4 { font-size:1.5rem; color:#e7447d; letter-spacing:2px; }

	/* tab ここまで */




		/* ===================================================================

			news（ブログ）

		=================================================================== */

	/* s1
		=================================================================== */
		#news .s1{padding-bottom: 50px;}
		#news .s1 p{ padding:100px 0 0 0; font-size: 1.0em; letter-spacing: 0.05em; line-height:1.8em; width: 800px; margin:0 auto;}

	/* s2
		=================================================================== */
		#news .s2{ padding-bottom: 150px;}
		#news dl { width: 1080px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 30px auto 0; border-top: 1px dashed #AF9CA6; padding: 30px 0}
		#news dl dt{ width: 480px;}
		#news dl dt h3{ font-size: 1.2em; color: #D05257; font-weight: 600; letter-spacing: 0.1em; text-align:left; padding: 20px 0;}
		#news dl dt p{ text-align:left; font-size:0.9em; padding-bottom: 15px;}
		#news dl dt ul div{ background: #FCF4F5;}
		#news dl dt ul li h4{ font-weight: 600; padding: 20px 0 15px 15px;}
		#news dl dt ul li p{ padding: 0 15px 20px 15px;}
		#news dl dt p span{ color: #D05257; font-size:1.2em; font-weight: 600;}
		#news dl.colum dd{ width: 50%;}
		#news dl.colum dd img{ width: 70%;}
		#news dl.colum ul{ text-align: left; color:#D05257; font-size: 0.9em;}
		button{ padding: 0 20px; }

		#news .youtube { padding-top: 56.25%; width: 100%; position: relative; }
		#news .youtube iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

		#news .news_link { margin-top: -160px; padding-top: 160px; }


/* ===================================================================

	question（よくあるご質問）

=================================================================== */
		/* s1
		=================================================================== */
	#question .s1 p{ padding: 100px 0; line-height: 1.8em;}

		/* s2
		=================================================================== */
	#question .s2 .containar{ padding-bottom: 100px;}
	#question .s2 .hidden_box {padding: 0;  width: 1000px; margin: 0 auto;}

				/*ボタン装飾*/
	#question .s2 .hidden_box label p{ background: url(../images/Q&A01.png) no-repeat left center,
									url(../images/Q&A.png) no-repeat right center;
									padding: 20px 0 20px 50px; border-top: 1px dashed #AF9CA6; cursor :pointer; text-align: left;}
	#question .s2 .last p{ border-bottom: 1px dashed #AF9CA6;}
				/*ボタンホバー時*/
	#question .s2 .hidden_box label:hover {
					background: #efefef;
				}

				/*チェックは見えなくする*/
	#question .s2 .hidden_box input {
					display: none;
				}

				/*中身を非表示にしておく*/
	#question .s2 .hidden_box .hidden_show {
					height: 0;
					padding: 0;
					overflow: hidden;
					opacity: 0;
					transition: 0.8s;
				}
	#question .s2 .hidden_box .hidden_show p{ text-align: left; padding: 20px 50px 20px 50px; }
				/*クリックで中身表示*/
	#question .s2 .hidden_box input:checked ~ .hidden_show {
					padding: 10px 0;
					height: auto;
					opacity: 1;
					border-top: 1px dashed #AF9CA6;
				}
	#question .s2 .last input:checked ~ .hidden_show {
					border-top: none;
				}

/* ===================================================================

	solicitation（勧誘方針）

=================================================================== */
		/* s1
		=================================================================== */
	#solicitation .s1 p{ padding: 100px 0 30px 0; line-height: 1.8em; width: 700px; margin: 0 auto;}
		/* s2
		=================================================================== */
	#solicitation .s2 .containar{ width: 1000px; margin: 0 auto 100px; text-align: right;}
	#solicitation .s2 .containar div{ padding: 100px 10px 10px 0;}
	#solicitation .s2 ul{ text-align: left; }
	#solicitation .s2 ul li{ padding-top: 70px;}
	#solicitation .s2 ul li h3{ color: #D05257; font-size: 1.2em; font-weight: 600; border-bottom: 1px dashed #AF9CA6; border-top: 1px dashed #AF9CA6; padding: 20px 0;}
	#solicitation .s2 ul li p{ padding: 20px 0 0 0;}
	#solicitation .s2 dl{ width: 360px; background: #F3F3F3; text-align: left; margin-left: auto;}
	#solicitation .s2 dl dt{ color: #D05257; font-size: 1.0em; font-weight: 600; padding: 20px 0 0 10px;}
	#solicitation .s2 dl dd p{ padding: 10px 0 0 10px; }
	#solicitation .s2 dl dd{ padding-bottom: 20px;}



/* ===================================================================

	privacy policy（プライバシーポリシー）

=================================================================== */
		/* s1
		=================================================================== */
	#privacypolicy .s1 p{ padding: 100px 0 30px 0; line-height: 1.8em; width: 1000px; margin: 0 auto;}
	#privacypolicy .s1 h2 span{ font-size:0.7em;}

		/* s2
		=================================================================== */
	#privacypolicy .s2{ padding: 50px 0 100px 0;}
	#privacypolicy .s2 dl{ width:1000px; margin:0 auto;}
	#privacypolicy .s2 dl dt{ color: #D05257; font-size: 1.2em; font-weight: 600; border-bottom: 1px dashed #AF9CA6; border-top: 1px dashed #AF9CA6; padding: 20px 0;}
	#privacypolicy .s2 dl dd{ padding: 20px 0;}
	#privacypolicy .s2 ul.policytxt{ padding: 15px 0;}
	#privacypolicy .s2 dl.policytxt02 dt{color: #000; font-size: 1.0em; font-weight: 500; border-bottom: none; border-top:none; padding: 0;}
	#privacypolicy .s2 dl.policytxt02 dd{ padding: 10px 0;}
	#privacypolicy .s2 dl.policytxt03{ padding: 20px 0;}
	#privacypolicy .s2 dl.policytxt03 dt{color: #000; font-size: 1.0em; font-weight: 500; border-bottom: none; border-top:none; padding: 0;}
	#privacypolicy .s2 dl.policytxt03 dd{ padding: 0 0 0 10px;}


/* ===================================================================

	Sale By Recommendation（保険契約の提案における当社方針）

=================================================================== */
		/* s1
		=================================================================== */
	#SaleByRecommendation .s1 p{ padding:50px 0 0 0; line-height: 1.8em;}

		/* s2
		=================================================================== */
	#SaleByRecommendation .s2{padding: 100px 0;}
	#SaleByRecommendation .s2 .containar{ width: 1000px;}
	#SaleByRecommendation .s2 dl{ width: 1000px; margin: 0 auto; text-align:left;}
	#SaleByRecommendation .s2 dl dt{ color: #D05257; font-size: 1.0em; font-weight: 600; border-bottom: 1px dashed #AF9CA6; border-top: 1px dashed #AF9CA6; padding: 20px 0;}
	#SaleByRecommendation .s2 dl dd{ padding: 30px 0;}
	#SaleByRecommendation .s2 dl dd.ppp{ padding: 10px 0;}
	#SaleByRecommendation .s2 dl.Saletxt dt{ color: #000; font-size: 1.0em; font-weight: 600; border-bottom: none; border-top: none; padding: 0;}
	#SaleByRecommendation .s2 h3{ color: #fff; font-size: 1.2em; font-weight: 600; background: #D05257; padding: 10px 0 10px 15px; text-align: left; margin-top: 50px;}
	#SaleByRecommendation .s2 p{  padding:50px 15px 50px 15px; line-height: 1.8em; text-align: left;}
	#SaleByRecommendation .s2 ul li .strong{ font-weight:bold;}
	#SaleByRecommendation .s2 .right{ text-align:right;}


/* ===================================================================

	recruit（採用情報）

=================================================================== */
		/* s1
		=================================================================== */
		/* s2
		=================================================================== */
	#recruit .s2 { padding-top: 100px;}
	#recruit .s2 h3{ color: #fff; font-size: 1.2em; font-weight: 600; background: #D05257; padding: 10px 0 10px 15px; text-align: left; margin-top: 50px; width: 1000px; margin: 0 auto;}
	#recruit .s2  dl{ width: 1000px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 50px auto; text-align: left;}
	#recruit .s2  dl dt{ width: 300px; color: #D05257; font-size: 1.2em; font-weight: 600; padding: 30px 0 30px 20px; border-top: 1px dashed #AF9CA6; }
	#recruit .s2  dl dd{ width: 700px; padding: 30px 0; border-top: 1px dashed #AF9CA6; }
	#recruit .stop{ font-size:24px; padding-bottom: 100px; font-weight: 600;}
/* ===================================================================

	promotion（キャンペーン）

=================================================================== */
		/* s1
		=================================================================== */
		#promotion .s1 div{ padding: 100px 0;}
		#promotion .s1 p{ color: #999999; font-size: 36px; font-weight: 900; }

		/* ===================================================================

	staff（スタッフ紹介）

=================================================================== */
		/* s1
		=================================================================== */
		#staff .s1 { padding-bottom: 100px; font-size:14px;}
		#staff .s1 h3{ width: 1000px; background: #D05257; font-size: 1.2em; font-weight: 600; letter-spacing: 1.0em; color: #fff;margin: 50px auto 0; text-align: left; padding: 5px 0 5px 15px;}
		#staff .s1 .flex{ width: 1000px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 auto;}
		#staff .s1 .flex dl{ width: 470px; padding-top: 50px;}
		#staff .s1 .flex dl dt{ width: 35%; float: left;}
		#staff .s1 .flex table caption{ font-weight: 600; text-align: left; margin: 15px 0 10px 20px; border-bottom: 1px dashed #f3f3f3;}
		#staff .s1 .flex table{ text-align:left; width: 300px;}
		#staff .s1 .flex table tr{ border-bottom: 1px dashed #f3f3f3;}
		#staff .s1 .flex table tr th{ width: 95px; font-weight: 600; padding: 10px 0 10px 20px;}
		#staff .s1 .flex .mess{ background: #FCF4F5; border-bottom: none; padding: 20px 20px; margin-top: 30px; border-radius: 10px; text-align: left;}
		#staff .s1 .flex .mess p{ padding: 0 10px;}
		#staff .s1 .flex .mess p.mess02{ padding-bottom: 10px; font-weight: 600; }

		/* ===================================================================

	corporation（会社情報）

=================================================================== */
		/* s1
		=================================================================== */
		#corporation .s1 div{ padding: 100px 0;}
		#corporation .s1 p{ color: #999999; font-size: 36px; font-weight: 900; }

		/* ===================================================================

			lifeplan（ライフプランチェック）

		=================================================================== */
				/* s1
				=================================================================== */
			#lifeplan2 .s1{
				background: url(../images/lifeimg/lifemain.png) no-repeat center;
				height: 476px;
			}
			#lifeplan2 .s1 h2{ background: none;}
			#lifeplan2 .s1 h2 span{ font-size: 2.5rem; color: #333;}

				/* s2
				=================================================================== */
			#lifeplan2 .s2 .containar{ padding-bottom: 100px;}
			#lifeplan2 .planimg{text-align: center;}
			#lifeplan2 .s2 .d_i{ padding: 50px 0;}
			#lifeplan2 h3 {
				    width: 1000px;
				    background: #D05257;
				    font-size: 1.2em;
				    font-weight: 600;
				    letter-spacing: 0.5rem;
				    color: #fff;
				    margin: 50px auto 0;
				    text-align: left;
				    padding: 5px 0 5px 15px;
				}
				#lifeplan2 .s2 .flex {
					display: flex;
					flex-flow: row wrap;
						justify-content: space-between;
						width: 1000px;
						margin: 0 auto;
						padding: 50px 0;
					}
				#lifeplan2 .s2 .flexinner01 {
						  width: 50%;
						}
				#lifeplan2 .s2 .flexinner02 {
						  width: 50%;
							display: flex;
  						flex-flow: row wrap;
							align-items: center;
						}
				#lifeplan2 .s2 .flexinner02 h4{
						  font-weight: bold;
							color: #D05257;
							font-size: 18px;
							margin-bottom: 30px;
							text-align: left;
						}
			#lifeplan2 .s2 .flexinner02 p{
				font-size: 1.4rem;
				line-height: 2.5rem;
				text-align: left;
					}
			#lifeplan2 .s2 .d_i p{ line-height: 2em;}
			#lifeplan2 h3.sentaku{
				color: #D05257;
				font-size: 2rem;
				background: none;
				text-align: center;
				letter-spacing: 1.0rem;
				margin-bottom: 50px;
			}

tab_item:hover {
  opacity: 0.75;
}
#lifeplan2 .s3 .flex {
	display: flex;
	flex-flow: row wrap;
		justify-content: space-between;
		width: 1000px;
		margin: 0 auto;
		padding: 50px 0;
	}
#lifeplan2 .s3 .flexinner01 {
			width: 50%;
		}
#lifeplan2 .s3 .flexinner02 {
			width: 50%;
			display: block;
			flex-flow: row wrap;
			align-items: center;
		}
#lifeplan2 .s2{
	padding: 70px 0;
}
#lifeplan2 .s3 .flexinner02 {
    padding: 0 20px;
}
#lifeplan2 .s3 .flexinner02 h4{
			font-weight: bold;
			color: #D05257;
			font-size: 18px;
			margin-bottom: 15px;
			text-align: left;
		}
#lifeplan2 .s3 h3 {
			width: 100%;
	}
#lifeplan2 .s3 .flex {
    width: 100%;
		padding: 50px 0 30px;
}
#lifeplan2 .s3 dl {
  	text-align: left;
		padding: 20px 0;
}
#lifeplan2 .s3 dl dt{
	background: #ff9546;
	padding: 3px 40px;
	color: #fff;
	border-radius: 20px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 0.5rem;
}
#lifeplan2 .s3 dl dd span{
	font-size: 3.5rem;
	font-weight: bold;
}
#lifeplan2 .s3 dl dd{
	padding: 10px 0;
}
#lifeplan2 .s3 dl dd.syo{
	font-size: 10px;
	padding: 0;
}
#lifeplan2 .s3 .flex2 {
	display: flex;
	flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto;
		padding: 50px 0;
	}
#lifeplan2 .s3 .flex2 .flexinner01 {
			width: 20%;
		}

#lifeplan2 .s3 .flex2 .flexinner02 {
			width: 80%;
			display: flex;
  		flex-flow: row wrap;
			align-items: center;
		}
		#lifeplan2 .s3 .flex2 .flexinner02 div p span.bold {
				font-weight: bold;
				font-size: 18px;
		}
		#lifeplan2 .s3 .flex2 .flexinner02 div p span.color {
				color: #ff9546;
				font-weight: bold;
		}
		.pointimg{
			padding: 10px;
		}
#lifeplan2 .forbk{
	background: #e1f9f8;
}
#lifeplan2 .s3 h3.sentaku {
    padding: 50px 0;
}
#lifeplan2 .s3 .flex3 {
		display: flex;
	flex-flow: row wrap;
		justify-content: space-between;
		width: 1000px;
		margin: 0 auto;
		padding: 50px 0;
	}
#lifeplan2 .s3 .flex3 .flexinner {
			width: 33.33%;
		}
#lifeplan2 .s3 .flex3 .flexinner dl {
		width: 95%;
		margin: 0 auto;
		}
#lifeplan2 .s3 .flex3 .flexinner dl dt{
		width: 100%;
		text-align: center;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		padding: 20px 0;
		font-size: 24px;
		background-color: #215ead;
		}
		#lifeplan2 .s3 .flex3 .flexinner dl.oreng dt{
				background-color: #e69936;
				}
		#lifeplan2 .s3 .flex3 .flexinner dl.green dt{
				background-color: #9ab445;
				}
				#lifeplan2 .s3 .flex3 .flexinner dl.oreng dd{
						border: 1px solid #e69936;
						}
				#lifeplan2 .s3 .flex3 .flexinner dl.green dd{
						border: 1px solid #9ab445;
						}
#lifeplan2 .s3 .flex3 .flexinner dl dd .flex div{
		width: 30%;
		}
#lifeplan2 .s3 .flex3 .flexinner dl dd{
		border: 1px solid #215ead;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
		padding: 0 2%;
		background-color: #fff;
		}
#lifeplan2 .s3 .flex3 .flexinner dl dd p{
		width: 70%;
		line-height: 24px;
		font-size: 13px;
		}
#lifeplan2 .s3 .flex3 .flexinner dl dd p span{
		font-size: 16px;
		font-weight: bold;
		}
		#lifeplan2 .s3 .tty{
			width: 100%;
			display: flex;
		}
		#lifeplan2 .s3 h3.popo {
		    padding: 10px 0;
		}

		#lifeplan2 .s4 .soudann {
    background: url(../images/fp_back02.png) center center no-repeat;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
		padding-bottom: 50px;
}
#lifeplan2 .s4 .soudann h3 {
    padding: 50px 0 20px 300px;
		background: none;
		margin: 0;
}
#lifeplan2 .s4 .soudann p {
    text-shadow: 2px 2px 1px
#fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px
#fff;
color:
    #333;
    letter-spacing: 0.15em;
    line-height: 2em;
    margin-left: 300px;
    text-align: left;
    font-size: 0.9em;
		padding: 0;
}
#lifeplan2 .s4 .soudann .soudannImg01 {
    padding: 15px 0 20px 30px;
}
#lifeplan2 .s4 .soudann .soudannImg02 {
    padding: 15px 30px 20px 0;
}
#lifeplan2 .s4 {
    padding-top: 0;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 1000px;
  margin: 0 auto;}

	.tabs p i{
	  color: 	#D05257;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: auto;
  border-bottom: 3px solid #e1f9f8;
  background-color: #fff;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
	background: #e1f9f8;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#kekkon:checked ~ #kekkon_content,
#yonjyuu:checked ~ #yonjyuu_content,
#gojyuu:checked ~ #gojyuu_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #e1f9f8;
}


			#lifeplan2 .s2 .hidden_box {padding: 0;  width: 1000px; margin: 0 auto;}

						/*ボタン装飾*/
			#lifeplan2 .s2 .hidden_box label p{ background: url(../images/Q&A01.png) no-repeat left center,
											url(../images/Q&A.png) no-repeat right center;
											padding: 20px 0 20px 50px; border-top: 1px dashed #AF9CA6; cursor :pointer; text-align: left;}
			#lifeplan2 .s2 .last p{ border-bottom: 1px dashed #AF9CA6;}
						/*ボタンホバー時*/
			#lifeplan2 .s2 .hidden_box label:hover {
							background: #efefef;
						}

						/*チェックは見えなくする*/
			#lifeplan2 .s2 .hidden_box input {
							display: none;
						}

						/*中身を非表示にしておく*/
			#lifeplan2 .s2 .hidden_box .hidden_show {
							height: 0;
							padding: 0;
							overflow: hidden;
							opacity: 0;
							transition: 0.8s;
						}
			#lifeplan2 .s2 .hidden_box .hidden_show p{ text-align: left; padding: 20px 50px 20px 50px; }
						/*クリックで中身表示*/
			#lifeplan2 .s2 .hidden_box input:checked ~ .hidden_show {
							padding: 10px 0;
							height: auto;
							opacity: 1;
							border-top: 1px dashed #AF9CA6;
						}
			#lifeplan2 .s2 .last input:checked ~ .hidden_show {
							border-top: none;
						}

/* ===================================================================

	contact（お問い合わせ）

=================================================================== */
		/* s1
		=================================================================== */
	/*#contact .s1 p{ padding: 100px 0 30px 0; line-height: 1.8em; width: 770px; margin: 0 auto;}
	#contact .s1 h3{ color: #fff; font-size: 1.2em; font-weight: 600; background: #D05257; padding: 10px 0 10px 15px; text-align: left; margin-top: 50px; width: 1000px; margin: 0 auto;}
	#contact .s1 dl dd.date{ text-decoration: none;}
	#contact .s1 dl dd.time{ border-top: none; padding: 0 27% 15px 5%;}
	#contact .s1 dl dt strong{ color: #D05257;}*/


/* ================================================================
/
/	CONTACT
/
=================================================================== */

/* form
------------------------------------------------------------------- */
.cnt .s1 h2{ font-size: 2.0em;}
.cnt .s1 p{ padding: 30px 0 30px 0; line-height: 1.8em; width: 770px; margin: 50px auto;}
.cnt .s1 h3{ width:60%; color: #fff; font-size: 1.2em; font-weight: 600; background: #D05257; padding: 10px 0 10px 15px; text-align: left; margin: 50px auto;}
.cnt table { width:60%; margin:0 auto 60px; text-align:left; border:1px solid #DDD; font-size:1.4rem; padding: }
.cnt table tr th,
.cnt table tr td { padding:20px 0; border-bottom:1px solid #DDD; }
.cnt table tr:nth-child(2n) { background:#FAFAFA; }
.cnt table tr th { width:25%; vertical-align:middle; padding-left:50px; }
.cnt table tr th span { background:#930; color:#FFF; font-size:1.1rem; margin-left:1em; letter-spacing:1px; padding:0.2em 1em; }
.cnt table tr td { padding:20px 50px; }
.cnt table tr td p { font-size:1.1rem; margin-top:10px; color:#888; }
.cnt table tr td ul li dl { padding-top:10px;}
.cnt table tr td ul li.dayhope span{ color:#F92121; font-size: 0.9em;}

/* input */
.cnt table tr td input[type="text"],
.cnt table tr td input[type="email"],
.cnt table tr td input[type="tel"] { width:100%; padding:5px 10px; border:1px solid #CCC; }
.cnt table tr td input[type="radio"] { margin:5px; }
.cnt table tr td.short input { width:50%; }
.cnt table tr td.mini input { width:15%; }
.cnt table tr td select { width:50%; padding:5px 10px; border:1px solid #CCC; }
.cnt table tr td textarea { width:100%; height:15em; padding:5px 10px; border:1px solid #CCC; }


/* submit */
.cnt input[type="submit"] { -webkit-appearance:none; display:block; width:250px; height:40px; line-height:36px; border:2px solid #207490; background:#207490; color:#FFF; letter-spacing:1px; text-align:center; border-radius:3px; font-weight:bold; font-size:1.4rem; text-shadow:1px 1px 1px rgba(0,0,0,0.2); margin:0 auto 50px; }
.cnt input[type="submit"]:hover { background:none; color:#207490; text-shadow:1px 1px 1px rgba(0,0,0,0); }


/* check */
.cnt .check { text-align:center; padding:30px; border:3px solid #DDD; background:#F1F1F1; margin-bottom:30px; }
.cnt .btn_area {
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	gap: 5%;
	width: 40%;
	margin: 0 auto;
}
.cnt .btn_area input[type="button"] {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.cnt .btn_area input[type="button"] { -webkit-appearance:none; display:block; width:250px; height:40px; line-height:36px; border:2px solid #666; background:#666; color:#FFF; letter-spacing:1px; text-align:center; border-radius:3px; font-weight:bold; font-size:1.4rem; text-shadow:1px 1px 1px rgba(0,0,0,0.2); margin:0 auto 50px; }
.cnt .btn_area input[type="button"]:hover { background:none; color:#666; text-shadow:1px 1px 1px rgba(0,0,0,0); }

/* complete */
.cnt .complete { text-align:center; padding:30px; border:3px solid #DDD;}
.cnt .complete p { margin-bottom:40px; }
.cnt .complete a { display:block; width:250px; height:40px; line-height:36px; border:2px solid #207490; background:#207490; color:#FFF; letter-spacing:1px; text-align:center; border-radius:3px; font-weight:bold; font-size:1.4rem; text-shadow:1px 1px 1px rgba(0,0,0,0.2); margin:0 auto; }
.cnt .complete a:hover { background:none; color:#207490; text-shadow:1px 1px 1px rgba(0,0,0,0); }

	/* ===================================================================

	#	Responsive

	=================================================================== */
	@media screen and (max-width:768px) {

		.cnt .check { padding:2em; margin-bottom:2em; }
		.cnt .complete p { margin-bottom:2em; }
		.cnt .complete a { width:80%; font-size:1.2rem; }

	}



/* ===================================================================

	security policy（情報セキュリティーポリシー）

=================================================================== */
		/* s1
		=================================================================== */
	.pp_common .s1 p{ padding: 100px 0 30px 0; line-height: 1.8em; width: 1000px; margin: 0 auto; text-align: left;}
	.pp_common .bold { font-size: 1.2em; font-weight: bold; }

		/* s2
		=================================================================== */
	.pp_common .s2{ padding: 50px 0 100px 0;}
	.pp_common .s2 dl{ width:1000px; margin:0 auto;}
	.pp_common .s2 dl dt{ color: #D05257; font-size: 1.2em; font-weight: 600; border-bottom: 1px dashed #AF9CA6; border-top: 1px dashed #AF9CA6; padding: 20px 0;}
	.pp_common .s2 dl dd{ padding: 20px 0;}
	.pp_common .s2 .date { width:1000px; margin:50px auto 0; }
	.pp_common .s2 h3 {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto 30px;
		color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    background: #D05257;
    padding: 10px 0 10px 15px;
    text-align: left;
	}



/* ===================================================================

	fiduciary_duty（お客様本位の業務運営方針）・announcement（お客様本位の業務運営に関する公表）

=================================================================== */
#fiduciary_duty .link_btn {
	max-width: 1000px;
	width: 90%;
	margin: 50px auto 0;
}
#fiduciary_duty .link_btn a {
	display: block;
	background: #E8437D;
  max-width: 350px;
  padding: 10px 0;
  font-weight: 600;
  color: #fff;
  text-align: center;
	transition: 0.3s ease;
}
#fiduciary_duty .link_btn a:hover {
	opacity: 0.8;
	transition: 0.3s ease;
}

#announcement .s2 .box {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
}
#announcement .s2 .box + .box {
	margin-top: 30px;
}
#announcement .s2 .box h4 {
	color: #D05257;
	font-weight: 600;
}
#announcement .s2 .box > p {
	margin-left: 1.5em;
}
#announcement .s2 .box table {

}
#announcement .s2 .box .mb {
	margin-bottom: 20px;
}
#announcement .s2 .box table tr th,
#announcement .s2 .box table tr td {
	padding: 5px 20px;
}
#announcement .s2 .box table tr th,
#announcement .s2 .box table .bold {
	font-weight: bold;
}
#announcement .s2 .box table .center {
	text-align: center;
}
#announcement .s2 .box table .right {
	text-align: right;
}
#announcement .s2 .box table .u_line {
	text-decoration: underline double;
  text-underline-offset: 3px;
}