@charset "Shift_JIS";





/*COMMON*/
html,body { width:100%; -webkit-text-size-adjust:none; }
html { -webkit-print-color-adjust:exact; }
body { text-rendering:optimizeLegibility; background-color:rgba(220,255,255,1); }
body,header,footer,main,section,div,span,a,form,input,textarea,select,img,svg,h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; box-sizing:border-box; color:rgba(0,0,0,1); }
a { -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none; }
a:focus { outline:none; }
label,input,textarea,select { -webkit-tap-highlight-color:rgba(0,0,0,0); }
img,svg { display:block; width:100%; height:auto; vertical-align:bottom; user-select:none; pointer-events:none; }
.mac { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.kerning { font-feature-settings:"palt"; letter-spacing:0; }
.ja1 { font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; font-weight:500; }
.clear { clear:both; }
.none { display:none !important; }
.opacity { opacity:0 !important; }
.display_pc { display:inline-block !important; }
.display_sp { display:none !important; }
.pc a[href^="tel:"] { pointer-events:none !important; text-decoration:none !important; }
.scroll_element { opacity:0; }





/*WRAP*/
.wrap {
	width:100%;
	min-width:1200px;
	 opacity:0;
}
.wrap_inner {
	width:100%;
}
.wrap_group {
	width:100%;
}
.wrap_contents {
	width:100%;
	position:relative;	
	overflow:hidden;
}





/*BACK*/
.back {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.back_inner {
	width:100%;
	height:100%;
}
.back_group {
	width:100%;
	height:100%;
}
.back_contents {
	width:100%;
	height:100%;
	position:relative;	
}
.back_icon {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.back_icon img {
	width:330px;
	position:absolute;
}
.back_icon > img:nth-child(1),
.back_icon > img:nth-child(2),
.back_icon > img:nth-child(3),
.back_icon > img:nth-child(4),
.back_icon > img:nth-child(5),
.back_icon > img:nth-child(6),
.back_icon > img:nth-child(7),
.back_icon > img:nth-child(8) {
	left:50%;
    transform:translateX(-710px);
}
.back_icon > img:nth-child(9),
.back_icon > img:nth-child(10),
.back_icon > img:nth-child(11),
.back_icon > img:nth-child(12),
.back_icon > img:nth-child(13),
.back_icon > img:nth-child(14),
.back_icon > img:nth-child(15),
.back_icon > img:nth-child(16) {
	right:50%;
    transform:translateX(710px);
}
.back_icon > img:nth-child(1) {
	top:30px;
}
.back_icon > img:nth-child(2) {
	top:560px;
}
.back_icon > img:nth-child(3) {
    top:1960px;
}
.back_icon > img:nth-child(4) {
    top:4090px;
}
.back_icon > img:nth-child(5) {
    top:6190px;
}
.back_icon > img:nth-child(6) {
    top:8320px;
}
.back_icon > img:nth-child(7) {
    top:10520px;
}
.back_icon > img:nth-child(8) {
    top:12580px;
}
.back_icon > img:nth-child(9) {
	top:-150px;
}
.back_icon > img:nth-child(10) {
    top:470px;
}
.back_icon > img:nth-child(11) {
    top:810px;
}
.back_icon > img:nth-child(12) {
    top:2860px;
}
.back_icon > img:nth-child(13) {
    top:5000px;
}
.back_icon > img:nth-child(14) {
	top:7090px;
}
.back_icon > img:nth-child(15) {
    top:9290px;
}
.back_icon > img:nth-child(16) {
    top:11440px;
}





/*FIX*/
.fix {
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	user-select:none;
	pointer-events:none;
	opacity:0;
	z-index:200;
}
.fix_inner {
	width:100%;
}
.fix_group {
	width:100%;
}
.fix_contents {
	width:100%;
	position:relative;	
}
.fix_button {
	width:60px;
	position:absolute;
	bottom:60px;	
	right:60px;	
}
.fix_button a {
	display:block;
	width:100%;
}
.fix_on .fix {
	user-select:auto;
	pointer-events:auto;
}





/*FOOTER*/
footer {
	width:100%;
	height:160px;
	position:relative;	
	background-color:#ffffff;
	border-top:1px solid #000000;
	z-index:100;	
}
.footer_inner {
	width:100%;
	height:100%;
}
.footer_group {
	width:100%;
	height:100%;
}
.footer_contents {
	width:100%;
	height:100%;
	position:relative;
}
.footer_logo {
	width:340px;	
	position:absolute;
	top:50%;
	left:50%;
	margin:-40px 0 0 -520px;
}
.footer_logo a {
	display:block;
	width:100%;	
}
.footer_address {
	position:absolute;
	top:50%;
	left:50%;
	margin:20px 0 0 -520px;
}
.footer_address p {
	font-size:12px;
	line-height:16px;
}
.footer_text {
	position:absolute;
	top:50%;
	left:50%;
	margin:-40px 0 0 -155px;
}
.footer_text p {
	font-size:12px;
	line-height:16px;
}
.footer_date {
	position:absolute;
	top:50%;
	right:50%;
	margin:-10px -520px 0 0;
}
.footer_date p {
	font-size:12px;
	line-height:16px;
	text-align:right;
}
.footer_copyright {
	position:absolute;
	top:50%;
	right:50%;
	margin:20px -520px 0 0;
}
.footer_copyright p {
	font-size:12px;
	line-height:16px;
	text-align:right;
}





/*MAIN*/
main {
	width:100%;
	position:relative;	
	z-index:100;	
}
.main_inner {
	width:100%;
}
.main_group {
	width:100%;
}
.main_contents {
	width:100%;
}





/*SECTION*/
section {
	width:100%;
	padding:60px 0 60px 0;
}
.section_inner {
	width:100%;	
}
.section_group {
	width:100%;	
}
.section_contents {
	width:100%;	
	max-width:1040px;
	margin:0 auto;
}
.section_logo {
	width:350px;
	margin:0 auto;
}
.section_logo a {
	display:block;
	width:100%;
}
.section_title {
	width:100%;
	max-width:900px;
	margin:0 auto;
	margin-top:45px;
}
.section_title h1 {
	position:relative;
}
.section_title h1 img {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.section_title h1 > img:nth-child(1) {
	position:relative;
}
.section_subtitle {
	width:100%;
	max-width:850px;
	margin:0 auto;
}
.section_subtitle h2 {
	position:relative;
}
.section_subtitle h2 img {
	position:absolute;
	top:0;
	left:0;
}
.section_subtitle h2 > img:nth-child(1) {
	position:relative;
}
.section_text {
	width:100%;	
	max-width:900px;
	margin:0 auto;
	margin-top:30px;
}
.section_text p {
	font-size:18px;
	line-height:32px;
	text-align:justify;
}
.section_image {
	width:100%;	
	position:relative;
}
.section_image img {
	position:absolute;
	top:0;
	left:0;
}
.section_image > img:nth-child(1) {
	position:relative;
}
.section_navi {
	width:100%;	
	margin:45px 0 0 0;
	font-size:0;
	line-height:0;
}
.section_navi a {
	display:inline-block;
	vertical-align:middle;
	width:calc((100% - 20px) / 3);	
	margin:10px 0 0 10px;
	position:relative;
}
.section_navi > a:nth-child(1),
.section_navi > a:nth-child(2),
.section_navi > a:nth-child(3) {
	margin-top:0;
}
.section_navi > a:nth-child(1),
.section_navi > a:nth-child(4) {
	margin-left:0;
}
.section_navi a > img:nth-child(2) {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.section_list {
	width:100%;	
}
.section_button {
	width:100%;
}
.section_tab {
	width:100%;
	background-color:#ffffff;
	border-radius:18px;
	position:relative;
	overflow:hidden;
	z-index:110;
}
.section_tab::after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:2px solid #0071bd;
	border-radius:18px;
	user-select:none;
	pointer-events:none;
	box-sizing:border-box;
}
.section_tab a {
	display:block;
	width:100%;
	background-color:#0071bd;
	position:relative;
}
.section_tab a > img:nth-child(2) {
	width:36px;
	position:absolute;
	top:50%;
	right:15px;
    transform:translateY(-50%);
}
.section_tab > div {
	display:none;
	width:100%;
	padding:40px 45px 40px 45px;
}
.section_tab > div > div {
	font-size:0;
	line-height:0;
}
.section_tab > div > div p {
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	line-height:32px;	
}
.section_tab > div > div > p:nth-child(1) {
	width:20px;	
	color:#0071bd;
}
.section_tab > div > div > p:nth-child(2) {
	width:calc(100% - 20px);	
	text-align:justify;
}
.section_tab > div > div p > span {
	display:block;
	width:100%;
	font-size:0;
	line-height:0;
}
.section_tab > div > div p > span  > span {
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	line-height:32px;	
}
.section_tab > div > div p > span  > span:nth-child(1) {
	width:105px;	
	height:32px;
	white-space:nowrap;
}
.section_tab > div > div p > span  > span:nth-child(1) > span {
	display:inline-block;
	width:80px;	
	text-align:justify;
	text-align-last:justify;
}
.section_tab > div > div p > span  > span:nth-child(2) {
	width:20px;	
	white-space:nowrap;
	text-align:center;
}
.section_tab > div > div p > span  > span:nth-child(3) {
	width:calc(100% - 125px);	
	text-align:justify;
}
.section_tab a > img:nth-child(2) {
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
	transition-property:transform;	
}
.tab_on a > img:nth-child(2) {
    transform:translateY(-50%) rotate(180deg);
}





/*HOME*/
#home {
}





/*VISUAL*/
#visual {
}





/*ABOUT*/
#about {
}
#about .section_image {
	max-width:900px;
	margin:0 auto;
	margin-top:45px;
}
#about .section_image > img:nth-child(2) {
	top:-30px;
}





