@charset "UTF-8";

.group h2 {
  letter-spacing:0.05em;
}
.bold {font-weight: bold;}
.lsize {font-size: 1.35em;}
.white { color: #fff;}
.bg02 {background: #f8f9f9;}
.bg03 {background: #e6f7fa;}
.top .section.ttl1_ryokohoken, .bg01 {
	background: #0086c4;
	background: -webkit-gradient(linear, left top, right top, from(#00B3FE), to(#0086c4));
    background: -moz-linear-gradient(left, #00B3FE, #0086c4);
    background: -ms-linear-gradient(left, #00B3FE, #0086c4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B3FE', endColorstr='#003399', GradientType=1)";
}
.top .section.ttl1_ryokohoken a {
	width: 900px;
	display: block;
	margin: 0 auto;
	position:relative;
}
.top .section.ttl1_ryokohoken a::after {
	content: '';
	top: 1.2em;
	right: -1.5em;
	width: 286px;
	height: 222px;
	display: block;
	position: absolute;
	background: url(../images/icn_ttl1.png) no-repeat;
	background-size: 18em;
}
.top .section.ttl1_ryokohoken h1 {
	width: 520px;
	font-size: 6rem;
	letter-spacing: 5px;
	line-height: 1.3;
	display: block;
	color: #fff;
	padding: 3.5% 0 8%;
	margin-bottom: 2%;
	font-weight: bold;
	text-shadow: 1px 1px 3px #067db5;
}

.top .section.ttl2_ryokohoken h2 {
	padding:3.5% 0 1%;
    display: block;
    text-align: center;
    font-size: 2.4em;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.cmp-text.subtxt {
	width: 800px;
	position: relative;
}
.cmp-text.subtxt p {
	position: absolute;
    bottom: 3.6em;
    color: #fff;
    left: 6.6%;
	text-shadow: 1px 1px 3px #067db5;
}
.cmp-text.txt_center {
	text-align: center;
	font-size: 1.1em;
}

/*充実の補償内容*/
.clm_hoken {
    background:#fff;
    position:relative;
    margin:2% auto 3%;
    padding:3% 4% 2.5%;
    font-size:1.3em;
	width: 1000px;
	border-radius:1.5em;
	overflow: hidden;
}
.clm_hoken:last-of-type {
	margin-bottom: 7%;
}
.clm_hoken_inner {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    line-height: 2;
    letter-spacing: 0.03em;
}
.ttl3_hoken {
    color:#FF8000;
    padding:0.1em 0 0.4em;
    font-size:2em;
    font-weight:bold;
	float: left;
	width: 69%;
}
.ttl3_hoken span {
	background: #ff8000;
	color: #fff;
	border-radius: 10em;
	margin: -1% 2% 0 0;
	width: 1.4em;
	padding-top: 0.1em;
	vertical-align: middle;
	height: 1.4em;
	display: inline-block;
	text-align: center;
	font-size: 0.8em;
}
.example {
    background:#FFF2E3;
    padding:3%;
    font-weight:bold;
    font-size: 0.9em;
    margin-top: 2.5%;
    line-height: 1.7;
}
.example .ttl_ex {
    color:#e67300;
    font-weight:bold;
    position:relative;
    padding-left: 1.5em;
	padding-right: 2%;
    display: inline-block;
    font-size: 1.2em;
	line-height: 1.2;
}
.example .ttl_ex .icn_ex{
    position: absolute;
    top: -0.6em;
    left: 0;
}
.icn_ex:before{
    content: "";
    position: absolute;
    background: #ea6100;
    top: 0.9em;
    left: 3px;
    height: 16px;
    width: 16px;
    border-radius: 3em;
}
.icn_ex:after{
    content: "";
    position: absolute;
    background: #f4a100;
    top: 0.8em;
    left: 12px;
    height: 10px;
    width: 10px;
    border-radius: 3em;
}
.clm_hoken .img_l {
	float: left;
    width:26%;
}
.clm_hoken .img_r {
	float: right;
    width:29%;
}
.img_l + .ttl3_hoken, .img_l + .ttl3_hoken + .clm_hoken_inner {
	margin-left: 3%;
}
.small { 
    font-size: 0.75em;
    vertical-align: top;}
.note { 
    font-size: 0.68em;
    display: block;
    margin-top: 2%;
    line-height: 1.7;
    color: #777;
	clear: both;
}
.note.mb { margin-bottom: 4%;}

/*お申込みはこちら*/
.bnr_link {
    background: #fff;
    width: 720px;
    margin: 2% auto;
}
.bnr_link_inner a {
	display: block;
	padding: 5%;
}
.bnr_link_inner a img {
	display: block;
	margin: 0 auto;
}
.bnr_link:hover {
    box-shadow: 0 0 0 2px #29c3c9;
}
.kanyu_link {
    position:relative;
    color:#777;
    display: block;
    padding: 0 0 0 16px;
    margin: 0 auto 2%;
    width: 180px;
}
.kanyu_link::before,
.kanyu_link::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.kanyu_link::before{
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #777;
}
.kanyu_link::after{
    left: 5px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #fff;
}
/*ページ内リンク*/
.nav_ryokohoken li {
	margin: 3% 0.6%;
    border-radius: 4em;
    font-size: 1.3em;
	position:relative;
	width: 220px;
	background: #f4a100;
	border-right:none;
}
.naviArea3 .nav_ryokohoken li a span {
    height:auto;
    line-height: 2.7;
    padding: 0 0 0 4%;
	color: #fff;
}
.nav_ryokohoken li::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1em;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.nav_ryokohoken li:hover {
	background: #fff;
	opacity: 1;
}
.nav_ryokohoken li:hover a span {
  color:#333;
}
.nav_ryokohoken li:hover::before,
.nav_ryokohoken li:hover::after {
  border-color:#f4a100;
}
.naviArea3 li:nth-child(1) {
	border-left: none;
}

/*trip-i 説明*/
.point {   
    display: block;
    margin: 1.5% auto 1%;
}
.point li {
    background:#fcfaf3;
    border-radius:1em;
    padding: 2% 0.5% 1.7%;
    margin-right:0.8%;
    display:inline-block;
    vertical-align:top;
    border:3px solid #f4a100;
    font-size: 1.6em;
    color:#0086c4;
    font-weight:bold;
    line-height: 1.4;
    text-align:center;
    letter-spacing: 0.03em;
	min-height: 215px;
	width: 24%;
}
.p_ue {
    width: 100%;
}
.point li:last-of-type {
    margin-right:0;
}
.p_ue li:nth-child(even) {
    border-color:#ff8000;
}
.point img {
    display:block;
    margin: 0 auto 8%;
}
.p_ue span {
    color:#333;
    font-size:0.65em;
    display:block;
    font-weight:normal;
    margin-top:2%;
}
.p_sita {
    margin: 0;
    width:100%;
}
.p_sita li {
    position:relative;
    color:#333;
    font-weight:normal;
    font-size:1.3em;
}
.p_sita .strong {
    font-weight:bold;
    font-size: 1.2em;
    color:#0086c4;
}
.p_sita li:nth-child(odd) {
    border-color: #ff8000;
}
.p_sita + .note {
  font-size:0.9em;
  margin-top: 2%;
}

/*保険料表*/
.hikaku {
    border-collapse: collapse;
    border-spacing: 0;
    background:#fff;
    border:1px solid #a9a9a9;
    width: 100%;
    margin: 1% 0 4%;
}
.hikaku th,
.hikaku td {
    padding: 0.6%;
    border:1px solid #a9a9a9;
    text-align:center;
    vertical-align: middle;
}
.hikaku thead {
    color:#fff;
    font-size: 1.6em;
}
.hikaku thead th:nth-child(1) {
    color:#1C355C;
	font-size: 0.8em;
}
.hikaku thead th:nth-child(2) {
    background:#13B5B1;
}
.hikaku tbody td:nth-child(2) {
    background:#13b5b10f;
}
.hikaku thead th:nth-child(3) {
    background:#0F9DCB;
}
.hikaku tbody td:nth-child(3) {
    background:#0f9dcb14;
}
.hikaku thead th:nth-child(4) {
    background:#275fa2;
}
.hikaku tbody td:nth-child(4) {
    background:#275fa214;
}
.hikaku thead th:first-child,
.hikaku .td-color1 {
     width:23%;
	font-weight: 500;
    }
.hikaku .td-color1 {
    color:#1C355C;
    font-size: 1.1em;
}
.hikaku tbody td {
    font-size: 1.2em;
}
.hikaku tbody td.txt {
    background:#fff;
    font-size:1.1em;
    padding:1% 0;
}
.hikaku tbody tr:last-child th,
.hikaku tr:last-child td {
    font-size: 1.45em;
    padding:1%;
}
.hikaku tbody tr:last-child {
  border-top: 2px solid #a9a9a9;
}
.hikaku tbody tr:last-child th {
  background:#f1f1f1;
}
.hikaku tr:last-child td:nth-of-type(1) {
  background:rgba(19, 181, 177, 0.2);
}
.hikaku tr:last-child td:nth-of-type(2) {
  background: rgba(15, 157, 203, 0.2);
}
.hikaku tr:last-child td:nth-of-type(3) {
  background: rgba(39, 95, 162, 0.2);
}
.day {
    text-align: right;
    color: #777;
    font-size: 0.9em;
	margin-bottom: 5%;
}


/*-----------スマホ対応------------*/
@media (max-width: 568px) {
    .clm_hoken {
		width: 92%;
    	padding: 5%;
    	margin:3% auto 8%;
    	font-size: 1.15em;
    }
    .clm_hoken:last-child {
    	margin-bottom: 3%;
    }
	.clm_hoken .img_l, .clm_hoken .img_r {
		width: 80%;
		display: block;
		margin: 0 10% 2%;
	}
    .ttl3_hoken {
    	width:80%;
    	left:1.5em;
		font-size: 1.6em;
    }
	.img_l + .ttl3_hoken, .img_l + .ttl3_hoken + .clm_hoken_inner {
		margin-left: 0;
	}
    .clm_hoken_inner {
    	width:100%;
    	line-height: 1.7;
    	text-align: justify;
    	text-justify: inter-ideograph;
    	letter-spacing: 0.02em;
    }
    .example {
		padding:3%;
		margin-bottom: 2%;
	}
	.example .ttl_ex {
		display: block;
		margin-bottom: 2%;
	}
    .icn_ex:before {
    	left:0;
    }
    .icn_ex:after {
    	left: 10px;
    }
    .note {
    	margin-top: 4%;
    	margin-right: 0;
		font-size: 0.7em;
    }
    .bnr_link {
    	max-height:none;
		width: 90%;
    }
    .naviArea3 .nav_ryokohoken {
    	width:96%;
		padding: 0 3%;
    	border:none;
    	margin:2% 2% 3%;
    }
    .naviArea3 .nav_ryokohoken li {
    	width: 48%;
		height: auto;
		margin: 1%;
		border: none;
		line-height: 1;
    }
    .nav_ryokohoken li a {
    	font-size:0.9em;
    	padding: 1%;
		display: block;
    }
	.naviArea3 .nav_ryokohoken li a span {
		line-height: 3;
	}
	.naviArea3 li span:after {
		content: none;
	}
	.nav_ryokohoken li:hover {
		background: #f4a100;
		opacity: 1;
	}
	.nav_ryokohoken li:hover a span {
		color:#fff;
	}
	.nav_ryokohoken li:hover::before,
	.nav_ryokohoken li:hover::after {
		border-color:#fff;
	}
	/*mv*/
	.top .section.ttl1_ryokohoken a, .cmp-text.subtxt {
		width: 100%;
	}
	.top .section.ttl1_ryokohoken h1 {
		width:100%;
		font-size: 2.8rem;
		letter-spacing: 0;
		padding-left: 3%;
		padding-bottom: 15%;
	}
	.cmp-text.subtxt p {
		left: 0;
   		bottom:3.2em;
    	line-height: 1.4;
    	font-size: 0.7em;
    	margin: 0 34% 0 3.3%;
	}
	.top .section.ttl1_ryokohoken a::after {
		width: 120px;
    	height: 93px;
    	background-size: 9em;
    	right: 0.6em;
		top: 1.6em;
	}
	/*ttl*/
	.top .section.ttl2_ryokohoken h2 {
		font-size:1.35em;
		padding-top: 0;
		margin: 1% 0 3%;
	}
	.cmp-text.txt_center {
		text-align: left;
		line-height: 1.4;
		margin-bottom: 2%;
	}
    .point {
    	margin: 0 3%;
		width: 93%;
    }
    .point li {
    	position:relative;
    	min-height: 9.2em;
	    font-size: 4.8vw;
    	padding: 2%;
    	margin-bottom: 2%;
    	width: 48.8%;
    }
    .point img {
    	display: block;
    	width: 3.5em;
    	margin: 0 auto 8%;
    	position: relative;
    }
	.point span {font-size: 0.6em;}
    .p_ue li:nth-of-type(3), .p_sita li:nth-of-type(2), .p_sita li:nth-child(3) {
    	border-color:#ff8000;
    }
    .p_ue li:nth-of-type(4), .p_sita li:nth-child(1) {
    	border-color:#f4a100;
    }
	.p_sita .strong { font-size: 1em;}
	.p_sita + .note { margin: 1% 3% 0;}
	.hikaku {
		width: 96%;
		margin: 1% 2% 4%;
		font-size: 1.1em;
	}
    .hikaku tbody td {
    	font-size:1em;
    }
	.hikaku thead {
		font-size: 1.15em;
	}
    .hikaku .td-color1 {
    	font-size:0.9em;
    	width: 30%;
    }
    .hikaku tbody td.txt {
    	text-align:left;
    	padding:1% 2%;
		font-size: 0.95em;
    }
    .hikaku tbody tr:last-child th,
    .hikaku tr:last-child td {
    	font-size:1.2em;
    	padding:2.5% 0;
    }
}
/*-----------end-スマホ対応------------*/