@charset "UTF-8";
html {
    min-height: 100%;
    width: 100%;
    font-size: 62.5%;
    font-size: 10px\0; /* IE */
    background: #fff;
}
body {
    /* min-width: 375px; */
    /*min-width: 1200px;*/
    min-width: 100%;
    line-height: 1;
    word-break: break-all;
    -webkit-text-size-adjust: 100%;
    font-family: "Hiragino Mincho ProN", "游明朝", "Yu Mincho", YuMincho, HGS明朝E, "Sawarabi Mincho", YakuHanMPs, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, メイリオ, Meiryo, serif;
    color: #000;
}
*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:100%;
	line-height:1.5;
}
h1,h2,h3,h4,h5,h6{
	font-size:14px;
	font-weight: 600;
}
h2 i{
	font-style: normal;
}
li,ul{
	list-style:none;
	padding:0;
}
div,
p,
dt,
dd,
li {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0;
}
p{
	font-size: 2rem;
}
.clr-red{
	color: #E50000;
}
img{
	max-width:100%;
	height:auto;
}
a img:hover{
	opacity:0.9;
}
@media screen and (min-width:769px){
	.sp-mode{
		display:none;
	}
}
@media print{
	.sp-mode{
		display:none;
	}
}
@media screen and (min-width:769px){
	.tab-mode{
		display:none;
	}
}
@media screen and (max-width:768px){
	.pc-mode{
		display:none;
	}
}
@media print{
	.pc-mode{
		display:block;
	}
}
.clearfix{
	*zoom:1;
}
.clearfix:after{
	content:"";
	display:table;
	clear:both;
}
a{
	color:#666666;
}
a:link{
	color:#666666;
}
a:active,a:focus,a:hover{
	color:#999999;

}
.gothic{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Helvetica Neue", Arial,  Meiryo, sans-serif;
}
.cont__inner{
	margin:auto;
	max-width:996px;
	width: 95%;
}
.cont__inner--wide{
	margin:auto;
	max-width: 1200px;
	width: 90%;
}
.cont__txt{
	line-height:2;
	font-size:16px;
	font-size:1.14286rem
}
@media screen and (min-width:769px){
	.cont__txt{
		font-size: 18px;
		font-size:1.28571rem;
	}

}
@media screen and (min-width:769px){
	.cont__txt{
	font-size:24px;
	font-size:1.71429rem}

}
@media screen and (min-width:769px){
	.cont__txt--center{
	text-align:center}

}

/* flex-box */
.flex-box{
	display:-webkit-box;
	display: flex;
	flex-wrap: wrap;
    -webkit-box-pack: justify;
	justify-content: space-between;
	align-content: space-between;
	box-sizing: border-box;
}

/* header */
.ttl_header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.ttl_header span{
	display: block;
	white-space: nowrap;
	width: 100%;
	text-indent: 100%;
	overflow: hidden;
	text-align: center;
}


/* sec-cta */

.sec-cta{
	background: #2C6187;
	padding: 40px 0 42px;
}

.sec-cta .cont__inner{
	text-align: center;
}

.ttl__cta{
	color: #fff;
	font-size: 3.6rem;
	text-align: center;
	margin: 0 auto 7px;
}

.ttl__cta span{
	font-size: 3.2rem;
}

.sec-cta .item_wrap{
	position: relative;
	max-width: 810px;
	margin:0 auto;
}

.sec-cta .item_wrap .btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    align-content: flex-end;
}

.sec-cta .item_wrap .btn a {
    width: 60%;
    text-align: left;
    height: 32%;
}

.sec-cta .item_wrap .btn a img{
    width: 82%;
    max-width: 366px;
}

/* sec-worry */

