@media print, screen and (min-width: 1291px) {
@charset "utf-8";
.sp_hidden {
	display: block;
}
.pc_hidden {
	display: none;
}

body {
	-webkit-text-size-adjust: none;
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:16px;
	line-height:180%;
	color:#333;
	/* background: url('../lp_img.jpg') no-repeat; */
	overflow-x: hidden;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

img,iframe{
	vertical-align:bottom;}
* { margin: 0; padding: 0;  }

.switch {
    visibility: hidden;
}

a:hover img{
	transition:all 0.1s ease; /*0.5秒かけて要素を変化させる*/
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	/*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
	}
.nav-wrap{
	display:none;}

#wrap{
	position: relative;
	/* opacity: 0.5; */
}
.menu-btn{
	display:none;
}

ol{
	margin:0;
	padding:0;
}
ul{
	margin:0;
	padding:0;
}
ol.un{
	padding-bottom:20px;
	}
ol.un li{
	margin-left:1.5em;

	}
p.un{
	padding-bottom:35px;}

.table_basic { border-collapse: separate; border-spacing: 1px; background: #CCC; border-style: none; width:100%; margin-bottom:35px;}
.table_basic th { background-color: #EEE; padding: 10px 10px; font-weight: normal; border-top: 1px solid #FFF; width:20%; text-align:center;}
.table_basic td { background-color: #FFF; padding:10px 10px; border-top: 1px solid #FFF; }
.table_basic td textarea { height:200px; width:100%;}
.red_s{ color:#C00; font-size:85%;}


/*----------------------------------------ヘッダ----------------------------------------*/

.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
    position: absolute;
    top: 0;
    left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bgstretcher {
    overflow: hidden;
    width: 100%;
    position: fixed;
    z-index: 1;
    _position: absolute; /*IE6 doesn't support fixed positioning*/
    top: 0;
    left: 0;
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 24;
	background-color: rgba(255,255,255,0.8);
}
header .headerInner {
	width: 1000px;
	height: 74px;
	margin:0 auto;
}
header .headerInner .block {
	position: relative;
}

.hlogo{
	position:absolute;
	left: 8px;
	top: 11px;
}
.h_link{
	position:absolute;
	right: -6px;
	top: 18px;
}
.h_link li{
	float: left;
	box-sizing: border-box;
}
.h_link .btn01 a{
	border: #c30d23 3px solid;
	background-color: #fff;
	color: #c30d23;
}
.h_link .btn02 a{
	border: #c30d23 3px solid;
	background-color: #c30d23;
	color: #fff;
}
.h_link a{
	display: inline-block;
	width: 145px;
	height: 41px;
	text-align: center;
	text-decoration:none;
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 7px;
}
.h_link a:hover{
	text-decoration: none;
}

.point01 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	}
	
.point01 span {
	background-color: #fff; 
	float: left;
	border: 1px solid #4D4D4D;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px;
	}

.indexInner .oubo {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	text-align: center;
	}

.form_btn2 {
	width: 45%;
	background-color: #FF6700;
	color: #fff;
	border-radius: 20px;
	font-size: 28px;
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
	padding: 40px;
	display: block;
	}

.form_btn2 a {
	color: #fff;
	}

.form_btn2 a:hover {
	opacity: 0.5;
	}
/*----------------------------------------メインイメージ----------------------------------------*/

.mainInner {
	width: 100%;
	margin: 0 auto;
}
#main02 .mainInner {
	background-color: rgba(0,0,0,0.5);
}
#main02 .mainInner .block {
	background: url('../img/main_02.png') no-repeat;
	padding: 108px 0 112px;
}
#main02 .mainInner .box {
	width: 900px;
	margin: 0 auto;
	padding: 69px 50px 50px;
	color: #231815;
	text-align: center;
	line-height: 1.4;
	background-color: rgba(255,255,255,0.8);
}
#main02 .mainInner .tit {
	margin-bottom: 28px;
	font-size: 35px;
	font-weight: bold;
}
#main02 .mainInner .txt {
	font-size: 18px;
	line-height: 1.5;
}

#contents #contentsInner h2 {
	font-size: 32px;
	text-align: center;
}
#contents #contentsInner h2 .sub_tit {
	padding-bottom: 20px;
	margin-top: 25px;
	display: block;
	font-size: 20px;
	font-weight: normal;
}


/*----------------------------------------index----------------------------------------*/

.indexInner {
	width: 1000px;
	margin: 0 auto;
}
.indexInner .form_btn, #form_btn {
	text-align: center;
}
.indexInner .form_btn a, #form_btn button {
	background-color: #c30d23;
	display: inline-block;
	width: 275px;
	height: 65px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 18px;
	font-size: 32px;
	border-radius: 10px;
}

