@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@700&family=M+PLUS+Rounded+1c:wght@800&family=Noto+Sans+JP:wght@500;700;900&display=swap');

/*--------------------------

font-family: 'Fira Sans', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Noto Sans JP', sans-serif;

*/

/*---------------------------

	メインビジュアル

---------------------------*/

#visual{
	width:100%;
	min-width: 100%;
	position: relative;
}

#visual .inner{
	width:98%;
	flex-direction: column;
}

#visual .photo{
	width:100%;
	margin:15px auto 0 auto;
	line-height: 0;
}

#visual .photo img{
	width:80%;
}

#visual .text{
	flex:none;
	font-size: 20px;
	text-align: center;
}
#visual strong{
	font-size: 20px;
}

#visual-aflac{
	font-size:14px;
}

#visual-aflac-insurance{
	text-align: center;
}

#visual h2{
	font-size:30px;
}

#visual-fukidashi{
	display: block;
	margin-top:0;
}

#visual-fukidashi .ico{
	display: none;
}

#visual-fukidashi img{
	display: none;
}

#visual-fukidashi .f-text{
	width:98%;
	margin:0 auto;
	font-size:14px;
	padding:10px 5px;
}

/*---------------------------

	メニュー

---------------------------*/
#menu li{
	border-left:none;
}
#menu li a{
	border:1px solid #4FCAFF;
}

#menu li a::before{
	font-family:  "Font Awesome 5 Free";
	font-weight:  900;
	content: "\f152";
	display: inline-block;
	margin-right:5px;
	color:#4FCAFF;
}

#menu li a:hover::after{
	content:none;
}
	
/*---------------------------


	メイン


---------------------------*/


#main{
	width:100%;
	min-width: 100%;
	margin-top:0;
	border-top:none;
	box-shadow:none;
	position:relative;
}


/*---------------------------

	
	EVER


---------------------------*/

#goods{
	width:100%;
	min-width: 100%;
	padding:30px 0;
}


/*-------------------

	タイトル

-------------------*/

#goods-title{
	width:100%;
	min-width: 100%;
	display: block;
	margin-bottom:30px;	
}

#goods-title .logo{
	width:200px;
	margin:0 auto;
}

#goods-title .logo img{
	width:100%;
	height: auto;
}

#goods-title .text{
	display: none;
}


/*-------------------

	ポイント

-------------------*/

#goods-point{
	width:95%;
	display: block;
	margin:0 auto;
}

#goods-point .item{
	width:100%;
	margin:0 auto 15px auto;
	padding:10px 15px;
}

#goods-point .item-top{
	display: block;
	text-align: center;
	margin-bottom:0;
	
}

#goods-point .item .photo{
	width:auto;
	margin:0 auto 10px auto;
}

#goods-point .item .photo img{
	width:auto;
	height: 80px;
}
#goods-point h5{
	font-size: 22px;
	margin-bottom:10px;
	line-height: 1.2em;
}

#goods-point .photo img{
	width:100%;
}

#goods-point .main{
	padding:0;
}

/*-------------------


	保険料・保障図


-------------------*/
#hosyounaiyou .title,
#hokenryou .title{
	width:100%;
	margin-bottom:30px;
}
#hosyounaiyou h3,
#hokenryou h3{
	font-size:30px;
	margin-bottom:0;
	display: block;
	
}

#hosyounaiyou h3::before,
#hosyounaiyou h3::after,
#hokenryou h3::before,
#hokenryou h3::after{
	content:"　";
	display: block;
	width:calc(50% - 2em);
	height: 50%;
	position: absolute;
	bottom:0;
	background-image: none;
	border-top:3px double #661A00;
}

#hokenryou h3::before,
#hokenryou h3::after{
	width:calc(50% - 2.5em);
}

#hosyounaiyou h3::before,
#hokenryou h3::before{
	left:0;	
}

#hosyounaiyou h3::after,
#hokenryou h3::after{
	right:0;
	  transform: none;
}


#hokenryou,
#hosyounaiyou{
	width:100%;
	min-width: 100%;
	padding-bottom:30px;
}

#hokenryou .wrap,
#hosyounaiyou .wrap{
	width:98%;
}


/*-------------------

	保険料

-------------------*/

#hokenryou .main{
	padding:0 15px;
}

