@charset "utf-8";
html{
	width: 100%
}

body{
	font-family:  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "Arial", "Helvetica Neue", "Helvetica", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
	color: #333333;
}

/* 共通 */
.wrapper{
	padding: 5.208vw 0;
	margin: 0;
}

h2{
	font-size: 3.125vw;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

h3{
	font-size: 2.604vw;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

h4{
	font-size: 2.083vw;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

.h2_img{
	width: 78.125vw;
	display: block;
}

.white{
	color: #fff;
}

.yellow{
	color: #ffe600;
}

.yellow_border{
	
	background: linear-gradient(transparent 65%, #ffe600 60% );
}

.btn:hover{
	opacity: 0.7;
}

.btn_box{
	display: flex;
	justify-content: center;
}

.btn_right{
	display: block;
	width: 25.937vw;
	margin: 0 1.041vw 0 auto;
}

.btn_left{
	display: block;
	width: 25.937vw;
	margin: 0 auto 0 1.041vw;
}

.h2_sp, .h4_sp{
	display: none;
}

.img_sp{
	display: none;
}

.br_sp{
	display: none;
}

/* ヘッダー */
#header{
    height: 5vw;
	background:#fff;
	box-shadow: 0px 1px 5px #4e4646;
}

#header .wrapper{
	height: 5vw;
	padding: 0 1.562vw 0 2.604vw;
	display: flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	background:#fff;
}

.header_left{
	display: flex;
	justify-content: flex-start;
	margin: auto auto auto 0;
}

.header_left img{
	width:  6.197vw;
}

.header_left h1{
	margin: auto 0 auto 1.041vw;
	font-size: 1.56vw;
	font-weight: bold;
}

.header_right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: auto 0;
}

.header_right img{
	width: 15.625vw;
	margin-right: 1.041vw;
}

.header_tel{
	margin: auto 1.041vw;
	font-weight: 700;
	font-size: 1.25vw;
}

/* FV */
.firstview{
	background-color: #288cd2;
	padding: 0 0 5.208vw;
	margin: 0;
}

.FV{
	position: relative;
}

.FV_back{
	width: 100%;
	display: block;
}
.FV_back_sp{
	display: none;
}


.FV_button{
	position: absolute;
	bottom: 10vw;
	left: calc(53% - 37vw);
	width: 31vw;
}

.FV_car{
	position: absolute;
	top: calc(5vw + 25.5vw);
    left: calc(52% - 40vw);
	width: 76vw;
}

.FV_credit{
	position: absolute;
	top: calc(12vw + 31.5vw);
	right: 1.6vw;
	width: 20vw;
}

.FV_credit_sp{
	display: none;
}

/* お悩み */
.content_01 h2{
	margin:11vw 0 2.604vw;
}
	.container_01{
	display: grid;
	grid-template-columns: 38.281vw 38.281vw;
	gap: 1.5625vw;
	grid-template-rows: 13.02vw 15.625vw;
	justify-content: center;
}

.worry_box{
	background: #fff;
	padding: 1.041vw 0;
}

.worry_box h4{
	color: #288cd2;
	border-bottom: 0.416vw solid #288cd2;
	width: 35vw;
	margin: 0 auto;
	padding-bottom: 1vw;
}

.worry_box p{
	font-size: 1.666vw;
	font-weight: bold;
	text-align: center; 
	margin-top: 1.562vw;
	line-height: 1.687;
}

/* メリット */
.content_02 h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	margin-bottom: 2.083vw;
}

.content_02 .h2_img{
	margin: 0 auto 3.125vw;
}

.content_02_box{
	width: 88.541vw;
	background: #e1f0ff;
	margin: 0 auto;
	padding: 3.645vw 0;
}

.container_02{
	display: grid;
	grid-template-columns: 36.458vw 36.458vw;
	gap: 2.604vw 5.208vw;
	grid-template-rows: 23.7vw 23.7vw;
	justify-content: center;
	margin-bottom: 3.125vw;
}

.container_02 .point{
	background: #fff;
	padding: 1.302vw 0 0;
}

.container_02 .point_h{
	display: block;
	width: 33.333vw;
	margin: 0 auto 1.562vw;
}

.container_02 .point_img{
	display: block;
	width: 16.145vw;
	height: 10.416vw;
	margin: 0 auto 1.041vw;
}

.container_02 p{
	font-size: 2.083vw;
	background: #288cd2;
	text-align: center;
	line-height: 1.4;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	width: 36.458vw;
	height: 7.291vw;
	display: table-cell;
	vertical-align: middle;
	bottom: 0;
}

.content_02_box .yellow_border{
	display: block;
	font-size: 2.604vw;
	text-align: center;
	width: 38.958vw;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}

/* 理由 */
.content_03{
	background: #288cd2;
}

.content_03_box1{
	margin: 0 auto 2.604vw;
}

.content_03_box1 h4:first-child{
	margin-bottom: 1.562vw;
}

.content_03_box1 h2{
	margin-bottom: 1.562vw;
}

