@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Noto+Sans+JP:300,400,500,700,900');
html{font-size: 62.5%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {font: 400 1.6rem/1.4 'Lato','Noto Sans Japanese',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;margin:0;}
b,strong{font-weight:bold}
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{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;}
img {max-width: 100%;height: auto;vertical-align: middle;}
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: #fff;color: #2dcffe;}
::selection {background: #fff;color: #2dcffe;}
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}


header {padding: 2rem;text-align: center;}
.header-logo {width: 140px;line-height: 0;margin: 0 auto;}

@media screen and (min-width: 320px) and (max-width: 768px) {
.header__wrap {padding: 1rem;background: rgba(255,255,255,.85);}
}
@media screen and (min-width:768px){	
.header-nav {top:2.5rem;right:2.5rem;}
.header-nav li {font-size: 1.2rem;}
.header-nav li a:hover {text-decoration: underline;}
.header-caption {left:5%;}
.header-caption p {font-size: 2.4rem;}
.header-caption h2 {font-size: 3rem;margin: 2rem 0;}
.header-btn {width: 300px;font-size: 1.6rem;font-weight: 600;margin: 0 0 0 15%;}
.header-btn a {padding: 1.5rem;border: 2px solid #2dcffe;}
.header-btn a:hover {color:#fff;background:#2dcffe;}
}
main{max-width: 900px;margin: 0 auto;padding: 0 1.5rem;display: block;}
.section{margin-top: 5rem;}
.section-heading{font-size: 2rem;line-height: 1.8;text-align: center;margin-bottom: 3rem;}
.section-txt {font-size: 1.5rem;line-height: 1.7;}
.section-img {margin-top: 3rem;position: relative;}
.section-img__main {width: 80%;margin: 0 auto;text-align: center;}
.section-btn {width: 200px;margin: 2.5rem auto 0;text-align: center;}
.section-btn a {font-size: 1.2rem;color:#2dcffe;padding: 1rem;background: transparent;border: 1px solid #2dcffe;display: block;}
.section-form__block {margin-top: 3rem;padding-top: 3rem;border-top: 1px solid #dcdcdc;}
.point-heading {font-size: 2rem;text-align: center;margin-bottom: 3rem;}
.point-block__link{font-size: 1.3rem;margin-top: 1rem;}
.point-block__link a{text-decoration: underline;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.section-txt br {display: none;}
.screen-wrap {width: 100%;display: table;margin-top: 4rem;padding: 1.5rem 0;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.screen-wrap dt,.screen-wrap dd {display: table-cell;vertical-align: middle;}
.screen-wrap dt {font-size: 1.1rem;}
.screen-wrap dd {width: 120px;padding-left: 1.5rem;}
.point-block {width: 100%;padding:2rem 0;border-top: 1px solid #dcdcdc;display: table;}
.point-block:last-child {border-bottom: 1px solid #dcdcdc;}
.point-block > div {display: table-cell;vertical-align: top;}
.point-block__img {width: 120px;padding-left: 2rem;}
.point-block__heading{font-size: 1.4rem;color:#eb0000;margin-bottom: 1rem;}
.point-block p{font-size: 1.2rem;line-height: 1.7;}

}
@media screen and (min-width:768px){
.sp {display: none;}
.fl {float: left;}
.fr {float: right;}
.section{margin-top: 5rem;}
.section-heading {margin-bottom: 6rem;}
.section-txt {font-size: 1.6rem;text-align: center;}
.section-img__main {width: 58.125%;}
.section-img__screen {width: 30.625%;position: absolute;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.section-img__screen.fr {right:1.5rem;}
.section-img__screen.fl {left:1.5rem;}
.section-img__screen.fl--1 {left:5rem;}
.screen-wrap dt {font-size: 1.2rem;margin-bottom: 1rem;}
.section-btn {width: 90%;margin: 1.5rem auto 0;}
.section-btn a:hover {color:#fff;background: #2dcffe;}
.section-point {display: flex;display:-webkit-flexbox;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: justify;}
.point-heading {margin-bottom: 6rem;}
.point-block {width: 30%;text-align: center;}
.point-block__heading{font-size: 1.6rem;color:#eb0000;margin-bottom: 1.5rem;text-align: center;}
.point-block p{font-size: 1.4rem;line-height: 1.8;}
.point-block__img {margin-top: 2rem;}
.point-block__link{font-size: 1.3rem;margin-top: 2rem;}
.point-block__link a:hover{text-decoration: none;}
}
@media screen and (min-width:1024px){
.section{margin-top: 6rem;}
.section-heading{font-size: 2.2rem;}
}
footer{text-align: center;padding: 5rem 1.5rem 2rem;}
.copy{font-size: .75rem;line-height: 2rem;}
.copy span{display: block;}
.copy a{text-decoration: underline;}
.footer-nav {text-align: center;margin-bottom: 2rem;}
.footer-nav li {font-size: 1.3rem;display: inline-block;}
.footer-nav li + li {margin-left: 1rem;}

@media screen and (min-width:768px){
.footer-nav a:hover {text-decoration: underline;}
.copy{font-size: 1.2rem;}
.copy span{font-size: .75rem;display: block;}
.copy a:hover{text-decoration: none;}
}