@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('helper.css');
@import url('pe-icon-7-stroke.css');
html{height: 100%;font-size: 62.5%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {height: 100%;font: 400 1.6rem/1.5 'Lato','Noto Sans Japanese','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;margin:0;}
b,strong{font-weight:bold}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
l,menu,ol,ul{margin:1em 0}
menu,ol,ul{padding:0 0 0 40px;list-style: none;}
nav ul,nav ol{list-style:none;list-style-image:none}
img{max-width: 100%;height: auto;vertical-align: middle;border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
i{font-style: normal}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
a{color:#000; text-decoration: none;-webkit-transition: all .35s ease-out;transition: all .35s ease-out;}
a:active,a:hover,a:focus{outline:0}
::-moz-selection {background: #000;color: #fff;}
::selection {background: #000;color: #fff;}
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.header--border{box-shadow: 0 0 1px #a8a28a;}
.header__inner{max-width: 1000px;margin: 0 auto;padding: 1.5rem;position: relative;box-sizing: border-box;}
.header__logo{width: 120px;line-height: 0;}
.header__company{display: none;}
.header__hero {width: 100%;position: relative;z-index: 0;background:url(../images/visual-ph3.jpg) no-repeat center center / cover ;overflow: hidden;display: table;}
.header__hero__open {width: 50px;position: absolute;top:10px;left:10px;}
/*.header__hero:before,.header__hero:after {display: block;content: "";position: absolute;z-index: -1;}
.header__hero:before {top: 0;left: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 20vh 40vw;border-color: transparent transparent transparent #a4d8c2;}
.header__hero:after {bottom: 0;right:0;width: 0;height: 0;border-style: solid;border-width: 30vh 50vw 0 0;border-color: transparent #a4d8c2 transparent transparent;}*/
.header__hero-inner{height: 250px;padding: 2rem;display: table-cell;vertical-align: middle;}	
.header__hero-heading{max-width: 180px;text-align: center;}
.header__btn{margin: 1.5rem 0 0;}
.header__btn a{font-size: 1.4rem;font-weight: 700;text-align: center;color:#BC1F26;padding: 1rem;background: #fff;display: block;border: 2px solid #fff;border-radius: 50px;}
.header__txt{font-size: 1rem;font-weight: bold; text-align: center;color:#fff;}
header nav {position: absolute;top:0;right:0;}
header .g_nav_list > li {padding: 0 1.2rem;}
header nav ul li {font-size: 1.4rem;;float: left;position: relative;}
header nav ul li span {width: 24px;height: 24px;line-height: 24px;text-align: center;background:#BC1F26;font-weight: 700;vertical-align: middle;margin-top: -.5rem;color:#fff;display: inline-block;border-radius: 50%;}
header nav ul li a {display: inline-block;position: relative;}
header nav ul li a:not(:only-child):after,header nav ul li a:visited:not(:only-child):after {padding-left: 4px;content: ' ▾';}
header nav ul li ul li {min-width: 190px;}
header .nav-dropdown {background: rgba(255,255,255,.95);position: absolute;display: none;z-index: 1;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);}
header .nav-dropdown > li + li {border-top: 1px solid #00abe3;}
header .nav-dropdown > li a {color: #00abe3;padding: 10px;background: transparent; display: block;}
header .nav-dropdown > li a:hover {color: #fff;background: rgba(4,191,239,.85);}
header .menu_ {width: 60px;height: 60px;display: none;position: absolute;top: 0;right: 0;z-index: 10000;}
header #nav-toggle {position: absolute;left: 15px;top: 15px;cursor: pointer;padding: 10px 35px 16px 0px;}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {cursor: pointer;width: 35px;height: 3px;background: #000;position: absolute;display: block;content: '';transition: all 300ms ease-in-out;}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}
@media only screen and (max-width: 767px) {
header .menu_ {display: block;}
header .g_nav_list > li {padding: 0;}
header nav {width: 100%;}
header nav ul {/*height: 100vh;*/display: none;padding: 20px 0;background: rgba(110,186,185,.85);position: relative;z-index: 9999;}
header nav ul li {float: none;font-weight: 700;}
header nav ul li a {color:#fff;padding: 15px;line-height: 20px;display: block;}
header nav ul li ul li a {padding-left: 30px;}
header .nav-dropdown {position: static;margin: 0 15px; padding: 0;background: #fff;}
header nav ul li span {background:#fff;}
.pe-7s-users:before,.pe-7s-lock:before {color:#BC1F26;}
}
@media screen and (min-width:768px){
.header__hero__open {width: 100px;top:15px;left:5%;}
.header__hero-inner{height: 350px;padding: 3rem;}
.header__hero-heading h2{max-width: 800px;margin: 0 auto 40px;}
.header__hero-heading{max-width: 400px;margin-left: 15%;}
.header__btn{width: 320px;margin: 2rem auto 0;}
.header__btn a{font-size: 1.6rem;font-weight: 700;}	
.header__btn a:hover{color:#fff; background:rgba(255,255,255,.35)}
.header__txt{font-size: 1.2rem;margin-top: 2rem;}
.header__txt br{display: none;}
.header__company{position: absolute;top:1.2rem;left:185px;display: block;}
.header__company > div{display: inline-block;vertical-align: middle;}
.company-name{font-size: 1.2rem;font-weight: 500;}
.company-jpx{width: 30px;margin-left: 1rem;}
header nav {top:1.8rem;}
header .g_nav_list {display: block !important;}
header nav ul li:nth-last-child(-n+2) a {color:#BC1F26;}
header nav ul li a {color:#000;position: relative;display: inline-block;text-decoration: none;}
header nav ul li a:after {position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 2px;background: #000;transform: scale(0, 1);transform-origin: right top;transition: transform .3s;}
header nav ul li a:hover:after {transform-origin: left top;transform: scale(1, 1);}
}
@media screen and (min-width:1024px){
.header__hero__open {width: 110px;top:25px;left:10%;}
.header__hero-inner{height: 450px;}
.header__hero-heading{max-width: 480px;}
.header__btn a{font-size: 2rem;}
.header__txt{font-size: 1.4rem;}
}
main{display: block;}
main > section{padding: 4rem 0;position: relative;}
.section-inner{max-width: 1000px;margin: 0 auto;padding: 0 1.5rem; position: relative;}
.section-bg1{background: #BC1F26;}
.section-bg2{background: #f0f0f0;}
.section-inner__heading{font-size: 2.8rem;line-height: 1.3;font-weight: 200;color:#BC1F26;text-align: center;}
.section-inner__heading:after{content:"";width: 80px;height: 2px;background: #BC1F26;margin: 2.5rem auto;display: block;}
.section-inner__heading--wh{color:#fff;}
.section-inner__heading--wh:after{background: #fff;}
.section-inner__heading--noborader:after{display: none;}
.section-inner__heading span{vertical-align: middle;position: relative;top:-.5rem;}
.section-inner__txt{max-width: 750px;margin: 0 auto;}
.section-inner__txt p{font-size: 1.4rem;}
.about-title{font-size: 1.8rem;font-size: 500;text-align: center;margin-bottom: 2rem}
.about-txt{font-size: 1.4rem;}
.about-txt span{font-size: 1.6rem;font-weight: 700;color:#ff5249;border-bottom: 1px solid #ff5249;}
.about-copy{text-align: center;margin-top: 4rem;}
.about-img{margin-top: 2.5rem;text-align: center;}
.about-img__heading{font-size: 1.8rem;line-height: 1.7;text-align: center;}
.about-img__heading span{color:#fff;padding: 3px;background:#BC1F26;}
.merit-wrap__block{margin: 2rem auto 0;padding: 2rem;background: #fff;}
.merit-wrap__title {font-size: 2.2rem;font-weight: 600;margin-bottom: 15px;}
.merit-wrap__block p{font-size: 1.4rem;line-height: 1.7;}
.merit-wrap__block p + p{margin-top: 1.5rem;}
.merit-wrap__block p.p-txt{font-size: 1.7rem;font-weight: 600;color:#BC1F26;text-align: center;margin-bottom: 1.5rem;}
.merit-wrap__block p.p-txt span{font-size: 2.2rem;}
.merit-wrap__table{width: 100%;table-layout: fixed;}
.merit-wrap__table th,.merit-wrap__table td{font-size: 1.3rem;text-align: center;padding: 1rem;border: 1px solid #93090f;}
.merit-wrap__table thead th{color:#BC1F26;background:#f4f4f4;}
.merit-wrap__table tbody th{color:#fff;background:#BC1F26;}
.merit-wrap__table tbody td.ff{font-size: 2rem;}
.merit-wrap__table tbody td span{font-size: 1rem;display: block;}
.illust-ph{text-align: center;}
.ffs-wrap__block{padding: 2rem;border: 2px solid #BC1F26;}
.ffs-wrap__block__img{text-align: center;margin-bottom: 2rem;}
.ffs-wrap__block p{font-size: 1.4rem;}
.flow-txt{font-size: 1.4rem;}
.illust-ph{margin-top: 25px;text-align: center;}
.qa{margin-top: 2.5rem;}
.qa-title{font-size:1.6rem;font-weight: 700;color:#bc1f26;margin-bottom: 1rem;}
.qa-txt{line-height: 2;padding-left: 4rem;position: relative;}
.qa-txt:before{content:"A";font-size: 3rem;position: absolute;top:0;left:0;}
.qa-txt p{font-size: 1.3rem;}
.qa-txt p span{font-size: 1.1rem;}
.illust-ph2{margin-top: 40px;}
.main__btn{width: 250px;margin: 1rem auto 0;}
.main__btn a{font-size: 1.4rem;font-weight: 700;text-align: center;color:#fff;padding: 1rem;background: #BC1F26;display: block;border-radius: 50px;position: relative;transition: .2s;z-index: 99;}
.main__btn a:before,.main__btn a:after {content: "";position: absolute;z-index: -1;width: 100%;height: 100%;top: 0;left: 0;border-radius: 25px;background: #BC1F26;transform: translate3d(0,0,0);-webkit-transition: all .35s ease-out;transition: all .35s ease-out;}
.main__btn a:before {animation: anime 2s ease-out infinite;}
.main__btn a:after {animation: anime 2s ease-out 1s infinite;}
.main__btn a:hover:before, .main__btn a:hover:after {background:transparent;}
@keyframes anime{0%{transform:scale(.95); opacity:1}90%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0}}
.contact-list{margin-top: 3rem; padding: 0 1.5rem; display: flex;display:-webkit-flexbox;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: justify;}
.contact-list > li{font-size: 1.2rem;width: 48.5%;text-align: center;}
.contact-list > li a{font-weight: 600;padding: 1rem;border: 1px solid #cc0000;display: block;position: relative;z-index: 6;}
.contact-list .contact-list--app{color:#fff;background: #cc0000;}
.contact-list .contact-list--mail{color:#cc0000;background: #fff;}
footer {margin-top: 40px;}
.footer__inner{max-width: 1000px;margin: 0 auto;padding: 4rem 1.5rem;}
.footer__inner > h3{font-size: 1.8rem;font-weight: 200;color:#cc0000;}
.footer__inner > h3:after{content:"";width: 80px;height: 1px;background: #cc0000;margin: 2rem auto;display: block;}
.footer__inner > p{font-size: 1.4rem;line-height: 1.8;}
.footer__inner > p + p{margin-top: 2rem;}
footer ul{text-align: center;}
footer ul li{font-size: 1.2rem;margin: 0 1rem;display: inline-block;}
footer ul li a{color:#BC1F26;}
footer p.copy{font-size: 1.2rem;text-align: center;padding: 2rem;}

@media screen and (min-width: 320px) and (max-width: 767px) {	
.about-txt br,section-inner__txt br{display: none;}
.merit-wrap__img{width: 70%;margin: 0 auto 3rem;}
.ffs-wrap__block {margin-top: 2rem;}
}

@media screen and (min-width:768px){
main > section{padding: 8rem 0;}
.section-inner__heading{font-size: 3.6rem;}
.section-inner__heading:after{width: 100px;margin: 3.5rem auto;}
.section-inner__heading br{display: none;}
.section-inner__txt p{font-size: 1.6rem;line-height: 2;}
.about-title{font-size: 3rem;}
.about-txt{font-size: 1.6rem;line-height: 2; text-align: center;}
.about-txt span{font-size: 2rem;}
.about-copy{margin-top: 7rem;}
.about-img{margin-top: 4rem;}
.merit-wrap__block{width: 100%; padding: 3rem;box-sizing: border-box;overflow: hidden;}
.merit-wrap__img {width: 30%;}
.merit-wrap__txt {width: 65%;}
.merit-wrap__fl {float: left;}
.merit-wrap__fr {float: right;}
.merit-wrap__block p{font-size: 1.5rem;line-height: 1.7;}
.merit-wrap__block p + p{margin-top: 1.5rem;}
.merit-wrap__block p.p-txt{font-size: 3rem;margin-botom: 2rem;}
.p-txt br{display: none;}
.merit-wrap__block p.p-txt span{font-size: 4rem;}
.merit-wrap__block p.illust-ph{text-align: center;}
.ffs-wrap {margin-top: 3rem;display: flex;display:-webkit-flexbox;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: justify;}
.ffs-wrap__block{width: 32%;box-sizing: border-box;}
.ffs-wrap__block p{font-size: 1.6rem;}
.flow-txt{font-size: 1.6rem;line-height: 2; text-align: center;}
.qa{width: 70%; margin: 4rem auto 0;}
.qa-title{font-size:2rem;font-weight: 700;margin-bottom: 1rem;}
.qa-txt{padding-left: 4rem;position: relative;}
.qa-txt:before{content:"A";font-size: 3rem;position: absolute;top:0;left:0;}
.qa-txt p{font-size: 1.3rem;}
.qa-txt p span{font-size: 1.1rem;}
.illust-ph2{margin-top: 80px;}

.main__btn{width: 380px;margin: 5rem auto 0;}
.main__btn a{font-size: 1.6rem;font-weight: 700;}	
.slide-content {opacity: 0;}
.slidein {opacity: 1;animation-name: slidein;-webkit-animation-name: slidein;animation-duration: 1s;-webkit-animation-duration: 1s;visibility: visible;}
 @keyframes slidein {
 0% {opacity: 0.0;transform: translateY(50px);}
 100% {opacity: 1;transform: translateY(0);}
}
@-webkit-keyframes slidein {
 0% {opacity: 0.0;transform: translateY(50px);}
 100% {opacity: 1;transform: translateY(0);}
}
.contact-list{max-width: 840px;margin: 4rem auto 0;}
.contact-list > li{font-size: 1.6rem;}
.contact-list > li a{padding: 1.5rem;}
.contact-list .contact-list--app:hover {color:#cc0000;background: transparent;}
.contact-list .contact-list--mail:hover {color:#fff;background: #cc0000;}
footer {margin-top: 80px;}
footer ul li a:hover{color:#f5b6b6;}
.footer__inner > p{font-size: 1.6rem;letter-spacing: 1px;}
footer p.copy{font-size: 1.4rem;letter-spacing: 1px;}
}
@media screen and (min-width:950px){
.col-illust{width: 165px;right:3rem;}
}
@media screen and (min-width:1024px){
.section-inner__heading {font-size: 4.2rem;}
}