#hokenryou .select{
	padding:10px 0;
	margin-bottom:20px;
}

/*-----切り替え-----------------*/

#hokenryou .select td input{
	margin-right:5px;
}

#hokenryou h4{
	width:150px;
}

#hokenryou .select h5::before,
#hokenryou .select h5::after{
	content:none;
}

#hokenryou .select h5{
	font-size:18px;
}

#hokenryou .date{
	font-size:10px;
}

#hokenryou .coment,
#hokenryou .chu{
	font-size:12px;
	max-height: 100%;
}

#hokenryou .select .sex{
	width:100%;
	margin-top:20px;
	display: flex;
	justify-content: center;
}

#hokenryou .select .sex li{
	width:45%;
	font-size:16px;
}


/*-------------------
	テーブル設定
-------------------*/

#hokenryou span.jyouken{
	font-size:14px;
}


#hokenryou table{
table-layout: fixed;	
}

#hokenryou caption{
	font-size:10px;
}

#hokenryou table th,
#hokenryou table td{
	padding:3px 3px;
	font-size: 14px;
}

#hokenryou table thead th{
	/*width:5em;*/
	width:auto;
}

#hokenryou table tbody td{
	width:calc((100% - 50px) / 2);	
}

@media screen {
	#hokenryou tbody tr:nth-child(n+11){
		display: none;
	}
}

#hokenryou table .nothree{
	/*background-color: aqua;*/
}
/*-------------三大疾病---------------*/
#hokenryou table th.three,
#hokenryou table td.three{
	display: none;
}

#hokenryou table thead th.three{
	text-align: center;
	background-color: #B97C5B;
	color:#fff;
}

#hokenryou table thead td.three{
	text-align: center;
	background-color: #D1A593;
}

#hokenryou table tbody td.three{
	background-color: #F5EAE0;
}

/*-------------年齢---------------*/

#hokenryou table thead th.year{
	background-color: #39BAD6;
}


#hokenryou table tbody th{
	background-color: #DEF3FC;
	text-align: center;
}

/*----------------------------
	女性
----------------------------*/

#women.hokenitem{
	border:3px solid #E44874;
	margin-top:40px;
}

#women .select{
	background-color: #E44874;
}


/*-------------------

	資料請求

-------------------*/

#request{
	width:100%;
	min-width: 100%;
}

#request .wrap{
	width:98%;
}
#request h3{
	font-size: 45px;
	margin-bottom:30px;
}

#request h3::before,
#request h3::after{
	content:"　";
	width:58px;
	height: 100%;
	display: inline-block;
	background-image:url("../img/ico04_w.png");
	background-position: center left;
	background-repeat: no-repeat;
	margin-right:10px;
}

#request h3::after{
	transform:scale(-1, 1);
	margin-right:0;
	margin-left:10px;
}

#request .coment{
	font-size:14px;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
}

#request-pr{
	margin-top:10px;
	font-size:12px;
	text-align: left;
}

#request th,
#request td{
	display: block;
	padding:10px 10px;
}

#request th{
	width:100%;
	font-size:16px;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
	border-radius: 6px 6px 0 0;
}

#request th.hisu::after{
	font-size:12px;
}

#request td{
	font-size:16px;
	border-radius: 0 0 6px 6px;
	text-align: left;
}

#request td p{
	margin-top:8px;
}

#request td p.chu{
	font-size:12px;
}

#dm{
	font-size:14px;
	padding:3px 5px;
}

#dearshop{
	margin-top:20px;
	font-size:12px;
}

#dearshop h4{
	margin-bottom:10px;
	position: relative;
}

#dearshop h4::after{
	content:" ";
	width:calc(100% - 7em);
	height: 50%;
	display: block;
	position: absolute;
	top:0;
	right:0;
	border-bottom:3px double #fff;
}

/*----------フォーム設定---*/

#request input[type="text"],
#request input[type="tel"],
#request input[type="email"],
#request select,
#request textarea{
	font-size:16px;
	padding:2px 10px;
	width:100%;
}

#request .bottan{
	width:100%;
	display: flex;
	justify-content: center;
}

#request .bottan input{
	width:45%;
}

/*----------下部---*/

#request-bottom .title{
	font-size:18px;
}

#request-bottom .title p{
	font-size:14px;
}

