@charset "UTF-8";
/*
Theme Name:LPテーマ
Description:LPテーマです。
Author:株式会社ジュイタ
Author URI:https://juita.co.jp/
Version: 1.0
*/
@media screen and (max-width: 768px) {
body{padding: 0;min-width: inherit;}
.wmain,.header .hti h1{max-width: 90%;min-width: 90%;}
}
@media screen and (max-width: 767px) {
html,body{font-size: 4vw;}
body {min-width: 100%;}
section{padding: 20vw 0;}
.wmain,.header .hti h1{max-width: 90%;min-width: 90%;}
.w12{max-width: 100%;}
h2{font-size: 6.5vw;letter-spacing: 0;}
.sp{display: block;}
.pc{display: none;}
.ctr{text-align: center;}
.fv{background: none;text-align: center;padding: 13vw 0 0;}
.fv .wmain{max-width: 100%;min-width: 100%}
.fv .imgfit{height: 60vh;background: url(../img/fv.jpg) no-repeat;background-size: 315%;background-position: left -365px top 0;}
.fv .imgfit img{display: none;}
.fv .txt{right: 0;padding: 0 3vw;font-size: 5vw;text-shadow: 1px 1px 1px #ffffff;font-weight: bold;top: 52%;}
.fv .tx1{margin: 0 0 3vw;}
.fv .cta{text-align: left;}
.header .wmain{padding: 5vw 0;}
.header .txt{width: 100%;float: none;padding: 0 0 0 27vw;}
.header h1{font-size: 4vw;line-height: 1.4em;}
.header .logo{width: 23%;overflow: hidden;margin: 0;}
.header .logo img{width: 45vw;}
.header .head-cta{width: 100%;position: fixed;bottom: 0;left: 0;background: #28376c;padding: 3vw 0;z-index: 99;}
.header .head-cta a{color: #fff;}
.header .head-cta ul li{width: 49%;margin: 0 0.5vw;}
.header .head-cta ul li img{width: 100%;}
.header .head-cta ul{text-align: center;justify-content: center;margin: 0;padding: 0;}
.header.sticky .logo{width: 20%;}
.header.sticky .txt{padding: 0 0 0 25vw;}
.about .txt{padding: 0;}
.caremanager .ctn{display: block;}
.caremanager .txt,.caremanager .img{width: 100%;}
.caremanager .txt .ttl{margin: 0 auto 8vw;text-align: center;}
.caremanager .txt .ttl h2,.ttls h2{font-size: 5.2vw;}
.support li{width: 42.5%;padding: 3vw 2vw;margin: 0 0 2.5vw;}
.support .img{width: 18vw;}
.support .ti{font-size: 3.8vw;letter-spacing: 0;}
.flow ul{padding: 0;}
.flow li{padding: 0 0 0 12vw;line-height: 1.4;margin: 0 0 4vw;}
.flow li span{bottom: inherit;top: -5px;}
.flow .txrgt{text-align: center;}
.flow .txrgt .tx{padding: 4vw;width: 100%;}
.flow .ico{bottom: 25vw;}
.flow .ctn{z-index: 1;}
.cpy .ctn{display: block;}
.gmap,.cpy .txt{width: 100%;}
.cpy .txt{margin: 4vw 0 0;}
.cpy .txt .logo{width: 30%;}
.cpy .txt .ti{font-size: 120%;line-height: 1.8;}
.contact .wh{padding: 8vw 3vw;}
.contact{padding: 5vw 0;}
.contact .sub{font-size: 3.4vw;}
.contact input[type=radio] + label{font-size: 3.4vw;}
.contact table th,.contact table td{width: 100%;overflow: hidden;display: block;padding: 0;}
.contact table th{padding: 5px 0;}
.contact table td{margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dotted #ddd;}
#contact .thx{padding: 15vw 3vw;font-size: 3.6vw;text-align: left;margin: 30vw 0 0;}
#contact .thx .btn{text-align: center;}
.contact .form-req{right: 0;}
.footer h2{font-size: 3vw!important;}
.footer{font-size: 3vw;line-height: 1.6em;}
.copyright{font-size: 3.5vw;line-height: 2.4em;}
.gotop{bottom:21vw;width: 38px;height: 38px;background-size: 50%;}
p.confirm{margin: 0 0 30px;}
.confirm{padding: 0;margin: 30vw 0 0;}
.submit,.toback{padding: 3vw 6vw;}
.mail-btn li{display: block;margin: 0 0 3px;}
.contact .mailform{width: 100%;padding: 0;}
.pagetop{right: 15px;bottom:40px;width: 35px;height: 35px;}
}
@media screen and (max-width: 430px) {
.fv .imgfit{background-position: left -340px top 0;}
}