@charset "UTF-8";


/*===================================================


	style.css


====================================================*/

.wrap {

}

/*===================================================
	フレーム
====================================================*/
.contentsBox .contentInner {
    background: rgba(255,255,255,1);
}
.contentsBox .inBox {
	width: 100%;
    padding: 100px 120px;
}
/*===================================================
	共通
====================================================*/
h3{
    font-size: 44px;
    font-weight: 800;
    line-height: 1em;
    margin: 0 0 60px;
}
 

/*===================================================
	header
====================================================*/
header{
	opacity:0;
	transition:0.5s;
        padding: 20px 50px 20px 0;
}
header h1 a{
display:none;
left: 40px;
position: absolute;
margin: -12px 0 0 0;
}

header h1 a img{
width:100px;
}

.headerFix header h1 a{
left: 40px;
position: absolute;
margin: -15px 0 0 0;
}
header h1 a img{
width:5.2vw;
vertical-align: middle;
}
.loaded header{
	opacity:1;
}

.headerFix header{
 background: rgba(255,255,255,0.5);
 transform: scale(0.8);
}

.headerFix header h1 a{
display:block;
}

header .headerNav li a {
    font-size: 0.8vw;
}


header .headerNav li a:before{
	content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
	transform: scaleX(0);
	transform-origin: left;
	transition:0.5s ease;
}
/*===================================================
	メインビジュアル
====================================================*/
.heroView{

}
.heroView .titleCase{
    position: absolute;
    left: 40px;
    bottom: 40px;
	font-weight: 400;
}
.heroView .titleCase .titCap{
	font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px;
}
.heroView .titleCase .titCat{
    font-size: 11px;
    font-weight: 500;
    margin: 0 0 20px;
    letter-spacing: 0.05em;
}
.heroView .titleCase h2{
	width: 550px;
    margin: 0 0 25px;
}
.heroView .titleCase .titPrice{
	font-size: 36px;
    font-weight: 800;
    margin: 0px 0 30px;
    line-height: 1.3em;
}
.heroView .titleCase .titLead{
	font-size: 13px;
    font-weight: 400;
}
.heroView .catchCase{
	position: absolute;
    right: 0;
    top: 50%;
    width: 25%;
    height: 300px;
    background: rgba(0,0,0,0.05);
    transform: translateY(-50%);
}
.heroView .catchCase .txt{
    writing-mode: vertical-rl;
    position: absolute;
    left: 20%;
    top: 0;
    transform: translateY(-20%);
    font-size: 27px;
    font-weight: 800;
    height: 150%;
    line-height: 1.6em;
    letter-spacing: 0.16em;
}
.heroView .telCase{
    position: fixed;
    right: 40px;
    bottom: 40px;
    padding: 15px 30px;
    font-weight: 500;
    opacity: 0;
    transition: 0.5s ease 2s;
    z-index: 10;
    background: #f2f2f2;
}
.loaded  .heroView .telCase{
    opacity:1;
}
.heroView .telCase a{
    color: #0081CC;
    transition:0.3s ease;
}
.loaded .heroView  .shutterView1:before{
	animation:viewingOut 1s ease 2s forwards;
}
.loaded .heroView  .shutterView1 .shutIn{
	animation:viewingIn 1s ease 2s forwards;
}

.bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
    transition:1s ease;
}
.headerFix .bg{
    background: #DDD;
}
.bg svg{

}

.st0{
	fill:none;
	stroke:#EEE;
	stroke-width:0.2835;
	stroke-miterlimit:10;
    clip-path: inset(0 100% 0 0);
    transition:3s ease 2s;
}
.line2 .st1{
	fill:none;
	stroke:#CCC;
	stroke-width:0.5669;
	stroke-miterlimit:10;
    clip-path: inset(0 100% 0 0);
    transition:2s ease 1s;
}
.loaded .st0,
.loaded .st1{
    clip-path: inset(0 0 0 0);
}
/*===================================================
	ruleBox
====================================================*/
.ruleBox{
	    background: #FFF;
}