#request-bottom .main{
	padding:20px 10px;
}

/*----------契約者情報---*/


#r-ontractor .main{
	display: block;
}

#r-ontractor .main .r-item{
	width:100%;
	background: #fff;
	border-radius: 6px;
	margin-bottom:10px;
	padding:10px 10px;
	display: block;
}

#r-ontractor .main .r-item:nth-child(n+3){
	margin-bottom:10px;
}

#r-ontractor .main .ico{
	width:100%;
	margin:0 auto 15px auto;
	height: auto;
	line-height: 1em;
	font-size:16px;
	padding:5px 10px;
	display: block;
}

#r-ontractor .main img{
	display: none;
}

#r-ontractor .main .ico .hisu{
		background-color:#B20000;
		color:#fff;
		border:2px solid rgba(255,255,255,0.81);
		text-shadow:none;
		display: inline-block;
		padding:0 15px;
		font-size:14px;
	border-radius: 100px;
}

#r-ontractor .main .naiyou{
	flex:none;
	width:100%;
	margin-left:0;
	/*padding:15px 10px;*/
}

#r-ontractor .main table{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	border-spacing:0;
	border-top:1px dotted rgba(102,95,95,1.00);
}

#r-ontractor .main th,
#r-ontractor .main td{
	background: none;
	padding:5px;
	border-bottom:1px dotted rgba(102,95,95,1.00);
	text-align: left;
	font-size:16px;
	padding-bottom:3px;
	border-radius: 0;
}

#r-ontractor .main th{
	width:100%;
	border-bottom:none;
	box-shadow:none;
	padding:5px 0 3px 5px;
}

#r-ontractor .main tr.obirth td{
	padding:5px
}
#r-ontractor .main td{
	padding-top:0;	
}

/*#r-ontractor .main tr:last-child th,
#r-ontractor .main tr:last-child td{
	padding-bottom:0;
}*/

#r-ontractor .main input[type="text"]{
	width:90%;
	padding:1px 10px;
	font-size:14px;
	
}

#r-ontractor .main input[type="radio"]{
	width:auto;
}

#r-ontractor .main td input[type="radio"]{
	display: inline;
	margin-left:10px;
}

#r-ontractor .main td input[type="radio"]:first-child{
	margin-left:0;
}

#r-ontractor .main select{
	width: auto;
	font-size:14px;
	padding:1px 3px;
}

#r-ontractor .main input[type="text"]{
	font-size:16px;
	
}


#r-ontractor .main select{
	font-size:16px;
}
/*-----------プラン---------*/

#r-plan .title p{
	background-color:#B20000;
		color:#fff;
		border:2px solid rgba(255,255,255,0.81);
		text-shadow:none;
		display: inline-block;
		padding:0 20px;
		font-size:14px;
	border-radius: 100px;
}

#r-plan th{
	box-shadow:none;
}

#r-plan label{
	display: inline-block;
	width:10em;
}

/*-------------------

	問い合わせ

-------------------*/

#contact .wrap{
	display: flex;
	justify-content: center;
	padding:0;
	width:100%;
}

#contact a{
	color:#fff;
	text-decoration: none;
	display: block;
	padding:15px 0;
	
}
#contact .tel{
	display: block;
	width:50%;
	margin-right:0;
	text-align: center;
	font-size:18px;
}

#contact .tel a::before{
	font-family:  "Font Awesome 5 Free";
	font-weight:  900;
	content: "\f2a0";
	font-size:14px;
	margin-right: 10px;
}

#contact .mainform{
	width:50%;
	background-color: #D8003D;
	background: rgb(0,172,115);
background: -webkit-linear-gradient(bottom,#D8003D 95%, #FF6D96 100%);
background: -o-linear-gradient(bottom, #D8003D 95%, #FF6D96 100%);
background: linear-gradient(to top, #D8003D 95%, #FF6D96 100%);
	box-shadow:0px -7px 8px -8px rgba(72,75,77,0.72);
}

#contact .mainform a::before{
	font-family:  "Font Awesome 5 Free";
	font-weight:  900;
	content: "\f0e0";
	font-size:14px;
	margin-right: 10px;
}
#contact img{
	display: none;
}
/*-------------------

	フッダー

-------------------*/

footer{
	font-size:10px;
}