/*POINT*/
#point {
}
#point .section_list {
	max-width:900px;
	margin:0 auto;
	padding:0 0 45px 0;
	border-bottom:2px solid #0071bd;
}
#point .section_contents > .section_list:nth-child(2) {
	margin-top:45px;
	border-top:2px solid #0071bd;
}
#point .section_list p {
	max-width:800px;
	margin:0 auto;
	margin-top:30px;
	font-size:18px;
	line-height:32px;
	text-align:justify;
}
#point .section_list p span {
	font-size:20px;
	font-weight:700;
	color:#ff415e;
}
#point .section_list img {
	max-width:800px;
	margin:0 auto;
	margin-top:30px;
}
#point .section_list > img:nth-child(1) {
	margin:0;
}





/*COMPARE*/
#compare {
}
#compare .section_image {
	margin:45px 0 0 0;
}
#compare .section_image div {
	width:100%;
}
#compare .section_image div img {
	position:relative;
}





/*FAQ*/
#faq {
}
#faq .section_list {
	padding:45px 0 45px 0;
	border-bottom:2px solid #000000;
}
#faq .section_contents > .section_list:nth-child(2) {
	padding-top:15px;
}
#faq .section_contents > .section_list:nth-last-child(1) {
	padding-bottom:0;
	border-bottom:none;
}
#faq .section_list > div {
	width:100%;
	font-size:0;
	line-height:0;
}
#faq .section_list > div:nth-child(2) {
	margin:20px 0 0 0;
}
#faq .section_list > div > img,
#faq .section_list > div > p {
	display:inline-block;
	vertical-align:middle;
}
#faq .section_list > div > img:nth-child(1) {
	width:70px;
}
#faq .section_list > div > img:nth-child(2),
#faq .section_list > div > p:nth-child(2) {
	width:calc(100% - 90px);
	margin:0 0 0 20px;
}
#faq .section_list > div > p:nth-child(2) {
	padding:0 0 0 10px;
	font-size:18px;
	line-height:32px;
	text-align:justify;
}
#faq .section_list > div > p:nth-child(2) span {
	font-size:20px;
    font-weight:700;
    color:#ff415e;
}
#faq .section_list > div:nth-child(2) > img:nth-child(3),
#faq .section_list > div:nth-child(2) > img:nth-child(4) {
	width:calc(100% - 100px);
	max-width:840px;
	margin:0 0 0 100px;
}
#faq .section_contents > .section_list:nth-child(2) > div:nth-child(2) > img:nth-child(3) {
	margin-top:40px;
}
#faq .section_contents > .section_list:nth-child(3) > div:nth-child(2) > img:nth-child(3) {
	margin-top:20px;
}
#faq .section_contents > .section_list:nth-child(3) > div:nth-child(2) > img:nth-child(4) {
	margin-top:40px;
}
#faq .section_contents > .section_list:nth-child(7) > div:nth-child(2) > img:nth-child(3) {
	margin-top:20px;
}
#faq .section_contents > .section_list:nth-child(8) > div:nth-child(2) > img:nth-child(3) {
	margin-top:40px;
}





