@charset "utf-8";


/*　***********************
　　　　BACE
**********************　*/
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x: hidden;font-size: 62.5%}

body {margin: 0;font-weight: 400;letter-spacing: 0.02em;color:rgba(13,13,13,1.00);font-family: 'Noto Sans JP', sans-serif;font-style: normal;overflow: hidden;}

article,
aside,
footer,
header,
nav,
section {display: block;width: 100%}

.gothic {font-family: 'Noto Sans JP', sans-serif;}
.ryumin {font-family: 'Noto Serif JP', serif}

h1{font-size:11vw;}
h2{font-size: 4.5vw;}
h3{font-size: 4.2vw;}
h4,h5{font-size:4.1vw;}
p{font-size:3.8vw;line-height: 1.65em;margin-bottom: 0;}
h1,h2,h3,h4,h5{line-height: 1.45em;}
h1,h2,h3,h4,h5,p{margin: 0;letter-spacing: 0.05em;}

@media (min-width: 490px){
h1{font-size:3.5rem;}
h2{font-size: 2.7rem;}
h3{font-size: 2.5rem;} 
h4,h5{font-size: 2rem;}
p{font-size: 1.6rem;}
}

@media (min-width: 991px){
h1{font-size:5.2rem;}
h2{font-size: 2.4rem;}
h3{font-size: 2.3rem;} 
h4,h5{font-size: 2.2rem;}
}

h1,h2,h3,h4,h5,h6{font-weight: 500}

a {background-color: transparent; -webkit-text-decoration-skip: objects;touch-action: manipulation;text-decoration: none;color: rgba(39,39,39,1.00);}

a:active,
a:hover {outline-width: 0;opacity: .8;}

ol, ul {list-style: none;padding-left: 0;margin-top: 0;margin-bottom: 0;}
ul {list-style-position: inside;}

dl {margin-top: 0;margin-bottom: 0;}
dl dd{margin-left: 0;;}
iframe {border: none}

img {max-width: 100%; height: auto;display: block;}
a,a:hover,a:active,a:visited {outline: none; }
button{outline: none;}
a:hover img{opacity: 0.8}
a img{border-style:none;}
table {border-collapse: collapse;border-spacing: 0;}