#index01 {
	margin-bottom: 0;
	background: url('../img/miryoku_bg.png') no-repeat center;
}
#index01 .indexInner {
	padding: 145px 0 139px;
}
#index01 .indexInner h2 {
	margin-bottom: 66px;
	color: #fff;
}
#index01 .indexInner ul li {
	float: left;
	width: 312px;
	height: 489px;
	background-color: #fff;
	border-radius: 5px;
}
#index01 .indexInner ul li {
	margin-right: 31px;
}
#index01 .indexInner ul li:last-child {
	margin-right: 0;
}
#index01 .indexInner .block .pict img {
    width: 312px;
}
#index01 .indexInner ul li .block h3 {
	margin-bottom: 15px;
	font-size: 28px;
	text-align: center;
	color: #036eb7;
	padding-top: 18px;
}
#index01 .indexInner ul li .block .txt {
	font-size: 18px;
	padding: 17px 12px;
	line-height: 1.4;
}

#index02 {
	background: url('../img/pattern_bg.png') repeat top;
	background-color: #cbe1ef;
}
#index02 .indexInner {
	padding: 165px 0 104px;
}
#index02 .indexInner h2 {
	margin-bottom: 43px;
}
#index02 .indexInner .block {
	margin-bottom: 40px;
}
#index02 .indexInner ul {
	margin-bottom: 50px;
}
#index02 .indexInner ul li {
	float: left;
	width: 480px;
	margin-right: 40px;
}
#index02 .indexInner ul li:last-child {
	margin-right: 0;
}
#index02 .indexInner ul li .pict img {
	width: 480px;
}
#index02 .indexInner .pict {
	margin-bottom: 5px;
}
#index02 .indexInner .icon {
	width: 50px;
	margin: 0 auto;
}
#index02 .indexInner .box {
	background-color: #fff;
	padding: 31px 33px 25px;
	border-radius: 10px;
	height: 296px;
}
#index02 .indexInner .box-a {
	height: 850px;
}
#index02 .indexInner .box h3 {
	margin-bottom: 14px;
	font-size: 31px;
	font-weight: bold;
	color: #036eb7;
	line-height: 1.4;
	border-bottom: solid 1px #036eb7;
	padding-bottom: 4px;
}
#index02 .indexInner .box .txt {
	font-size: 12px;
	line-height: 1.5;
}

#index03 .indexInner {
	padding: 149px 0 154px;
}
#index03 .indexInner h2 {
	margin-bottom: 30px;
}
#index03 .indexInner ul li {
	float: left;
	width: 312px;
	height: 425px;
	margin-right: 31px;
}
#index03 .indexInner ul li:last-child {
	margin-right: 0;
}
#index03 .indexInner .block .pict {
	margin-bottom: 36px;
}
#index03 .indexInner .block .pict img {
    width: 312px;
}
#index03 .indexInner ul li .block h3 {
	margin-bottom: 28px;
	text-align: center;
}
#index03 .indexInner .txt {
	font-size: 18px;
	line-height: 1.5;
}

#index04 {
	background-color: #eeeeea;
}
#index04 .indexInner {
	width: auto;
	margin: 0 auto;
	padding: 20px 0 199px;
}
#index04 .indexInner h2 {

}
#index04 .block {
	position: relative;
	width: 100%;
}
#index04 .txt {
	width: 800px;
    position: absolute;
    left: 630px;
    top: 110px;
    line-height: 1.5;
    color: #fff;
    padding: 20px 40px;
	font-size:22px
}
	
#index04 .txt2 {
	width: 850px;
    position: absolute;
    right: 480px;
    top: 80px;
    line-height: 1.5;
    color: #fff;
    padding: 5px 50px;
	font-size:22px
}
	
#index04 .txt3 {
	width: 800px;
    position: absolute;
    right: 500px;
    top: 80px;
    line-height: 1.5;
    color: #fff;
    padding: 45px 5px;
	font-size:22px
}
	
#index04 .txt4 {
	width: 800px;
    position: absolute;
    left: 630px;
    top: 120px;
    line-height: 1.5;
    color: #fff;
    padding: 30px 50px;
	font-size:22px
}	

#index04 .txt4 a {
	text-decoration: underline;
	color: #F8FF00;
}

