@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,
nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
main{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-spacing:0}
a{text-decoration:none}
img{margin:0;padding:0;vertical-align:bottom!important}
button,input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;border:0;border-radius:0}
body,html{margin:0 auto;font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;color:#25262d;overflow-x:hidden;word-wrap:break-word;background:#fff}
button,input,select,textarea{font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif}
br.is--pc{display:inline!important}
@media screen and (max-width:768px){br.is--pc{display:none!important}}
br.is--sp{display:none!important}
@media screen and (max-width:768px){br.is--sp{display:inline!important}}
img{max-width:100%;height:auto}
@media all and (-ms-high-contrast:none){img{width:100%}}
img.is--pc{display:inline!important}
@media screen and (max-width:768px){img.is--pc{display:none!important}}
img.is--sp{display:none!important}
@media screen and (max-width:768px){img.is--sp{display:inline!important}}
.header{width:100%;position:fixed;top:0;left:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.16);box-shadow:0 0 10px rgba(0,0,0,.16);background:#fff;z-index:999}
.header__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:1000px;height:70px;margin:0 auto}
@media screen and (max-width:768px){.header__inner{width:100%;height:65px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px}}
.header__logo{width:48px}
@media screen and (max-width:768px){.header__logo{width:34px}}
.header__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width:768px){.header__right{display:none;width:100%;position:absolute;top:65px;left:0;background:#63b2ed}}
@media screen and (max-width:768px){.header .gNav{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}
.header .gNav__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width:768px){.header .gNav__list{display:block}}.header .gNav__item{margin:0 7px}
@media screen and (max-width:768px){
	.header .gNav__item{margin:0 0 25px}
	.header .gNav__item:last-child{margin-bottom:0}
}
.header .gNav__item a{font-size:14px;letter-spacing:.1em;text-indent:.1em;font-weight:700;color:#25262d;position:relative;top:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media screen and (max-width:768px){.header .gNav__item a{display:block;font-size:20px;color:#fff;text-align:center}}
@media screen and (min-width:769px){.header .gNav__item a:hover{top:-5px;padding-bottom:5px}}
.header .sns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:768px){.header .sns{display:none}}
.header .sns::before{content:"";width:2px;height:24px;background:#e9e9e9;-webkit-transform:rotate(33deg);-ms-transform:rotate(33deg);transform:rotate(33deg);margin:0 25px 0 13px}
.header .sns__item a{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media screen and (min-width:769px){.header .sns__item a:hover{opacity:.6}}
.header .sns__item--facebook img{width:20px}
.header .sns__item--youtube img{width:64px}
.header .spNav{display:none}
@media screen and (max-width:768px){.header .spNav{display:block;width:26px;height:22px;position:relative}}
.header .spNav span{width:100%;height:3px;background:#afb1be;border-radius:2px;position:absolute;left:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.header .spNav span:first-child{top:0}
.header .spNav span:nth-child(2){top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.header .spNav span:last-child{bottom:0}
.header .spNav.is--open span:first-child{top:50%;-webkit-transform:translate(0,-50%) rotate(45deg);-ms-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg)}
.header .spNav.is--open span:nth-child(2){opacity:0}
.header .spNav.is--open span:last-child{bottom:50%;-webkit-transform:translate(0,50%) rotate(-45deg);-ms-transform:translate(0,50%) rotate(-45deg);transform:translate(0,50%) rotate(-45deg)}
.main{margin-top:70px}
@media screen and (max-width:768px){.main{margin-top:73px}}
.button a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:45px;font-size:20px;color:#fff;font-weight:700;border-radius:23px;background:#3d9fe8;margin:0 auto;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media screen and (min-width:769px){.button a:hover{background:#8bc9f8}}
.button button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:45px;font-size:20px;color:#fff;font-weight:700;border-radius:23px;background:#3d9fe8;margin:0 auto;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;cursor:pointer}
@media screen and (min-width:769px){.button button:hover{background:#5acdfa}}
.button--contact{margin-bottom:37px}
@media screen and (max-width:768px){.button--contact{margin:48px auto 27px}}
.button--contact a{width:330px;height:62px;font-size:25px;border-radius:35px}
@media screen and (max-width:768px){.button--contact a{width:260px;height:45px;font-size:20px;border-radius:23px}}
.button--case a{width:200px;margin-top:15px}.button--pruduct a{width:280px}
.breadcrumb{width:100%;padding:13px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f8f8fc}
@media screen and (max-width:768px){.breadcrumb{padding:11px 0 11px 20px; text-align: left;}}
.breadcrumbList{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;width:1440px;margin:0 auto}
@media screen and (max-width:768px){.breadcrumbList{display:block}}.breadcrumbList__item{display:inline;font-size:14px;color:#25262d}
@media screen and (max-width:768px){.breadcrumbList__item{font-size:11px}}
.breadcrumbList__item::after{content:"＞";margin:0 5px}
@media screen and (max-width:768px){.breadcrumbList__item::after{margin:0 3px}}
.breadcrumbList__item a{color:#25262d}
.breadcrumbList__item a:hover{text-decoration:underline}
.breadcrumbList__item:last-child::after{display:none}
.contactForm{position:absolute;top:0;right:0;width:400px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:35px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.28);box-shadow:0 0 10px rgba(0,0,0,.28);border-radius:16px;background:#fff}
@media screen and (max-width:768px){
	.contactForm{display:none}

}
.contactForm__title{font-size:30px;font-weight:700;letter-spacing:.1em;text-indent:.1em;text-align:center;margin-bottom:25px}
.contactForm__box{margin-bottom:22px}
.contactForm__label{display:block;font-size:14px;margin-bottom:10px}
.contactForm__label::after{content:"※必須";color:red;margin-left:14px}
.contactForm__input{width:100%;padding:7px 15px;border:1px solid #dcdde4;background:#f8f9fc;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box}
.contactForm__input::-webkit-input-placeholder{color:#afb1be}
.contactForm__input::-moz-placeholder{color:#afb1be}
.contactForm__input:-ms-input-placeholder{color:#afb1be}
.contactForm__input::-ms-input-placeholder{color:#afb1be}
.contactForm__input::placeholder{color:#afb1be}
.contactForm__agree{margin-bottom:32px}
.contactForm__agree__inner label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px}
.contactForm__agree__inner label::after{content:"※必須";color:red;margin-left:14px}.contactForm__agree__inner label a{color:#3d9fe8;text-decoration:underline}
.contactForm__check{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;margin-right:5px;cursor:pointer}
.contactForm .button{margin-bottom:19px}
.contactForm .button button{width:305px;max-width:100%;height:62px;font-size:25px;border-radius:35px}
.contactForm.is--fixed{position:fixed;top:127px;right:auto;margin-left:1040px}
@media screen and (max-width:1480px){.contactForm.is--fixed{right:20px}}
.contactForm.is--stop{position:absolute;top:auto;right:0;bottom:0}
.contactForm .error__messege{font-size:14px;line-height:26px;color:red;margin-top:10px}
.blog{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:1000px;margin:60px auto}
@media screen and (max-width:768px){.blog{display:block;width:100%;margin:20px auto 42px}}
.blog::after{content:"";width:300px}
@media screen and (max-width:768px){.blog::after{display:none}}
.blogArticle{width:300px}
@media screen and (max-width:768px){
	.blogArticle{width:100%;margin-bottom:33px}
	.blogArticle:last-child{margin-bottom:0}
}
.blogArticle a{display:block;color:#25262d;position:relative;top:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media screen and (min-width:769px){.blogArticle a:hover{top:-10px}}
.blogArticle__tag{display:inline-block;font-size:11px;line-height:24px;font-weight:700;color:#fff;border-radius:13px;padding:0 8px;margin-bottom:18px}
@media screen and (max-width:768px){.blogArticle__tag{margin-bottom:9px}}
.blogArticle__tag--type01{background:#5ae45d}
.blogArticle__tag--type02{background:#ffc53c}
.blogArticle__tag--type03{background:#3d9fe8}
.blogArticle__headline{line-height:26px;margin-bottom:13px;font-weight:700}
@media screen and (max-width:768px){.blogArticle__headline{margin-bottom:23px}}
.blogArticle__description{font-size:14px;line-height:26px;color:#646970}
.blogArticle__date{font-size:11px;color:#646970;text-align:right}
.footer__inner{width:1000px;margin:0 auto}
@media screen and (max-width:768px){.footer__inner{width:100%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}}
.footer__logo{width:128px}
@media screen and (max-width:768px){.footer__logo{display:none;width:88px}}
.footerNav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:calc(100% - 128px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0 0 96px}
@media screen and (max-width:768px){.footerNav{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:8px 0 0;border-bottom:1px solid #e9e9e9}}
.footerNav__box{margin-right:50px}
@media screen and (max-width:768px){.footerNav__box{width:100%;margin-right:0;border-top:1px solid #e9e9e9}}
.footerNav__box__title{font-size:16px;margin-bottom:13px;font-weight:700}
@media screen and (max-width:768px){.footerNav__box__title{font-size:16px;margin-bottom:0;padding:16px 0;position:relative}}
.footerNav__box__title a{color:#25262d;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media screen and (min-width:769px){.footerNav__box__title a:hover{color:#63b2ed}}
.footerNav__box__item{line-height:11px;margin-bottom:13px}
@media screen and (max-width:768px){.footerNav__box__item{line-height:12px;margin-bottom:0}}
.footerNav__box__item a{font-size:11px;color:#646970;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media screen and (max-width:768px){.footerNav__box__item a{display:block;font-size:13px;padding:15px 0;border-bottom: solid 1px #ddd;}}
@media screen and (min-width:769px){.footerNav__box__item a:hover{color:#63b2ed}}
@media screen and (max-width:768px){.footerNav__box:first-child{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3; padding-top: 20px;}}
@media screen and (max-width:768px){.footerNav__box:nth-child(2){-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}}
@media screen and (max-width:768px){.footerNav__box:nth-child(3){-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}}
@media screen and (max-width:768px){
	.footerNav__box:nth-child(4){-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;width:123px;border:none}
	.footerNav__box:nth-child(4) .footerNav__box__title::after{display:none}
}
@media screen and (max-width:768px){
	.footerNav__box:last-child{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;width:100%;border:none}
	.footerNav__box:last-child .footerNav__box__title::after{display:none}
}
.footer__copyright,.footer__privacy{font-size:11px;line-height:26px;color:#fff;text-align:center}
.footer__head{padding:46px 0 30px;background:#f7f7f7}
@media screen and (max-width:768px){.footer__head{padding:24px 0 43px}}
.footer__head .footer__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media screen and (max-width:768px){.footer__head .footer__inner{display:block}}
.footer__bottom{background:#63b2ed}
.footer__bottom .footer__inner{max-width:1440px;padding:24px 0;position:relative}
@media screen and (max-width:768px){.footer__bottom .footer__inner{width:100%;padding:30px 20px}}
.pageTop{position:absolute;top:-37px;right:0}
@media screen and (max-width:768px){.pageTop{top:-22px;right:20px}}
.pageTop a{
	display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center;
	-webkit-justify-content:center; -ms-flex-pack:center;
	justify-content:center;
	width:73px; height:73px;
	font-size:32px;
	color:#25262d; background:#fff;
	border-radius:50%;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	position:relative;
	top:0;
	-webkit-transition:.3s; -o-transition:.3s; transition:.3s
}
@media screen and (max-width:768px){.pageTop a{width:46px;height:46px;font-size:20px}}
@media screen and (min-width:769px){.pageTop a:hover{top:-10px}}
.buttonArea_popup { display: none;}
.popup{display:none}
.popup.is--show{display:block}
.popupForm{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;
	align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
	width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(37,38,45,.6);z-index:999;padding:30px 0;
	-webkit-box-sizing:border-box;box-sizing:border-box;
}
@media screen and (max-width:768px){
	.popupForm{display:block;padding:20px}
	.buttonArea_popup {
		display: block;
		position: fixed;
		bottom: 0;
		text-align: center;
		background: #f8f8fc;
		width: 100%;
		z-index: 100;
	}
	.button--popup {
		display: block;
		background: #63b2ed;
		border-radius: 5px;
		padding: 15px;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		max-width: 230px;
		margin: 15px auto 0;
		transition: .3s;
	}
		.button--popup a { color: #FFF;}
}
.popupForm__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1083px;max-height:100%;margin:30px auto;background:#fff;padding:60px 60px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}
@media screen and (max-width:768px){.popupForm__inner{display:block;width:100%;border-radius:16px;margin:0 auto;padding:23px 16px 0}}
.popupForm__left{width:calc(100% - 480px)}
@media screen and (max-width:768px){.popupForm__left{width:100%;margin-bottom:24px}}
.popupForm__right{width:480px}@media screen and (max-width:768px){.popupForm__right{width:100%}}
.popupForm__title{font-size:30px;font-weight:700;letter-spacing:.1em;text-indent:.1em;margin-bottom:36px}
@media screen and (max-width:768px){.popupForm__title{font-size:20px;text-align:center;margin-bottom:28px}}
.popupForm__description{line-height:26px;margin-bottom:26px}
@media screen and (max-width:768px){.popupForm__description{line-height:24px}}
.popupForm__content__title{line-height:26px}
@media screen and (max-width:768px){.popupForm__content__title{display:block;line-height:24px}}
.popupForm__content__item{line-height:26px;display:table}
@media screen and (max-width:768px){.popupForm__content__item{font-size:14px;line-height:24px}}
.popupForm__content__item::before{content:"";width:20px;height:14px;background:url(/hp-assets/img/check_blue.png) center left/17px no-repeat;display:table-cell}
.popupForm__pic{margin-top:8px;padding-bottom:60px}
@media screen and (max-width:768px){.popupForm__pic{display:none}}
.popupForm__box{margin-bottom:17px}
.popupForm__box__inner label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px}
.popupForm__box__inner label::after{content:"※必須";color:red;margin-left:14px}
.popupForm__box__inner label a{color:#3d9fe8;text-decoration:underline}
.popupForm__box--agree{margin:35px 0}
@media screen and (max-width:768px){.popupForm__box--agree{margin:15px auto 26px}}
.popupForm__label{display:block;font-size:14px;margin-bottom:16px}
.popupForm__label.req::after{content:"※必須";color:red;margin-left:14px}
.popupForm__input__area input{width:100%;font-size:16px;padding:8px 15px;border:1px solid #dcdde4;border-radius:5px;background:#f8f9fc;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width:768px){.popupForm__input__area input{padding:6px 15px}}
.popupForm__input__area input::-webkit-input-placeholder{color:#afb1be}
.popupForm__input__area input::-moz-placeholder{color:#afb1be}
.popupForm__input__area input:-ms-input-placeholder{color:#afb1be}
.popupForm__input__area input::-ms-input-placeholder{color:#afb1be}
.popupForm__input__area input::placeholder{color:#afb1be}
.popupForm__input__area textarea{width:100%;font-size:16px;padding:8px 15px;border:1px solid #dcdde4;border-radius:5px;background:#f8f9fc;resize:vertical;-webkit-box-sizing:border-box;box-sizing:border-box}
.popupForm form{padding-bottom:60px}
@media screen and (max-width:768px){.popupForm form{padding-bottom:13px}}
.popupForm .error__messege{font-size:14px;color:red;margin-top:10px}
.button__submit{margin-top:35px}
@media screen and (max-width:768px){.button__submit{margin-top:26px}}
.button__submit button{width:305px;height:55px;font-size:25px;border-radius:35px;margin-bottom:19px}
@media screen and (max-width:768px){.button__submit button{width:240px;height:40px;font-size:20px;border-radius:23px;margin-bottom:15px}}
.aligncenter{display:block;margin:0 auto}.alignright{float:right}.alignleft{float:left}
.rule_content {max-width: 1000px; margin: 20px auto; padding: 0 10px;}
.rule_content p { line-height: 1.7em;}
.rule_content h3 { font-weight: bold; color: #63b2ed; font-size: 1.2em; border-left: solid 5px; padding: 10px; margin-bottom: 15px;}
.content__headline {
	font-size: 30px;
	max-width: 1000px;
	line-height: 45px;
	letter-spacing: .05em;
	font-weight: 700;
	color: #25262d;
	text-align: left;
	margin: 0 auto;
	padding: 40px 0;
}
@media screen and (max-width:768px){
	.content__headline {
		font-size: 25px;
		line-height: 35px;
		padding: 20px 10px;
	}
}
.notFound{background:#63b2ed}.notFound__inner{width:1000px;margin:0 auto;padding:43px 0 50px}@media screen and (max-width:768px){.notFound__inner{width:100%;padding:21px 20px 27px;-webkit-box-sizing:border-box;box-sizing:border-box}}.notFound__headline{font-size:25px;letter-spacing:.1em;text-indent:.1em;font-weight:700;color:#fff;text-align:center}@media screen and (max-width:768px){.notFound__headline{font-size:18px}}.notFound__pic{text-align:center;margin:19px auto 35px}@media screen and (max-width:768px){.notFound__pic{margin:18px auto}}.notFound__pic img{width:356px}@media screen and (max-width:768px){.notFound__pic img{width:204px}}.notFound__description{line-height:30px;letter-spacing:.1em;text-indent:.1em;color:#fff;text-align:center}@media screen and (max-width:768px){.notFound__description{text-align:left}}.aligncenter{display:block;margin:0 auto}.alignright{float:right}.alignleft{float:left}