td, th {padding: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-word;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.clearfix:before, .clearfix:after, .container:before, .container:after,.colums:before, .colums:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after
{content: " ";display: table;}

.clearfix:after, .container:after, .colums:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after
{clear: both;}

.zoom{overflow: hidden;display: block}
.zoom img {transform: scale(1,1);transition: .2s ease-out;}
.zoom:hover img {transform: scale(1.1,1.1)}


/*　***********************
　　　　header
**********************　*/
header{padding: 4vw 0;}
header #header_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
header h1 span{display: block}
header #logo{width: 40vw;}
@media (min-width: 576px){
header{padding: 20px 0;}
header #logo{width: 120px;}
}
@media (min-width: 768px){
header{padding: 20px 0;}
header h1 span{display:inline-block}
header #logo{width: 150px;}
}
@media (min-width: 991px){
header{padding: 25px 0;}
header #logo{width: 170px;}
}

@media (max-width: 490px){
header #header_wrap.header_wrap_sp{display: block;}
header #header_wrap.header_wrap_sp h1{margin-bottom: 2vw;}
}

/*****************************
 pagetop
****************************/

#page_scroll{ position: fixed;bottom:10px;right: 10px;z-index: 60}
#page_scroll a{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center; background:rgba(138,138,138,.5);border-radius: 50%;font-size: 1.4rem;color: rgba(255,255,255,1.00);}
#page_scroll.last_scl{}



/*　***********************
　　　　contents
**********************　*/
/*#wrap{overflow: hidden}*/
#wrap,#contents{width: 100%}
#wrap,#contents{position: relative;}

#contents{margin-top: 7vw; margin-bottom: 8vw;}
@media (min-width: 991px){
#contents{margin-top: 70px; margin-bottom: 80px;}
}

/*　***********************
　　　　container
**********************　*/

.container{width:100%;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto}

@media (min-width: 991px){
.container{width: 920px;padding-left: 0;padding-right: 0;}
}

@media (min-width: 1280px){
.container{width: 1200px;}
}


/*　***********************
　　　　section
**********************　*/
.default__area:not(:first-of-type){margin-top: 40px; }

@media (min-width: 991px){
.default__area:not(:first-of-type){margin-top: 60px; }
}


/*　***********************
　　　　footer
**********************　*/
footer{padding: 5vw 1vw;text-align: center;}
footer p{font-size: 3vw;}
@media (min-width: 490px){
footer{padding: 15px;}
footer p{font-size: 1.4rem;}
}

@media (min-width: 991px){
footer{padding: 25px;}
footer p{font-size: 1.6rem;}
}



/*フォーム基本設定*/
.formArea .formArea_info input,.formArea .formArea_info textarea,.formArea .formArea_info label{font-size: 3.8vw;font-family: 'Noto Sans JP', sans-serif;}
.formArea .formArea_info input:not([type="checkbox"]):not([type="radio"]),.formArea .formArea_info textarea{padding: .8em;}
@media (min-width: 490px){
.formArea .formArea_info input,.formArea .formArea_info textarea,.formArea .formArea_info label{font-size: 1.6rem;}
}
@media (min-width: 991px){
.formArea .formArea_info input,.formArea .formArea_info textarea,.formArea .formArea_info label{font-size: 1.8rem;}
}


.special_offer img{margin-left: auto;margin-right: auto;}
.special_offer{margin-bottom: 40px;}

@media (max-width: 490px){
.special_offer{margin-bottom:8vw;}
}

/*フォーム基本パーツ*/
.formArea{display: flex;}
/*.formArea:not(:first-of-type){margin-top: 5vw;}*/
.formArea .formArea_title{width: 9vw;padding-top: 5vw;margin-right: 4vw; }

.formArea.plan_select{align-items: center;}
.formArea.plan_select .formArea_title{background-color:#F98181;padding-top: 5vw;padding-bottom:10vw;}
.formArea .formArea_info .wpcf7-form-control {display: flex; flex-wrap: wrap;}
.formArea.plan_select dl dt{display: flex;align-items: center;}
.formArea.plan_select dl dd .wpcf7-list-item{width: 100%;}
.formArea.plan_select dl dd .wpcf7-list-item {margin: 0;}
.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin: 2vw 0 0 0; }

.formArea .formArea_title{background-color:rgba(0,0,0,1.00);}
.formArea.formArea_head .formArea_title{background-color:#38ADE1;}
.formArea .formArea_info{width: 87vw}
.formArea .formArea_title h2{ -ms-writing-mode: tb-lr; writing-mode: vertical-lr;color: rgba(255,255,255,1.00);/*height: 100%;*/margin-left: auto;margin-right: auto;letter-spacing: .25em;}

.formArea .formArea_info dl{padding-top: 5vw;padding-bottom: 5vw;}
.formArea .formArea_info dl dt{font-size: 4vw;margin-bottom: 3.5vw;display: flex;}	
.formArea .formArea_info dl dt::before{content: "";display: inline-block;width: 1em;margin-right:	.8em;}
.formArea .formArea_info dl dt.hissu::before{content: "※";color: red;}

.formArea.formArea_head .formArea_info dl dd p{margin-bottom: 2em;}

.formArea .formArea_info input:not([type="checkbox"]):not([type="radio"]),.formArea .formArea_info textarea{width: 100%;}
.formArea .formArea_info textarea{height: 15em;}
.formArea .formArea_info .check_option{margin-top: 4vw;}
.formArea .formArea_info .check-menu{margin-top: 4vw;padding-left: 1vw;padding-right: 1vw;}
.formArea .formArea_info .check-menu .wpcf7-list-item-label{display: block;}	

.formArea .formArea_info .check-menu{cursor: pointer;}
.formArea .formArea_info .check-menu p{/*display: flex;align-items: center;*/;margin-bottom: 4vw;}
/*.formArea .formArea_info .check-menu p::after{content: "\f078";font-family: "Font Awesome 5 Free";font-size: 3.5vw; color:rgba(18,18,18,1.00); font-weight: 900;display: block;transform:rotate(-90deg);margin-left: 5px;}*/
.formArea .formArea_info .check-menu p::after{transition: .2s ease-out;}
.formArea .formArea_info .check-menu.check_action p::after{transform:rotate(0deg)}
/*.formArea .formArea_info .check-menu .check-list{display: none;margin-top: 10px;padding: 6vw 6vw 1vw;border: 1px solid rgba(138,138,138,1.00);border-radius: 5vw;}*/
.formArea .formArea_info .check-menu .check-list ul{display: flex;flex-wrap: wrap;}
.formArea .formArea_info .check-menu .check-list ul li{width: 50%;font-size: 3.5vw;margin-bottom: 5vw;}
.formArea .formArea_info .check-menu .check-list ul.check_bullet li{width: 100%;}
.formArea .formArea_info .check-menu .check-list ul li::before{font-family: "Font Awesome 5 Free";font-size: 3.5vw; color:rgba(18,18,18,1.00); font-weight: 900;display:inline-block;}
.formArea .formArea_info .check-menu .check-list ul.check_lineup li::before{content: "\f111";margin-right: 1vw;}

.formArea .formArea_info .check-menu .check-list ul.check_bullet li{display: flex;}
.formArea .formArea_info .check-menu .check-list ul.check_bullet li::before{content: "\f00c";width: 1.2em}
.formArea .formArea_info .check-menu .check-list ul.check_bullet li span{width: calc(100% - 1.2em);display: block}

.formArea .formArea_info dl.formArea_free dd textarea{height: 5em}
.formArea .formArea_info dl.formArea_free dt{line-height: 1.45em;}

.form_button{text-align: center;margin-top: 8vw;}
.form_button input{background-color: rgba(1,1,1,1.00);font-size: 4vw;color: rgba(255,255,255,1.00);border: none;outline: none;width: 100%;max-width: 320px;padding: 5vw; margin-left: auto;margin-right: auto;display: block;}

 .wpcf7 form .wpcf7-response-output{font-size: 3.6vw;text-align: center;}
.formArea_info .wpcf7-not-valid-tip {font-size: 1.6rem}
@media (min-width: 490px){
/*.formArea:not(:first-of-type){margin-top: 25px;}*/
.formArea .formArea_info dl{padding-top: 25px;}
.formArea .formArea_info dl dt{font-size: 1.6rem;}	
.formArea .formArea_info .check-menu p{margin-bottom: .6em;}
/*.formArea .formArea_info .check-menu .check-list{margin-top: 10px;padding: 18px 18px 6px;border-radius: 25px;;}*/
.formArea .formArea_info .check-menu .check-list ul li{margin-right: 15px;font-size: 1.4rem;margin-bottom: 12px;width: inherit}
.formArea .formArea_info .check-menu .check-list ul li::before{font-size: 1.6rem;margin-right: 5px;}
.formArea .formArea_info .check-menu .check-list ul.check_lineup li::before{margin-right: 5px;}
.form_button{margin-top: 50px;}
.form_button input{font-size: 2rem;padding: 1.5em}
.wpcf7 form .wpcf7-response-output{font-size: 1.6rem;}
.formArea_info .wpcf7-not-valid-tip {font-size: 1.6rem}
	
.formArea.plan_select .formArea_title{padding-top: 25px;padding-bottom:50px;}
}
@media (min-width: 768px){
.formArea .formArea_title{width: 5em;margin-right:6em;padding-top: 15px; }
.formArea .formArea_info{width: calc(100% - 11em)}
.formArea .formArea_info dl{display: flex;}
.formArea.formArea_head .formArea_info dl{align-items: center;}
.formArea .formArea_info dl{padding-top: 25px;padding-bottom: 25px;}
.formArea .formArea_info dl dt{width: 18em;margin-bottom:inherit;}

.formArea .formArea_info dl dd{width: calc(100% - 18em);}
.formArea .formArea_info .check_option{margin-top: 10px;}
.formArea .formArea_info .check-menu{margin-top: 10px;padding-left: 1em;padding-right: 1em;}
.formArea .formArea_info .check-menu .wpcf7-list-item-label{font-size: 1.6rem;}	
/*.formArea .formArea_info dl:not(.check_wrap):not(.formArea_free) dt{padding-top: 1em;}*/
.formArea:not(.formArea_head) .formArea_info dl:not(.check_wrap) dt{padding-top: 1em;}	
.formArea .formArea_info dl.formArea_free dt{padding-top: .3em;}
.formArea .formArea_info dl.formArea_free dt span{display: block;margin-left: -1em;}
.formArea .formArea_info dl.formArea_free dd textarea{height: 3.4em}
	
.formArea.plan_select dl dd .wpcf7-list-item{width: inherit;}
.formArea.plan_select dl dd .wpcf7-list-item,.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin: 8px 0; }
.formArea.plan_select dl dd .wpcf7-list-item:first-of-type{margin-right: 24px; }
}
@media (min-width:991px){
.formArea .formArea_info dl dt{font-size: 1.8rem;}	
.form_button input{transition: .2s ease-out;}
.form_button input:hover{background-color: rgba(1,1,1,.8);}
.formArea .formArea_info dl.formArea_free dd textarea{height: 3.4em}
}

@media (min-width:1280px){
.formArea.plan_select .formArea_info .wpcf7-list-item-label{padding-left: 55px;}
.formArea.plan_select dl dd .wpcf7-list-item:first-of-type {margin-right: 60px;}
.formArea.plan_select .formArea_info .wpcf7-list-item-label::before {width: 40px;height: 40px;}
.formArea.plan_select .formArea_info input[type = "checkbox"]:checked + .wpcf7-list-item-label::after{left:13px;}
}

/*選択処理*/
.formArea .formArea_info .wpcf7-form-control{display: flex;flex-wrap: wrap;}
.formArea .formArea_info .wpcf7-list-item{display: block;margin: 0;width: 50%}
.formArea.formArea_head .formArea_info .wpcf7-list-item{width: 100%;}
.formArea.formArea_head .formArea_info .wpcf7-list-item:not(:last-of-type){margin-bottom: 20px;}
.formArea .formArea_info .check_option .wpcf7-list-item{width: 100%}
.formArea .formArea_info input[type = "checkbox"] ,.formArea .formArea_info input[type = "radio"] {display: none;}
.formArea .formArea_info .wpcf7-list-item-label{position: relative;padding-left: 25px;display: block}
.formArea .formArea_info .wpcf7-list-item-label::before{content: "";display: block; position: absolute;width: 20px;height: 20px;border: 1px solid rgba(0,0,0,1.00);top: 50%; left: 0;transform: translateY(-50%);}
.formArea .formArea_info input[type = "checkbox"]:checked + .wpcf7-list-item-label::after,.formArea .formArea_info input[type = "radio"]:checked + .wpcf7-list-item-label::after {content: "\f00c";font-family: "Font Awesome 5 Free";font-size: 15px; color:rgba(240,0,44,1.00); font-weight: 900;display: block; position: absolute;top:50%;left:3px; transform: translateY(-50%);transition: .2s ease-out;}



.formArea.plan_select dl dd .wpcf7-list-item .wpcf7-list-item-label{font-size: 5vw;}

.formArea.plan_select dl dd .wpcf7-list-item{position: relative;}
.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::before{position: absolute;top:-5px;left: 25px;transform: translateY(-100%);}
.formArea.plan_select dl dd .wpcf7-list-item::after{position: absolute;bottom:-5px;right: 0;transform: translateY(100%);}

.formArea.plan_select dl dd .wpcf7-list-item::after{font-size: 2.8vw;display: block;}
.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::before{content:"年一括払いは月額より10%お得!";display: block;font-size: 3.4vw;color: #FF0004;}
.formArea.plan_select dl dd .wpcf7-list-item:first-of-type::after{content:"(税込1,628円)";}
.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::after{content:"(税込17,490円)";}

@media (max-width: 490px){
	.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin-top:15vw }
}
@media (max-width: 767px){
	.formArea.plan_select dl dd .wpcf7-checkbox{display: inline-block}
	
}

@media (min-width: 490px){
	.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin-top:80px }
	.formArea.plan_select dl dd .wpcf7-list-item .wpcf7-list-item-label{font-size: 2.4rem;}
	.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::before{font-size: 1.6rem;}
	.formArea.plan_select dl dd .wpcf7-list-item::after{font-size: 1.4rem;}
	
}
@media (min-width: 768px){
	
	.formArea.plan_select dl dd .wpcf7-list-item{margin: 40px 8px 40px 0;width:inherit}
	.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin: 40px 8px 40px 0;}

	
}
@media (min-width: 1280px){
	.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::before{left: 54px;}
	.formArea.formArea_head .formArea_info .wpcf7-list-item:nth-of-type(3){margin-bottom: 0;}
	.formArea.formArea_head .formArea_info .wpcf7-list-item{width: 50%}
}


