/* CSS Document */
@charset "UTF-8";

.sp_only{display: none;}

body{min-width:1600px;}


.RobotoCondensedRegular{font-family: roboto-condensed, sans-serif;font-weight: 400;font-style: normal;}

/*  header  */
header{height: 60px;}
header .sec_header{height: 80px;width: 1200px;background: #FFFFFF;margin: 0 auto;border-radius: 0 0 10px 10px;position:fixed;top:0;left:50%;z-index: 1000; transform:translateX(-50%);box-shadow: 0 0px 8px 0px rgba(20,20,20,0.1);}
header .leftside{float: left;padding-left:45px;}
header .leftside .logo-area{display: flex;height: 80px;justify-content: center;align-items: center;}
header .leftside .logo{width:140px;padding-right: 20px;}
header .leftside .contacts {display: flex;height: 38px;width: 200px;flex-wrap: wrap;align-content: space-between;}
header .leftside .contacts .tel{font-size: 14px; color: #FF8098;}
header .rightside{float: right;padding-right:35px;}
header .rightside ul{display: flex;justify-content: flex-end;}
header .rightside ul li p{padding: 20px 10px 20px;text-align: center;line-height: 40px;  }
header .rightside ul li{position: relative;}
header .rightside ul li::before{content: ""; position: absolute; bottom: 0;left: 0; width:100%; height:3px; background: #FF8098; transition: 0.5s;opacity: 0;}
header .rightside ul li:hover::before{opacity: 1;}
/*header .rightside .current{position: relative;}*/
header .rightside ul li.current::before{opacity: 1;}

footer .logo-area{display: flex;justify-content: center;margin-bottom:30px;}
footer .logo{width:150px;padding-right: 20px;}
footer .contacts {display: flex;height: 38px;width: 200px;flex-wrap: wrap;align-content: space-between;}
footer .contacts .tel{font-size: 14px; color: #FF8098;}
footer .copyright{background: #808080;text-align: center;font-size: 11px; padding: 9px 0;color: #FFF;}



.top .hero {height:500px;width:100%;background-image:url("../img/top/hero.jpg");background-size: cover;}
.top .hero .message{width:calc(50% - 60px);height:100%;position:relative;font-weight: 500;}
.top .hero .message::before{content:"";position:absolute;top:0;left: 0;z-index: 2; width:100%;border-top: 500px solid rgba(244,157,184,0.9);border-right: 65px solid transparent;box-sizing: border-box;}
.top .hero .message::after{content:"";position:absolute;top:0;left: 0;z-index: 1; width:calc(100% + 20px);border-bottom: 500px solid rgba(250,192,203,0.7);border-right: 115px solid transparent;box-sizing: border-box;}
.top .hero .texts{position:absolute;top:50%;right: 110px;z-index: 3;transform: translateY(-50%);text-align: left;white-space: nowrap;padding-top: 50px;}
.top .hero .text{font-size: 24px; line-height: 46px;letter-spacing: 0.1em;color:#FFF;}
.top .hero .link{display: block;font-size: 15px; line-height: 100%; width:150px; padding: 5px 0 15px 0;border-bottom:1px solid #FFF;color:#FFF;position:relative;margin-top: 60px;}
.top .hero .link::before{content: ">";position: absolute; top:5px;right: 0px;transition: 0.5s;transform: scale(0.6,1.2);}
.top .hero .link:hover::before{right: 10px;}

.sub-hero{height: 250px;width:100%;background-size: cover;position: relative;}
.company .sub-hero {background-image:url("../img/company/hero.jpg");}
.scheme .sub-hero {background-image:url("../img/scheme/hero.jpg");}
.price .sub-hero {background-image:url("../img/price/hero.jpg");}
.teiden .sub-hero {background-image:url("../img/teiden/hero.jpg");}
.privacy .sub-hero {background-image:url("../img/privacy/hero.jpg");}
.contact .sub-hero {background-image:url("../img/contact/hero.jpg");}
.news .sub-hero {background-image:url("../img/news/hero.jpg");}
.sub-hero .text{font-size: 26px;line-height:100%;color:#FFFFFF; position: absolute;top:50%;left: 50%;transform: translateX(-50%);white-space: nowrap;}



.feature_news {width:1100px;max-width: 100%; margin: 0 auto;padding:50px 0 50px;}
.feature_news .sectitle{font-size: 26px;line-height: 100%; padding-left:30px;position:relative;margin-bottom: 15px;}
.feature_news .sectitle::before{content: "";width:20px; height: 3px;position: absolute;top:calc(50% - 1.5px);left: 0;background: #FF8098;}
.feature_news .item{padding:22px 0;}
.feature_news .item a{display: flex;}
.feature_news .item + .item{border-top:1px solid #DFDFDF;}
.feature_news .item .date{width:100px;color:#666;}
.feature_news .item .text{width:calc(100% - 100px);transition: 0.5s;}
.feature_news .item a:hover .text{color: #FF8098;}
.feature_news .newslink{display: block;width:300px;max-width: 100%;margin: 20px auto 0;font-size:14px; line-height: 100%;padding: 13px 0;background: #FF8098;position: relative;text-align: center;color: #FFF;}
.feature_news .newslink::before{content: ">";position: absolute; top:13px;right: 20px;transition: 0.5s;transform: scale(0.6,1.2);}
.feature_news .newslink:hover::before{right: 30px;}

.feature_links{padding:40px 0;background: linear-gradient(to bottom, #F6F6F6 250px, #FFF 250px);}
.feature_links .wrap{width:1100px;max-width: 100%;margin: 0 auto;}
.feature_links .items{display:flex;justify-content: space-between;}
.feature_links .item{width:250px;}
.feature_links .texts{padding:20px;background:#FFF;border-bottom:1px solid #DFDFDF;position: relative;}
.feature_links .texts::before{content: "";width: 35px;height: 1px;background: #FF8098;position: absolute;bottom: -1px;left: 0;transition: 0.5s; }
.feature_links a:hover .texts::before{left: calc(100% - 35px);}
.feature_links .title{font-size: 20px;padding-bottom: 10px;}
.feature_links .link{display: inline-block;line-height: 100%;padding-right: 20px;color:#FF8098;position:relative;}
.feature_links .link::before{content: ">";position: absolute; top:0px;right: 0px;transition: 0.5s;transform: scale(0.6,1.2);}
.feature_links a:hover .link::before{right: -10px;}
.feature_links .contactlink{display: block;width:700px;max-width: 100%;margin: 50px auto 0;font-size: 20px; line-height: 100%;padding: 30px 0;background: #FF8098;position: relative;text-align: center;color: #FFF;}
.feature_links .contactlink::before{content: ">";position: absolute; top:30px;right: 25px;transition: 0.5s;transform: scale(0.6,1.2);}
.feature_links .contactlink:hover::before{right: 50px;}



.company .sec01{width:800px; margin: 0 auto;}
.company .sec01 .items{display: flex;flex-wrap: wrap;padding: 30px 0;}
.company .sec01 .items .name{width:130px;border-bottom:1px solid #DFDFDF;padding:20px 0;box-sizing: border-box;position: relative;}
.company .sec01 .items .name::before{content: ""; width:100%;height: 1px;background: #FF8098;position: absolute;left: 0;bottom: -1px;}
.company .sec01 .items .text{width:670px;border-bottom:1px solid #DFDFDF;padding:20px 40px;box-sizing: border-box;line-height: 24px;}

.company .sec02{width:800px; margin: 0 auto;padding: 60px 0 60px;}
.company .sec02 .sectitle{font-size:20px;padding-bottom: 10px;}
.company .sec02 .items .item{position: relative;padding: 16px 0 16px 25px;}
.company .sec02 .items .item::before{content:""; position: absolute;top:24px; left: 4.5px;width: 1px;height: 100%;background: #FF8098;}
.company .sec02 .items .item:last-child::before{content: none;}
.company .sec02 .items .date{color: #FF8098;padding-bottom: 10px;}
.company .sec02 .items .date::before{content: "";position: absolute;top:22px;left: 5px; transform: translateX(-50%);width: 10px;height:10px;border-radius: 5px; background-color: #FF8098;}

.scheme .sec01{width:1150px; max-width: 100%; margin: 0 auto;padding: 40px 25px 50px;box-sizing: border-box;}
.scheme .sec01 .sectitle{font-size: 20px;line-height: 35px;padding: 5px 10px;background: #808080;color: #FFF;}
.scheme .sec01 .img{margin-top: 40px;}
.scheme .sec02{width:1150px; max-width: 100%; margin: 0 auto;padding: 40px 25px 120px;box-sizing: border-box;}
.scheme .sec02 .sectitle{font-size: 20px;line-height: 35px;padding: 5px 10px;background: #FF8098;color: #FFF;}
.scheme .sec02 .text{margin-top: 25px;}
.scheme .sec02 .img{margin-top: 40px;}

.price .sec01{width:1150px;max-width: 100%; margin: 0 auto;padding: 40px 25px 30px;box-sizing: border-box;}
.price .sec01 .sectitle{font-size: 20px;line-height: 100%; padding-left:30px;position:relative;margin-bottom: 20px;}
.price .sec01 .sectitle::before{content: "";width:20px; height: 3px;position: absolute;top:calc(50% - 1.5px);left: 0;background: #FF8098;}
.price .sec01 .text{margin-bottom: 30px;text-align: justify;}

.price .sec01 .sales{display: flex;width:500px;border: 1px solid #bbb;text-align: center;line-height: 20px;}

.price .sec01 .period{background: #DFDFDF;width:310px;padding: 14px 0;}
.price .sec01 .money{width:190px;padding: 14px 0;}
.price .sec02{width:1150px;max-width: 100%; margin: 0 auto;padding: 40px 25px 110px;box-sizing: border-box;}
.price .sec02 .sectitle{font-size: 20px;line-height: 100%; padding-left:30px;position:relative;margin-bottom: 20px;}
.price .sec02 .sectitle::before{content: "";width:20px; height: 3px;position: absolute;top:calc(50% - 1.5px);left: 0;background: #FF8098;}


.teiden .sec01 {text-align: center;width:1100px;max-width:100%;padding: 50px 0;box-sizing: border-box;margin: 0 auto;}
.teiden .tab01_main .cover01{border:3px solid #FF8097;margin-bottom: 60px;}
.teiden .tab01_main .cover01 >*{padding-right:20px;padding-left:20px;}
.teiden .tab01_main .cover02{border:3px solid #7C7C7C;margin-bottom: 60px;}
.teiden .tab01_main .cover02 >*{padding-right:20px;padding-left:20px;}
.teiden .tab01_main .cover03{border:3px solid #F05A24;}
.teiden .tab01_main .next01{position:relative; background: #FF8097; color: #FFF;line-height: 20px;padding: 5px;}
.teiden .tab01_main .next01::before{content:"";position:absolute;width: 18px;height: 25px;background:#FF8097;top:100%;left: calc(50% - 9px);}
.teiden .tab01_main .next01::after{content: ""; position: absolute; right: 0; top:calc(100% + 16px); left: calc(50% - 20px); width: 0px; height: 0px; border-style: solid; border-color: #FF8097 transparent transparent transparent; border-width: 25px 20px 0 20px;}
.teiden .tab01_main .next02{position:relative; background: #7C7C7C; color: #FFF;line-height: 20px;padding: 5px;}
.teiden .tab01_main .next02::before{content:"";position:absolute;width: 18px;height: 25px;background:#7C7C7C;top:100%;left: calc(50% - 9px);}
.teiden .tab01_main .next02::after{content: ""; position: absolute; right: 0; top:calc(100% + 16px); left: calc(50% - 20px); width: 0px; height: 0px; border-style: solid; border-color: #7C7C7C transparent transparent transparent; border-width: 25px 20px 0 20px;}

.teiden .tab01_main {display: flex;justify-content: space-between;flex-wrap: wrap;}
.teiden .tab01_main .area01{width:100%;}
.teiden .tab01_main .area02{width:100%;}
.teiden .tab01_main .area03{width:calc(50% - 50px);}
.teiden .tab01_main .area04{width:calc(50% - 50px);}

.teiden .tabs{display: flex;justify-content: space-between; width:626px; max-width:100%; margin: 0 auto;}
.teiden .sectitle{font-size: 18px; line-height: 100%;  padding:16px;background: #DEDEDE; width:calc(50% - 3px); box-sizing: border-box;cursor: pointer;}

.teiden .choose01 .sectitle.tab01{color:#FFF;background: #FF8097;}
.teiden .choose02 .sectitle.tab02{color:#FFF;background: #FF8097;}

.teiden .tab_title{font-size: 20px; padding:10px 0 10px; border-bottom: 1px solid #DEDEDE;margin-bottom:50px;width: 100%;}
.teiden .tab01_main{padding:50px 0;}
.teiden .tab02_main{padding:50px 0;}

.teiden .tab01_main .area01 .text01{padding-top:35px;padding-bottom:35px;display: flex;align-items: center;justify-content: center;line-height: 24px;}
.teiden .tab01_main .area01 .text01 img{width:70px;padding-right:30px;}
.teiden .tab01_main .area01 .text01 span{width:350px;text-align: justify;}
.teiden .tab01_main .area02 {margin-bottom: 30px;}
.teiden .tab01_main .area02 .text01{padding-top:25px;padding-bottom:25px;display: flex;align-items: center;justify-content: center;}
.teiden .tab01_main .area02 .text01 img{width:130px;padding-right:30px;}
.teiden .tab01_main .area03_02 .text01{padding-top:50px;padding-bottom:50px;}
.teiden .tab01_main .area03_03 .text01{padding-top:30px;font-size: 18px;}
.teiden .tab01_main .area03_03 .texts02{display: flex;align-items: flex-end;justify-content: center;}
.teiden .tab01_main .area03_03 .text02_01{font-size: 40px;color: #FF8097;}
.teiden .tab01_main .area03_03 .text02_02{padding-left: 10px;padding-bottom: 10px;}
.teiden .tab01_main .area03_03 .text03{padding-bottom:10px;}
.teiden .tab01_main .area03_04 .text01{padding:10px 10px 0;font-size: 18px;line-height: 26px;}
.teiden .tab01_main .area03_04 .text02{padding-bottom:10px;font-size: 40px;color: #F05A24;}
.teiden .tab01_main .area04_02 .text01{padding:10px 10px 0;font-size: 18px;line-height: 26px;}
.teiden .tab01_main .area04_02 .text02{padding-bottom:10px;font-size: 40px;color: #F05A24;}

.teiden .tab02_main {width: 100%;}
.teiden .tab02_main .area01{display: flex;justify-content: space-between;align-items: flex-start;}
.teiden .tab02_main .area01_01{width:530px;border: 1px solid #DEDEDE;box-sizing: border-box;}
.teiden .tab02_main .area01_02{width:530px;border: 1px solid #DEDEDE;box-sizing: border-box;}
.teiden .tab02_main .area01_01 .text01{height: 80px;background: #F05A24;position:relative;color: #FFF;font-size: 22px;line-height:26px;}
.teiden .tab02_main .area01_01 .text01 span{position: absolute; top:50%;left: 50%; transform: translate(-50%,-50%);white-space: nowrap;}
.teiden .tab02_main .area01_01 .text02{padding:20px 40px 10px;font-size: 18px;}
.teiden .tab02_main .area01_01 .text03{padding:10px 40px;font-size: 40px;color: #F05A24;}
.teiden .tab02_main .area01_01 .text04{padding:10px 40px 20px;text-align: justify;color: #666666;line-height: 24px;}

.teiden .tab02_main .area01_02 .text01{height: 80px;background: #0071BB;position:relative;color: #FFF;font-size: 22px;line-height:26px;}
.teiden .tab02_main .area01_02 .text01 span{position: absolute; top:50%;left: 50%; transform: translate(-50%,-50%);white-space: nowrap;}
.teiden .tab02_main .area01_02 .text02{padding:20px 40px 10px;font-size: 18px;}
.teiden .tab02_main .area01_02 .text03{padding:10px 40px;font-size: 40px;color: #0071BB;}
.teiden .tab02_main .area01_02 .text04{padding:10px 40px 20px;text-align: justify;color: #666666;line-height: 24px;}

/*
.teiden .tab01_main {transition:0.5s;}
.teiden .tab01_main *{transition:0.5s;}
.teiden .tab02_main {transition:0.5s;}
.teiden .tab02_main *{transition:0.5s;}
.teiden .choose02 .tab01_main{padding-top:0;padding-bottom: 0;opacity: 0;height: 0;}
.teiden .choose02 .tab01_main *{padding-top:0;padding-bottom: 0;opacity: 0;}
.teiden .choose01 .tab02_main{padding-top:0;padding-bottom: 0;opacity: 0;height: 0;}
.teiden .choose01 .tab02_main *{padding-top:0;padding-bottom: 0;opacity: 0;}
*/

.teiden .choose02 .tab01_main{display: none;}
.teiden .choose01 .tab02_main{display: none;}

.privacy .sec01{width:1150px;max-width: 100%; margin: 0 auto;padding: 40px 25px 120px;box-sizing: border-box;}
.privacy .title{font-size: 20px;line-height: 30px; padding-left:30px;position:relative;padding-bottom: 25px;}
.privacy .title::before{content: "";width:20px; height: 3px;position: absolute;top:13.5px;left: 0;background: #FF8098;}
.privacy .text{line-height: 24px;overflow-wrap: break-word;}
.privacy .text + .title{margin-top:60px;}
.privacy .text svg{height: 16px;transform: translateY(2px);width:260px;}

.contact .sec01{width:900px;max-width: 100%; margin: 0 auto;padding: 40px 0px 20px;box-sizing: border-box;}
.contact .sec01 .area01{text-align:center;}	
.contact .sec01 .area01 .text{font-size: 15px;line-height: 24px;text-align: left;}	
.contact .sec01 .required{color: #FF0000;}	
.contact .sec01 .float{float: left;height: 0;}	
.contact .sec01 #formVali{ margin: 50px auto 100px;}	
.contact .sec01 #formVali .formwrap{font-size: 15px;line-height: 24px;width: 900px;max-width: 100%;padding:15px 55px;box-sizing: border-box;background:#F6F6F6;}	
.contact .sec01 #formVali dl{display: flex;flex-wrap: wrap;padding: 30px 0;}
.contact .sec01 #formVali dl + dl{border-top:1px solid #DFDFDF;}
.contact .sec01 #formVali dt{width:170px;max-width:100%;box-sizing: border-box;padding-top: 5px;}
.contact .sec01 #formVali dd{width:620px;max-width:100%;box-sizing: border-box;}
.contact .sec01 #formVali input[type="text"] {width:500px; max-width:100%; border: 1px solid #DFDFDF;border-radius: 0px;padding: 7px 12px;box-sizing: border-box;}
.contact .sec01 #formVali select {width:100%; border: 1px solid #DFDFDF;border-radius: 0px;padding: 4px 12px;box-sizing: border-box;}
.contact .sec01 #formVali .selectwrap {position: relative;width:400px;max-width: 100%;}
.contact .sec01 #formVali .selectwrap::after {content: "▼";position: absolute;top:5px;right: 12px;pointer-events: none;transform:scale(1,0.8);}
.contact .sec01 #formVali textarea{width:500px; max-width:100%;  border: 1px solid #DFDFDF;border-radius: 0px;box-sizing: border-box; padding: 7px 12px;}

.contact .sec01 #formVali input[type="submit"]{display: block;width:100%;;font-size: 20px; line-height: 100%;padding: 20px 0;text-align: center;color: #FFF;border:none;background: rgba(0,0,0,0);}
.contact .sec01 #formVali .submitwrap{display: block;width:300px;max-width: 100%;margin: 50px auto 0;background: #FF8098;position: relative;text-align: center;color: #FFF;cursor: pointer;}
.contact .sec01 #formVali .submitwrap::before{content: ">";position: absolute; font-size: 35px; top:3px;right: 20px;transition: 0.5s;transform: scale(0.3,1);font-weight: 100;}
.contact .sec01 #formVali .submitwrap:hover::before{right: 30px;}


.contact .sec02{width:500px;max-width: 90%; text-align: center;margin: 0 auto;padding-bottom: 40px;}
.contact .sec02 .title{font-size: 32px; margin-bottom:30px;margin-top: 100px;}
.contact .sec02 .text{font-size: 14px; line-height: 200%; margin-bottom:60px}
.contact .sec02 a{font-size: 16px; line-height: 100%;display: block;text-align: center;margin: 0 auto;width:150px;background: #231815;color: #FFF;padding: 10px 0;}

.news .sec01 {width:1150px;max-width: 100%; margin: 0 auto;padding:50px 25px;box-sizing: border-box;}
.news .sec01 .items .item + .item{margin-top:50px;}
.news .sec01 .items .item{border:1px solid #DFDFDF;padding: 25px;display: flex;justify-content: space-between;}
.news .sec01 .items .item .img{width:400px;}
.news .sec01 .items .item .texts{width:600px;}
.news .sec01 .items .item .date{font-size: 18px; color:#666;margin-bottom: 10px;}
.news .sec01 .items .item .title{font-size:24px;line-height: 40px; margin-bottom: 20px;text-align: justify;}
.news .sec01 .items .item .text{font-size: 18px; line-height: 36px;}
.news .sec01 .pagenation{display:flex;flex-wrap: wrap; justify-content: center;padding: 20px 0;}
.news .sec01 .pagenation > *{min-width:24px;margin: 2px; text-align: center;color: #666}
.news .sec01 .pagenation a{width:100%; color: #FF8097; text-decoration :underline }