/*===================================================
	fontBox
====================================================*/
.fontBox{
	    background: #EEE;
}




/*===================================================
	loadingBox
====================================================*/
.delighterBox{
	    background: #FFF;
}




/*===================================================
	delighterBox
====================================================*/
.delighterBox{
	    background: #EEE;
}




/*===================================================
	formBox
====================================================*/
.formBox{
	    background: #FFF;
}

.formBox h3{
	    margin:0 0 20px;
}
.formBox .lead{
	margin: 0 0 60px;
    line-height: 1.8em;
    text-indent: -8px;
}
.formBox .formInner {
	padding: 20px 0 0;
    border-top: 1px dashed #DDD;
    margin: 0 0 40px;
}
.formBox .formList{
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #DDD;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
.formBox .formList:last-child{
    margin: 0;
}
.formBox .formList dt{
    width: 30%;
    text-align: right;
    padding: 0 40px 0 0;
    box-sizing: border-box;
}
.formBox .formList dd{
	width:70%;
    margin: 0 0 20px;
}
.formBox .formList dd:last-child{
    margin: 0;
}




/*===================================================
	swiperBox
====================================================*/
.swiperBox{
	background: #EEE;
}
.swiperBox .recomDetail .lead{
}

/*===================================================
	shutterAnim1Box
====================================================*/
.shutterAnim1Box{
	background: #FFF;
}

.shutterAnim1Box .lead{
    margin: 0 0 20px;
}

.shutterAnim1Box .txt{
    margin: 0 0 20px;
}

.shutterAnim1Box .image{
	width:400px;
}

/*===================================================
	shutterAnim1Box
====================================================*/
.shutterAnim2Box{
	background: #EEE;
}

.shutterAnim2Box .lead{
    margin: 0 0 20px;
}

.shutterAnim2Box .txt{
	margin: 0 0 20px;
    font-weight: 700;
    font-size: 18px;
}

.shutterAnim2Box .image{
	width:400px;
}




/*===================================================
	colorboxBox
====================================================*/
.colorboxBox{

}
.colorboxBox .lead{
    margin: 0 0 20px;
}
.colorboxBox .image{
	width: 400px;
}




/*===================================================
	hoverBox
====================================================*/
.hoverBox{
	background: #EEE;
}
.btn a{
	display: block;
    background: #DDD;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    font-weight: 400;
    width: 300px;
    margin: 0 0 20px;
}

/*===================================================
	whatsBox
====================================================*/
.whatsBox{
    padding: 290px 0 0 10%;
}
.whatsBox .inBox{
	display: flex;
    align-items: flex-end;
}
.whatsBox .inBox h3{
    font-size: 60px;
    line-height: 1.2em;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;

}
.whatsBox .inBox h3:after{
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    height: 1px;
    width: calc(100% + 160px);
    background: #000;
	
}
.whatsBox .inBox h3 span{
    display: block;
    font-size: 50px;
}
.whatsBox .lead {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.whatsBox .clumnArea {
	padding: 0 40px 0 0;
    width: 35%;
}
.whatsBox .txtList{
    width: 65%;
    max-width: 700px;
}
.whatsBox .txtList li{
	font-size: 14px;
    margin: 0 0 20px;
}
.whatsBox .txtList li:last-child{
    margin: 0;
}


/*===================================================
	sereviceBox
====================================================*/
.sereviceBox{
    padding: 165px 10% 0 0;
}
.sereviceBox .inBox{

}
.sereviceBox .serviceList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sereviceBox .serviceList li{
    width: 32%;
    box-sizing: border-box;
    margin: 0 0 30px;
    background: #FFF;
    padding: 20px;
    box-shadow: 8px 8px 0px 0px rgba(0,129,204,0.2);
    border: 1px solid;
}
.sereviceBox .serviceList li .serviceInner{
}
.sereviceBox .serviceList li .serviceInner .inList {
    display: flex;
}
.sereviceBox .serviceList li .serviceInner .inList dt {
    width: 20%;
    color: #000;
}
.sereviceBox .serviceList li .serviceInner .inList dd {
    width: 80%;
}
.sereviceBox .serviceList li .tit{
	font-size: 20px;
    margin: 0 0 20px;
    font-weight: 500;
}
.sereviceBox .serviceList li .txt{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}
.sereviceBox  .exArea{
	display: flex;
    justify-content: space-between;
}
.sereviceBox  .serviceExample{
    padding: 20px 20px 0 0;
    margin: 0;
    width: 49%;
    box-sizing: border-box;
}
.sereviceBox  .serviceExample .tit{
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px;
    border-bottom: 1px solid;
    display: inline-block;
    padding: 0 0 20px 0;
}
.sereviceBox  .serviceExample .txt{
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.1em;
}

.sereviceBox  .comTool{
    padding: 20px 0 0 20px;
    margin: 0;
    width: 49%;
    box-sizing: border-box;
}
.sereviceBox  .comTool .tit{
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px;
    border-bottom: 1px solid;
    display: inline-block;
    padding: 0 0 20px 0;
}
.sereviceBox  .comTool .txt{
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    margin: 0 0 10px;
}



/*===================================================
	criterBox
====================================================*/
.criterBox{
    padding: 165px 0 0 0;
}
.criterBox .inBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.criterBox .innerBlock{
    width: 600px;
    box-sizing: border-box;
}
.criterBox h3{
	border-bottom: 1px solid;
    padding: 0 0 40px;
}
.criterBox .innerBlock:nth-child(odd){
padding: 0 40px 0 0;
}
.criterBox .innerBlock:nth-child(even){
padding: 0 0 0 40px;
}
.criterBox .criterList{
    display: flex;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid;
    width: 100%;
}
.criterBox .criterList li{
    font-size: 16px;

}
.criterBox .criterList li.tit{
    width: 280px;
    border-right: 1px solid;
}
.criterBox .criterList li.time{
    width: 160px;
    border-right: 1px solid;
    padding: 0;
    text-align: center;
}
.criterBox .criterList li.time i{
   display:none;
}
.criterBox .criterList li.date{
    width: 160px;
    padding: 0 0 0 40px;
}
.criterBox .criterList li.date i{
   display:none;
}
.criterBox .criterListTit li{
    border: none!important;
    color: #666;
}
.criterBox .intimeList{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
.criterBox .intimeList li{
    background: #FFF;
    padding: 0;
    width: 49%;
    box-sizing: border-box;
    margin: 0 0 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.criterBox .intimeList li span{
	display:inline-block;
    display: inline-block;
    position: relative;
    z-index: 0;
}
.criterBox .intimeList li span:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    background: #c6eaff;
    width: 100%;
    height: 6px;
    z-index: -1;
}
.criterBox .intimeList li:nth-child(odd){

}
.criterBox .intimeList li:nth-child(even){

}
/*===================================================
	planBox
====================================================*/
.planBox{
    padding: 125px 0;
    background: linear-gradient(to right, #c5c5c5, #FBD786, #C6FFDD);
    margin-bottom: -80px;
}
.planBox .contentInner {
    background: rgba(240,240,240,0);
}
.planBox .inBox{
    padding: 0;
    overflow: hidden;
}
.planBox .inBox h3{
    text-align: center;
    margin: 80px 0 50px;
}
.planBox .inBox h3 span{
	padding: 0 20px 0 0;
}
.planBox .planArea{
    display: flex;
    justify-content: center;
    margin: 0 0 50px;
}
.planBox .planBlock{
    width: 460px;
    padding: 0 20px;
    margin: 0;
    box-sizing: border-box;

}
.planBox .planBlockInner{
    background: #FFF;
    padding: 40px;
    box-shadow: 8px 8px 0px 0px rgba(0,129,204,0.1);
}
.planBox .tit{
    text-align: center;
    font-size: 20px;
    margin: 0 0 20px;
    color: #1babff;
}
.planBox .price{
    text-align: -webkit-center;
    font-size: 42px;
    margin: 0 0 40px;
    font-weight: 400;
    color: #0081CC;
    text-align: center;
}
.planBox .price span{
	font-size: 70%;
    padding: 0 0 0 10px;
}
.planBox .planDetail{
    display: flex;
    margin: 0 0 20px;
    border-bottom: 1px solid #DDD;
    padding: 0 0 20px;
    align-items: center;
}
.planBox .planDetail dt{
	width: 25%;
    color: #888;
    font-size: 11px;
    font-weight: 400;
}
.planBox .planDetail dd{
    width: 75%;
    padding: 0 0 0 10px;
}
.planBox .planDetail dd.del{
	color: #d9d3d8;
    text-decoration: line-through;
}
.planBox .attentionList {
    width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
}
.planBox .attentionList li {
    font-size: 16px;
}
/*===================================================
	qaBox
====================================================*/
.qaBox{
    padding: 165px 10% 0 0;
}
.qaBox .inBox {
    padding: 100px 120px 60px;
}
.qaBox .qaList{
    border-left: 5px solid #c6eaff;
    padding: 0 0 0 15px;
}
.qaBox .qaList dt{
    font-size: 19px;
    margin: 0 0 10px;
    font-weight: 600;
}
.qaBox .qaList dd{
	font-size: 14px;
    margin: 0 0 40px;
}
.qaArea{
	display: flex;
    justify-content: space-between;
}
.qaArea .qaClumn{
width: 48%;
}
/*===================================================
	requestBox
====================================================*/
.requestBox{
    padding: 165px 0 180px 10%;
}
.requestBox .inBox{

}
.requestBox .requestArea{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.requestBox .requestArea .requestClumn{
	width: 48%;
}
.requestBox .requestList{
    display: flex;
    margin: 0 0 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #DDD;
    align-items: center;
}
.requestBox .requestList dt{
    width: 100px;
    height: 100px;
    min-width: 100px;
    background: transparent;
    border: 2px solid #0081CC;
    color: #0081CC;
    text-align: center;
    line-height: 120px;
    font-size: 30px;
    border-radius: 100px;
    letter-spacing: 0;
    position: relative;
    box-sizing: border-box;
}
.requestBox .requestList dt:after{
    content: "STEP";
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 14px;
    line-height: 1em;
    transform: translate(-50%,-180%);
}
.requestBox .requestList dd{
	width: 380px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
.requestBox .requestList dd .tit{
    font-size: 24px;
    margin: 0 0 10px;
    color: #0081CC;
}
.requestBox .requestList dd .txt{
	font-size: 13px;
    line-height: 1.5em;
}
/*===================================================
	formBox
====================================================*/
.formBox{
	background: transparent;
    padding: 80px 0 0 0;
}
.formBox .inBox{
    width: 900px;
    padding: 120px 0;
}

.formReset button {
    margin: 0 auto 40px;
    background: transparent;
    color: #000;
    border: 2px solid #000;
    font-weight: 700;
    padding: 20px 10px 18px;
    position:relative;
    transition:0.3s ease;
}
.formReset button:after{
    content: "";
    position: absolute;
    right: -25px;
    width: 50px;
    height: 2px;
    top: calc(50% - 1px);
    background: #000;
    transition:0.3s ease;
}
.formBox .cap{
	text-align: center;
    font-size: 11px;
    line-height: 1.6em;
}
.formBox .cap a{
    color:#2e00d2;
}

.alert{
text-align: center;
margin: 0 0 30px;
}
.alert-dismissible{
color:#f00;
}
/*===================================================
	footer
====================================================*/
footer {
padding: 80px 80px 120px;
}
footer .creditList{
    color: #FFF;
    text-align: center;
    margin: 0 0 20px;
}
footer .creditList li{
margin: 0 0 5px;
}
footer .creditList li:last-child{
margin: 0;
}

/*===================================================

	レスポンシブPC：ミドル

====================================================*/
@media screen and (min-width:1000px) and (max-width:1460px){
.whatsBox .inBox h3 {
    font-size: 51px;
}
.criterBox .innerBlock:nth-child(odd) {
    padding: 0;
    width: 100%;
    margin: 0 0 80px;
}
.criterBox .criterList li.tit {
    width: 40%;
}
.criterBox .criterList li.time {
    width: 30%;
}
.criterBox .criterList li.date {
    width: 30%;
    text-align: center;
    padding: 0;
}
.criterBox .innerBlock:nth-child(even) {
    padding: 0;
    width: 100%;
}
.criterBox .intimeList {

}
.criterBox .intimeList li {
	width: auto;
    padding: 0 30px 0 0;
    font-size: 16px;
}
.planBox .tit {
    font-size: 17px;
}
.planBox .price {
    font-size: 28px;
	margin: 0 0 30px;
}
.planBox .planDetail dt {
    width: 30%;
}
.planBox .planDetail dd {
    width: 70%;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.5em;
}
}
/*===================================================

	レスポンシブPC

====================================================*/
@media screen and (min-width: 1000px){
.sp{display:none;}



header .headerNav li a:hover:before{
	transform: scaleX(1);
}

.formReset button:hover{
	background:#000;
	color:#FFF;
}
.formReset button:hover:after{
	right: -50px;
}
.heroView .telCase a:hover{
    color: #1babff;
}

}




/*===================================================

	レスポンシブSP

====================================================*/
@media screen and (max-width: 1000px){
.sp{display:block;}
.pc{display:none;}



/*===================================================
	レスポンシブSP：フレーム
====================================================*/
.bg svg {
    width: 180%;
}
.contentsBox .inBox {
    width: 100%;
    padding: 20px;
}
/*===================================================
	レスポンシブSP：共通
====================================================*/
h3 {
    font-size: 34px;
    margin: 0 0 20px;
}
.anc{
	position:relative;
}

/*===================================================
	レスポンシブSP：ハンバーガーメニュー
====================================================*/
.hamBox {
    padding: 20% 10%;
}
.hamNav{

}
.hamNav li{
	margin: 0 0 20px;
}
.hamNav li:last-child{

}
.hamNav li a{
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding: 0 0 0 30px;
}
.hamNav li a:before{
    content: "";
    width: 15px;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
}

header{
display:none;
}


/*===================================================
	レスポンシブSP：メインビジュアル
====================================================*/
.heroView{
    position: relative;
    width: 100%;
    overflow-x:hidden;
}

.heroView .titleCase {
    left: 50%;
    bottom: 50%;
    width: 100%;
    padding: 0 20px 0;
    box-sizing: border-box;
    transform: translate(-50%,50%);
}
.heroView .titleCase h2 {
    width: 60%;
    margin: 0 0 15px;
}
.heroView .titleCase .titPrice {
    font-size: 30px;
    line-height: 1em;
    margin: 0 0 20px;
}
.heroView .titleCase .titLead {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.8em;
}
.heroView .titleCase .titCap {
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
}
.heroView .titleCase .titCat {
    font-size: 10px;
    width: 100%;
    line-height: 1.5em;
    margin: 0 0 15px;
}
.heroView .telCase {
    position: fixed;
    right: 50%;
    bottom: 5px;
    padding: 10px;
    width: calc(100% - 10px);
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 14px;
    transform: translateX(50%);
}
.heroView .catchCase {
    top: 50%;
    left: 100px;
    width: 100%;
    height: 80%;
}
.heroView .catchCase .txt {
    writing-mode: initial;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    font-size: 4.5vw;
    font-weight: 800;
    height: auto;
padding: 20px;
}
.heroView .catchCase .txt span{
	display:none;
}
.scrollarrow{
	display:none;
}
/*===================================================
	レスポンシブSP：.whatsBox
====================================================*/
#anc01{
	display: block;
    position: absolute;
    top: -80px;
}
.whatsBox {
    padding: 0 0 0 5%;
}
.whatsBox .inBox {
    display: block;
    align-items: center;
    padding: 40px 20px;
}
.whatsBox .inBox h3 {
    font-size: 36px;
    margin: 0 0 40px;
}
.whatsBox .inBox h3:after {
    bottom: -15px;
}
.whatsBox .inBox h3 span {
    display: inline;
    font-size: 27px;
}
.whatsBox .clumnArea {
    padding: 0;
    width: 100%;
}
.whatsBox .txtList {
    width: 100%;
}
.whatsBox .lead {
    font-size: 13px;
    margin: 0 0 15px;
    line-height: 1.5em;
}
.whatsBox .txtList li {
    font-size: 12px;
    margin: 0 0 15px;
    line-height: 1.8em;
}

/*===================================================
	レスポンシブSP：.sereviceBox
====================================================*/
.sereviceBox {
    padding: 80px 5% 0 0;
}
.sereviceBox .inBox {
    padding: 40px 20px 40px;
}
.sereviceBox .serviceList {
    display: block;
}
.sereviceBox .serviceList li {
    width: 100%;
}
.sereviceBox .serviceList li .tit {
	font-size: 16px;
    margin: 0 0 10px;
}
.sereviceBox .exArea {
    display: block;
    justify-content: space-between;
}
.sereviceBox .serviceExample {
    padding: 20px 0;
    width: 100%;
    margin: 0 0 20px;
}
.sereviceBox .serviceExample .txt {
    font-size: 12px;
    line-height: 1.8em;
}
.sereviceBox .serviceExample .tit {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.sereviceBox .comTool {
	width: 100%;
    padding: 0;
}
.sereviceBox .comTool .tit {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.sereviceBox  .comTool .txt{
    font-size: 12px;

}
/*===================================================
	レスポンシブSP：.criterBox
====================================================*/
.criterBox {
    padding: 80px 0 0 0;
}
.criterBox .inBox {
    padding: 40px 20px 40px;
}
.criterBox h3 {
    border-bottom: 1px solid;
    padding: 0 0 40px;
    font-size: 26px;
}
.criterBox h3.sub{
	padding: 0 0 20px;
}
.criterBox .innerBlock:nth-child(odd) {
    padding: 0;
    width: 100%;
    margin: 0 0 40px;
}
.criterBox .innerBlock:nth-child(even) {
    padding: 0;
    width: 100%;
}
.criterBox .criterList {
    display: block;
}

.criterBox .criterListTit {
    display: none;
}
.criterBox .criterList li {
    font-size: 16px;
    line-height: 1em;
    margin: 0 0 10px;
}
.criterBox .criterList li.tit {
    width: 100%;
    border-right: none;
    font-weight: 600;
    margin: 0 0 15px;
}
.criterBox .criterList li.time {
    width: 100%;
    border-right: none;
    text-align: left;
	font-size: 13px;
}
.criterBox .criterList li.time i{
   display:inline;
   padding:0 5px 0 0;
}
.criterBox .criterList li.date {
    width: 100%;
    padding: 0;
	font-size: 13px;
	margin: 0;
}
.criterBox .criterList li.date i{
   display:inline;
   padding:0 5px 0 0;
}
.criterBox .intimeList {
    display: block;
}
.criterBox .intimeList li {
    width: 100%;
    margin: 0 0 10px;;
}
/*===================================================
	レスポンシブSP：.planBox
====================================================*/
.planBox {
    padding: 40px 0 120px 0;
}
.planBox .inBox {
	padding: 0 20px;
}
.planBox .inBox h3 {
    text-align: center;
    margin: 40px 0;
    font-size: 34px;
    line-height: 1.4em;
}
.planBox .inBox h3 span {
    padding: 0;
    display: block;
}
.planBox .planArea {
    display: block;
}
.planBox .planBlock {
	width: 100%;
    padding: 0;
    margin: 0 0 40px;
}

.planBox .planBlockInner {
    padding: 20px;
}
.planBox .tit {
    font-size: 16px;
    margin: 0 0 15px;
}
.planBox .price {
    font-size: 33px;
    border-bottom: 1px solid #DDD;
    padding: 0 0 20px;
    margin: 0 0 10px;
}
.planBox .planDetail {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.planBox .planDetail dt {
    width: 100%;
}
.planBox .planDetail dd {
    width: 100%;
    padding: 0;
}
.planBox .attentionList {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}
.planBox .attentionList li {
    font-size: 11px;
}
/*===================================================
	レスポンシブSP：.formBox
====================================================*/
#anc05{
	display: block;
    position: absolute;
    top: -80px;
}
.formBox {
    padding: 0;
}
.formBox .inBox {
	width: 100%;
    min-width: 100%;
    padding: 40px 20px 40px;
}
.formBox h3 {
    margin: 0 0 40px;
}
.formBox .lead {
    margin: 0 0 20px;
    line-height: 1.6em;
    font-size: 13px;
}
.formBox .formList {
    display: block;
}
.formBox .formList dt {
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 0 10px;
    box-sizing: border-box;
    color: #888;
    font-size: 11px;
    line-height: 1em;
}
.formBox .formList dd {
    width: 100%;
    margin: 0 0 20px;
}
.formBox .cap {
    text-align: left;
    font-size: 11px;
    line-height: 1.6em;
}
.formReset button {
    padding: 15px 10px 13px;
    width: 80%;
}
.formReset button:after {
    right: -20px;
    width: 40px;
}
/*===================================================
	レスポンシブSP：.qaBox
====================================================*/
.qaBox {
    padding: 80px 5% 0 0;
}
.qaBox .inBox {
    padding: 40px 20px 40px;
}
.qaBox h3{
	margin: 0 0 40px;
}
.qaArea {
    display: block;
}
.qaArea .qaClumn {
    width: 100%;
}
.qaBox .qaList dt {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 600;
}
.qaBox .qaList dd {
    font-size: 12px;
    line-height: 1.5em;
    margin: 0 0 40px;
}
.qaBox .qaList:last-child dd {
    margin: 0;
}
.qaArea .qaClumn:first-child .qaList:last-child dd{
    margin: 0 0 40px;
}
/*===================================================
	レスポンシブSP：.requestBox
====================================================*/
.requestBox {
    padding: 80px 0 80px 5%;
}
.requestBox .inBox {
    padding: 40px 20px 20px;
}
.requestBox h3 {
	margin: 0 0 40px;
}
.requestBox .requestArea {
    display: block;
    justify-content: space-between;
    width: 100%;
}
.requestBox .requestArea .requestClumn {
    width: 100%;
}
.requestBox .requestList {
    margin: 0 0 20px;
    padding: 0 0 20px;
    align-items: end;
}

.requestBox .requestList dt {
    width: 60px;
    height: 60px;
    min-width: 60px;
    line-height: 75px;
    font-size: 26px;
}
.requestBox .requestList dt:after {
    font-size: 13px;
    transform: translate(-50%,-150%);
}
.requestBox .requestList dd .tit {
    font-size: 16px;
    margin: 0 0 10px;
    line-height: 1em;
}
.requestBox .requestList dd .txt {
    font-size: 12px;
    line-height: 1.5em;
}

/*===================================================
	レスポンシブSP：footer
====================================================*/
footer {
	padding: 20px 20px 80px;
}
footer .creditList {
    font-size: 11px;
}
footer .creditList li {
    margin: 0 0 10px;
    line-height: 1em;
}
footer .credit {
    font-size: 10px;
    line-height: 1.5em;
}


}



.grecaptcha-badge{
display:none;
}