@charset "utf-8";
/* =============================================================================
   pc
   ========================================================================== */

#guide {
    max-width: 800px;
    color: #333333;
    font-size: 16px;
    line-height: 2.2;
    padding: 50px 0;
}
#mv h3{
	 
    position: absolute;
    top: 40vw;
    z-index: 1;
    left: 6vw;
    font-size: 40px;
    color: #38d49b;
    font-weight: bold;
    font-family: serif;
    text-shadow: 2px 2px 0px #fff;
}

.guideList {
    margin-top: 40px;
}

.guideList > li + li {
    margin-top: 40px;
}

.guideList li h4 {
    font-size: 21px;
    color: #2D567E;
}

#guide .subTtl {
    line-height: 1.6;
}

.guideNumList {
    margin-left: 1.1em;
}

.guideNumList li {
    list-style-type: decimal;
    text-align: justify;
    line-height: 1.4;
    padding: 10px 0 0;
}

.guideNumList li li {
    margin-left: 1.5em;
    list-style-type: upper-roman;
}

.guideNumList li li li {
    margin-left: 1.5em;
    list-style-type: katakana-iroha;
}

.guideList a {
    text-decoration: underline;
}

.lastTxt {
    text-align: right;
    margin-top: 10px;
}
#request .form_label{
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
    display: block;
    margin-bottom: 15px;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
   display: block !important;
    margin-bottom: 15px !important;
}
.sub_contents{
	margin-bottom: 11px;
	display: block;
	line-height: 1.5;
	display: flex;
	align-items: center;
}
.wpcf7-form-control.has-spinner.wpcf7-submit{
	margin: 0 auto;
	display: block;
	width: 88% !important;
	background: #e91e63;
	color: white !important;
	border: none;
	/* padding: 15px; */
	/* font-size: 20px !important; */
	cursor: pointer;
	-webkit-appearance: none;height: 40px !important;
	line-height: 40px;
}

#request input{width: 98%;height: 40px;font-size: 16px;margin: 0 auto;/* display: block; *//* text-align: center; */line-height: 16px;}
#request textarea{
	width:98%;
}
/*sitemap*/
#request input.hi,
#request select.hi{
border:1px solid #e91e63;
}
#request select.now{
	width:100%;
	height:40px;
}

.banner_block{bottom: -110px;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
.banner_block.on{bottom: 0;}
.banner_block{/* visibility: hidden; */}
html.wf-active .banner_block{visibility: visible;}
.banner_block{
    background: #fff;
    padding-left: 90px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 11;
}
.banner_block > .inner{
    /* max-width: 950px; */
    margin: 0 auto;
    font-size: 0;
    padding: 10px 0 9px 0;
    text-align: center;
    min-width: 950px;
}
.banner_block > .inner > .left{
    display: inline-block;
    vertical-align: top;
    margin-right: 45px;
}
.banner_block > .inner > .left > .title{
    font-size: 18px;
    color: #4c4c4c;
    font-weight: 500;
    border-bottom: 1px solid #000;
    text-align: center;
    margin-bottom: 5px;
    padding-bottom: 5px;
    letter-spacing: 0.06em;
    font-weight: bold;
}
.banner_block > .inner > .left > p.text{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}
.banner_block > .inner > ul.btn_list{
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-right: 42px;
}
.banner_block > .inner > ul.btn_list > li{
    display: inline-block;
    vertical-align: top;
}
.banner_block > .inner > ul.btn_list > li:not(:last-child){
    margin-right: 10px;
}
.banner_block > .inner > ul.btn_list > li > span{
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: center;
    letter-spacing: 0.16em;
    margin-bottom: 5px;
}
.banner_block > .inner > ul.btn_list > li > a{
    font-weight: 300;
    font-size: 16px;
    display: flex;
    width: 190px;
    height: 32px;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    color: #fff;
}
.banner_block > .inner > ul.btn_list > li:nth-child(1) > a{background: #ed86a9;}
.banner_block > .inner > ul.btn_list > li:nth-child(2) > a{
    background: #3ed69d;
}
.banner_block > .inner > .tel{
    display: inline-block;
    vertical-align: top;
}
.banner_block > .inner > .tel > span{
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: center;
    letter-spacing: 0.16em;
    margin-bottom: 5px;
}
.banner_block > .inner > .tel > a{
    font-size: 0;
}
.banner_block > .inner > .tel > a > .img{
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    width: 35px;
}
.banner_block > .inner > .tel > a > .img > img{}
.banner_block > .inner > .tel > a > .number{
    font-size: 35px;
    letter-spacing: 0.02em;
    font-family: brandon-grotesque, sans-serif;
    color: #3ed69d;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}





/* =============================================================================
   sp
   ========================================================================== */

@media screen and (max-width: 768px) {
	
.banner_block{
    padding: 0;
    z-index: 12;
}
.banner_block > .inner{
    width: 92.5%;
    padding: 12px 0;
    min-width: 0;
}
.banner_block > .inner > .left{
    margin: 0;
    display: block;
    margin-bottom: 7px;
}
.banner_block > .inner > .left > .title{
    border: none;
    padding: 0;
    margin: 0;
    letter-spacing: 0.36em;
    font-size: 16px;
}
.banner_block > .inner > .left > p.text{
    display: none;
}
.banner_block > .inner > ul.btn_list{
    margin: 0;
    display: block;
}
.banner_block > .inner > ul.btn_list > li{
    width: 48%;
}
.banner_block > .inner > ul.btn_list > li > span{
    font-size: 10px;
    margin-bottom: 3px;
    font-weight: bold;
}
.banner_block > .inner > ul.btn_list > li > a{width: 100%;}
.banner_block > .inner > .tel{
    display: none;
}
.banner_block > .inner > .tel > span{}
.banner_block > .inner > .tel > a{}
.banner_block > .inner > .tel > a > .img{}
.banner_block > .inner > .tel > a > .img > img{}
.banner_block > .inner > .tel > a > .number{}



    #guide .subTtl {
        margin-bottom: 40px;
    }
    #guide {
        font-size: 14px;
    }
    .guideList li h4 {
        font-size: 16px;
    }
	#mv h3{
	 position: absolute;
	 top: 106vw !important;
	 z-index: 1;
	 left: 6vw;
	 font-size: 8vw !important;
	 co;
	 font-size: 39px;
	 font-weight: bold;
	 font-family: serif;
	 text-shadow: 1px 1px 0px #979696;
}

}
