@charset "utf-8";



/*//////////////////

#top・wp・contact構築時に欲しいパーツ集

必要最低限なパーツのみ残しています。
下層展開構築時のパーツは適宜チップスから取得し追加してください。

//////////////////*/

.sectitle{ margin-bottom: 40px; text-align: center; color: #19ad5a; }
.sectitle .en{ font-size: 7.6rem;letter-spacing: 0.1em; line-height: 1.4; }
.sectitle .ja{ font-size: 1.8rem; margin-top: -10px; }
@media screen and (max-width: 1300px){
	.sectitle .en{ font-size: 6.6rem; }
	.sectitle .ja{ margin-top: -5px; }
}
@media screen and (max-width: 1040px){
	.sectitle .en{ font-size: 5.6rem; }
	.sectitle .ja{ margin-top: -5px; }
}
@media screen and (max-width: 767px){
	.sectitle{ margin-bottom: 20px; }
	.sectitle .en{ font-size: 4.2rem; }
	.sectitle .ja{ font-size: 1.6rem; margin-top: -5px; }
}
@media screen and (max-width: 380px){
	.sectitle .en{ font-size: 3.6rem; }
	.sectitle .ja{ font-size: 1.4rem; }
}

.sectitle2{ font-size: 2rem; padding-left: 70px; position: relative; margin-bottom: 40px; font-weight: bold; font-feature-settings : "palt"; letter-spacing: 0.18em }
.sectitle2:before{ content: ""; background: #19ad5a; display: inline-block; height: 3px; width: 50px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	.sectitle2{ padding-left: 45px; margin-bottom: 25px; font-size: 1.8rem; line-height: 1.8; }
	.sectitle2:before{ width: 30px; }
}
@media screen and (max-width: 380px){
	.sectitle2{ font-size: 1.6rem; padding-left: 30px; }
	.sectitle2:before{ width: 20px; }
}

/* sectitlebox */
.sectitlebox { line-height:1.2; color:#19ad5a; position: relative; padding-bottom: 30px; margin-bottom:70px; }
.sectitlebox .en{ font-size:6.0rem; margin-bottom:5px; }
.sectitlebox .ja{ font-size:2.0rem; letter-spacing:0.2em; font-feature-settings:"palt"; font-weight:bold; }
.sectitlebox:before{ content: ""; position: absolute; bottom: -12px; height: 3px; width: 235px; display: inline-block; left: 0; background: #19ad5a; z-index: 1;}
.sectitlebox:after { position:absolute; content:""; display:block; border-bottom:solid 1px #cccccc; bottom:-11px; width: calc(100% + 50vw - 520px);}
@media screen and (max-width: 1200px){
	.sectitlebox .en{ font-size:5.6rem; }
	.sectitlebox .ja{ font-size:1.6rem; }
	.sectitlebox:after { width: calc(100% + 10vw);}
}
@media screen and (max-width: 1040px){
	.sectitlebox .en{ font-size:4.6rem; }
	.sectitlebox:before{ width: 30vw; }
}
@media screen and (max-width: 767px){
	.sectitlebox { line-height:1.2; padding-bottom: 20px; margin-bottom:50px; }
	.sectitlebox .en{ font-size:3.6rem; margin-bottom:3px; }
	.sectitlebox .ja{ font-size:1.4rem; }
}
@media screen and (max-width: 500px){
	.sectitlebox .en{ font-size:3.2rem; margin-bottom:5px; }
	.sectitlebox .ja{ font-size:1.4rem; }
}


.copy{ font-size: 4rem; color: #19ad5a; line-height: 1.7; font-feature-settings : "palt"; letter-spacing: 0.2em; margin-bottom: 40px; font-weight: bold; }
.copy._type1{ font-size: 3.2rem; margin-bottom: 25px; }
.copy._type2{ font-size: 2.4rem; line-height: 1.8; font-weight: normal; margin-bottom: 20px; }
@media screen and (max-width: 1200px){
	.copy{ font-size: 3rem; }
}
@media screen and (max-width: 1040px){
	.copy{ font-size: 2.6rem; }
	.copy._type1{ font-size: 2.2rem; }
	.copy._type2{ font-size: 2rem; }
}
@media screen and (max-width: 767px){
	.copy{ margin-bottom: 20px; line-height: 1.8; }
	.copy._type1{ font-size: 2rem; }
	.copy._type2{ font-size: 1.6rem; margin-bottom: 15px;}
}
@media screen and (max-width: 500px){
	.copy{ font-size: 2.4rem; }
}
@media screen and (max-width: 380px){
	.copy{ font-size: 2.2rem; }
	.copy._type1{ font-size: 1.8rem; }
}

.txtlink{ font-weight: bold; font-size: 2.4rem; padding-right: 40px; position: relative; display: inline-block; color: #19ad5a; }
.txtlink::before{ content: ""; background: url(../img/common/arr1_green.svg) no-repeat; background-size: contain; width: 34px; height: 34px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; transition: .4s; }
.txtlink:hover{ letter-spacing: 0.12em }
.txtlink::after { content: ""; height: 2px; font-size: 0; background: #19ad5a; width: 0; text-align: center; display: inline-block; position: absolute; left: 50%; bottom: -10px; transition: 0.4s;}
.txtlink:hover::after { width: 100%; left: 0; }
.txtlink._white{ color: #fff; }
.txtlink._white::before{ background: url(../img/common/arr1.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 1040px){
	.txtlink{ font-size: 2rem; padding-right: 40px; }
	.txtlink::before{ width: 30px; height: 30px; }
}
@media screen and (max-width: 767px){
	.txtlink{ font-size: 1.8rem; padding-right: 36px; line-height: 1.8; }
	.txtlink::before{ width: 26px; height: 26px; }
	.txtlink:hover::after { display:none; }
}
@media screen and (max-width: 500px){
	.txtlink{ font-size: 1.6rem; }
}

.chitanoiebigbnr>.inwrap{ display: flex; flex-direction: row-reverse; min-height: 584px; }
.chitanoiebigbnr>.inwrap .imgbox{ width: 100%; overflow: hidden; }
.chitanoiebigbnr>.inwrap .imgbox .coverimg{ transition: 0.5s; }
.chitanoiebigbnr>.inwrap:hover .imgbox .coverimg { transform: scale(1.05)}
.chitanoiebigbnr>.inwrap .txtbox{flex-shrink: 0;display: flex;flex-direction: column;width: 47%;padding: 80px 80px 50px;/*! align-items: center; */justify-content: center;background: #19ad5a;color: #fff;transition: .4s;}
.chitanoiebigbnr>.inwrap .txtbox::before{content: "";background: url(../img/common/arr1.svg) no-repeat;background-size: contain;width: 34px;height: 34px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 30px;transition: .4s;}
.chitanoiebigbnr>.inwrap:hover .txtbox::before{ background: url(../img/common/arr1_green.svg) no-repeat;background-size: contain; }
.chitanoiebigbnr>.inwrap .txtbox .logoimg{ margin-bottom: 50px; display: flex;align-items: center;justify-content: center;}
.chitanoiebigbnr>.inwrap .txtbox .logoimg img{ max-width: 260px; width: 100%; }
.chitanoiebigbnr>.inwrap .txtbox .jatxt{ margin-bottom: 35px; /*! display: flex; *//*! align-items: center; */text-align: center;}
.chitanoiebigbnr>.inwrap .txtbox .jatxt img{ max-width: 178px; width: 100%; }
.chitanoiebigbnr>.inwrap .txtbox .logoimg img:nth-child(2),
.chitanoiebigbnr>.inwrap .txtbox .jatxt img:nth-child(2){ display: none; }
.chitanoiebigbnr>.inwrap .txtbox .txt{ font-size: 1.8rem; text-align: center; font-feature-settings : "palt"; letter-spacing: 0.2em; }
.chitanoiebigbnr>.inwrap:hover .txtbox .logoimg img:nth-child(1),
.chitanoiebigbnr>.inwrap:hover .txtbox .jatxt img:nth-child(1){ display: none; }
.chitanoiebigbnr>.inwrap:hover .txtbox .logoimg img:nth-child(2),
.chitanoiebigbnr>.inwrap:hover .txtbox .jatxt img:nth-child(2){ display: inline-block; }
.chitanoiebigbnr>.inwrap:hover .txtbox::before{ right: 25px; }
.chitanoiebigbnr>.inwrap:hover .txtbox{ background: #fff; }
.chitanoiebigbnr>.inwrap:hover .txtbox { color: #19ad5a; }
@media screen and (max-width: 1040px){
	.chitanoiebigbnr>.inwrap{ display: block; min-height: inherit; }
	.chitanoiebigbnr>.inwrap .txtbox{display: block;width: 100%;padding: 80px 80px 50px;position: relative;}
	.chitanoiebigbnr>.inwrap .txtbox::before{width: 30px;height: 30px;right: 30px;}
	.chitanoiebigbnr>.inwrap .txtbox .logoimg{ margin-bottom: 50px; text-align: center; }
	.chitanoiebigbnr>.inwrap .txtbox .logoimg img{ max-width: 210px;  }
	.chitanoiebigbnr>.inwrap .txtbox .jatxt{ margin-bottom: 35px; text-align: center; }
	.chitanoiebigbnr>.inwrap .txtbox .jatxt img{ max-width: 128px; }
	.chitanoiebigbnr>.inwrap .txtbox .txt{ font-size: 1.6rem; text-align: center; }
	.chitanoiebigbnr>.inwrap .imgbox{ height: calc(50vw + 100px); }
}
@media screen and (max-width: 639px){
	.chitanoiebigbnr>.inwrap .txtbox::before{width: 26px;height: 26px;right: 20px;}
	.chitanoiebigbnr>.inwrap:hover .txtbox::before{ right: 15px; }
	.chitanoiebigbnr>.inwrap .txtbox{padding: 60px 40px 40px;}
	.chitanoiebigbnr>.inwrap .txtbox .logoimg{ margin-bottom: 20px; }
	.chitanoiebigbnr>.inwrap .txtbox .logoimg img{ max-width: 120px;  }
	.chitanoiebigbnr>.inwrap .txtbox .jatxt{ margin-bottom: 25px; }
	.chitanoiebigbnr>.inwrap .txtbox .jatxt img{ max-width: 108px; }
	.chitanoiebigbnr>.inwrap .txtbox .txt{ font-size: 1.4rem; }
}
@media screen and (max-width: 500px){
}


.bloglist{  }
.bloglist>li{ margin-bottom: 20px; }
.bloglist>li:last-child{ margin-bottom: 0; }
.bloglist>li>.inwrap{ display: flex; flex-direction: row; min-height: 100px;  }
.bloglist>li>.inwrap .imgbox{ width: 120px; flex-shrink: 0; margin-right: 25px; overflow: hidden; }
.bloglist>li>.inwrap .imgbox img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.bloglist>li>.inwrap .txtbox{ width: 100%; display: flex; justify-content: center; flex-direction: column; padding-top: 20px; padding-bottom: 20px; }
.bloglist>li>.inwrap .date{ font-size: 1.3rem; color: #999; }
.bloglist>li>.inwrap:hover .imgbox img { transform: scale(1.05) }
.bloglist>li>.inwrap:hover .title { text-decoration: underline; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
	.bloglist>li>.inwrap .imgbox{ width: 120px; height: 120px; flex-shrink: 0; margin-right: 20px; }
	.bloglist>li>.inwrap .txtbox{ padding: 0px; }
}


.newslist>li{ margin-bottom: 10px; }
.newslist>li:last-child{ margin-bottom: 0; }
.newslist>li>.inwrap{background: #fff;padding: 18px 30px;display: block;}
.newslist>li>.inwrap>dl{ display: flex; flex-direction: row; }
.newslist>li>.inwrap>dl>dt{display: flex;flex-shrink: 0;font-size: 1.4rem;letter-spacing: 0.3em;font-weight: bold;width: 135px;padding-right: 15px;box-sizing: border-box;color: #1992eb;padding-top: 2px;}
.newslist>li>.inwrap:hover{ background: #f3fafe; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	.newslist>li>.inwrap>dl{ display: block; }
	.newslist>li>.inwrap>dl>dt{display: block; width: 100%; padding-right: 0; }
}


.contactnumlist>.inwrap{ display: flex; flex-direction: row; overflow: hidden; }
.contactnumlist>.inwrap>li{ padding-left: 70px; width: calc(33.33% + 46.66px); position: relative; }
.contactnumlist>.inwrap>li::before{ content: ""; background: url(../img/common/arr2.svg) no-repeat; background-size: contain; width: 34px; height: 34px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 20px; transition: .4s; transform: rotate(-90deg);}
.contactnumlist>.inwrap>li:first-child{ padding-left: 0; }
.contactnumlist>.inwrap>li:first-child::before{ content:none; }
.contactnumlist>.inwrap>li>.inwrap{ background: #f7f7f7; padding: 30px 30px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #19ad5a; line-height: 1.2; }
.contactnumlist>.inwrap>li>.inwrap .num{ font-size: 4.4rem; padding-right: 45px; position: relative; font-family: 'Crimson Pro', serif; letter-spacing: 0;}
.contactnumlist>.inwrap>li>.inwrap .num:after{ content: ""; background: #19ad5a; width: 1px; height: 35px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 25px; }
.contactnumlist>.inwrap>li>.inwrap .title{ font-size: 2.4rem; }
.contactnumlist>.inwrap>li.current>.inwrap{ background: #19ad5a; color: #fff; }
.contactnumlist>.inwrap>li.current>.inwrap .num:after{ background: #fff; }
@media screen and (max-width: 1250px){
	.contactnumlist>.inwrap>li>.inwrap{ padding: 20px 20px; }
	.contactnumlist>.inwrap>li>.inwrap .num{ font-size: 3.4rem; padding-right: 35px; }
	.contactnumlist>.inwrap>li>.inwrap .title{ font-size: 2rem; }
	.contactnumlist>.inwrap>li>.inwrap .num:after{ right: 18px; height: 25px; }
}
@media screen and (max-width: 1040px){
	.contactnumlist>.inwrap{ display: block; }
	.contactnumlist>.inwrap>li{ padding-left: 0; padding-top: 15px; width: 100%;}
	.contactnumlist>.inwrap>li>.inwrap{ padding-right: 30px; }
	.contactnumlist>.inwrap>li:first-child{ padding-top: 0; }
	.contactnumlist>.inwrap>li::before{ width: 40px; top: -10px; bottom: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; transform: rotate(0deg); }
}
@media screen and (max-width: 767px){
	.contactnumlist>.inwrap>li>.inwrap .num{ font-size: 2.4rem; padding-right: 35px; }
	.contactnumlist>.inwrap>li>.inwrap .title{ font-size: 1.8rem; }
}
@media screen and (max-width: 500px){
}



form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="password"] { border: none !important; background: #f7f7f7 !important; line-height: 2; padding: 18px 15px; font-size: 100%; height: 60px; width: 100%; transition: 0.3s; }
form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus { background: #eee!important; }
form input[type="text"]:read-only,
form input[type="tel"]:read-only,
form input[type="email"]:read-only,
form input[type="password"]:read-only { background: #eee!important; }

form input[type="file"] { padding: 3px 5px; font-size: 100%; height: 30px; }
form input[type="file"]:read-only { background: #eee; }

form input[type="checkbox"] { width: 16px; height: 16px; background-color: #fff!important; cursor: pointer; vertical-align: -2px; border:1px solid #000; background-size: 16px 16px!important; font-size: 0; transition: 0.3s; margin-right: 5px; }
form input[type="checkbox"].checked,
form input[type="checkbox"]:checked { background-color: #19ad5a!important; border:1px solid #19ad5a; }
form input[type="checkbox"].checked:before,
form input[type="checkbox"]:checked:before,
form input[type="checkbox"].checked:after,
form input[type="checkbox"]:checked:after { content:none!important; }

form input[type="radio"] { width: 18px; height: 18px; border-radius: 50%; background-color: #fff!important; cursor: pointer; vertical-align: -3px; border:1px solid #000; background-size: 18px 18px!important; font-size: 0; transition: 0.3s; margin-right: 5px; }
form input[type="radio"].checked,
form input[type="radio"]:checked { background-color: #000!important; border:1px solid #000; }
form input[type="radio"].checked:before,
form input[type="radio"]:checked:before,
form input[type="radio"].checked:after,
form input[type="radio"]:checked:after { content:none!important; }


form select { font-size: 100%; height: 60px; padding: 10px 20px; background: url("../img/common/selectarr.svg") no-repeat 100% center, #f7f7f7; border: none !important; background-size: 60px 60px; width: 100%; color: #000; }
form select.readonly { background: url("../img/common/selectarr.svg") no-repeat 100% center, #eee; }

form textarea { border: none!important; background: #f7f7f7!important; padding: 18px 15px; font-size: 100%; height: 272px; width: 100%; resize: vertical; display: block; transition: 0.3s; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
form textarea:focus { background: #eee!important; }
form textarea:read-only { background: #eee; }

form .short { width: 300px!important;}
form .middle { width: 500px!important;}
@media screen and (max-width: 767px) {
	form input[type="text"],
	form input[type="tel"],
	form input[type="email"],
	form input[type="password"] { padding: 18px 15px; height: 60px; }
	form select{ height: 60px; padding-left: 15px; padding-right: 15px; }
	form textarea{ height: 250px; }
	form .short { width: 100%!important;}
	form .middle { width: 100%!important;}
}


/* 赤字 */
@media screen and (max-width: 767px) {
}

/* common */
form .formbox>ul>li:first-child{ border-top: 1px solid #ccc; }
form .formbox>ul>li { border-bottom: 1px solid #ccc; padding: 30px 0; }
form .formbox>ul>li dl { display: flex; justify-content: space-between; }
form .formbox>ul>li dl>dt { width: 225px; padding-right: 5px; display: flex; flex-shrink: 0; color: #19ad5a; align-items: flex-start; padding-top: 15px; letter-spacing: 0.1em; }
form .formbox>ul>li dl>dt .icon{ line-height: 1; display: inline-block; background: #19ad5a; color: #fff; padding: 7px 12px 6px; font-size: 1.4rem; margin-right: 10px; letter-spacing: 0.2em; }
form .formbox>ul>li dl>dt .icon.optional{ background: #b2b2b2; }
form .formbox>ul>li dl>dd {width: 100%;}
form .formbox>ul>li .tatelist>li{ margin-bottom: 20px; }
form .formbox>ul>li .tatelist>li:last-child{ margin-bottom: 0; }
form .formbox.check>ul>li dl>dt{ padding-top: 0; }
@media screen and (max-width: 767px) {
	form .formbox>ul>li dl{ flex-direction: column }
	form .formbox>ul>li dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px }
	form .formbox>ul>li dl>dd{ width: 100%; }
	form .formbox>ul>li dl>dt .icon{ padding: 7px 10px 6px; font-size: 1.3rem; }
}
@media screen and (max-width: 639px) {
}

.privacycheck{ text-align: center; margin-top: 35px; }
.privacycheck a{ text-decoration: underline; }
.privacycheck a:hover{ opacity: 0.8; }


.btnarea{ margin-top: 40px; }
.btnarea>ul{ margin-left: -20px; overflow: hidden; text-align: center; margin-bottom: -15px; }
.btnarea>ul>li{ margin-left: 20px; margin-bottom: 15px; display: inline-block; vertical-align: middle; max-width: 480px; width: 100%; }
.btn{ font-weight: bold; padding-right: 44px; position: relative; display: inline-block; background: #19ad5a; color: #fff; padding: 38px 20px 35px; width: 100%; }
.btn.reset{ background: #ccc; }
.btn>.inwrap{ display: inline-block; position: relative; padding-right: 45px; font-size: 2.4rem; letter-spacing: 0.1em; }
.btn>.inwrap::before{ content: ""; background: url(../img/common/arr1.svg) no-repeat; background-size: contain; width: 34px; height: 34px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; transition: .4s; }
.btn:hover{ opacity: 0.9; }
.btn:hover>.inwrap::before{ right: -5px; }
@media screen and (max-width: 1040px){
	.btn{ padding: 35px 20px 33px; }
	.btn>.inwrap{ font-size: 2rem; padding-right: 40px; }
	.btn>.inwrap::before{ width: 30px; height: 30px; }
}
@media screen and (max-width: 767px){
	.btnarea{ margin-top: 30px; }
	.btn{ padding: 28px 20px 25px; }
	.btn>.inwrap{ font-size: 1.8rem; padding-right: 36px; }
	.btn>.inwrap::before{ width: 26px; height: 26px; }
}
@media screen and (max-width: 500px){
	.btn>.inwrap{ font-size: 1.6rem; }
}