.sec-worry{
	background: #4D4D4D;
	padding: 40px 0;
}
.ttl__worry{
	font-size: 2.8rem;
	text-align: center;
	color: #fff;
}
.ttl__worry i{
	font-size: 3.6rem;
}
.worry-box{
	max-width: 740px;
	margin: 18px auto 0;
	background: #6D6D6D;
	padding: 22px 32px 12px 48px;
}
.worry-item{
	font-size: 3rem;
	color: #fff;
	position: relative;
	padding: 0 0 0 38px;
	margin: 10px 0 20px;
}
.worry-item:before{
	content: "";
	width: 31px;
	height: 31px;
	position: absolute;
	top: 0;
	left: 0;
	background:url(../images/icn_check@2x.png) no-repeat 50% 50%;
	background-size: contain;
}
.worry-item .marker {
	color: #FAF7C7;
    background: linear-gradient(transparent 80%, #9E9D83 80%);
    background: -moz-linear-gradient(transparent 80%, #9E9D83 80%);
    background: -webkit-linear-gradient(transparent 80%, #9E9D83 80%);
}
.worry-item i{
	font-style: normal;
	font-size: 2.5rem;
}

/* sec-support */

.sec-support{
	padding: 60px 0 72px;
	background:url(../images/bg_support@2x.png) no-repeat 50% 0%;
	background-size: 100% auto;
	text-align: center;
}

/* sec-about */

.sec-about{
	padding: 0 0 59px;
}
.ttl__about--wrap{
	position: relative;
	margin: 0 0 65px;
}
.ttl__about{
	font-size: 3.5rem;
	padding: 1.3em 0;
	text-align: center;
	color: #fff;
	background: #2C6187;
}
.sec-about .txt{
	color: #43403F;
	line-height: 2;
	font-size: 2.5rem;
}
.sec-about .about-box{
	border: 2.4px solid #2C6187;
	border-radius: 12px;
	padding: 12px 36px 17px;
	position: relative;
	margin: 162px auto 0;
}
.sec-about .about-box:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 54px solid #2c6187;
    border-bottom: 0;
    position: absolute;
    left: calc(50% - 50px);
    top: -86.5px;
    top: -106.5px;
}
.sec-about .about-box .ttl{
	font-size: 3.6rem;
	margin: 0 0 .4em;
	font-weight: 600;
	text-align: center;
	color: #2C6187
}


/* sec-reason */

.ttl__reason{
	font-size: 5.6rem;
	color: #fff;
	background: #4496D2;
	text-align: center;
	padding: .5em 0 .7em;
}
.ttl__reason .tx01 span,
.ttl__reason .tx02 span{
	font-size: 3.5rem;
}
.ttl__reason i{
	font-size: 4rem;
}
.reason-list{
	margin: 60px auto;
}

.reason-list .reason-box{
	border-radius: 11px;
	width: calc(33.3333% - 10px);
	border: 3.4px solid #4496D2;
	text-align: center;
	flex-direction: column;
	padding: 16px 0 0;
}

.reason-list .reason-box p{
	text-align: center;
	font-size: 2rem;
	width: 100%;
	color: #2C6187;
	font-weight: 600;
}

.reason-list .reason-box p span{
	font-size: 2.5rem;
	display: block;
}

.reason-list .reason-box figure{
	width: 100%;
	margin: 15px auto 0;
}

.sec-about--corp{
	padding: 24px 0 40px;
	background: url(../images/bg_about@2x.jpg) no-repeat 100% 100%;
	background-size: cover
}

.sec-about--corp .box {
    background: #2C6187;
    width: 70%;
    max-width: 649px;
    padding: 15px 20px;
    margin: 12px 0 0;
}

.sec-about--corp .box p{
	font-size: 2.5rem;
	color: #fff;
	line-height: 1.85;
}
.sec-about--corp .box p span{
	color: #FAF7C7;
}
/* sec-comparison */

.sec-comparison{
	background: #37698D;
	padding: 0 0 70px;
}
.ttl__comparison--wrap{
	margin: 0 auto 70px;
	padding: 55px 0 0;
	color: #2C6187;
	position: relative;
	text-align: center;
	background: #fff url(../images/ttl__comparison@2x.png) repeat-x bottom;
	background-size: 100% auto;
}
.ttl__comparison--wrap:before{
	content: "";
	width: 100%;
	height: 59px;
	position: absolute;
	bottom: -57px;
	left: 0;
	background: url(../images/ttl__comparison_btm@2x.png) no-repeat 50% 0%;
	background-size: contain;
}
.ttl__comparison--wrap p{
	font-size: 2.4rem;
	margin: 0 0 .3em;
}
.ttl__comparison--wrap p i{
	font-size: 1.9rem;
	font-style: normal;
}
.ttl__comparison{
	line-height: 1.2;
	font-size: 4rem;
}

.ttl__comparison span{
	display: block;
	font-size: 4.6rem;
}

.ttl__comparison i{
	font-size: 4rem;
}
.table-wrap {
    max-width: 700px;
    margin: 0 auto;
}

.tbl__comparison{
	margin: 0 auto;
    border-collapse: separate;
}
.tbl__comparison th,
.tbl__comparison td{
	border: 12px solid #37698D;
	border-top: 6px solid #37698D;
	border-bottom: 6px solid #37698D;
	vertical-align: middle;
}
.tbl__comparison tr:last-child th, 
.tbl__comparison tr:last-child td {
	   border-bottom-width: 12px;
}
.tbl__comparison th,
.tbl__comparison td{
	font-size: 1.8rem;
	background: #fff;
	text-align: center;
	padding: .78em .5em .78em 1em;
}
.tbl__comparison td,
.tbl__comparison td li{
	font-size: 1.7rem;
}
.tbl__comparison td li{
	text-align: left;
	margin-left: 2em;
}
.tbl__comparison td{
	background: #D9D9D9;
}
.tbl__comparison thead th{
	vertical-align: bottom;
	padding: 0;
	border-bottom: 0;
	color: #fff;
}
.tbl__comparison thead th:nth-child(2){
	font-size: 2.8rem;
	background: #4496D2;
	border-color: #4496D2;
}
.tbl__comparison td:nth-child(2){
	font-size: 1.7rem;
	font-weight: 600;
	border-color: #4496D2;
	background: #E4F5FE;
	color: #E50000;
	width: 37%;
}
.tbl__comparison td:nth-child(2) span{
	font-size: 2.4rem;
}
.tbl__comparison td:nth-child(2) i{
	font-style: normal;
}
.tbl__comparison thead th{
	background: none;
	padding: .4em 0;
}

.tbl__comparison tbody th{
	width: 28%
}

.tbl__comparison tr:nth-child(5) td:nth-child(2),
.tbl__comparison tr:nth-child(6) td:nth-child(2){
	text-align: left;
}

/* sec-use */

.sec-use{
	background: #FFFEFA;
	padding: 60px 0 0;
}
.ttl__use{
	font-size: 2.7rem;
	margin: 0 auto 1.2em;
	color: #4496D2;
	text-align: center;
}
.use-list .use-box{
	background: #E4F5FE;
	margin:0 auto 40px;
	padding: 20px 20px 15px;
    counter-increment: mycounter;
    align-items: center;
    border-radius: 10px;
}
.use-box .ttl{
	width: 52%;
}
.use-box .ttl.flex-box{
	justify-content: flex-start;
	align-content: center;
	align-items: center;
}

.ttl__use-box{
	font-size: 3rem;
	color: #4496D2;
	position: relative;
	margin: 0 0 .7em;
}

.ttl__use-box:before{
	content: counter(mycounter);
	font-size: 3rem;
	color: #fff;
	text-align: center;
	width: 2.35em;
	height: 2.35em;
	line-height: 2.35em;
	border-radius: 100%;
	display: inline-block;
	margin:0 .5em 0 0;
	background: #4496D2;
}
.use-box .box{
	width: 45%;
}
.use-list {
    max-width: 910px;
    margin: 0 auto;
}
.sec-use .bnr{
	text-align: center;
}
.sec-use .bnr picture,
.sec-use .bnr img{
	display: block;
	margin:0 auto;
}
/* sec-set */

.sec-set{
	background: #E4F5FE;
	padding: 40px 0 60px;
}
.ttl__set{
	text-align: center;
	margin: 0 auto 40px;
}
.ttl__set span{
	font-size: 2.7rem;
	padding: .5em 1em;
	display: inline-block;
	border-radius: 3em;
	background: #2C6187;
	color: #fff;
}
.set-box .set-item{
	border-radius: 11px;
	width: calc(33.3333% - 15px);
	border: 3.4px solid #37698D;
	text-align: center;
	background: #fff;
	padding: 15px;
}
.ttl__set--item{
	font-size: 2.6rem;
	margin:0 auto .5em;
	text-align: center;
	color: #37698D;
}
.set-box .txt{
	font-size: 2rem;
	color: #4D4D4D;
	text-align: left;
}


/* sec-faq */

.sec-faq{
	padding: 40px 0 25px;
}
.ttl__faq{
	text-align: center;
	font-size: 28px;
	color: #2C6187;
	margin: 0 auto 40px;
}
.box_faq{
	margin: 0 auto 40px;
}
.box_faq .ttl{
	font-size: 22px;
	padding: .5em 1em;
	color: #fff;
	background: #37698D;
}
.box_faq .txt {
    font-size: 20px;
    padding: .5em 1em;
    background: #E4F5FE;
    min-height: 5.5em;
    align-content: center;
}

@media screen and (min-width: 769px) {
	br.sp{
		display: none;
	}
}
@media screen and (max-width: 768px) {
	br.pc{
		display: none;
	}
    body {
        min-width: initial;
	}

	/* sec-cta */
	.sec-cta{
		padding: 8% 0 5%;
	}
	.sec-cta .item_wrap .btn a img {
	    width: 88%;
	}
	.ttl__cta{
		font-size: min(9.4vw,3.4rem);
	}
	.ttl__cta span{
		font-size: min(8vw,3rem);
	}
	.sec-cta .item_wrap .btn {
		display: block;
	    position: relative;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    height: auto;
	}
	.sec-cta .item_wrap .btn a {
    	width: 100%;
	    text-align: center;
	    height: auto;
	}

	/* sec-worry */
	.sec-worry {
    	padding: 8% 0 8%;
	}
	.ttl__worry{
		font-size: min(6.4vw,2.4rem);
	}
	.ttl__worry i{
		font-size: min(8vw,3rem);
	}
	.worry-item i{
		font-size: min(4.8vw,1.8rem);
	}
	.worry-item,
	.worry-item i i{
		font-size: min(5.34vw,2rem);
	}
	.worry-box {
	    width: 96%;
	    margin: 3% auto 0;
	    padding: 4% 4% 2.5% 10.5%;
	}
	.worry-item:before {
	    width: 1em;
	    height: 1em;
	    top: 0;
	    left: 0;
	}
	.worry-item {
	    padding: 0 0 0 1.2em;
	    margin: .7em 0;
	}
	/* sec-support */

	.sec-support{
		padding: 9% 0 2%;
		background-image :url(../images/bg_support_sp.png);
	}

	/* sec-reason */

	.ttl__reason {
	    padding: .2em 0 .1em;
	}
	.ttl__reason .tx01,
	.ttl__reason .tx02{
		display: block;
	}
	.ttl__reason .tx01,
	.ttl__reason .tx01 span{
		font-size: min(4.8vw,1.8rem);
	}

	.ttl__reason .tx02{
		font-size: min(12.8vw,4.8rem);		
	}

	.ttl__reason .tx02 span{
		font-size: min(8.9vw,3.3rem);		
	}
	.reason-list {
	    margin: 10% auto 0;
	}

	.reason-list .reason-box{
		width: 100%;
		padding: 2% 0 2%;
		margin: 0 auto 8%;
		flex-direction: column-reverse;
	}
	.reason-list .reason-box figure {
	    margin: 0 auto 0;
	    width: 45%;
	}
	.reason-list .reason-box p{
		font-size: min(4.8vw,1.8rem);
	}
	.reason-list .reason-box p span{
		font-size: min(5.86vw,2.2rem);
	}

	/* sec-about */

	.sec-about {
	    padding: 0 0 12%;
	}
	.ttl__about{
		font-size: min(5.34vw,2rem);
		padding: .6em 0 .5em;	
	}
	.ttl__about span{
		display: block;
	}

	.ttl__about--wrap {
	    position: relative;
	    margin: 0 0 6.5%;
	}
	.sec-about--corp {
	    background: url(../images/bg_about_sp.jpg) no-repeat 100% 0%;
	    background-size: cover;
	    padding: 8% 0 0;
    	margin: 3.5% auto 0;
	}
	.sec-about--corp .box {
	    width: 100%;
	    max-width: 100%;
	}
	.sec-about--corp .box {
	    padding: 2% 5% 5% 2.5%;
	    margin: 2% 0 0 2%;
	    width: 96%;
	    max-width: 100%;
	}
	.sec-about--corp .box p{
		font-size: min(4.26vw,1.6rem);	
	}
	.sec-about--corp .box p span{
		font-size: min(5.34vw,2rem);	
	}
	.sec-about .txt{
		width: 84%;
		margin:0 auto;
		font-size: min(4.26vw,1.6rem);			
	}
	.sec-about .about-box .ttl{
		font-size: min(8vw,3rem);
	    margin: 0 0 0.2em;
	}
	.sec-about .about-box:before {
	    border-right: 28vw solid transparent;
	    border-left: 28vw solid transparent;
	    border-top: 9vw solid #2c6187;
	    left: calc(50% - 28vw);
	    top: -14vw;
	}
	.sec-about .about-box {
	    width: 92%;
	    border: 2.4px solid #2C6187;
	    border-radius: .5em;
	    padding: 3% 1% 5%;
	    margin: 17.5vw auto 0;
	}

	/* sec-comparison */
	.sec-comparison {
	    padding: 0 0 5%;
	}
	.sec-comparison .cont__inner{
		width: 97%;
	}
	.ttl__comparison--wrap {
	    background-image: url(../images/ttl__comparison_sp.png);
	    margin: 0 auto 16%;
	    padding: 21% 0 0;
	}

	.ttl__comparison--wrap:before{
		background-image :url(../images/ttl__comparison_btm_sp.png);
	}
	.ttl__comparison--wrap p{
		font-size: min(5.34vw,2rem);		
	}
	.ttl__comparison--wrap p i{
		font-size: min(4.26vw,1.6rem);	
	}
	.ttl__comparison{
		font-size: min(8.55vw,3.2rem);
	}
	.ttl__comparison span{
		font-size: min(10.7vw,4rem);
	}
	.ttl__comparison span i{
		font-size: min(8vw,3rem);
	}
	.tbl__comparison thead th{
		font-size: min(3.46vw,1.3rem);
		padding: .7em 0 .3em;
	}
	.tbl__comparison thead th:nth-child(2){
		font-size: min(5.86vw,2.2rem);
	}

	.tbl__comparison tbody th{
		font-weight: normal;
		width: 30%;
		padding: .9em .2em;
	}
	.tbl__comparison td {
	    padding: .35em .5em;
		width: 35%;
		text-align: left;
	}

	.tbl__comparison th, 
	.tbl__comparison td {
	    border: 2.67vw solid #37698D;
	    border-top: 1.335vw solid #37698D;
	    border-bottom: 1.335vw solid #37698D;
	}
	.tbl__comparison tr:last-child th, 
	.tbl__comparison tr:last-child td {
	    border-bottom-width: 2.67vw;
	}
	.tbl__comparison td:nth-child(2){
		font-size: min(3.73vw,1.4rem);	
		text-align: center;
	}
	.tbl__comparison tr:nth-child(1) td,
	.tbl__comparison tr:nth-child(3) td,
	.tbl__comparison tr:nth-child(6) td{
		text-align: center;
	}
	.tbl__comparison td:nth-child(2) span{
		font-size: min(5.34vw,2rem);		
	}
	.tbl__comparison th{
		font-size: min(4vw,1.5rem);			
	}
	 .tbl__comparison td, .tbl__comparison td li{
		font-size: min(3.73vw,1.4rem);			
	}

	/* sec-use */
	.sec-use {
	    padding: 11% 0 0;
	}
	.sec-use .bnr{
		padding: 10.5% 0 0;
		background: #fff;
	}
	.ttl__use{
		font-size: min(5.86vw,2.2rem);
    	margin: 0 auto 0.9em;
	}
	.use-list{
		width: 95%;
		margin: 0 auto 8%;
	}
	.use-list .use-box{
		flex-direction: column;
	    padding: 2.5% 2.5% 3%;
	    margin: 0 auto 9%;
	    min-height: 35vw;
	}
	.use-box .ttl{
		width: 100%;
	}
	.use-box .box{
		width: 100%;
		margin: 1.2% auto 0;
	}
	.ttl__use-box{
		font-size: min(7vw,2.6rem);
	    margin: 0 0 0.4em;
	}
	.ttl__use-box:before{
		font-size: min(7vw,2.6rem);	
	}
	.use-box .box p{
		font-size: min(4.26vw,1.6rem);	
	}
	.use-box .ttl.flex-box figure{
		width: 35%;
	    left: 60.5%;
	    position: absolute;
	    top: 0;
	}
	.use-box .ttl.flex-box .ttl__use-box{
		width: 60.5%;
	}
	.use-box .ttl.flex-box {
	    justify-content: flex-start;
	    align-content: flex-start;
	    align-items: flex-start;
	    flex-direction: column;
	    position: relative;
	}

	/* sec-set */
	.ttl__set {
        margin: 0 auto 5%;
	}
	.sec-set {
        padding: 10.5% 0 3%;
	}
	.ttl__set span{
		font-size: min(5.86vw,2.2rem);

	}
	.ttl__set--item{
		font-size: min(5.86vw,2.2rem);
	    margin: 0 auto 0.4em;
	}
	.set-box figure{
	    width: 43%;
	    margin: 0 auto;
	}
	.set-box .set-item:nth-child(2) figure{
		width: 46%;
	}
	.set-box .set-item:nth-child(3) figure{
		width: 51%;
		margin: -1.5% auto -1.5%;
	}
	.set-box .txt{
		font-size: min(4.26vw,1.6rem);
    	line-height: 1.6;
	}
	.set-box .set-item{
		width: 98%;
		padding: 5% 5% 5% 6%;
	    margin: 0 auto 9%;	
	}

	/* sec-faq */
	.ttl__faq{
		font-size: min(6.4vw,2.4rem);
	    margin: 0 auto 8.5%;
	}
	.box_faq {
	    margin: 0 auto 5.5%;
	    width: 82%;
	}
	.box_faq .ttl{
		font-size: min(4.8vw,1.8rem);
	}
	.box_faq .txt{
		font-size: min(4vw,1.5rem);	
	    padding: 0.8em 1em .8em 1.2em;
	    min-height: inherit;
	    line-height: 1.7;
	}
}