#index05 {
	background-color: #eeeeea;
}
#index05 .indexInner {
	padding-top:20px;
	padding-bottom: 126px;
}
#index05 .indexInner h2 {
	margin-bottom: 41px;
}
#index05 .table {
    border: 10px solid #ccc;
    padding: 107px 46px 87px;
    background-color: #fff;
}
#index05 .indexInner table {
	width: 100%;
	margin-bottom: 36px;
}
#index05 .indexInner table tr {
	border-top: dotted 1px #ccc;
}
#index05 .indexInner table th, #index05 .indexInner table td {
	padding: 27px 0 30px 23px;
	font-size: 20px;
	vertical-align: top;
}
#index05 .indexInner table th {
	width: 22%;
}

#index06 {
	background-color: #eeeeea;
}
#index06 .indexInner {
	padding-bottom: 179px;
}
#index06 .indexInner h2 {
	margin-bottom: 69px;
}
#index06 .indexInner table {
	width: 100%;
}
#index06 .indexInner table th, #index06 .indexInner table td {
	padding: 15px;
	font-size: 20px;
}
#index06 .indexInner table th {
	background-color: #eee;
}
#index06 .indexInner table td {
	background-color: #fff;
}

#index07 {
	background-color: #eeeeea;
}
#index07 .indexInner {
	padding-bottom: 206px;
}
#index07 .indexInner h2 {
	margin-bottom: 41px;
}
#index07 .table {
    border: 10px solid #ccc;
    padding: 107px 46px 87px;
    background-color: #fff;
}
#index07 .indexInner table {
	width: 100%;
	margin-bottom: 36px;
}
#index07 .indexInner table tr {
	border-top: dotted 1px #ccc;
}
#index07 .indexInner table th, #index05 .indexInner table td {
	padding: 27px 0 30px 23px;
	font-size: 20px;
	vertical-align: top;
}
#index07 .indexInner table th {
	width: 22%;
}

#index07 .txt {
    font-size: 25px;
    margin-bottom: 66px;
	text-align:center;
}

#index07 .tel {
    font-size: 40px;
    font-weight: bold;
	text-align:center;
}
	
#index07 .google {
	background-color:#1530FF;
	color: #fff;
	text-align: center;
}

#index07 .google a {
	color: #fff;
}

button {
    margin: 0;
    border: none;
    background: none;
}

.tag01 span{
	background-color:#666666;
	color:#FFFFFF;
	display:block;
	font-size:16px;
	margin-right:1%;
	margin-bottom:5px;
	text-align:center;
	padding:5px 23px;
	border-radius: 18px;
	float:left;
}


/*----------------------------------------フッタ----------------------------------------*/

#footer {
	background-color: #0068b6;
}
#footer #footerInner {
	padding: 130px 0 114px;
}
#footer #footerInner p {
	color: #fff;
	text-align: center;
	font-size: 20px;
}

/* .image
--------------------------------------------------------------------------------------------------------- */
div.image-parallel-L .image{
	float:left;
	margin:0 25px 15px  0;
}
div.image-parallel-R .image{
	float:right;
	margin:0 0 15px 25px;
}
div.image-parallel-L .column,
div.image-parallel-R .column{
	overflow:hidden;
	zoom:1;
}
div.image-L .image{
	float:left;
	margin:0 25px 15px 0;
}
div.image-R .image{
	float:right;
	margin:0 0 15px 25px;
}
.lyt-image:after{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:" ";
}
.lyt-image{
	zoom:1;
}

.key-visual{
	min-height:50vh;
	background-size: cover;
	background-position: top center;
	margin-top:74px;
	position: relative;
	overflow: hidden;
	padding-bottom:120px;	
}

.key-visual::before {
	content:"";
	background-image: url("../img/main-bg.jpg");
	width:100%;
	height:190%;
	background-size: cover;
	position: absolute;
	top: -4px;
	bottom: -4px;
	left: -4px;
	right: -4px;
	z-index: -1;
	background-size: cover;
	/*filter: opacity(50%);*/
	background-position: center center;
}

