@charset "UTF-8";
/*
Theme Name:ayumicare LP
Description:ayumicareLPテーマ
Author:株式会社ジュイタ
Author URI:https://juita.co.jp/
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');

html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 17px;color: #1c2a5c;font-family: "Zen Old Mincho", serif;line-height: 2em;-webkit-font-smoothing: antialiased;background: #FFF;}
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
body{min-width: 1200px;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}
a{color: #1c2a5c;}
a:hover{color: #999;}
a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
h2{font-weight: normal;font-size: 1.8rem;line-height: 1.6;text-align: center;}
section{padding: 80px 0;}
.bg{background-color: #f2f3f7;}
.wmain{max-width: 1200px;margin: 0 auto; overflow: hidden;}
.left{float: left}
.right{float: right;}
.pc{display: inline-block;}
.sp{display: none;}
.center{text-align: center;}
.imgfit{position: relative;width: 100%;}
.imgfit img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.ttls{text-align: center;}
.ttls h2{font-size: 1.4rem;color: #fff;padding: 5px 30px;background: #00194c;display: inline-block;}
/*header
*********************/
.header{position: fixed;z-index: 2;left: 0;right: 0;width: 100%;top: 0;background: #f2f3f7;}
.header .wmain{max-width: 100%;width: 100%;position: relative;overflow: inherit;padding: 20px 0 50px;}
.header .txt{padding: 0 0 0 220px;transition: 0.5s;}
.header h1{font-weight: 500; font-size: 22px;line-height: 1.2;}
.header .logo{margin: 0;width: 200px;position: absolute;left: 0;top: 0;transition: 0.5s;}
.header .head-cta{overflow: hidden; position: relative;}
.header ul{display: flex;justify-content: flex-end;align-items: center;padding: 0 40px 0 0;}
.header .head-cta ul li{margin: 0 0 0 25px;font-size: 115%;}
.header.sticky .logo{width: 120px;transition: 0.5s;}
.header.sticky .txt{padding: 0 0 0 130px;transition: 0.5s;}
.header.sticky{background: #fff; margin: 0 auto 1px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}

/*fv
*********************/
.fv{width: 100%;position: relative;padding: 0;}
.fv .imgfit{height: 800px;}
.fv .txt{position: absolute;top: 45%;right: 165px; text-align: right;font-size: 2rem;}
.fv .tx1{margin: 0 65px 25px 0;}
.fv .tx2 span{font-size: 130%;}
.fv .cta{padding: 20px 30px;color: #fff;background: #101835;display: inline-block;position: absolute;bottom: -55px;right: 0;text-align: right;font-size: 115%;line-height: 1.6;}
.fv .cta .ltx{font-weight: bold;}
.fv .cta .tel{padding: 0 10px 0 0;}
.fv .cta a{color: #fff;}
.fv .cta a:hover{color: #77b6f2;}

/*about
*********************/
.about{background-image: url(../img/bg1.svg);background-repeat: no-repeat;background-position: right -50px top 35%;background-size: 40%;}
.about h2{margin: 60px 0 0;}
.about .ctn{margin: 50px auto 0;}
.about .txt{padding: 0 150px;}

/*caremanager
*********************/
.caremanager {background-image: url(../img/bg2.svg);background-repeat: no-repeat;background-position: left -130% top 85%;background-size: 75%;}
.caremanager .ctn{display: flex;justify-content: space-between;}
.caremanager .txt{width: 54%;}
.caremanager .txt .ttl{color: #fff;padding: 5px 30px;background: #00194c;display: inline-block;margin: 40px 0 35px;}
.caremanager .txt .ttl h2{font-size: 1.4rem;}
.caremanager .img{width: 46%;}

/*support
*********************/
.support ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 50px auto 0;}
.support li{margin: 0 0 15px;text-align: center;width: 20%;border: 3px solid #00194c;padding: 20px;}
.support .img{width: 90px;margin: 0 auto 15px;}
.support .ti{line-height: 1.4;font-size: 110%;}

/*flow
*********************/
.flow {background: url(../img/bg1.svg) no-repeat;background-position: right -300px top 35%;background-size: 60%;}
.flow .wmain{position: relative;}
.flow .ctn{position: relative;z-index: 2;}
.flow .ti{text-align: center;margin: 25px 0;}
.flow ul{ margin: 50px auto 100px;padding: 0 160px;}
.flow li{position: relative;padding: 0 0 0 55px;margin: 0 0 10px 0;}
.flow li span{position: absolute;left: 0;bottom: 0;font-size: 150%;color: #4e5d90;font-style: italic;}
.flow .txrgt{text-align: right;}
.flow .txrgt .tx{padding: 15px 30px;background: #e6e6e6;display: inline-block;}
.flow .txrgt .tx p{text-align: left;}
.flow .ico{content: ""; position: absolute;left: 0;right: 0;bottom: 0; text-align: center;width: 100%;}
.flow .ico img{width: 90%;}


/*cpy
*********************/
.cpy .ctn{display: flex;justify-content: space-between;}
.gmap{width: 50%;}
.ggmap {position: relative;padding-bottom: 80%;padding-top: 85px;height: 0;overflow: hidden;}
.ggmap iframe,
.ggmap object,
.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cpy .txt{width: 46%;}
.cpy .txt .inf{display: flex;justify-content: flex-start;margin: 0 0 15px;}
.cpy .txt .logo{width: 24%;margin: 0 15px 0 0;}
.cpy .txt .ti{font-size: 140%;line-height: 1.8;}
.cpy ul li{margin: 0 0 5px;}

/*contact
*********************/
.mask {overflow: hidden;margin: 20px auto 0;height: 20px;}
.mask:after {content: '';display: block;margin: -25px auto 0;width: 100%;height: 25px;border-radius: 125px / 12px;box-shadow: 0 0 8px #ddd;}
.contact{padding: 30px 0;}
.contact .wh{background: #fff;padding: 70px 100px;}
.contact .mailform {padding: 10px; color: #222;margin: 10px auto 0;}
.contact table {text-align: left;width: 100%;border-collapse: collapse;border-spacing: 0; margin:20px 0;}
.contact table th, .contact table td {padding: 15px 0; vertical-align: middle;}
.contact table th {font-weight: normal;font-size: 16px;text-align: left;width: 35%;position: relative;}
.contact table td {width: 75%; padding: 10px 0;}
.contact .form-req{background: #e46161;color: #fff;position: absolute;right: 25px;top: 50%;transform: translateY(-50%);padding: 4px 3px;font-size: 80%;line-height: 1;font-weight: 400;}
.contact .form-text, .contact .form-textarea {width: 100%;height: 45px;border: 1px solid #D6D6D6; background: #fff;
padding: 3px;box-sizing: border-box;-webkit-appearance: none;border-radius: 4px;font-size: 14px;}
.contact .form-textarea {height: 120px;}
input[type="submit"], input[type="button"] {cursor: pointer;}
.contact table th:before {content: '';position: absolute;right: 15px;top: 0;
bottom: 0;margin: auto 0;width: 38px;height: 24px; background-size: cover;}
.contact table th.hissu:before {background: url(../img/contact-hissu.png) no-repeat;}
.contact table th.nini:before {background: url(../img/contact-nini.png) no-repeat;}
.submit-btn{text-align: center;margin: 20px auto 0;}
.submit-btn input{font-size: 105%;font-family: "Noto Sans JP";cursor: pointer;}
.submit{border: none;margin: 5px 0;color: #fff;padding: 10px 100px;background: #001f4f;border-radius: 100px;transition: .5s;}
.toback{border: none;margin: 5px 0;color: #fff;padding: 10px 100px;background: #999;border-radius: 100px;transition: .5s;}
.submit:hover,.toback:hover{background: #205dbc;color: #fff; transition: .5s;}

.confirm{margin: 150px auto 0;padding: 0 170px;}
.confirm table th,.confirm table td {border-bottom: 1px dotted #CCC;}
.form-btn-conf {background: url(../img/contact-confirm.png) center no-repeat; background-size: contain;}
.form-btn-back {background: url(../img/contact-back.png) center no-repeat; background-size: contain;}
.form-btn-send {background: url(../img/contact-send.png) center no-repeat; background-size: contain;}
.form-btn {width: 290px;height: 50px;text-align: center;line-height: 50px;border: none;
border-radius: 5px;-webkit-appearance: none;text-indent: -999px;}

.contact .footer p{font-weight:normal;}
.contact .footer p span{font-weight:bold;}
.copyright{text-align: center; padding: 15px; font-size:12px;}
.contact .cfm {background: #FFF;padding: 10px 10px;text-align: center;font-size: 16px;
line-height: 2em; margin: 0; color: #333;}
.contact .thx {padding: 50px;text-align: center;font-size: 16px;
line-height: 2em; margin: 0; color: #000;}
.contact .thx p{ color: #222;font-weight:normal;}
.contact .btn-tosite {background-color: #555;border: none;color: white;padding: 10px 25px;
text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 50px 2px 0;
cursor: pointer;border-radius: 4px;font-weight: bold;}
.contact .s{font-size: 11px; color: #999;}
#formWrap{text-align: center;}
.formwrap{padding: 20px; margin: 20px 0;}
.error,.error_messe{color: red;}
.bold{font-size: 16px; font-weight: bold;}
#contact .footer p{font-weight:normal;}
#contact .footer p span{font-weight:bold;}
.copyright{text-align: center; padding: 15px; font-size:12px;}
#contact .thx {background: #FFF;padding: 50px;text-align: center;font-size: 16px;
line-height: 2em; margin: 0; color: #000;}
#contact .thx p{ color: #222;font-weight:normal;}
#contact .btn{margin: 30px 0 0;}
#contact .btn-tosite {border: none;color: #fff;padding: 10px 40px;background: #001f4f;border-radius: 100px;transition: .5s;}
#contact .thx .center{margin: 15px 0;}
#contact.confirm p{color: #222; font-weight: normal; font-size: 16px;}
#contact.confirm .error,#contact.confirm .error_messe{color: red;}
#formWrap{text-align: center;}
.formwrap{padding: 20px; margin: 20px 0;}
.cln{border-top: 1px solid #eee; }
.txw{padding: 15px;background: #fff5f5;border: 1px solid #ffd5d5;}
#contact .thx{margin: 150px 0 0;}

/*footer
*********************/
.copyright{padding: 30px 0;text-align: center; font-size: 14px;}
.pagetop {height: 50px;width: 50px;position: fixed;right: 30px;bottom: 30px;background: #fff;border: solid 2px #000;border-radius: 50%;display: flex;justify-content: center;align-items: center;z-index: 2;}
.pagetop__arrow {height: 10px;width: 10px;border-top: 3px solid #000;border-right: 3px solid #000;transform: translateY(20%) rotate(-45deg);}