@charset "UTF-8";
/*------------------------
スタイルの初期化
------------------------*/
html{
	font-size:62.5%;
}
body,div,pre,p,blockquote,b,img
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object,figure { margin:0; padding:0; }
body{
	width:100%;
	font-family:'Noto Sans JP','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 4.27vw;
	line-height: 1.65;
	color: var(--txtcolor);
	text-autospace:ideograph-alpha;
	background:#fff;
	font-weight:normal;
	font-feature-settings: 'palt';
	letter-spacing: .08em;
	position: relative;
}
* {
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: var(--txtcolor);
	transition: all .3s ease 0s;
}
a img {
	border:0;
}
img{
	vertical-align:top;
	max-width: 100%;
}
ul, ol { list-style-type:none; }
sup { position: relative; vertical-align: baseline; top: -0.9em; font-size: 0.5em; }
hr { display: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
th, caption{ text-align: left; font-weight: normal; }
th,td { empty-cells:show; }
input[type="text"] , 
input[type="email"] , 
input[type="tel"] , 
input[type="password"] { padding:0 2px; margin-right:0.4em; }
input[type="submit"] { display:inline; margin:0; }
input[type="radio"] { margin-right:0.4em; }
textarea { padding:2px; }
optgroup { font-style:normal; }
option { padding-right:10px; }
*:focus {
outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,main{
	display:block;
}
/*ボタンデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],button {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	font-family: 'Noto Sans JP','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
input[type="text"] , 
input[type="email"] , 
input[type="tel"] , 
input[type="password"] ,
textarea {
	-webkit-appearance : none;
	appearance: none;
	border-radius:0;
	padding:8px;
	border:1px solid #dadada;
	width: 90%;
	box-sizing: border-box;
}
select {
	padding: 10px 16px 10px 10px;
	border: 1px solid #dadada;
	appearance: none;
	border-radius: 0;
	background: #fff url(/img/common/arrow_select.png) no-repeat right 6px center;
	background-size: auto 5px;
}
.flex-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.pc ,
.pc-flex {
	display: none;
}
.sp {
	display: block;
}
:root {
	--txtcolor: #231815 ;
	--accentcolor: #007f4d ;
	--bgcolor: #f5f5f5 ;
	--btncolor : #dcef08 ;
	--mygray: #9d9f9e;
}
table {
	width: 100%;
	border-collapse: collapse;
}
.btn a ,
.submit input {
	width: 100%;
	display: block;
	background: var(--btncolor);
	text-align: center;
	font-weight: bold;
	line-height: 1;
}
.btn a {
	padding: 1em 1.5em;
	font-weight: bold;
	line-height: 1;
	position: relative;
	background: var(--btncolor);
}
/*------------------------
header
------------------------*/
header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	transition: all .3s ease 0s;
}
header .inner {
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 200;
}
header .inner .logo {
	width: 36vw;
	padding: 3% 4.5% 3.2% 2.5%;
	background: rgba(255,255,255,.85);
}
header .right {
	margin-right: 4.5%;
}
header .btn a {
	font-size: 3.2vw;
	padding: 1em 1.2em;
}
header .menu {
	width: 8vw;
	height: 9.5vw;
	margin-left: 3vw;
	position: relative;
}
header .menu span {
	position: absolute;
	right: 0;
	width: 100%;
	height: 2px;
	background: var(--txtcolor);
	transition: .35s ease-in-out;
}
header .menu .menu1 {
	top: 30%;
}
header .menu .menu2 {
	top: 50%;
}
header .menu .menu3 {
	top: 70%;
}
header .menu.active .menu1 {
	top: 48%;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	background: var(--txtcolor);
	-webkit-transform: rotate(-405deg);
	-moz-transform: rotate(-405deg);
	transform: rotate(-405deg);
}
header .menu.active .menu2 ,
header .menu.active .menu3 {
	top: 48%;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	background: var(--txtcolor);
	-webkit-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	transform: rotate(405deg);
}
#menu-list {
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	overflow: hidden;
	z-index: 150;
	top: 0;
	left: 0;
	background: #fff;
	transform: translateY(-200%);
	padding: 21% 4.5% 10%;
	transition: all .6s;
}
/*ハンバーガーメニュー*/
#menu-list.active {
    transform: translateY(0);
}
#menu-list ul li a {
	display: block;
	padding: 3% 0;
}
#overlay {
	z-index: 3;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: fixed;
	background: rgba(0,0,0,.3);
	transition: all .6s;
	top: 0;
	left: 0;
	opacity: 0;
}
/*スクロール後*/
.scroll-header {
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
.scroll-header .inner .right ul li a {
	color: var(--txtcolor);
}
.scroll-header .inner .right ul li a::after {
	border-bottom: 2px solid var(--accentcolor);
}
/*------------------------
mv
------------------------*/
.mv {
	background: url(/box-in/img/bg_mv.jpg) no-repeat 100%/cover;
	padding: 30vw 10% 15%;
}
.mv .content .box {
	background: rgba(255,255,255,.9);
	padding: 9% 4.5% 4.5%;
	margin-bottom: 4.5%;
}
.mv .content .box h1 {
	width: 60%;
	margin: 0 auto 5.5%;
}
.mv .content .box ul {
	justify-content: space-around;
}
.mv .content .box ul li {
	width: 100%;
	height: 13vw;
}
.mv .content .box ul li:not(:last-child) {
	margin-right: 2%;
}
.mv .content .box ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mv .content .icn-area {
	justify-content: space-around;
	align-items: stretch;
}
.mv .content .icn-area li {
	width: 100%;
	height: auto;
	border: 1px solid var(--accentcolor);
}
.mv .content .icn-area li:not(:last-child) {
	margin-right: 2%;
}
.mv .content .icn-area li .inner {
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	height: calc(100% - 6px);
	margin: 3px;
	padding: .5em;
	background: rgba(0,127,77,.8);
}
.mv .content .icn-area li .inner h2 {
	font-size: 2.67vw;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.41;
	letter-spacing: .025em;
	margin-bottom: 10%;
}
.mv .content .icn-area li .inner .icn {
	display: block;
	margin: auto;
}
.mv .content .icn-area li .inner .icn.nisabaki {
	width: 34%;
}
.mv .content .icn-area li .inner .icn.rain {
	width: 32%;
}
.mv .content .icn-area li .inner .icn.web {
	width: 32%;
}
/*------------------------
Box inとは
------------------------*/
section {
	padding: 9% 4.5%;
}
#about {
	background: var(--bgcolor);
}
#about h2 {
	display: flex;
	align-items: center;
	font-size: 5.6vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 4.5%;
}
#about h2 .img {
	display: inline-block;
	width: 40%;
	margin-right: 3%;
}
/*#about .img-area {
	margin-bottom: 6%;
}
#about .img-area .flex-box {
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 9%;
}
#about .img-area .item {
	position: relative;
}
#about .img-area .item.typeh {
	width: 70%;
	margin: auto;
}
#about .img-area .item.typei {
	width: 52%;
}
#about .img-area .item.typebg {
	width: 35%;
	margin-top: -5%;
}
#about .img-area .item .cap {
	position: absolute;
	display: inline-block;
	background: var(--accentcolor);
	padding: .5em .8em;
	font-size: 3.74vw;
	line-height: 1;
	color: #fff;
}
#about .img-area .item.typeh .cap {
	bottom: 14%;
	left: -11%;
}
#about .img-area .item.typei .cap {
	bottom: -15%;
	left: 0;
}
#about .img-area .item.typebg .cap {
	bottom: -8%;
	left: -8%;
}
#about .img-area .caution {
	font-size: 2.67vw;
	line-height: 1;
	text-align: right;
}*/
#about .txt {
	margin-bottom: 6%;
}
#about .txt p {
	text-align: justify;
	margin-bottom: 3%;
}
#about .txt .caution {
	display: block;
	font-size: 3.47vw;
	line-height: 1.4;
}
#about .txt .caution a {
	text-decoration: underline;
}
/*------------------------
Box inの特徴
------------------------*/
#feature {
	padding: 9% 0;
}
section .ttl-area {
	text-align: center;
	margin-bottom: 6%;
}
section .ttl-area h2 {
	font-size: 7.47vw;
	font-weight: bold;
	display: inline-block;
	line-height: 1;
	padding-bottom: 3%;
	border-bottom: 2px solid var(--btncolor);
}
#feature ul {
	flex-wrap: wrap;
	align-items: stretch;
	padding: 0 4.5%;
	margin-bottom: 6%;
}
#feature ul li {
	width: 50%;
}
#feature ul li:nth-of-type(odd) {
	padding: 6% 6% 6% 0;
}
#feature ul li:nth-of-type(even) {
	padding: 6% 0 6% 6%;
}
#feature ul li:not(:nth-of-type(even)) {
	border-right: 1px solid var(--mygray);
}
#feature ul li:nth-of-type(n + 3) {
	border-top: 1px solid var(--mygray);
}
#feature ul li h3 {
	font-weight: bold;
	color: #005735;
	text-align: center;
	line-height: 1.38;
	margin-bottom: 4%;
}
#feature ul li .icn {
	display: block;
	height: 19vw;
}
#feature ul li .icn img {
	display: block;
	margin: auto;
}
#feature ul li .icn.rain img {
	height: 16vw;
}
#feature ul li .icn.nisabaki {
	padding-top: 8%;
}
#feature ul li .icn.nisabaki img {
	height: 13vw;
}
#feature ul li .icn.abundance {
	padding-top: 12%;
}
#feature ul li .icn.abundance img {
	height: 9vw;
}
#feature ul li .icn.station {
	padding-top: 7%;
}
#feature ul li .icn.station img {
	height: 13vw;
}
#feature ul li .icn.taking {
	padding-top: 4%;
}
#feature ul li .icn.taking img {
	height: 13vw;
}
#feature ul li .icn.camera {
	padding-top: 7%;
}
#feature ul li .icn.camera img {
	height: 12vw;
}
#feature ul li p {
	font-size: 3.74vw;
	text-align: justify;
	line-height: 1.38;
}
/*お申込みはこちら*/
#feature .jump-area {
	margin: 0 4.5% 3%;
}
.jump-area {
	display: block;
	background:var(--bgcolor);
	padding: 4.5%;
}
.jump-area .ttl {
	margin-bottom: 3%;
	align-items: center;
}
.jump-area .ttl .icn {
	width: 8vw;
	margin-right: 3%;
}
.jump-area .ttl h3 {
	font-size: 5.07vw;
	font-weight: bold;
	color: #005735;
	line-height: 1;
}
#feature .jump-area .cont {
	display: block;
}
#feature .jump-area .cont .txt {
	text-align: justify;
	margin-bottom: 4.5%;
}
#feature .jump-area .cont .txt p {
	line-height: 1.4;
	margin-bottom: 1%;
}
.jump-area .head {
	display: block;
	line-height: 1.3;
	margin-bottom: 3%;
}
#feature .caution {
	display: block;
	font-size: 3.47vw;
	line-height: 1.3;
}
/*slick*/
#feature .img-area {
	display: block;
}
.main-slider {
	width: 91%;
	margin: 0 auto 4.5%;
}
.main-slider .slick-list {
	border: 1px solid var(--mygray);
}
.slick-arrow {
	background: var(--accentcolor);
	display: inline-block;
	position: absolute;
	margin: auto;
	text-align: center;
	z-index: 1;
	width: 6vw;
	height: 13vw;
	top: 50%;
	transform: translateY(-50%);
}
.slick-arrow.slick-prev {
	left: -3vw;
}
.slick-arrow.slick-next {
	right: -3vw;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
     background: var(--accentcolor);
}
.slick-arrow.slick-prev:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.slick-arrow.slick-next:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.slick-arrow.slick-prev:after {
	right: 1.5vw;
	width: 1.5vw;
	height: 1.5vw;
}
.slick-arrow.slick-next:after {
	left: 1.5vw;
	width: 1.5vw;
	height: 1.5vw;
}
.slick-prev:before, .slick-next:before {
	content: '';
}
.slide-item {
	height: 68vw;
}
.img-area .main-slider img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.img-area .caption {
	position: absolute;
	background: var(--btncolor);
	border-radius: 3px;
	font-size: 3.47vw;
	line-height: 1.2;
	left: 4.5%;
	bottom: 4.5%;
	padding: .3em .6em;
}
/*サムネイル*/
.thumbnail-slider.flex-box {
	overflow-x: scroll;
	margin: 0 0 4.5% 4.5%;
}
.thumbnail-slider .thumbnail-item {
	margin: 0 1% 1% 0;
}
.thumbnail-slider .thumbnail-item div {
	position: relative;
	width: 21vw;
	height: 14vw;
}
.thumbnail-current div:before {
	content: '';
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid var(--btncolor);
}
.thumbnail-slider .thumbnail-item div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*------------------------
サイズラインアップ
------------------------*/
#lineup {
	background: var(--bgcolor);
}
#lineup .size-list {
	margin-bottom: 4.5%;
}
#lineup .size-list .item {
	margin-bottom: 1px;
}
#lineup .size-list .item .q-box {
	cursor: pointer;
	position: relative;
	padding: 4%;
	background: var(--accentcolor);
	font-size: 4vw;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}