.content_03_box2{
	width: 78.125vw;
	margin: 0 auto;
}

.content_03_box2 .img{
	display: block;
	width: 78.125vw;
}

.content_03_box2 .img:not(:last-child){
	margin-bottom: 3.645vw;
}

/* サンプルダウンロード */
.content_04{
	padding-bottom: 0;
}

.content_04_box1 h4{
	margin-bottom: 1.562vw;
}

.content_04_box1 h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	margin-bottom: 2.604vw;
}

.content_04_box1 img{
	display: block;
	width: 66.979vw;
	margin: 0 auto;
}

.content_04_box1 .img_sp{
	display: none;
}

.content_04_box2{
	width: 88.541vw;
	background: #288cd2;
	margin: 2.604vw auto 0;
	padding: 3.125vw 0 5.208vw;
}

.content_04_box2 h2{
	margin-bottom: 2.083vw;
}

.data{
	width: 78.125vw;
	background: #fff;
	margin: 0 auto;
	padding: 3.645vw 0;
	display: flex;
	justify-content: left;
}

.data:not(:last-child){
	margin-bottom: 3.125vw;
}

.data_1_sp, .data_2_sp{
	display: none;
}

.data_1{
	width: 21.875vw;
	margin: 0 3.125vw 0 auto;
}

.data_1 .data_img{
	display: block;
	width: 21.875vw;
	margin-bottom: 1.041vw;
}

.data_1 .data_btn{
	display: block;
	width: 18.75vw;
	margin: 0 auto 1.041vw;
}

.data_1 samll{
	font-size: 0.729vw;
	text-align: left;
}

.data_2{
	width: 48.072vw;
	margin-right: auto;
}

.data_2 h3{
	color: #288cd2;
	text-align: left;
	margin-bottom: 1.562vw;
}

.data_2 .main{
	font-size: 1.875vw;
	text-align: left;
	font-weight: bold;
	line-height: 1.38;
	margin-bottom: 1.041vw;
}

.data_2 .small{
	font-size: 0.937vw;
	line-height: 1.44;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: right;
	text-align: justify;
	
}

/* プラン表 */
.content_05 .h2_img{
	margin: 0 auto 3.125vw;
}

.content_05 .h2_img_sp{
	display: none;
}

.content_05 .plan{
	font-size: 1.875vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: center;
	line-height: 1.38;
	margin: 0 auto 2.083vw;
}

.content_05 .plan_list{
	display: block;
	width: 78.125vw;
	margin: 0 auto 5.208vw;
}

.content_05 .h2_01{
	width: 42.968vw;
	margin: 0 auto 1.562vw;
}

.content_05 .h2_02{
	margin: 0 auto 3.645vw;
}

.content_05 .h2_02_sp{
	display: none;
}

.content_05 .yellow_border{
	font-weight: bold;
}

/* 確かなデータ */
.content_06{
	background: #288cd2;
}

.container_06{
	width: 78.125vw;
	background: #fff;
	margin: 0 auto;
	padding: 5.208vw 0 1vw;
}

.container_06 h2{
	margin: 0 auto;
	margin-bottom: 3.125vw;
}

.container_06 .yellow_border{
	font-weight: bold;
}

.container_06 .small{
	font-size: 1.666vw;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 2.604vw;
}

.container_06 .main{
	font-size: 2.604vw;
	line-height: 1.32;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2.083vw;
}

.container_06 .main_sp{
	display: none;
}

.container_06 .img_06{
	display: flex;
	justify-content: center;
}

.container_06 .right{
	display: block;
	width: 22.395vw;
	margin: 0 2.604vw 2.083vw auto;
}

.container_06 .left{
	display: block;
	width: 22.395vw;
	margin: 0 auto 2.083vw 2.604vw;
}

/* 利用者の声 */
.content_07{
	background: #e1f0ff;
}

.content_07 .h2_img{
	margin: 0 auto 2.604vw;
}

.content_07 .h2_img_sp{
	display: none;
}

.content_07 .voice_con{
	font-size: 1.562vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	line-height: 1.33;
	text-align: center;
	margin-bottom: 3.645vw;
}

.container_07{
	width: 78.125vw;
	margin: 0 auto;
	display: grid; 
	grid-template-columns: 22.812vw 22.812vw 22.812vw;
	justify-content: space-between;
}

.container_07 img{
	width: 22.812vw;
	margin-bottom: 1.041vw;
}

.container_07 h4{
	margin-bottom: 2.083vw;
	line-height: 1.5;
}

.container_07 .yellow_border{
	font-weight: bold;
}

.container_07 .voice_com{
	font-size: 1.458vw;
	font-weight: bold;
	line-height: 1.53;
	text-align: center;
	text-align: justify;
}

.container_07 p{
	font-size: 1.458vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: right;
}

.voice p{
	margin-top: 3.125vw;
}

.voice_2 p{
	margin-top: 4.2vw;
}

/* 1ヶ月無料データ */
.content_08 .h2_img{
	margin: 0 auto 2.083vw;
}