.key-visual:after{
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #5c00d6;
	background: -moz-linear-gradient(-45deg, #5c00d6 16%, #60c2db 66%, #0075d6 100%);
	background: -webkit-linear-gradient(-45deg, #5c00d6 16%,#60c2db 66%,#0075d6 100%);
	background: linear-gradient(135deg, #CC9999 16%,#ff8a8a 66%,#d87b17 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c00d6', endColorstr='#0075d6',GradientType=1 );
	position: absolute;
	opacity: .3;
	z-index: -2;
	background: #22c1c3;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #fdbb2d, #22c1c3);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #fdbb2d, #22c1c3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.key-visual img{
	max-width:100%;
}

.key-visual .page-title{
	color:#FF3333;
	font-size:84px;
	text-align: center;
	font-weight:600;
	line-height: 1;
	padding-top:90px;
	margin-bottom:15px;
	text-shadow:0px 0px 10px #FFFFFF;
}

.key-visual .page-title span{
	display: inline-block;
	padding-left:.5em;
	font-size:72px;
}

.key-visual .catch-copy{
	font-size:28px;
	color:#ffffff;
	text-align: center;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom:40px;
	text-shadow:0px 0px 10px #000000;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.key-visual .catch-copy span{
	display: block;
}


.catch-copy_v2{
	font-size:28px;
	text-align: center;
	font-weight: 300;
	line-height: 1.4;
	width: 100%;
	padding:50px 0;
	background-color:#eeeeea;
}

.catch-copy_v2 span{
	display: block;
}

.points-list{
	width:900px;
	margin:0 auto;
	
}

.points-list .p-inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.points-list .p-inner .point{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding:0 15px;
	box-sizing: border-box;
	margin-bottom:30px;

}

.points-list .point .inner{
	background-color: rgba(255,114,0,.75);
	padding-bottom:20px;
	height: 100%;
	border-radius: 5px;
	box-shadow:0px 0px 20px -7px #240f06;
}

.points-list .point:nth-of-type(even) .inner{
	background-color: rgba(214,76,76,.6);
}

.point .thumb{
	border-radius:5px 5px 0 0;
	margin-bottom:15px;
}

.point .thumb img{
	border-radius:5px 5px 0 0;
	height:150px;
	width:100%;
	object-fit: cover;
}

.point .point-title{
	padding:0 15px;
	font-size:26px;
	font-weight:600;
	color:#ffffff;
	margin-bottom:10px;
	letter-spacing: 0.05em;
	line-height: 1.35;
}

.point-para{
	padding:0 15px;
	font-size:18px;
	color:#ffffff;
	line-height: 1.4;
	font-weight: 300;
}

.point-para a{
	color: #fff;
	text-decoration: underline;
}

.compare{
	position: relative;
	padding-top:150px;
	padding-bottom:160px;
}

.compare:before{
	content:"";
	width:50%;
	display: inline-block;
	font-size:0;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background-color:#036eb7;
	z-index:-2;
}
.compare:after{
	content:"";
	width:50%;
	display: inline-block;
	font-size:0;
	height:100%;
	position: absolute;
	right:0;
	background-color:#ee9d00;
	z-index:-2;
	top:0;
}

.compare img{
	max-width: 100%;
}

.compare .headline{
	margin-bottom:80px;
}

.compare .headline .compare-title{
	text-align: center;
	line-height: 1;
	font-size:48px;
	font-weight: lighter;
	letter-spacing: .25em;
	color:#ffffff;
	margin-bottom:90px;
	border:2px solid #ffffff;
	padding:15px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.compare .headline .baloon-txt{
	text-align: center;
}

.compare-inner{
	width:1000px;
	margin:0 auto;
}

.compare-inner .title-list{
	font-size:42px;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	margin-bottom:40px;
}

.compare-inner .title-list li{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	box-sizing: border-box;
	text-align: center;
	color:#ffffff;
	font-weight:600;
	letter-spacing: 3px;
}

.compare-inner .title-list li.before{
	color:#d8d8d8;
}

.arrow{
	left: calc(50% - 20px);
	top:8px;
	width: 30px;
	height: 30px;
	border-top: 5px solid #ffea00;
	border-right: 5px solid #ffea00;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
}

.compare-list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:3px dashed #ffffff;
}

.compare-list .list{
	-webkit-box-flex: 0;
	max-width: 50%;
	box-sizing: border-box;
	background-color: rgba(255,255,255,.15);
	padding:10px 15px;
	border-radius: 5px;
	width:calc(50% - 15px);
	font-size:20px;
	display: flex;
	align-items: center;
	color:#ffffff;
}

.compare-list:nth-of-type(even) .list{
	background-color: rgba(255,255,255,.3);
}

.compare-list .list.after{
	background-color:#ffea00;
	color:#000;
}

.compare-list:nth-of-type(even) .list.after{
	background-color: #ffcc00;
}

.section-bg{
	position: absolute;
	bottom:0;
	width:100vw;
	left:0;
}

.section-bg .left{
	position: absolute;
	left:0;
	z-index: -1;
	bottom:0;
}

.section-bg .right{
	position: absolute;
	right:0;
	z-index: -1;
	bottom:0;
}

.section-bg .right img{
	opacity: .7;
}


.ga_list{
	margin-top:0px;
}

.ga_list li{
	float:left;
	width:24%;
	margin-bottom:1%;
	margin-right:1%;
	overflow:hidden;
}

.ga_list li img{
	width:100%;
}


}