.formTitle{text-align: center;background-color:#B9B9B9;color: #FFFFFF;padding: 1em .5em;font-size: 6vw;margin-bottom: 10vw; }

.formArea .formArea_title.title_check{background-color:#A41A4C; }
.formArea .formArea_title.title_bace{background-color:#000000; }
.form_annotation{font-size: 2.8vw;margin-bottom: 1em;}
.form_annotation > span{color: red;}
.form_main{font-size: 3.2vw;margin-bottom: 1em;color: red;font-weight: 700;}
.form_info + .form_info{margin-top: 10vw;}
.form_info_head .wpcf7-list-item{width: 100% !important;}
.form_info_head .wpcf7-list-item .wpcf7-list-item-label{padding-left: 30px;font-size: 3.25vw;line-height: 1.45em;}

.form_info_foot{padding: 4vw 3.5vw;border: 1px #707070 solid;display: flex;}
.form_info_foot ol{margin: 0;list-style: disc;list-style-position: inside;width: 50%;font-size: 2.8vw;letter-spacing: -0.05em;line-height: 1.76em;}


@media (min-width:490px){
	
.formTitle{font-size: 3.8rem;margin-bottom: 80px; }
.form_annotation{font-size: 1.6rem;}
.form_main{font-size: 2.4rem;}
.form_info + .form_info{margin-top: 50px;}
.form_info_head .wpcf7-list-item{width: 100% !important;margin-bottom:24px!important; }
.form_info_head .wpcf7-list-item .wpcf7-list-item-label,.form_info_foot ol{font-size: 2rem;}
.form_info_foot{padding: 20px 25px;}
}

.pc_none{display: none;}
@media (min-width:491px){
.sp_none{display: none;}
.pc_none{display: block;}
}