/*PROCESS*/
#process {
}
#process .section_list {
	margin:45px 0 0 0;
}
#process .section_list p {
	width:100%;
	max-width:800px;
	margin:0 auto;
	margin-top:30px;	
	font-size:18px;
	line-height:32px;
	text-align:justify;
}
#process .section_list img {
	margin:45px 0 0 0;
}
#process .section_list > img:nth-child(1) {
	margin:0;
}
#process .section_list > p:nth-child(4) {
	font-size:14px;
	line-height:24px;
	text-align:center;
	margin-top:40px;
}





/*PRODUCT*/
#product {
}
#product .section_image {
	margin:45px 0 0 0;
}
#product .section_contents > .section_image:nth-child(4) {
	margin:75px 0 0 0;
}
#product .section_button {
	margin:45px 0 0 0;
	font-size:0;
	line-height:0;
}
#product .section_button a {
	display:inline-block;
	vertical-align:middle;
	width:calc((100% - 20px) / 2);
	position:relative;
}
#product .section_button > a:nth-child(2) {
	margin:0 0 0 20px;
}
#product .section_button a > img:nth-child(2) {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}





/*CONTACT*/
#contact {
	padding-bottom:90px;
}
#contact .section_subtitle {
	max-width:700px;
}
#contact .section_contents {
	font-size:0;
	line-height:0;
}
#contact .section_list {
	display:inline-block;
	vertical-align:middle;
	width:calc((100% - 20px) / 2);
	height:240px;
	margin:40px 0 0 0;
	padding:40px 50px 0 50px;
	background-color:#ffffff;
	border-radius:20px;
}
#contact .section_contents > .section_list:nth-child(3) {
	margin:40px 0 0 20px;
}
#contact .section_list p {
	text-align:center;
}
#contact .section_list > p:nth-child(1) {
	font-size:28px;
	line-height:28px;
	font-weight:700;
	padding:0 0 20px 0;
	border-bottom:1px solid #000000;
}
#contact .section_list > p:nth-child(3) {
	font-size:20px;
	line-height:20px;
	margin:20px 0 0 0;
}
#contact .section_list a {
	display:block;
	width:100%;
	margin:30px 0 0 0;
	position:relative;
}
#contact .section_list a > img:nth-child(2) {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
#contact .section_button {
	max-width:600px;
	margin:0 auto;
	margin-top:40px;
}
#contact .section_button a {
	display:block;
	width:100%;
	position:relative;
}
#contact .section_button a > img:nth-child(2) {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}





/*CAUTION*/
#caution {
	padding-top:90px;
	padding-bottom:90px;
	background-color:#ffffff;
}





/*HOVER*/
.pc .section_list a img,
.pc .section_navi a img,
.pc .section_button a img {	
	transition-duration:0.25s;
	transition-timing-function:ease-in-out;
	transition-property:opacity;	
}
.pc .section_list a:hover > img:nth-child(2),
.pc .section_navi a:hover > img:nth-child(2),
.pc .section_button a:hover > img:nth-child(2) {
	opacity:1 !important;
}





/*BANNER*/
.section_banner {
	width:calc(100% + 90px);
	margin:45px 0 0 -45px;
}
.section_banner a {
	display:block;
	width:100%;
}