.content_08 .h2_img_sp{
	display: none;
}

.content_08 h2{
	margin: 0 auto 3.645vw;
}

.content_08 h2 span{
	font-size: 2.239vw;
	font-weight: bold;
}

.content_08 ul{
	width: 62.5vw;
	margin: 0 auto 3.645vw;
}

.content_08 ul li{
	border-bottom: 1px solid #288cd2;
	margin-bottom: 1.562vw;
}

.content_08 ul li .list{
	display: grid;
	grid-template-columns: 1.041vw 50vw;
	gap: 1.041vw;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 1.041vw 2.083vw;
}

 li .list h4{
	text-align: left;
}

 ul li p{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.562vw;
	margin: 0 0 1.562vw 4.165vw;
	line-height: 1;
}

.content_08_box h3{
	width: 46.197vw;
	margin: 0 auto 2.083vw;
}

.content_08_box h2{
	width: 78.125vw;
	margin: 0 auto 1.041vw;
}

.content_08_box .bar{
	display: block;
	width: 69.947vw;
	margin: 0 auto 1.041vw;
}

/* メリット追記 */
.content_09{
	background: #288cd2;
}

.content_09 h3{
	color: #288cd2;
	background: #fff;
	padding: 1.041vw;
	width: 49.583vw;
	margin: 0 auto 2.083vw;
}

.content_09_box{
	background: #fff;
	width: 78.125vw;
	margin: 2.604vw auto 0;
	padding: 4.687vw 0 3.645vw;
}
.container_09{
	margin-bottom: 4.687vw;
}

.container_09 .item{
	display: grid;
	grid-template-columns: 16.822vw 52.083vw;
	justify-content: center;
	align-items: center;
	gap: 1.562vw;
	margin: 0 auto;
}

.container_09 .item:not(:last-child){
	margin-bottom: 3.645vw;
}

.container_09 .item img{
	display: block;
	width: 16.822vw;
}

.container_09 .item p{
	font-size: 2.604vw;
	font-weight: bold;
	padding-left: 2.604vw;
	text-indent: -2.604vw;
}

.container_09 .item p span{
	font-weight: bold;
}

.content_09_box .p{
	font-size: 2.083vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	
}

/* 申込方法 */
.content_10{
    background: #e1f0ff;
    text-align: center;
    counter-reset: number 0;
}

.content_10 .h2_img{
	display: block; 
	margin: 0 auto 1.562vw;
    }

.content_10 .h2_img_sp{
	display: none;
}

.content_10 p{
        font-size: 2.083vw;
        margin: 0 0 2.604vw 3.646vw;
    }

.content_10 .step-card{
    text-align: left;
    background: #fff;
	width: 78.125vw;
    border-radius: 3rem;
    margin: 0 auto 3.645vw;
    counter-increment: number 1;
	padding: 4.166vw 4.687vw 4.166vw;
	border: 0.312vw solid #d9b44a;
	box-sizing: border-box;
}

.step-card p{
            font-size: 1.666vw;
	font-family: 'Noto Sans JP', sans-serif;
	    font-weight: 700;
            line-height: calc(42 / 27);
            position: relative;
	margin-bottom: 1.25em;
}

.step-card a{
                color: #00a0e9;
                text-decoration: underline;
            }

.step-card p:before {
                content: counter(number);
                position: absolute;
	top: -1.5vw;
	left: -3.125vw;
                font-size: 3.645vw;
                color: #288cd2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
            }

.step-card p span{
	color: red;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}

.step-card img{
            display: block;
            margin: 0 auto;
        }

.step-card .img_01{
	width: 80%;
}

.step-card .img_02{
	width: 100%;
}


.step-card .notice li{
        font-size: 1.041vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
        line-height: 1.5;
	position: relative;
	text-align: left;
	border-bottom: none;
}

.step-card .notice li:before{
            content: "※";
            position: absolute;
            left: -1.25em;
        }

.step-card .notice li:first-child{
            color: #e60012;
        }
/* フッター */

.footer{
    max-width: percentage(830 / 1500);
    margin: 0 auto;
    align-items: center;
    padding-top: 3.5rem;
    }

.footer .flex{
		display: grid;
	grid-template-columns: 50% 50%;
	justify-content: center;
	margin-top: 2vw;
}

.footer .not{
	font-size: 1.145vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: 1.8;
}

.footer-l{
        width: 50%;
	margin-left: auto;
	margin-right: 3vw;
	box-sizing: border-box;
}

.footer-r{
        width: 50%;
        align: left;
	
    }

.footer-logo{
        width: 8.906vw;
    }

.footer-info{
        font-size: 0.833vw;
	font-weight: 500;
        line-height: calc(24 / 16);
        margin-top: 2.604vw;
    }

.footer-btn{
        width: 20.937vw;
	 margin-top: 1.5vw;
}

.copyright{
    font-size: 0.729vw;
	font-weight: 500;
    text-align: center;
    margin-top: 2vw;
    padding-bottom: 1.041vw;
}