:root{--headerH:55px;--space:20px;--spacetb:40px}@media print,screen and (min-width:768px){:root{--headerH:150px;--space:40px;--spacetb:100px}}main h1,main h2,main h3,main h4,main h5,main h6{font-size:1em;margin:0;font-weight:normal}@media print,screen and (min-width:768px){#page_header{background:#f4f1eb}}#page_header .inner{display:flex}@media print,screen and (min-width:768px){#page_header .inner{height:60px;justify-content:space-between;align-items:center}}@media screen and (max-width:767px){#page_header .inner{justify-content:center;flex-direction:column;padding-left:0;padding-right:0}}#page_header .inner h2{font-size:1.8rem}@media print,screen and (min-width:768px){#page_header .inner h2{max-width:45em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis}}@media screen and (max-width:767px){#page_header .inner h2{background:#f4f1eb;padding:5px 20px;font-size:1.65rem}}.bg_texture1{background:url("../../../../../common2021/img/bg_texture1.jpg")}.btn1 a{text-decoration:none;color:#372b09;text-align:center;width:375px;height:90px;border:1px solid #372b09;background:#fff;display:flex;align-items:center;border-radius:1em;overflow:hidden;box-shadow:1px 1px 3px rgba(0,0,0,0.5);margin:auto;font-size:1.8rem}@media screen and (max-width:767px){.btn1 a{width:80%;height:5em;font-size:1.4rem!important;letter-spacing:0;font-size:1.65rem}}.btn1 a .arrow,.btn1 a .text{position:relative;overflow:hidden;display:block}.btn1 a .arrow:before,.btn1 a .text:before{content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;height:20px;width:65px;-webkit-transition:all 0.3s;transition:all 0.3s}.btn1 a .text{display:block;flex:1}@media screen and (max-width:767px){.btn1 a .text{padding:0 22px 0 10px}}.btn1 a .text:before{background:url("../../../../../common2021/img/ico_arrow2.svg") no-repeat;right:-40px}.btn1 a .arrow{display:block;width:75px;height:100%;background:#372b09;transition:all 0.3s}.btn1 a .arrow:before{background:url("../../../../../common2021/img/ico_arrow3.svg") no-repeat;left:-22px}@media print,screen and (min-width:768px){.btn1 a:hover .arrow:before,.btn1 a:hover .text:before{transform:translateX(10px)}.btn1 a:hover .arrow{background:#614c10}}.flow_area{position:relative}@media screen and (max-width:767px){.flow_area{padding-top:60vw}}.flow_area:before{content:"";display:block;position:absolute;left:0;top:0;bottom:0;width:50%;background:url("../../../../../img_kobekko2021/top/flow_bg.jpg") no-repeat center/cover}@media screen and (max-width:767px){.flow_area:before{width:100%;height:60vw}}.flow_area .inner{overflow:hidden}@media print,screen and (min-width:768px){.flow_area .inner .flow_cont{width:50%;float:right}}@media screen and (max-width:767px){.flow_area .inner .flow_cont{margin-top:2rem}}.flow_area .inner .flow_cont h2{font-size:2.6rem}@media screen and (max-width:767px){.flow_area .inner .flow_cont h2{font-size:2.2rem}}.flow_area .inner .flow_cont h3{font-size:2rem;margin-top:2em;margin-bottom:1em}@media screen and (max-width:767px){.flow_area .inner .flow_cont h3{font-size:1.7rem}}.flow_area .inner .flow_cont ol{background:#f4f1eb;border-radius:1em;counter-reset:number;list-style:none;padding-top:0.5em;padding-bottom:0.5em}.flow_area .inner .flow_cont ol li{display:flex;align-items:center;padding:1em 2em}.flow_area .inner .flow_cont ol li+li{border-top:1px dotted #ccc;position:relative}.flow_area .inner .flow_cont ol li+li:before{content:"";display:block;width:1.3em;height:1.3em;background:url("../../../../../common2021/img/ico_arrow4.svg") no-repeat 0 0/contain;position:absolute;left:4rem;top:-0.8em}.flow_area .inner .flow_cont ol li span{text-align:center;color:#a7986c;margin-right:10%}.flow_area .inner .flow_cont ol li span:before{content:"STEP";display:block;font-size:1.3rem;line-height:1}@media screen and (max-width:767px){.flow_area .inner .flow_cont ol li span:before{font-size:1.1rem}}.flow_area .inner .flow_cont ol li span:after{counter-increment:number;content:counter(number,decimal-leading-zero);font-size:3rem;line-height:1}@media screen and (max-width:767px){.flow_area .inner .flow_cont ol li span:after{font-size:2.5rem}}.flow_area .inner .btn1{clear:both;position:relative}.about_area{background:url("../../../../../common2021/img/about_sky.jpg") no-repeat center/cover;overflow:hidden}.about_area .ttl_en{font-size:2.6rem;line-height:1;margin-bottom:0.4em;color:#fff}@media screen and (max-width:767px){.about_area .ttl_en{font-size:2.2rem}}.about_area .about_cont{color:#fff;background:rgba(25,133,190,0.7);padding-top:4rem;padding-bottom:4rem}@media print,screen and (min-width:768px){.about_area .about_cont{display:flex;align-items:flex-end;justify-content:space-between}}@media screen and (max-width:767px){.about_area .about_cont{padding-top:2rem;padding-bottom:2rem}}.about_area .about_cont .ttl1{margin-bottom:2rem}@media screen and (max-width:767px){.about_area .about_cont .ttl1{text-shadow:1px 1px 2px rgba(0,155,212,0.8)}}.about_area .about_cont .about_text{font-size:1.8rem}@media print,screen and (min-width:768px){.about_area .about_cont .about_text{line-height:1.8;flex:1}}@media screen and (max-width:767px){.about_area .about_cont .about_text{font-size:1.65rem}}.about_area .about_cont .about_text p+p{margin-top:1em}@media print,screen and (min-width:768px){.about_area .about_cont .about_img{width:530px}}@media screen and (max-width:767px){.about_area .about_cont .about_img{margin-top:1em}}.about_area .about_cont .about_img img{width:100%;height:auto}
/*# sourceMappingURL=base2021.css.map */