/* RESET----------------------------------------------------------------------------------------------------*/
*,*::before,*::after {box-sizing: border-box;
/*border: 1px solid #e78404;*/
}
html{font-size: 62.5%; height: 100%; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none;}
input, button,textarea, select {font: inherit;}
body{font-size: 1.6rem; margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Noto Sans JP','Secular One','inxray-font',sans-serif; font-weight: 400; color:#1E1E1E;}
@media screen and (max-width: 900px) {
	body{font-size: 1.5rem;}
}
@media screen and (max-width: 760px) {
	body{font-size: 1.4rem;}
}
ul,ol{list-style-type: none;}
.clear{clear:both;}
.clear_sp{display: none;}
.n-border {border-style: none;}
.foot_space100{height:100px;}
.clear{clear: both;}
img {max-width: 100%; height:auto; border-style:none;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:link,a:visited, a:hover, a:active{color: #0363a5;}
.link-fit{width: fit-content; padding: 0!important; margin: 0!important;}
i{margin-left: 0.5em; margin-right: 0.5em; font-size: 1.3em;}

/* P */
/*-------------------------------------------------------------------------*/
.p_stitile {padding: 0; margin: 30px auto 0; text-align: center; font-size: 1.1em; font-weight: 500;}
.p_in0{text-indent: 1.0em; margin: 0.5em; line-height: 1.5;}
.p_in1{padding: 0; margin:0; text-indent: 1.0em; line-height: 1.8;}
.p_in1 a.a:hover{width:fit-content; padding: 0!important; margin: 0!important;}
.p_in1r{text-indent: 1.0em; line-height: 1.5; text-align: right;}
.p_in2{text-indent: 2em; line-height: 1.5;}
.p_in2r{text-indent: 2em; line-height: 1.5; text-align: right;}
.pankuzu{position: relative; top:80px; font-size: 0.95em; color: #666666;}
.pankuzu i{position: relative; top:3px;}

/* HEADER */
/*-------------------------------------------------------------------------*/
header {width: 100%; position: fixed; top: 0; left: 0; border-bottom: 2px solid #006CB3; transform: rotate(0.03deg); text-align: center; background: rgba(255,255,255,1.0); z-index: 101;}
.head-messe-fm{width: 100%; margin: 0; padding: 0.25em 0; background: #f5f5f5; text-align: right;}
.head-messe{max-width:1280px; margin: 0 auto; text-align: right; font-size: 0.95em;}
.head_pos_re{position: relative;}
.head_pos_ab_h1{position: absolute;}

.c-header{position:relative; max-width:1280px; margin: 0 auto; align-items:center; display:flex; justify-content:space-between; padding:1rem 0;}
.c-header__logo{width:auto; height:50px; text-decoration:none; margin-left:5px;}
.c-header__list{box-sizing:border-box; display:flex; padding:0; margin: 0 40px 0 0;}
.c-header__list-item{list-style:none; text-decoration:none; text-align: left;}
.c-header__list-item > a{display:block; color: #006cb3; padding: 10px 20px;}
.c-header__list-item > a:hover{opacity: 0.6;}
.c-header__list-item span{background:#006CB3; color: #fff;; padding: 5px 20px 5px 10px; border-radius: 3px;}
.c-header i{position: relative; top:2px;}

.c-hamburger-menu{position:relative;}
.c-hamburger-menu__input{display:none;}
.c-hamburger-menu__bg{background-color:#000; cursor:pointer; display:none; height:100vh; left:0; opacity:.4; position:absolute; top:0; width:100%; z-index:-1;}
#hamburger:checked ~ .c-hamburger-menu__bg{display:block;}
.c-hamburger-menu__button{display:none;}
.c-hamburger-menu__button span{display:inline-block; transition:all .4s; position:absolute; right:63px; height:3px; border-radius:5px; background:#333333; width:30px;}
.c-hamburger-menu__button span:nth-of-type(1){top:21px; transform:none;}
.c-hamburger-menu__button span:nth-of-type(2){top:32px; opacity:1;}
.c-hamburger-menu__button span:nth-of-type(3){top:43px; transform:none;}
.br_st{display: none;}
@media screen and (max-width: 900px) {
	.head-messe{width:100%; margin: 0 auto; text-align: center; font-size: 0.75em;}
	.c-header__list-item{width: 100%; list-style:none; text-decoration:none; text-align: left;}
	.c-header__list-item > a{display:block; color: #006cb3; padding: 10px 20px;}
	.c-header{width:100%; margin: 0 auto; align-items:center; box-sizing:border-box; display:flex; justify-content:space-between; padding:0.6em}
	.c-header__logo{width:auto; height:38px; text-decoration:none;}
	.br_st{display: none;}
	.c-hamburger-menu__list{background-color:#eee; align-items:flex-start; display:flex; flex-direction:column; width:100%; top:100%; left:0; padding:2rem; position:absolute; transform:translateX(-100%); transition:.3s;}
	#hamburger:checked ~ .c-hamburger-menu__list{transform:translateX(0%); transition:.3s;}
	.c-hamburger-menu__button{align-items:center; appearance:none; background-color:transparent; border:none; cursor:pointer; display:flex; flex-direction:column; gap:1px; height:40px; justify-content:center; width:40px;}
	#hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(1){top:27px; right:58px; transform:translateY(6px) rotate(-45deg); width:40px}
	#hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(2){opacity:0;}
	#hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(3){top:39px; right:58px; transform:translateY(-6px) rotate(45deg); width:40px}
}
@media screen and (max-width: 500px) {
	.c-header__logo{width:auto; height:32px; text-decoration:none; margin-left:5px;}
	.br_st{display: block;}
}
/* INDEX */
/*-------------------------------------------------------------------------*/
.index-fm{position:relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 1;}
.index-fm:after{position: absolute; top:0; left: 50%; transform: translate(-50%, -50%); content: ""; width: 200%; height: 1500px; background: rgba(0, 108, 179, 0.11); border-radius: 50%; z-index: 1;}
.top-fm{position: relative; width: 100%; max-width: 1280px; height:760px; margin: 0 auto; z-index: 10;}
.h1_ab{width:fit-content; position:absolute; top:0; right:0; display: block; color:#006CB3; font-size: 2.0em; margin: 0.7em; font-weight: bold; unicode-bidi: isolate;}
.h1_ab span{display: block; font-size: 0.62em; margin: 0; color: #333333;}

.top-img{position: absolute; width: 55%; top: 100px; left:0; text-align: right; vertical-align: bottom; z-index: 2;}
.top-img img{width: 100%; height: auto;}
.top-ann{margin: 0; padding: 0; color: #8a8a8a; font-size: 0.9em;}
.top-cont{position: absolute; width: 45%; top: 200px; right:0; z-index: 5; text-align: center;}
.logo_ab{position: absolute; top: 100px; right:6%; width: 35%; height: auto;}
@media screen and (max-width: 900px) {
	.top-fm{position: relative; width: 100%; height:1100px; margin: 0 auto; z-index: 10;}
	.h1_ab{width:fit-content; position:absolute; top:30px; left:50%; transform: translate(-50%, -50%); display: block; color:#006CB3; font-size: 2.0em; margin: 0.7em; font-weight: bold; unicode-bidi: isolate;}
	.top-img{position: absolute; width: 100%; top: 220px; left:0; text-align: center; vertical-align: bottom; z-index: 2;}
	.top-img img{width: 80%; height: auto;}
	.top-cont{position: absolute; width: 100%; top: 600px; right:0; z-index: 5; text-align: center;}
	.logo_ab{position: absolute; top: 150px; left:50%; transform: translate(-50%, -50%); width: 55%; height: auto;}
	.top-ann{position: absolute; right:0; margin: 0; padding: 0; color: #8a8a8a; font-size: 0.9em;}
}
@media screen and (max-width: 500px) {
	.top-fm{position: relative; width: 100%; height:880px; margin: 0 auto; z-index: 10;}
	.h1_ab{width:fit-content; position:absolute; top:30px; left:50%; transform: translate(-50%, -50%); display: block; color:#006CB3; font-size: 1.65em; margin: 0.7em auto; font-weight: bold; unicode-bidi: isolate;}
	.top-img{position: absolute; width: 100%; top: 160px; left:0; text-align: center; vertical-align: bottom; z-index: 2;}
	.top-cont{position: absolute; width: 100%; top: 430px; right:0; z-index: 5; text-align: center;}
	.logo_ab{position: absolute; top: 110px; left:50%; transform: translate(-50%, -50%); width: 55%; height: auto;}
}
.top-mess{position:relative; width:75%; margin:20px auto 0; padding:20px 10px; text-align: center; background: #fffff3; border-radius: 10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.35);}
.top-mess p{width:fit-content; margin:0 auto; font-size: 1.3em; font-weight: bold;}
.top-mess p > span{display:inline-block; color: #e75f1c; font-size: 1.2em;}
.top-mess span{display:block; margin: 0 auto; color: #838383; font-size: 0.95em;}
@media screen and (max-width: 500px) {
	.top-mess{position:relative; width:90%; margin:20px auto 0; padding:20px 10px; text-align: center; background: #fffff3; border-radius: 10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.35);}
}

.top-catch{position: absolute; top:-20px; right:-20px; width: 100px; height:100px; border-radius: 50%; background: #ffffff; text-align: center; vertical-align: middle; transform: rotate(10deg); box-shadow: 0 5px 15px 0 rgb(51, 51, 51);}
.top-catch span{position: absolute; top: 18px; left:10px; color: #e30f0f; font-size: 2.6em; font-weight: bold;}
.top-catch span>span{position: absolute; top: 18px; left:24px; display: block; font-size: 0.5em;}

.top-cont ul{margin: 0 0 0 0.5em; padding: 0 1em -1.0em 1.0em; position: relative; color:#333333; font-size: 1.5em; font-weight: bold; text-shadow: 1px 2px 3px #fff;}
.top-cont ul li {line-height: 1.5; padding: 0.5em 0 0 2.0em; list-style-type: none; text-align: left;}
.top-cont ul li:before {font-weight: 400; font-family:'inxray-font'; content: "\e920"; font-size: 1.2em; position: absolute; left:1.5em;}
@media screen and (max-width: 500px) {
	.top-cont ul{margin: 0; padding: 0 1em -1.0em 0; position: relative; color:#333333; font-size: 1.5em; font-weight: bold; text-shadow: 1px 2px 3px #fff;}
	.top-cont ul li {line-height: 1.5; padding: 0.5em 0 0 0.5em; list-style-type: none; text-align: left;}
	.top-cont ul li:before {font-weight: 400; font-family:'inxray-font'; content: "\e920"; font-size: 1.2em; position: absolute; left:0.5em;}
}
a.bt-entry{margin: 10px auto; border-radius: 10px; padding: 20px 50px 20px 50px; text-decoration:none; display:inline-block; cursor: pointer; border:1px solid #CE2248; color: #ffffff; background: #CE2248; transition:background-color 0.5s,color .2s}
a:hover.bt-entry{border:1px solid #CE2248; color: #CE2248; background:#ffffff;}

.title-fm{position:relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 1;}
.title-fm:after{position: absolute; top:-60%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 200%; height: 360px; background: rgba(0, 108, 179, 0.11); border-radius: 50%; z-index: 1;}
.titletop-fm{position: relative; top:0; left:0; width: 100%; max-width: 1280px; height:120px; margin: 0 auto; z-index: 10;}

/* CONTENTS */
/*-------------------------------------------------------------------------*/
.main-contents{width: 100%; margin: 87px auto 10px; padding: 0;}
.contents-full{width: 100%; margin: 1.5em 0; padding: 1.5em 5px;}
.contents{width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 5px;}
@media screen and (max-width: 500px) {
	.contents-full{width: 100%; margin: 1.5em 0; padding: 1.5em 1px;}
	.contents{width: 100%; max-width: 1280px; margin: 0 auto; padding: 0;}
	.contents h1{font-size: 1.2em;}
	.contents h2{font-size: 1.1em;}
}
.full-bag{background: #036eb8; color: #fff; text-align: center;}
.full-bag h1{margin: 0 0 0.5em; padding: 0; font-size: 2.1em;}
.full-bag h2{margin: 0.5em 0 0; padding: 0;}
.full-bag{
	background-image:
		radial-gradient(300px 300px , rgba(141, 210, 253, 0.5) 20%, rgba(141, 210, 253, 0.3) 40%, rgba(141, 210, 253, 0.1) 60%, transparent 20%),
		radial-gradient(800px 800px , rgba(141, 210, 253, 0.5) 20%, rgba(141, 210, 253, 0.3) 40%, rgba(141, 210, 253, 0.1) 60%, transparent 20%),
		radial-gradient(1000px 1000px , rgba(141, 210, 253, 0.5) 20%, rgba(141, 210, 253, 0.3) 40%, rgba(141, 210, 253, 0.1) 60%, transparent 20%),
		radial-gradient(400px 400px , rgba(141, 210, 253, 0.5) 20%, rgba(141, 210, 253, 0.3) 40%, rgba(141, 210, 253, 0.1) 60%, transparent 20%),
		radial-gradient(750px 750px , rgba(141, 210, 253, 0.5) 20%, rgba(141, 210, 253, 0.3) 40%, rgba(141, 210, 253, 0.1) 60%, transparent 20%),
		radial-gradient(100px 100px , rgba(141, 210, 253, 0.5) 20%, rgba(141, 210, 253, 0.3) 40%, rgba(141, 210, 253, 0.1) 60%, transparent 20%);
	background-size:
		1230px 1280px,
		810px 910px,
		1470px 990px,
		1200px 1700px,
		1520px 1200px,
		1100px 1300px;
	background-position:
		-300px -550px,
		-200px 100px,
		50px 510px,
		-200px -550px,
		-180px -250px,
		130px -150px;
}
.cont-t{position:relative; width:fit-content; margin: 1.0em auto 1.5em; font-size: 1.4em; padding: 0.5em 0; text-align:center;}
.cont-t:before{position:absolute; bottom: -0.35em; left:calc(50% / 2); width:calc(100% / 2); height:5px; content:''; border-radius:3px; background:#036eb8;}
.cont-t .help-m{position:relative; width: fit-content; padding:0 1em; background:#fff; color: #333333; font-size: 1.2em;}
@media screen and (max-width: 500px) {
	.cont-t .help-m{position:relative; width: fit-content; padding:0 1em; background:#fff; color: #333333; font-size: 1.1em;}
}
.cont-st{margin: 1em 1em; padding: 0.5rem 2rem; font-size: 1.3em; color: #333333; border-left: 4px solid #036eb8;}

.ul-cont{display:flex; list-style:none; flex-wrap: wrap; width: 100%; margin: 0; padding: 0;}
.ul-cont li{margin: 0; padding: 0 0 20px; border-collapse: collapse; column-gap: 1px; line-height: 1.6;}
.ul-cont-cont-title{font-size: 1.4em; font-weight: bold; color:#006CB3;}
.ul-cont-cont-title span{margin:0 0.2em;font-size: 0.95em; font-weight: bold; color:#666666;}
.cont-title{width: 100%;}
.cont-image{width: 45%; text-align: center;}
.cont-version{width: 55%; position:relative;}
@media screen and (max-width: 760px) {
	.cont-image{width: 100%; text-align: center;}
	.cont-image img{width: 70%; height:auto;}
	.cont-version{width: 100%; position:relative;}
	.order-1{order: 1;}
	.order-2{order: 2;}
	.order-3{order: 3;}
	.order-4{order: 4;}
	.order-5{order: 5;}
	.order-6{order: 6;}
	.order-7{order: 7;}
	.order-8{order: 8;}
}
.cont-half{width: 50%; white-space: normal;}
.foot_div{width: fit-content; margin: 0 auto;}
.cont-half h1{width:fit-content; font-size: 2.0em; font-weight: bold; margin: 0.5em 0; padding:0; color:#036eb8; text-shadow: 0 0 10px rgba(255, 255, 255, 1); line-height: 1.5;}
.cont-half h1{background: linear-gradient(transparent 60%, rgba(255, 230, 90, 0.7) 80%);}
.cont-half h1:nth-child(1){margin-left: 0.5em;}
.cont-half h1:nth-child(2){margin-left: 0.75em;}
.cont-half h1:nth-child(3){margin-left: 1.0em;}
.cont-half h1:nth-child(4){margin-left: 1.25em;}
.cont-half h1:nth-child(5){margin-left: 1.25em; margin-top: -0.5em;}
.cont-half h1:nth-child(6){margin-left: 0.75em;}
.cont-half h1 span{display: block; font-size: 0.5em; font-weight: normal;}
.cont-half h1 span.spsmall{display: inline-block; font-weight: bold; font-size: 0.9em;}
.foot_span{width:fit-content; margin: -1.0em auto 0; padding:0; color:#036eb8;}
@media screen and (max-width: 760px) {
	.cont-half{width: 100%; white-space: normal;}
}
@media screen and (max-width: 1197px) {
	.cont-half h1{font-size: 1.65em; font-weight: bold; margin: 0.5em 0; padding:0; color:#036eb8; text-shadow: 0 0 10px rgba(255, 255, 255, 1); line-height: 1.5;}
}
@media screen and (max-width: 897px) {
	.cont-half h1{font-size: 1.6em; font-weight: bold; margin: 0.5em 0; padding:0; color:#036eb8; text-shadow: 0 0 10px rgba(255, 255, 255, 1); line-height: 1.5;}
	.foot_span{width:fit-content; margin: -1.0em auto 0 ; padding:0; color:#036eb8; font-size: 0.8em;}
}
.cont-div{width: 100%; margin: 2.5em 0 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont-div-r{width: 100%; margin: 2.5em 0 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*.cont-div:after{position: absolute; top:0; right: 0; transform: translate(50%, -50%); content: ""; width: 150%; height: 600px; background: rgba(123, 200, 253, 0.1); border-radius: 0 0 50% 50%; z-index: 1;}*/
/*.cont-div-r:after{position: absolute; top:0; left: 0; transform: translate(-50%, -50%); content: ""; width: 150%; height: 600px; background: rgba(123, 200, 253, 0.1); border-radius: 50%; z-index: 1;}*/

.ul-cont-div{margin: 0; padding: 2.5em 1.0em 0 3.0em; list-style-type: disc;}
.ul-cont-div li{text-align: left; line-height: 1.6; overflow:visible; white-space: normal; padding: 0.3em 0 0.1em ;}
.more-r{position: absolute; bottom: -20px; right:5px; text-align: right; font-size: 1.0em; font-weight: normal; z-index: 10;}
.more-r a{display: block;}
.more-l{position: absolute; bottom:-20px; left:5px; text-align: left; font-size: 1.0em; font-weight: normal; z-index: 10;}
.more-l a{display: block;}
@media screen and (max-width: 760px) {
	.more-r{position: absolute; bottom: -20px; right:5px; text-align: right; font-size: 1.0em; font-weight: normal; z-index: 10;}
	.more-l{position: absolute; bottom: -20px; right:5px; text-align: left; font-size: 1.0em; font-weight: normal; z-index: 10;}
	.cont-div{width: 100%; margin:  0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.cont-div-r{width: 100%; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.ul-cont-div{margin: 0; padding: 0.5em 1.0em 0 2.0em; list-style-type: disc;}
	.ul-cont-div li{text-align: left; line-height: 1.6; overflow:visible; white-space: normal; padding: 0.3em 0 0.1em ;}
}
.top_more a{position: relative; text-decoration: none; display: inline-block; background:#84b1de; color:#fff; padding: 2px 30px 3px 30px; border-radius:25px; text-align: center; outline: none; transition: ease .2s;}
.top_more a:hover{background:#006CB3; color:#fff;}
.btnarrow a::after{position: absolute; font-weight: 600; font-family:'inxray-font'; content: '\e904'; font-size: 1.2em; top:1%; left: 4%; transition: all .5s;}
.btnarrow a:hover::after{left: 90%;}

.ul-cand{display: flex; flex-wrap: wrap; width: 100%; max-width: 1200px; list-style: none; margin: 0 auto; padding: 0; font-size: 0;}
.ul-cand li{width: 100%; margin: 0 ; padding: 0; display: inline-block; line-height: 0; font-size: initial;}
.ul-cand li img.can_pc{display: block; width:100%; height: auto;}
.ul-cand li img.can_st{display: none;}
@media screen and (max-width: 760px) {
	.ul-cand li img.can_pc{display: none; width:100%; height: auto;}
	.ul-cand li img.can_st{display: block; width:100%; height: auto;}
}

.ul-worr{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0;}
.ul-worr li{width: 29%; margin: 0 2%; padding:1.5em 2.0em; background: #fff; border-radius: 6px; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6; box-shadow: 1px 1px 10px 1px #999;}
.ul-worr li img{display: block; width: 80%; height: auto; margin: 0 auto 0.5em;}
@media screen and (max-width: 760px) {
	.ul-worr li{width: 100%; margin: 2%; padding:1.5em 2.0em; background: #fff; border-radius: 6px; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6; box-shadow: 1px 1px 10px 1px #999;}
	.ul-worr li img{display: block; width: 50%; height: auto; margin: 0 auto 0.5em;}
}
.ul-basic{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0;}
.ul-basic li{width: 24%; margin: 0 0.5% 0.75em; padding: 0.5em 0 0.2em 0; background: #ffffff; border-bottom: 6px solid #84b1de; border-radius: 3px; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6; box-shadow: 1px 1px 4px 1px #999;}
.ul-basic li p{margin: 0 auto; padding: 0.5em 0; font-size: 1.2em; font-weight: bold; color:#006CB3; text-align: center;}
.ul-basic li p span{display: block; font-size: 1.8em;}
@media screen and (max-width: 760px) {
	.ul-basic li{width: 32%; margin: 0 0.5% 0.75em; padding: 0.5em 0 0.2em 0; background: #ffffff; border-bottom: 6px solid #84b1de; border-radius: 3px; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6; box-shadow: 1px 1px 4px 1px #999;}
}
@media screen and (max-width: 500px) {
	.ul-basic li{width: 49%; margin: 0 0.5% 0.75em; padding: 0.5em 0 0.2em 0; background: #ffffff; border-bottom: 6px solid #84b1de; border-radius: 3px; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6; box-shadow: 1px 1px 4px 1px #999;}
}
.ul-price{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0; gap: 5px 0.65%;}
.ul-price li{margin: 0.5% 0; padding: 1px; text-align:center; vertical-align: middle; line-height: 1.6;}
.class-type{width: 40px; height: 40px; display: inline-block; text-align: center; font-size: 1.5em; font-weight: bold;}

.ul-detail{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0;}
.ul-detail li{width: 32%; margin: 0 0.5% 0.75em; padding: 0.5em 0.5em 0.2em; background: #ffffff; border-radius: 3px; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6; box-shadow: 1px 1px 4px 1px #999;}
.ul-detail p{font-size: 1.0em; font-weight: bold; color:#006CB3;}

.parts-x{margin:0; padding: 0.5em 0; background: #e0e0e0;}
.parts-s{margin:0; background: #f7c5c5;}
.parts-a{margin:0; background: #a1dff7;}
.parts-b{margin:0; background: #dbedbf;}
.parts-c{margin:0; background: #f9d6a4;}

.parts-lx{width:100%; border: 1px solid #e0e0e0;}
.parts-ls{width:24.5%; border: 1px solid #f7c5c5;}
.parts-la{width:24.5%; border: 1px solid #a1dff7;}
.parts-lb{width:24.5%; border: 1px solid #dbedbf;}
.parts-lc{width:24.5%; border: 1px solid #f9d6a4;}
@media screen and (max-width: 500px) {
	.ul-price li{margin: 0; padding: 1px; text-align:center; vertical-align: middle; line-height: 1.6;}
	.parts-ls{width:49.5%; border: 1px solid #f7c5c5;}
	.parts-la{width:49.5%; border: 1px solid #a1dff7;}
	.parts-lb{width:49.5%; border: 1px solid #dbedbf;}
	.parts-lc{width:49.5%; border: 1px solid #f9d6a4;}
}

.price-div{width: 100%; background: #fff; text-align: left;}

.rice_ul {width: 100%; margin: 0.2em 0 0.1em; padding: 0 1em -1.0em 1.0em; position: relative;}
.rice_ul li {width: 100%; line-height: 1.5; padding: 0; list-style-type: none; text-align: left; color: #666666;}
.rice_ul li:before {content: "※"; position: absolute; left:1.0em;}

/* FORM----------------------------------------------------------------------------------------------------*/
input[type=text],[type=tel],[type=email],[type=number],[type=password],[type=datetime-local] {width:87%; margin-top:2px; font-size: 1.0em; padding: 0.3em 0.3em; border: 1px solid #9fa0a0; border-radius: 2px;}
input[type=date]{width:85%; margin-top:1px; font-size: 1.0em; padding: 0.2em 0.3em; border: 1px solid #9fa0a0; border-radius: 2px; position:relative;}
@media screen and (max-width: 814px) {
	input[type=text],[type=tel],[type=email],[type=number],[type=password],[type=datetime-local] {width:80%; margin-top:2px; font-size: 1.0em; padding: 0.3em 0.3em; border: 1px solid #9fa0a0; border-radius: 2px;}
}
input[type=text]:focus{background: #fff2e9; border: 1px solid #036eb8}
textarea {width: 100%; margin: 0 0 -3px; padding: 0 2px; resize: vertical; font-size: 1.0em; border-radius: 3px; font-family: 'Noto Sans JP', sans-serif; border: 1px solid #9fa0a0;}
textarea:focus{background: #fff2e9; border: 1px solid #036eb8}
.price-div input[type=checkbox],input[type=radio]{display:none}

.price-div .checks{display:inline-block; width: 100%; padding:5px 0; position:relative; cursor:pointer;}
.price-div .checks:before{background:#fff; border:1px solid #ccc; border-radius:2px; content:''; display:block; width:20px; height:20px; position:absolute; top:0.5em; left:-2.0em;}
.price-div .checks::after{border-radius:0; border-right:6px solid #9a0000; border-bottom:5px solid #9a0000; content:''; display:block; height:20px; top:0.3em; left:-1.6em; width:10px; opacity:0; position:absolute; transform:rotate(45deg);}
.price-div input[type=checkbox]:checked + .checks::before,input[type=radio]:checked + .checks::before{border-color:#666}
.price-div input[type=checkbox]:checked + .checks::after,input[type=radio]:checked + .checks::after{opacity:1}
.price-div input[type=checkbox]:checked + label.checks,.checks::after,input[type=radio]:checked + label.checks{color:#9a0000;}

.price-div .checka{display:inline-block; width: 100%; padding:5px 0; position:relative; cursor:pointer;}
.price-div .checka:before{background:#fff; border:1px solid #ccc; border-radius:2px; content:''; display:block; width:20px; height:20px; position:absolute; top:0.5em; left:-2.0em;}
.price-div .checka::after{border-radius:0; border-right:6px solid #0524be; border-bottom:5px solid #0524be; content:''; display:block; height:20px; top:0.3em; left:-1.6em; width:10px; opacity:0; position:absolute; transform:rotate(45deg);}
.price-div input[type=checkbox]:checked + .checka::before,input[type=radio]:checked + .checka::before{border-color:#666}
.price-div input[type=checkbox]:checked + .checka::after,input[type=radio]:checked + .checka::after{opacity:1}
.price-div input[type=checkbox]:checked + label.checka{color: #0524be;}

.price-div .checkb{display:inline-block; width: 100%; padding:5px 0; position:relative; cursor:pointer;}
.price-div .checkb:before{background:#fff; border:1px solid #ccc; border-radius:2px; content:''; display:block; width:20px; height:20px; position:absolute; top:0.5em; left:-2.0em;}
.price-div .checkb::after{border-radius:0; border-right:6px solid #00981d; border-bottom:5px solid #00981d; content:''; display:block; height:20px; top:0.3em; left:-1.6em; width:10px; opacity:0; position:absolute; transform:rotate(45deg);}
.price-div input[type=checkbox]:checked + .checkb::before,input[type=radio]:checked + .checkb::before{border-color:#666}
.price-div input[type=checkbox]:checked + .checkb::after,input[type=radio]:checked + .checkb::after{opacity:1}
.price-div input[type=checkbox]:checked + label.checkb{color: #00981d;}

.price-div .checkc{display:inline-block; width: 100%; padding:5px 0; position:relative; cursor:pointer;}
.price-div .checkc:before{background:#fff; border:1px solid #ccc; border-radius:2px; content:''; display:block; width:20px; height:20px; position:absolute; top:0.5em; left:-2.0em;}
.price-div .checkc::after{border-radius:0; border-right:6px solid #f87736; border-bottom:5px solid #f87736; content:''; display:block; height:20px; top:0.3em; left:-1.6em; width:10px; opacity:0; position:absolute; transform:rotate(45deg);}
.price-div input[type=checkbox]:checked + .checkc::before,input[type=radio]:checked + .checkc::before{border-color:#666}
.price-div input[type=checkbox]:checked + .checkc::after,input[type=radio]:checked + .checkc::after{opacity:1}
.price-div input[type=checkbox]:checked + label.checkc{color: #f87736;}


.price-total{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0.5% 0; padding: 0; border: 1px solid #8a8a8a;}
.price-total li{margin: 0; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6;}
.price-total li.first{width: 30%; padding-top: 1.0em; text-align: center;}
.price-total li.second{width: 35%;}
.price-total li.third{width: 35%;}
.price-total li.all{width: 100%; padding: 0.5em 1.0em 1.0em 1.0em; text-align: right; font-size: 0.9em;}
@media screen and (max-width: 500px) {
	.price-total li.first{width: 100%; padding-top: 1.0em; text-align: center;}
	.price-total li.second{width: 100%;}
	.price-total li.third{width: 100%;}
}
.ul-price-in{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0;}
.ul-price-in{margin: 0; padding: 0; border-collapse: collapse; display: inline-block; vertical-align: middle; line-height: 1.6;}
.ul-price-in li.left{width: calc(100% - 215px); text-align: right; padding-top:  0.6em;}
.ul-price-in li.price_xl{width:105px; font-size: 1.6em; font-weight: bold; color: #444444; text-align: right;}
.ul-price-in li.right{width: 100px; text-align: left; padding-top: 0.6em;}
.ul-price-in li.otoku{color: #ce0000;}

.otoku-all{display: block; color: #333333; font-size: 0.85em; font-weight: normal;}
.p-price{width: calc(100% - 3.0em); text-align: left; font-size: 1.0em; font-weight: normal; color: #333333; margin: 0.1em 0 0.1em 3.0em; user-select: none;}
.price{width: 100%; margin: 0; padding: 0.5em 0;}
.price-vlaue{display: inline-block; width: fit-content; margin: 0 0.2em; font-weight:normal;}
.price-p{display: inline-block; position: relative; font-size: 1.6em; font-weight: bold; color: #444444;}
.price-price{display: inline-block; position: relative; font-size: 1.6em; font-weight: bold; color: #444444;}
.price-price::after {content: ''; transform: rotate(-5deg); width: 100%; border-top: 3px solid rgba(255, 0, 0, 0.5); position: absolute; top: 50%; left: 0;}

.fot-contents input[type="radio"]{display: none;}
.fot-contents input[type="radio"] + label{display: block; float: left; width: 33%; cursor: pointer; margin-top: 1px; padding: 10px; background: #fff; color: #0a64be; text-align: center; line-height: 1; transition: .2s; font-size: 0.95em;}
.fot-contents label:first-of-type{border-radius: 3px 0 0 3px; border-right: 2px solid #abb2b7; border-left: 1px solid #0a64be; border-top: 1px solid #0a64be; border-bottom: 1px solid #0a64be;}
.fot-contents label:last-of-type{border-radius: 0 3px 3px 0; border-left: 2px solid #abb2b7; border-right: 1px solid #0a64be; border-top: 1px solid #0a64be; border-bottom: 1px solid #0a64be;}
.fot-contents label:nth-of-type(2){border-top: 1px solid #0a64be; border-bottom: 1px solid #0a64be;}

.fot-contents input[type="radio"]:checked + label {background-color: #0a64be; color: #fff;}
.fot-contents input[type="radio"]:disabled + label {background-color: #fff000; color: #fff;}
.fot-contents input[type="radio"]:checked:disabled  + label {background-color: red; color: #fff;}

.price-tit{margin: 0 0 0 1.5em; padding: 0 1em -1.0em 2.0em; position: relative; color:#333333; font-size: 1.6em; font-weight: bold; text-shadow: 1px 2px 3px #fff;}
.price-tit li {line-height: 1.5; padding: 0.5em 0 0 2.0em; list-style-type: none;}
.price-tit li span{font-size: 0.75em; font-weight: normal; margin: 0 0.2em;}
.price-tit li:before {font-weight: 400; font-family:'inxray-font'; content: "\e920"; font-size: 1.2em; position: absolute; left:1.5em;}
@media screen and (max-width: 814px) {
	.price-tit{margin: 0 0 0 -1.5em; padding: 0 1em -1.0em 1.5em; position: relative; color:#333333; font-size: 1.5em; font-weight: bold; text-shadow: 1px 2px 3px #fff;}
	.price-tit li {line-height: 1.3; padding: 0.5em 0 0 1.5em; list-style-type: none;}
	.price-tit li span{font-size: 0.65em; font-weight: normal; margin: 0 0.2em;}
}
@media screen and (max-width: 500px) {
	.price-tit{margin: 0 0 0 -1.5em; padding: 0 1em -1.0em 1.5em; position: relative; color:#333333; font-size: 1.5em; font-weight: bold; text-shadow: 1px 2px 3px #fff;}
	.price-tit li {line-height: 1.3; padding: 0.5em 0 0 1.5em; list-style-type: none;}
	.price-tit li span{font-size: 0.65em; font-weight: normal; margin: 0 0.2em;}
}
details{--arrow-size:18px; --anime-speed:.3s; margin: 0;}
details summary{position:relative; display:block; font-weight:700; padding:1.0em calc(var(--arrow-size) + 1em) 1.0em 3.5em; margin: 0 0 0.5em 0; background:#fff; border:1px solid #84b1de; border-radius: 5px 5px 0 0;  cursor:pointer;}
details summary::-webkit-details-marker{display:none;}
details summary::before{content:"Q."; position:absolute; top:1.0em; left:1.5em; color:#0a64be;}
details summary i{position:absolute; top:0.6em; right:0.5em; display:block; margin:auto; color:#0a64be; font-size: 1.5em; font-weight:600; transition:transform var(--anime-speed);}
details[open] summary i{transform:rotate(180deg);}
details .inner{position:relative; padding:1.0em 1.5em 1.0em 3.5em; margin: -0.5em 0 1.0em; background: #f1f6fc; border-radius: 0 0 5px 5px;}
details .inner p{padding: 0; margin: 0; line-height: 1.5; text-indent: 1.0em;}
details .inner::before{content:"A."; position:absolute; top:1.0em; left:1.5em; font-weight:700; color:#bb0000;}

/* privacy */
/*-------------------------------------------------------------------------*/
.Contents_Text{width:100%; max-width: 1240px; min-width: 996px; padding: 0; margin: 0 auto;}
.Contents_Text p{margin:0; padding: 0.5em 0 0; text-indent:1.0em; line-height:1.5; user-select: none;}
.Contents_Text p span{display: block; font-size: 0.95em;}
ol.numb-oltit{list-style-type: number; text-align: left; font-size:1.0em; padding-bottom: 0.8em; padding-left: 0; margin-left: 1.5em; line-height: 1.5;}
.numb-oltit li {padding-bottom: 0.5em;}
.numb-oltit li.title {font-weight:bold; }
.numb-ol{list-style-type: number; text-align: left; font-size:1em; padding-bottom: 0.8em; line-height: 1.5;}
.numb-ol li {padding-bottom: 0.5em;}
.olin-disc-ul{list-style-type: disc; text-align: left; font-size:1em; padding-bottom: 0.8em; line-height: 1.5;}
.olin-disc-ul li {margin-left: -20px;}
.disc-ul-numb-ol li {margin-left: -35px;}

/* Footer */
/*-------------------------------------------------------------------------*/
.footer-fm{position:relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 1;}
.footer-fm:after{position: absolute; top:90%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 200%; height: 700px; background: rgba(0, 108, 179, 0.11); border-radius: 50%; z-index: 1;}
.fot-contents{position: relative; top:0; left:0; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 10;}
.ul-foot{display:flex; flex-wrap: wrap; list-style:none; width: 100%; max-width: 480px; margin: 0 auto 30px; padding: 0;}
.ul-foot li{width: 100%; margin: 0; padding-bottom: 5px; border-collapse: collapse; column-gap: 1px; line-height: 1.6;}
.from_req{display:inline-block; width: fit-content; margin-left: 0.2em; padding: 2px 10px; background: #e78404; border-radius: 3px; color: #fff;}
.ul-foot li p.error{display:block; font-size: 1.0em; font-weight: normal; margin: 0 0.5em; padding: 3px 0 0; color: #8E0D23!important;}
.ul-foot p.al-ce{text-align: center; font-size: 1.0em; margin: 0; padding: 0; font-weight: normal;}
#footer{width: 100%; background:#006CB3;}
.div-foot{width: 100%; max-width:1280px; text-align:center; padding: 1.0em; margin: 0 auto; color: #fff;}
.div-foot_ul{display:flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding:0; list-style:none;}
.div-foot_ul li{margin: 0; padding: 1px; vertical-align: middle;}
.div-foot_ul li a{color: #84b1de;}
.foot-con{width: 200px; font-size: 0.95em;}
.foot-com{width: calc(100% - 400px); text-align: right;}
@media screen and (max-width: 760px) {
	.foot-con{width: 50%; font-size: 0.95em;}
	.foot-com{width: 100%; text-align: right;}
}
.submit{border-radius: 6px; margin: 0 auto; padding: 10px 35px; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_sub{background: #fff; border:1px solid #D65238; color: #D65238; transition:background-color 0.2s,color .2s}
.bt_sub:hover{border:1px solid #D65238; color: #FFFFFF; background:#D65238;}
canvas {position: absolute; width:42px; height:42px; top: 50%; right:-15px; background: #fff; border-radius: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 9;}
@media screen and (max-width: 900px) {
	canvas {position: absolute; width:42px; height:42px; top: 50%; right:-15px; background: #fff; border-radius: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 1;}

}