#lineup .size-list .item .q-box::before {
	content: '';
	position: absolute;
	right: calc(1.5vw + 3% - 1px);
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 3vw;
	background: #fff;
	transition: all .3s ease 0s;
}
#lineup .size-list .item .q-box.on::before {
	transform: translateY(-50%) rotate(-270deg);
}
#lineup .size-list .item .q-box::after {
	content: '';
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
	width: 3vw;
	height: 2px;
	background: #fff;
}
#lineup .size-list .item .q-box .small{
	font-size: 3.5vw;
}
#lineup .size-list .item .a-box {
	display: none;
}
#lineup .size-list .item .a-box tr th {
	display: block;
	background: #dfe9e5;
	padding: 4%;
	font-size: 4vw;
	line-height: 1;
}
#lineup .size-list .item .a-box tr td {
	display: block;
	padding: 4%;
	line-height: 1;
}
#lineup .jump-area {
	background: #fff;
	margin-bottom: 3%;
}
#lineup .jump-area .head {
	line-height: 1;
}
#lineup .caution {
	font-size: 3.74vw;
	line-height: 1.5;
	margin-bottom: 7%;
}
#lineup .map {
	padding: 4.5% 0;
	background: #fff;
}
/*------------------------
ご契約の流れ
------------------------*/
#flow {
	height: 100%;
	position: relative;
}
#flow .inner {
	position: relative;
	z-index: 1;
}
#flow ul {
	display: block;
	margin-bottom: 3%;
}
#flow ul li {
	display: flex;
	align-items: stretch;
	position: relative;
	background: #fff;
	border: 1px solid var(--txtcolor);
	margin-bottom: 3%;
}
#flow ul li:not(:last-of-type)::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: calc(50% - 3px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: var(--txtcolor) transparent transparent transparent;
}
#flow ul li.fadein {
	opacity : 0;
	transform : translate(0, 30px);
	transition: all 800ms;
}
#flow ul li.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
#flow ul li.fadein.scrollin:nth-of-type(2) {
	-moz-transition-delay:100ms;
	-webkit-transition-delay:100ms;
	-o-transition-delay:100ms;
	-ms-transition-delay:100ms;
}
#flow ul li.fadein.scrollin:nth-of-type(3) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
}
#flow ul li.fadein.scrollin:nth-of-type(4) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
}
#flow ul li.fadein.scrollin:nth-of-type(5) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
}
#flow ul li .num {
	padding: 1em;
	background: var(--accentcolor);
	font-size: 2.67vw;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
}
#flow ul li .num b {
	font-size: 3.2vw;
}
#flow ul li p {
	padding: 3%;
	font-size: 3.74vw;
	font-weight: bold;
	line-height: 1;
}
#flow ul li p span {
	font-size: 3.2vw;
}
#flow .caution {
	font-size: 3.47vw;
	text-align: justify;
	line-height: 1.4;
}
.bg_fixed {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	height: 100%;
	width: 100%;
	z-index: -1;
}
.bg_fixed .clip {
	position: relative;
	clip-path: inset(0 0 0 0);
	height: 100%;
}
.bg_fixed .clip img {
	position: fixed;
	width: 100%;
	min-height: 100vh;
	height: auto;
	left: 0;
	top: 0;
	bottom: 0;
	object-fit: cover;
}
/*------------------------
アクセス
------------------------*/
#access {
	padding: 9% 0;
}
#access table {
	width: 91%;
	margin: 0 auto 9%;
}
#access table tr th {
	display: block;
	padding: 3%;
	background: #dfe9e5;
	font-size: 3.74vw;
	line-height: 1;
}
#access table tr td {
	display: block;
	padding: 2% 0 4%;
	line-height: 1.4;
}
/*google map*/
#access-map {
	width: 100%;
	padding-top: 60%;
	margin-bottom: 4.5%;
}
#access .btn {
	width: 80%;
	margin: auto;
}
#access .btn a span::before {
	content: '';
	display: inline-block;
	margin-right: 1.5vw;
	width: 4vw;
	height: 5vw;
	background: url(/box-in/img/icn_map.svg) no-repeat left 100%/contain;
	vertical-align: middle;
}
/*------------------------
お問い合わせ
------------------------*/
#contact {
	height: 100%;
	position: relative;
}
#contact .inner {
	position: relative;
	z-index: 1;
}
#contact .ttl-area {
	color: #fff;
}
#contact .ttl-area .lead {
	font-size: 3.74vw;
	line-height: 1;
	letter-spacing: .1em;
	margin-bottom: 3%;
}
#contact .ttl-area h2 {
	border: none;
	font-size: 5.07vw;
}
#contact ul {
	display: block;
	margin-bottom: 1.5%;
}
#contact ul li {
	background: #fff;
	padding: 4.5%;
	margin-bottom: 3%;
}
#contact ul li h3 {
	font-size: 5.6vw;
	font-weight: bold;
	color: #005735;
	line-height: 1.3;
	margin-bottom: 3%;
}
#contact ul li h4 {
	line-height: 1;
	margin-bottom: 3%;
}
#contact ul li .flex-box {
	display: block;
}
#contact ul li .tel {
	margin-bottom: 4.5%;
}
#contact ul li .tel .no {
	margin-bottom: 2%;
}
#contact ul li .tel .no a {
	display: block;
	padding: .5em;
	font-size: 5.87vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background: var(--btncolor);
}
#contact ul li .tel .no a::before {
	content: '';
	display: inline-block;
	width: 4vw;
	height: 5vw;
	background: url(/box-in/img/icn_tel.svg) no-repeat center left 100%/contain;
	margin-right: 0.3em;
}
#contact ul li .tel .time {
	display: block;
	font-size: 3.47vw;
	line-height: 1;
}
#contact .caution {
	font-size: 3.47vw;
	color: #fff;
	line-height: 1.4;
}
/*------------------------
よくある質問
------------------------*/
#faq {
	padding: 9% 4.5% 18%;
}
#faq .inner .faq-list {
	margin-bottom: 9%;
}
#faq .inner .faq-list h3 {
	font-size: 4.8vw;
	font-weight: bold;
	color: #005735;
	line-height: 1;
	margin-bottom: 4.5%;
}
#faq .inner .faq-list .item {
	border: 1px solid var(--txtcolor);
	padding: 0 3%;
	margin-bottom: 2%;
}
#faq .inner .faq-list .item .q-box {
	cursor: pointer;
	position: relative;
	padding: 3% 0;
}
#faq .inner .faq-list .item .q-box::before {
	content: '';
	position: absolute;
	right: calc(1.5vw - 1px);
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 3vw;
	background: var(--accentcolor);
	transition: all .3s ease 0s;
}
#faq .inner .faq-list .item .q-box.on::before {
	transform: translateY(-50%) rotate(-270deg);
}
#faq .inner .faq-list .item .q-box::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3vw;
	height: 2px;
	background: var(--accentcolor);
}
#faq .inner .faq-list .item .icn {
	display: block;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1;
	width: 7vw;
	height: 7vw;
	margin-right: .8em;
}
#faq .inner .faq-list .item .q-box .icn {
	background: var(--accentcolor);
	color: #fff;
	padding: .5em .7em;
}
#faq .inner .faq-list .item .q-box .head {
	font-weight: bold;
	line-height: 1.3;
	padding: .6vw 6vw 0 0;
	flex: 1;
}
#faq .inner .faq-list .item .a-box {
	display: none;
	padding: 3% 0;
	border-top: 1px solid var(--mygray);
}
#faq .inner .faq-list .item .a-box .icn {
	background: var(--btncolor);
	padding: 2% 3%;
}
#faq .inner .faq-list .item .a-box p {
	flex: 1;
	text-align: justify;
	padding-right: 3%;
}
#faq .inner .faq-list .item .a-box p .box {
	display: block;
	margin-bottom: 3%;
}
#faq .inner .faq-list .item .a-box p .box b {
	display: block;
}
#faq .inner .faq-list .item .a-box p a {
	display: block;
	color: var(--accentcolor);
	line-height: 1.3;
	text-decoration: underline;
	margin-bottom: 3%;
}
#faq .inner .faq-list .btn {
	padding-top: 2%;
}
/*------------------------
footer
------------------------*/
.page-top {
	text-align: right;
	margin-right: 4.5%;
}
.page-top a {
	display: inline-block;
	position: relative;
	font-size: 3.74vw;
	padding: 11vw 0 3%;
}
.page-top a::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 39%;
	transform: rotate(-55deg);
	width: 3vw;
	height: 1px;
	background: var(--txtcolor);
	transition: all 0.3s ease 0s;
}
.page-top a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 10vw;
	background: var(--txtcolor);
}
footer {
	border-top: 1px solid var(--mygray);
	padding: 7.5% 0 3%;
}
footer .n-area {
	padding: 0 4.5% 4%;
	border-bottom: 1px solid var(--mygray);
	margin-bottom: 4.5%;
}
footer .n-area .logo {
	width: 40%;
	margin-bottom: 4.5%;
}
footer .n-area nav ul {
	flex-wrap: wrap;
}
footer .n-area nav ul li {
	width: 50%;
}
footer .n-area nav ul li a {
	display: block;
	padding: 3% 0;
	font-size: 3.74vw;
	line-height: 1;
}
footer .c-area {
	display: block;
	font-size: 3.2vw;
	text-align: center;
	padding: 0 4.5%;
}
footer .c-area .privacy {
	display: block;
	margin-bottom: 3%;
}
footer .c-area .privacy a {
	display: inline-block;
	padding-left: .8em;
	line-height: 1;
	position: relative;
}
footer .c-area .privacy a::before {
	content: '';
	width: .8vw;
	height: .8vw;
	border-bottom: 1px solid var(--accentcolor);
	border-right: 1px solid var(--accentcolor);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
footer .c-area .copy {
	line-height: 1.4;
	margin-bottom: 4%;
}
footer .c-area .logo {
	width: 40%;
	margin: auto;
}