@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	color: #000;
	font-family: 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.020em;
	line-height: 2;
	background: #FBF7F0;
}

div {
	box-sizing: border-box;
}

img{
	vertical-align:top;
	max-width: 100%;
	height: auto;
}

a {
	outline: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:focus, *:focus {
	outline:none;
}

a:visited {
	color: #212121;
}

a img {
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

.post, .page {
	margin: 0;
}


.center {
	text-align: center;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.clear {
	clear:both;
	height: 0;
}

small {
	font-weight: 500;
}

ul, ol {
	padding: 0;
	margin: 0;
}

li > ul, li > ol {
	margin-left: 0;
}

ul li {
	list-style: none;
	box-sizing: border-box;
}

dl {
	margin: 0;
}

dt {
	font-weight: 500;
	box-sizing: border-box;
}

dd {
	margin: 0;
	box-sizing: border-box;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
table td {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5 {
	font-weight: 500;
}

p {
	margin: 0;
}

/*----------------------------------------------------
 fadeIn
----------------------------------------------------*/

.fadeIn {
	transform: translate3d(0, -10px, 0);
	transition: 1s;
	opacity: 0;
}

.fadeIn.animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

/*----------------------------------------------------
 inner
----------------------------------------------------*/
.inner {
	width: calc(100% - 3.6rem);
	max-width: 1000px;
	margin: 0 auto;
}

/*----------------------------------------------------
 header
----------------------------------------------------*/

#header {
	position: relative;
}

#header .headerTop {
	background: #000000;
	padding: 13px 0 15px 0;
}

#header .headerTop p {
	width: 100%;
	max-width: 432px;
	line-height: 28px;
	margin: 0 auto 0;
	transform: translateX(-8px);
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
}

#header .headerBottom {
	background: #FBF7F0;
	padding: 40px 0 0 0;
}

#header .headerBottom h1 {
	width: 100%;
	max-width: 390px;
	line-height: 36px;
	margin: 0 auto 0;
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/

#footer {
	padding: 97px 0 24px 0;
	background: #333333;
}

#footer .footerFlex {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-start;
	margin-bottom: 64px;
	padding: 0 1px 0 2px;
}

#footer .footerFlex .whiteBox {
	width: 460px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	border-radius: 16px;
	padding: 29px 0 23px 0;
}

#footer .footerFlex .whiteBox a {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#footer .footerFlex .whiteBox .boxHead {
	margin-bottom: 24px;
}

#footer .footerFlex .whiteBox .boxHead p {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	font-family: "Zen Kaku Gothic New", sans-serif;
	text-align: center;
}

#footer .footerFlex .whiteBox .logoArea p {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-bottom: 15px;
}

#footer .footerFlex .whiteBox .logoArea .whiteLogo {
	width: 100%;
	max-width: 269px;
}

#footer .footerFlex .footerInfo {
	padding: 4px 0 0 0;
}

#footer .footerFlex .footerInfo .footLogo {
	width: 100%;
	max-width: 444px;
	margin-bottom: 47px;
}

#footer .footerFlex .footerInfo .footNav ul {
	display: flex;
}

#footer .footerFlex .footerInfo .footNav ul li {
	margin-right: 41px;
}

#footer .footerFlex .footerInfo .footNav ul li:last-child {
	margin-right: 0;
}

#footer .footerFlex .footerInfo .footNav ul li a .tex {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	color: #fff;
}

#footer .footTex {
	margin-bottom: 43px;
	padding: 0 0 0 2px;
}

#footer .footTex p {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	color: #fff;
}

#footer .copy p {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
	color: #AAAAAA;
}

/*----------------------------------------------------
 #floating
----------------------------------------------------*/

#floating {
	width: 452px;
	height: 80px;
	position: absolute;
	top: 675px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

#floating a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 7.742px;
	box-shadow: 0 12.903px 25.806px 0 rgba(0, 0, 0, 0.20);
	background: #8E6805;
	background: -webkit-linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	background: -moz-linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	background: linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr="#8E6805",
		endColorstr="#8B3733",
		GradientType=1
	);
}

#floating a p {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
}

#floating a p small {
	font-size: 18.19px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	margin: 4px 0;
}

#floating a p b {
	font-size: 23px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	margin: 5px 0;
}

/*----------------------------------------------------
 #visual
----------------------------------------------------*/

#visual {
	position: relative;
	padding: 40px 0 0 0;
}

#visual .inner {
	max-width: 1100px;
}

#visual .visualFlex {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

#visual .visualFlex .image {
	width: 100%;
	max-width: 607px;
}

#visual .visualFlex .conts {
	width: calc(100% - 607px);
	padding: 68px 0 0 0;
}

#visual .visualFlex .conts .visualTex {
	width: 100%;
	max-width: 442px;
	margin: 0 0 44px 6px;
}

#visual .visualFlex .conts .reefList {
	display: flex;
	align-items: flex-start;
	margin-bottom: 11px;
}

#visual .visualFlex .conts .reefList .box01 {
	display: flex;
	margin-right: 19px;
}

#visual .visualFlex .conts .reefList .box01 .leftReef {
	width: 100%;
	max-width: 39.5px;
}

#visual .visualFlex .conts .reefList .box01 .rightReef {
	width: 100%;
	max-width: 39.5px;
	margin-left: -2px;
}

#visual .visualFlex .conts .reefList .box01 .centerTex {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 14px 0 0 0;
}

#visual .visualFlex .conts .reefList .box01 .centerTex p {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	color: #333333;
	text-align: center;
	margin-bottom: -1px;
}

#visual .visualFlex .conts .reefList .box01 .centerTex h3 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	color: #8B3733;
}

#visual .visualFlex .conts .reefList .box01 .centerTex h3 small {
	position: relative;
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
}

#visual .visualFlex .conts .reefList .box01 .centerTex h3 small:first-child {
	transform: translate(-5px, -2px);
	-webkit-transform: translate(-5px, -2px);
	-moz-transform: translate(-5px, -2px);
}

#visual .visualFlex .conts .reefList .box01 .centerTex h3 small:last-child {
	transform: translate(-6px, -2px);
	-webkit-transform: translate(-6px, -2px);
	-moz-transform: translate(-6px, -2px);
}

#visual .visualFlex .conts .reefList .box01 .centerTex h3 small span {
	position: absolute;
	right: -10px;
	top: 0;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
}

#visual .visualFlex .conts .reefList .box01 .centerTex h3 b {
	font-size: 43px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	transform: translateX(-4px);
	-webkit-transform: translateX(-4px);
	-moz-transform: translateX(-4px);
}

#visual .visualFlex .conts .reefList .box02 {
	display: flex;
}

#visual .visualFlex .conts .reefList .box02 .leftReef {
	width: 100%;
	max-width: 39.5px;
}

#visual .visualFlex .conts .reefList .box02 .rightReef {
	width: 100%;
	max-width: 39.5px;
}

#visual .visualFlex .conts .reefList .box02 .centerTex {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 7px 0 5px;
	padding: 14px 0 0 0;
}

#visual .visualFlex .conts .reefList .box02 .centerTex p {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	color: #333333;
	text-align: center;
	margin-bottom: 3px;
}

#visual .visualFlex .conts .reefList .box02 .centerTex h3 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	color: #8B3733;
}

#visual .visualFlex .conts .reefList .box02 .centerTex h3 b {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

#visual .visualFlex .conts .addTex {
	margin-bottom: 17px;
}

#visual .visualFlex .conts .addTex p {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	color: #666666;
}

#visual .visualFlex .conts .contsTex p {
	font-size: 15px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.7;
	letter-spacing: 0;
}

/*----------------------------------------------------
 #about
----------------------------------------------------*/

#about {
	position: relative;
	padding: 154px 0 0 0;
}

#about .aboutFlex {
	display: flex;
	justify-content: space-between;
}

#about .aboutFlex .imageArea {
	width: 100%;
	max-width: 443.5px;
}

#about .aboutFlex .imageArea .imageHead {
	margin-bottom: 9px;
}

#about .aboutFlex .imageArea .imageHead h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#about .aboutFlex .imageArea .imageHead h3 b {
	font-size: 22px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.8;
	letter-spacing: 0;
	text-align: center;
	color: #8E6805;
	margin-bottom: -2px;
}

#about .aboutFlex .imageArea .imageHead h3 small {
	font-size: 16px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.8;
	letter-spacing: 0;
	text-align: center;
	color: #8E6805;
}

#about .aboutFlex .imageArea .imageBox {
	position: relative;
}

#about .aboutFlex .imageArea .imageBox .addTex {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.65;
	letter-spacing: 0;
	text-align: right;
	color: #666666;
	margin-top: 11px;
}

#about .aboutFlex .imageArea .imageBox .plusIcon {
	position: absolute;
	left: -6px;
	top: 8px;
	width: 100%;
	max-width: 83.5px;
}

#about .aboutFlex .conts {
	width: calc(100% - 495.5px);
	padding: 7px 0 0 0;
}

#about .aboutFlex .conts .headImage {
	width: 100%;
	max-width: 119px;
	margin: 0 auto 40px;
}

#about .aboutFlex .conts .head {
	margin-bottom: 25px;
	padding: 0 0 0 3px;
}

#about .aboutFlex .conts .head h2 {
	width: 100%;
	max-width: 429px;
}

#about .aboutFlex .conts .headConts p {
	font-size: 16px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.65;
	letter-spacing: 0;
}

body .remodal {
	padding: 10px !important;
	border-radius: 10px !important;
	background: #fbf7f0 !important;
}

body .remodal-close:before {
  font-size: 33px;
}

/*----------------------------------------------------
 #manage
----------------------------------------------------*/

#manage {
	position: relative;
	padding: 76px 0 100px 0;
}

#manage .head {
	margin-bottom: 32px;
}

#manage .head h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#manage .head h2 small {
	font-size: 20px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 28px;
}

#manage .head h2 b {
	width: 100%;
	max-width: 368px;
	margin: 0 auto 0;
}

#manage .headConts {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

#manage .headConts p {
	font-size: 16px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.8;
	letter-spacing: 0;
	transform: translateX(-2px);
	-webkit-transform: translateX(-2px);
	-moz-transform: translateX(-2px);
}

#manage .subHead {
	margin-bottom: 27px;
}

#manage .subHead h3 {
	font-size: 22px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.7;
	letter-spacing: 0;
	color: #8E6805;
}

#manage .manageList {
	display: flex;
	margin-bottom: 43px;
}

#manage .manageList .box01 {
	width: 305px;
	margin-right: 8px;
	padding: 32px 28px 0;
	position: relative;
	z-index: 3;
}

#manage .manageList .box01 .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 327px;
	height: 458px;
	z-index: -1;
}

#manage .manageList .box01 .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#manage .manageList .box01 .boxHead {
	margin-bottom: 20px;
}

#manage .manageList .box01 .boxHead h4 {
	width: 100%;
	max-width: 104px;
	line-height: 24px;
	margin: 0 auto 0;
	transform: translateX(-3px);
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
}

#manage .manageList .box01 .boxConts {
	margin-bottom: 19px;
}

#manage .manageList .box01 .boxConts p {
	font-size: 15px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: justify;
}

#manage .manageList .box01 .borderTex {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #BBBBBB;
	margin-bottom: 21px;
	padding: 14px 0 16px;
}

#manage .manageList .box01 .borderTex p {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	color: #8E6805;
}

#manage .manageList .box01 ul li {
	position: relative;
	display: flex;
	margin-bottom: 0.5px;
	padding: 0 0 0 20px;
}

#manage .manageList .box01 ul li .icon {
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 10px;
}

#manage .manageList .box01 ul li .tex {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0;
	color: #000;
}

#manage .manageList .box02 {
	width: 305px;
	margin-right: 10px;
	padding: 32px 28px 0;
	position: relative;
	z-index: 2;
}

#manage .manageList .box02 .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 327px;
	height: 458px;
	z-index: -1;
}

#manage .manageList .box02 .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#manage .manageList .box02 .boxHead {
	margin-bottom: 20px;
}

#manage .manageList .box02 .boxHead h4 {
	width: 100%;
	max-width: 104px;
	line-height: 24px;
	margin: 0 auto 0;
	transform: translateX(12px);
	-webkit-transform: translateX(12px);
	-moz-transform: translateX(12px);
}

#manage .manageList .box02 .boxConts {
	margin-bottom: 19px;
}

#manage .manageList .box02 .boxConts p {
	font-size: 15px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: justify;
}

#manage .manageList .box02 .borderBox {
	background: #EFEFEF;
	border-radius: 6px;
	margin-bottom: 17px;
	padding: 16px 16px 16px;
}

#manage .manageList .box02 .borderBox .borderHead {
	margin-bottom: 14px;
}

#manage .manageList .box02 .borderBox .borderHead p {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
}

#manage .manageList .box02 .borderBox .borderTex {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #BBBBBB;
	padding: 13px 0 13px;
}

#manage .manageList .box02 .borderBox .borderTex p {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	color: #8E6805;
}

#manage .manageList .box02 ul li {
	position: relative;
	display: flex;
	margin-bottom: 0.5px;
	padding: 0 0 0 20px;
}

#manage .manageList .box02 ul li .icon {
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 10px;
}

#manage .manageList .box02 ul li .tex {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0;
	color: #000;
}

#manage .manageList .box03 {
	width: 348px;
	padding: 32px 32px 0;
	position: relative;
	z-index: 1;
}

#manage .manageList .box03 .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 372px;
	height: 458px;
	z-index: -1;
}

#manage .manageList .box03 .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#manage .manageList .box03 .boxHead {
	margin-bottom: 20px;
}

#manage .manageList .box03 .boxHead h4 {
	width: 100%;
	max-width: 103px;
	line-height: 24px;
	margin: 0 auto 0;
	transform: translateX(-2px);
	-webkit-transform: translateX(-2px);
	-moz-transform: translateX(-2px);
}

#manage .manageList .box03 .boxConts {
	margin-bottom: 11px;
}

#manage .manageList .box03 .boxConts p {
	font-size: 15px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: justify;
}

#manage .manageList .box03 .borderList {
	display: flex;
	justify-content: space-between;
}

#manage .manageList .box03 .borderList .list01 {
	width: 132px;
}

#manage .manageList .box03 .borderList .list01 .listHead {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
}

#manage .manageList .box03 .borderList .list01 .listHead .icon {
	width: 100%;
	max-width: 24px;
	line-height: 24px;
	margin: 0 4px;
}

#manage .manageList .box03 .borderList .list01 .listHead p {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 4px;
}

#manage .manageList .box03 .borderList .list01 .borderTex {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #BBBBBB;
	margin-bottom: 17px;
	padding: 13px 0 13px;
}

#manage .manageList .box03 .borderList .list01 .borderTex p {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	color: #8E6805;
}

#manage .manageList .box03 .borderList .list02 {
	width: 132px;
}

#manage .manageList .box03 .borderList .list02 .listHead {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
}

#manage .manageList .box03 .borderList .list02 .listHead .icon {
	width: 100%;
	max-width: 24px;
	line-height: 24px;
	margin: 0 2px;
}

#manage .manageList .box03 .borderList .list02 .listHead p {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 6px;
}

#manage .manageList .box03 .borderList .list02 .borderTex {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #BBBBBB;
	margin-bottom: 17px;
	padding: 13px 0 13px;
}

#manage .manageList .box03 .borderList .list02 .borderTex p {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	color: #8E6805;
}


#manage .manageList .box03 ul li {
	position: relative;
	display: flex;
	margin-bottom: 0.5px;
	padding: 0 0 0 20px;
}

#manage .manageList .box03 ul li .icon {
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 10px;
}

#manage .manageList .box03 ul li .tex {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0;
	color: #000;
}

#manage .addTex {
	margin-bottom: 40px;
}

#manage .addTex p {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.6;
	margin-bottom: 8px;
}

#manage .applyList {
	display: flex;
	justify-content: space-between;
}

#manage .applyList .box {
	width: 480px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.08);
}

#manage .applyList .box01 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 32px 38px;
}

#manage .applyList .box01 .image {
	width: 100%;
	max-width: 269px;
	margin: 0 auto 11px;
}

#manage .applyList .box01 .boxHead {
	margin-bottom: 12px;
}

#manage .applyList .box01 .boxHead h3 {
	font-size: 20px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	color: #000;
}

#manage .applyList .box01 .boxConts p {
	font-size: 15px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	color: #000;
}

#manage .applyList .box02 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 32px 38px;
}

#manage .applyList .box02 .image {
	width: 100%;
	max-width: 268px;
	margin: 0 auto 4px;
}

#manage .applyList .box02 .boxHead {
	width: 100%;
	margin-bottom: 12px;
}

#manage .applyList .box02 .boxHead h3 {
	font-size: 20px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	color: #000;
}

#manage .applyList .box02 .boxConts p {
	font-size: 15px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	color: #000;
}

/*----------------------------------------------------
 #reason
----------------------------------------------------*/

#reason {
	position: relative;
	background: #EEE6D5;
	padding: 56px 0 48px 0;
	border-radius: 24px;
}

#reason .head {
	margin-bottom: 40px;
}

#reason .head h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#reason .head h2 small {
	font-size: 20px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 23px;
}

#reason .head h2 b {
	width: 100%;
	max-width: 395px;
	margin: 0 auto 0;
	transform: translateX(-2px);
	-webkit-transform: translateX(-2px);
	-moz-transform: translateX(-2px);
}

#reason .reasonFlex {
	display: flex;
	justify-content: space-between;
}

#reason .reasonFlex .box {
	width: 235px;
}

#reason .reasonFlex .box .image {
	width: 100%;
	margin: 0 auto 22px;
}

#reason .reasonFlex .box .conts h3 {
	font-size: 20px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.5;
	letter-spacing: 0;
	white-space: nowrap;
	margin-bottom: 10px;
}

#reason .reasonFlex .box .conts p {
	font-size: 14px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
}

#reason .reasonFlex .box .conts p.addTex {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	color: #333333;
	margin-top: 4px;
}

/*----------------------------------------------------
 #step
----------------------------------------------------*/

#step {
	position: relative;
	padding: 8px 0 100px 0;
}

#step .inner {
	max-width: 1100px;
}

#step .head {
	margin-bottom: 31px;
}

#step .head h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#step .head h2 small {
	font-size: 20px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 26px;
}

#step .head h2 b {
	width: 100%;
	max-width: 324px;
	margin: 0 auto 0;
}

#step .borderBox {
	width: 736px;
	margin: 0 auto 49px;
	padding: 21px 0 26px 0;
	background: #fff;
	border: 3px solid #8B3733;
	border-radius: 16px;
}

#step .borderBox .borderHead {
	margin-bottom: 24px;
}

#step .borderBox .borderHead h3 {
	width: 100%;
	max-width: 280px;
	line-height: 28px;
	margin: 0 auto 0;
}

#step .borderBox .borderFlex {
	display: flex;
	justify-content: space-between;
	padding: 0 73px 0 59px;
}

#step .borderBox .borderFlex .box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#step .borderBox .borderFlex .box .image {
	width: 100%;
	max-width: 67px;
	margin: 0 auto 16px;
}

#step .borderBox .borderFlex .box .conts h4 {
	font-size: 22px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 11px;
}

#step .borderBox .borderFlex .box .conts p {
	font-size: 14px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
}

#step .stepList {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 101px;
}

#step .stepList .arrow {
	width: 100%;
	max-width: 22px;
	line-height: 25px;
}

#step .stepList .box {
	width: 188px;
	height: 441px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 16px;
	border: 1px solid #BBBBBB;
	background: #fff;
	overflow: hidden;
	padding: 18px 0 0 0;
}

#step .stepList .box .boxHead {
	padding: 0 13px;
}

#step .stepList .box .boxHead h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 23px;
}

#step .stepList .box .boxHead h3 small {
	font-size: 24px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
	text-align: center;
	letter-spacing: 0;
	color: #8B3733;
	margin-bottom: 5px;
}

#step .stepList .box .boxHead h3 b {
	font-size: 22px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	text-align: center;
	color: #000;
}

#step .stepList .box .boxHead p {
	font-size: 14px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
}

#step .stepList .box01 .boxImage {
	width: 100%;
	max-width: 131px;
	margin: 0 auto 0;
}

#step .stepList .box02 .boxImage {
	width: 100%;
	max-width: 135px;
	margin: 0 auto 0;
}

#step .stepList .box03 .boxImage {
	width: 100%;
	max-width: 135px;
	margin: 0 auto 0;
}

#step .stepList .box04 {
	border-color: #EEE6D5;
	background: #EEE6D5;
}

#step .stepList .box05 .boxImage {
	width: 100%;
	max-width: 120.5px;
	margin: 0 auto 0;
}

#step .accountBox {
	width: 736px;
	margin: 0 auto 0;
	padding: 15px 37px 35px 16px;
	display: flex;
	justify-content: space-between;
	background: #EEE6D5;
	border-radius: 16px;
	overflow: hidden;
}

#step .accountBox .image {
	width: 346px;
}

#step .accountBox .conts {
	width: 307px;
	padding: 28px 0 0 0;
}

#step .accountBox .conts .boxHead {
	margin-bottom: 15px;
	padding: 0 0 0 4px;
}

#step .accountBox .conts .boxHead h3 {
	width: 100%;
	max-width: 302px;
}

#step .accountBox .conts .btHead {
	margin-bottom: 14px;
}

#step .accountBox .conts .btHead h4 {
	width: 100%;
	max-width: 189px;
	margin: 0 auto 0;
}

#step .accountBox .conts .button {
	width: 100%;
	height: 64px;
}

#step .accountBox .conts .button a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 7.742px;
	box-shadow: 0 12.903px 25.806px 0 rgba(0, 0, 0, 0.20);
	background: #8E6805;
	background: -webkit-linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	background: -moz-linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	background: linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr="#8E6805",
		endColorstr="#8B3733",
		GradientType=1
	);
}

#step .accountBox .conts .button a .tex {
	font-size: 20px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
}

/*----------------------------------------------------
 #why
----------------------------------------------------*/

#why {
	position: relative;
	padding: 107px 0 48px 0;
}

#why .head {
	margin-bottom: 15px;
}

#why .head h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#why .head h2 small {
	font-size: 20px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 20px;
	transform: translateX(-4px);
	-webkit-transform: translateX(-4px);
	-moz-transform: translateX(-4px);
}

#why .head h2 b {
	width: 100%;
	max-width: 338px;
	margin: 0 auto 0;
}

#why .whyFlex {
	display: flex;
	justify-content: space-between;
}

#why .whyFlex .box {
	width: 470px;
}

#why .whyFlex .box .boxHead {
	margin-bottom: 23px;
}

#why .whyFlex .box .boxHead h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#why .whyFlex .box .boxHead h3 small {
	font-size: 44px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: center;
	color: #8E6805;
}

#why .whyFlex .box .boxHead h3 b {
	font-size: 23px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: center;
}

#why .whyFlex .box .image {
	width: 100%;
	margin: 0 auto 26px;
}

#why .whyFlex .box .conts p {
	font-size: 16px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
}

/*----------------------------------------------------
 #faq
----------------------------------------------------*/

#faq {
	position: relative;
	padding: 60px 0 78px 0;
}

#faq .head {
	margin-bottom: 39px;
}

#faq .head h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#faq .head h2 small {
	font-size: 20px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 21px;
}

#faq .head h2 b {
	width: 100%;
	max-width: 249px;
	margin: 0 auto 0;
	transform: translateX(2px);
	-webkit-transform: translateX(2px);
	-moz-transform: translateX(2px);
}

#faq .faqBox {
	margin-bottom: 100px;
}

#faq .faqBox dl {
	margin-bottom: 16px;
	background: rgba(116,116,127,0.08);
	border-radius: 12px;
	border: 1px solid #666666;
}

#faq .faqBox dl dt {
	display: flex;
	justify-content: space-between;
	padding: 14px 19px 14px 15px;
	cursor: pointer;
}

#faq .faqBox dl dt p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
	width: calc(100% - 20px);
}

#faq .faqBox dl dt .arrow {
	position: relative;
  display: inline-block;
  width: 17.3px;
  height: 9.9px;
	opacity: 0.5;
	margin-top: 8px;
	transition: all 0.3s ease 0s;
}

#faq .faqBox dl dt.active .arrow {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

#faq .faqBox dl dt .arrow::before,
#faq .faqBox dl dt .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1.25px);
  width: 2.5px;
  height: 13px;
  border-radius: 9999px;
  background-color: #74747f;
  transform-origin: 50% calc(100% - 1.25px);
}

#faq .faqBox dl dt .arrow::before {
  transform: rotate(45deg);
}

#faq .faqBox dl dt .arrow::after {
  transform: rotate(-45deg);
}

#faq .faqBox dl dd {
	display:none;
	padding: 0 15px 14px 15px;
}

#faq .faqBox dl dd p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0.05em;
}

#faq .accountBox {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 736px;
	margin: 0 auto 0;
	padding: 21px 119px 20px 118px;
	background: #EEE6D5;
	border-radius: 16px;
}

#faq .accountBox .obj {
	width: 100%;
	max-width: 152px;
	margin: -39px 0 0 0;
}

#faq .accountBox .conts {
	width: 307px;
}

#faq .accountBox .conts .btHead {
	margin-bottom: 14px;
}

#faq .accountBox .conts .btHead h3 {
	width: 100%;
	max-width: 189px;
	margin: 0 auto 0;
}

#faq .accountBox .conts .button {
	width: 100%;
	height: 64px;
}

#faq .accountBox .conts .button a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 7.742px;
	box-shadow: 0 12.903px 25.806px 0 rgba(0, 0, 0, 0.20);
	background: #8E6805;
	background: -webkit-linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	background: -moz-linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	background: linear-gradient(90deg,rgba(142, 104, 5, 1) 0%, rgba(139, 55, 51, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr="#8E6805",
		endColorstr="#8B3733",
		GradientType=1
	);
}

#faq .accountBox .conts .button a .tex {
	font-size: 20px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
}

/*----------------------------------------------------
 #contact
----------------------------------------------------*/

#contact {
	position: relative;
	background: #fff;
	padding: 82px 0 80px 0;
}

#contact .inner {
	max-width: 718px;
}

#contact .head {
	margin-bottom: 31px;
}

#contact .head h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#contact .head h2 b {
	width: 100%;
	max-width: 249px;
	margin: 0 auto 0;
	transform: translateX(2px);
	-webkit-transform: translateX(2px);
	-moz-transform: translateX(2px);
}

#contact .conts {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

#contact .conts p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0;
}

#contact .button {
	width: 264px;
	height: 50px;
	margin: 0 auto 0;
}

#contact .button a {
	width: 100%;
	height: 100%;
	background: #333333;
	border-radius: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 24px 0 24px;
	box-sizing: border-box;
}

#contact .button a .tex {
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	color: #fff;
}

#contact .button a .arrow {
	width: 100%;
	max-width: 20px;
	line-height: 8px;
}

/*----------------------------------------------------
 PC Hover
----------------------------------------------------*/

@media screen and (min-width: 769px) {
	.pc_hidden {
		display: none !important;
	}

	#floating a:hover {
		opacity: 0.7;
	}

	#about .aboutFlex .imageArea .imageBox a:hover {
		opacity: 0.7;
	}

	#step .accountBox .conts .button a:hover {
		opacity: 0.7;
	}

	#faq .accountBox .conts .button a:hover {
		opacity: 0.7;
	}

	#contact .button a:hover {
		opacity: 0.7;
	}

	#footer .footerFlex .footerInfo .footNav ul li a:hover {
		opacity: 0.7;
	}

	#footer .footerFlex .whiteBox a:hover {
		opacity: 0.7;
	}

}

/*----------------------------------------------------
 PC VW
----------------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 1100px) {

	/*----------------------------------------------------
	elements
	----------------------------------------------------*/

	body {
		font-size: 1.455vw;
	}

	/*----------------------------------------------------
	fadeIn
	----------------------------------------------------*/

	.fadeIn {
		transform: translate3d(0, -0.909vw, 0);
	}

	/*----------------------------------------------------
	inner
	----------------------------------------------------*/

	.inner {
		max-width: 90.909vw;
	}

	/*----------------------------------------------------
	header
	----------------------------------------------------*/

	#header .headerTop {
		padding: 1.182vw 0 1.364vw 0;
	}

	#header .headerTop p {
		max-width: 39.273vw;
		line-height: 2.545vw;
		transform: translateX(-0.727vw);
		-webkit-transform: translateX(-0.727vw);
		-moz-transform: translateX(-0.727vw);
	}

	#header .headerBottom {
		padding: 3.636vw 0 0 0;
	}

	#header .headerBottom h1 {
		max-width: 35.455vw;
		line-height: 3.273vw;
	}

	/*----------------------------------------------------
	footer
	----------------------------------------------------*/

	#footer {
		padding: 8.818vw 0 2.182vw 0;
	}

	#footer .footerFlex {
		margin-bottom: 5.818vw;
		padding: 0 0.091vw 0 0.182vw;
	}

	#footer .footerFlex .whiteBox {
		width: 41.818vw;
		border-radius: 1.455vw;
		padding: 2.636vw 0 2.091vw 0;
	}

	#footer .footerFlex .whiteBox .boxHead {
		margin-bottom: 2.182vw;
	}

	#footer .footerFlex .whiteBox .boxHead p {
		font-size: 1.727vw;
	}

	#footer .footerFlex .whiteBox .logoArea p {
		font-size: 1.182vw;
		margin-bottom: 1.364vw;
	}

	#footer .footerFlex .whiteBox .logoArea .whiteLogo {
		max-width: 24.455vw;
	}

	#footer .footerFlex .footerInfo {
		padding: 0.364vw 0 0 0;
	}

	#footer .footerFlex .footerInfo .footLogo {
		max-width: 40.364vw;
		margin-bottom: 4.273vw;
	}

	#footer .footerFlex .footerInfo .footNav ul li {
		margin-right: 3.727vw;
	}

	#footer .footerFlex .footerInfo .footNav ul li a .tex {
		font-size: 1.182vw;
	}

	#footer .footTex {
		margin-bottom: 3.909vw;
		padding: 0 0 0 0.182vw;
	}

	#footer .footTex p {
		font-size: 1.091vw;
	}

	#footer .copy p {
		font-size: 1.091vw;
	}

	/*----------------------------------------------------
	#floating
	----------------------------------------------------*/

	#floating {
		width: 41.091vw;
		height: 7.273vw;
		top: 61.364vw;
	}

	#floating a {
		border-radius: 0.704vw;
		box-shadow: 0 1.182vw 2.364vw 0 rgba(0, 0, 0, 0.20);
	}

	#floating a p small {
		font-size: 1.654vw;
		margin: 0.364vw 0;
	}

	#floating a p b {
		font-size: 2.091vw;
		margin: 0.455vw 0;
	}

	/*----------------------------------------------------
	#visual
	----------------------------------------------------*/

	#visual {
		padding: 3.636vw 0 0 0;
	}

	#visual .inner {
		max-width: 100vw;
	}

	#visual .visualFlex .image {
		max-width: 55.182vw;
	}

	#visual .visualFlex .conts {
		width: calc(100% - 55.182vw);
		padding: 6.182vw 0 0 0;
	}

	#visual .visualFlex .conts .visualTex {
		max-width: 40.182vw;
		margin: 0 0 4vw 0.545vw;
	}

	#visual .visualFlex .conts .reefList {
		margin-bottom: 1vw;
	}

	#visual .visualFlex .conts .reefList .box01 {
		margin-right: 1.727vw;
	}

	#visual .visualFlex .conts .reefList .box01 .leftReef {
		max-width: 3.591vw;
	}

	#visual .visualFlex .conts .reefList .box01 .rightReef {
		max-width: 3.591vw;
		margin-left: -0.182vw;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex {
		padding: 1.273vw 0 0 0;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex p {
		font-size: 1.273vw;
		margin-bottom: -0.091vw;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 small {
		font-size: 1.455vw;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 small:first-child {
		transform: translate(-0.455vw, -0.182vw);
		-webkit-transform: translate(-0.455vw, -0.182vw);
		-moz-transform: translate(-0.455vw, -0.182vw);
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 small:last-child {
		transform: translate(-0.545vw, -0.182vw);
		-webkit-transform: translate(-0.545vw, -0.182vw);
		-moz-transform: translate(-0.545vw, -0.182vw);
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 small span {
		right: -0.909vw;
		font-size: 0.909vw;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 b {
		font-size: 3.909vw;
		transform: translateX(-0.364vw);
		-webkit-transform: translateX(-0.364vw);
		-moz-transform: translateX(-0.364vw);
	}

	#visual .visualFlex .conts .reefList .box02 .leftReef {
		width: 100%;
		max-width: 3.591vw;
	}

	#visual .visualFlex .conts .reefList .box02 .rightReef {
		max-width: 3.591vw;
	}

	#visual .visualFlex .conts .reefList .box02 .centerTex {
		margin: 0 0.636vw 0 0.455vw;
		padding: 1.273vw 0 0 0;
	}

	#visual .visualFlex .conts .reefList .box02 .centerTex p {
		font-size: 1.273vw;
		margin-bottom: 0.273vw;
	}

	#visual .visualFlex .conts .reefList .box02 .centerTex h3 b {
		font-size: 2.364vw;
	}

	#visual .visualFlex .conts .addTex {
		margin-bottom: 1.545vw;
	}

	#visual .visualFlex .conts .addTex p {
		font-size: 1.091vw;
	}

	#visual .visualFlex .conts .contsTex p {
		font-size: 1.364vw;
	}

	/*----------------------------------------------------
	#about
	----------------------------------------------------*/

	#about {
		padding: 14vw 0 0 0;
	}

	#about .aboutFlex .imageArea {
		max-width: 40.318vw;
	}

	#about .aboutFlex .imageArea .imageHead {
		margin-bottom: 0.818vw;
	}

	#about .aboutFlex .imageArea .imageHead h3 b {
		font-size: 2vw;
		margin-bottom: -0.182vw;
	}

	#about .aboutFlex .imageArea .imageHead h3 small {
		font-size: 1.455vw;
	}

	#about .aboutFlex .imageArea .imageBox .addTex {
		font-size: 1.091vw;
		margin-top: 1vw;
	}

	#about .aboutFlex .imageArea .imageBox .plusIcon {
		left: -0.545vw;
		top: 0.727vw;
		max-width: 7.591vw;
	}

	#about .aboutFlex .conts {
		width: calc(100% - 45.045vw);
		padding: 0.636vw 0 0 0;
	}

	#about .aboutFlex .conts .headImage {
		max-width: 10.818vw;
		margin: 0 auto 3.636vw;
	}

	#about .aboutFlex .conts .head {
		margin-bottom: 2.273vw;
		padding: 0 0 0 0.273vw;
	}

	#about .aboutFlex .conts .head h2 {
		max-width: 39vw;
	}

	#about .aboutFlex .conts .headConts p {
		font-size: 1.455vw;
	}

	.remodal {
		padding: 0.909vw !important;
		border-radius: 0.909vw !important;
	}

	/*----------------------------------------------------
	#manage
	----------------------------------------------------*/

	#manage {
		padding: 6.909vw 0 9.091vw 0;
	}

	#manage .head {
		margin-bottom: 2.909vw;
	}

	#manage .head h2 small {
		font-size: 1.818vw;
		margin-bottom: 2.545vw;
	}

	#manage .head h2 b {
		max-width: 33.455vw;
	}

	#manage .headConts {
		margin-bottom: 4.545vw;
	}

	#manage .headConts p {
		font-size: 1.455vw;
		transform: translateX(-0.182vw);
		-webkit-transform: translateX(-0.182vw);
		-moz-transform: translateX(-0.182vw);
	}

	#manage .subHead {
		margin-bottom: 2.455vw;
	}

	#manage .subHead h3 {
		font-size: 2vw;
	}

	#manage .manageList {
		margin-bottom: 3.909vw;
	}

	#manage .manageList .box01 {
		width: 27.727vw;
		margin-right: 0.727vw;
		padding: 2.909vw 2.545vw 0;
	}

	#manage .manageList .box01 .bg {
		width: 29.727vw;
		height: 41.636vw;
	}

	#manage .manageList .box01 .boxHead {
		margin-bottom: 1.818vw;
	}

	#manage .manageList .box01 .boxHead h4 {
		max-width: 9.455vw;
		line-height: 2.182vw;
		transform: translateX(-0.273vw);
		-webkit-transform: translateX(-0.273vw);
		-moz-transform: translateX(-0.273vw);
	}

	#manage .manageList .box01 .boxConts {
		margin-bottom: 1.727vw;
	}

	#manage .manageList .box01 .boxConts p {
		font-size: 1.364vw;
	}

	#manage .manageList .box01 .borderTex {
		border-radius: 0.545vw;
		border: 0.091vw solid #BBBBBB;
		margin-bottom: 1.909vw;
		padding: 1.273vw 0 1.455vw;
	}

	#manage .manageList .box01 .borderTex p {
		font-size: 1.455vw;
	}

	#manage .manageList .box01 ul li {
		margin-bottom: 0.045vw;
		padding: 0 0 0 1.818vw;
	}

	#manage .manageList .box01 ul li .icon {
		width: 0.364vw;
		height: 0.364vw;
		left: 0.727vw;
		top: 0.909vw;
	}

	#manage .manageList .box01 ul li .tex {
		font-size: 1.273vw;
	}

	#manage .manageList .box02 {
		width: 27.727vw;
		margin-right: 0.909vw;
		padding: 2.909vw 2.545vw 0;
	}

	#manage .manageList .box02 .bg {
		width: 29.727vw;
		height: 41.636vw;
	}

	#manage .manageList .box02 .boxHead {
		margin-bottom: 1.818vw;
	}

	#manage .manageList .box02 .boxHead h4 {
		max-width: 9.455vw;
		line-height: 2.182vw;
		transform: translateX(1.091vw);
		-webkit-transform: translateX(1.091vw);
		-moz-transform: translateX(1.091vw);
	}

	#manage .manageList .box02 .boxConts {
		margin-bottom: 1.727vw;
	}

	#manage .manageList .box02 .boxConts p {
		font-size: 1.364vw;
	}

	#manage .manageList .box02 .borderBox {
		border-radius: 0.545vw;
		margin-bottom: 1.545vw;
		padding: 1.455vw 1.455vw 1.455vw;
	}

	#manage .manageList .box02 .borderBox .borderHead {
		margin-bottom: 1.273vw;
	}

	#manage .manageList .box02 .borderBox .borderHead p {
		font-size: 1.455vw;
	}

	#manage .manageList .box02 .borderBox .borderTex {
		border-radius: 0.545vw;
		border: 0.091vw solid #BBBBBB;
		padding: 1.182vw 0 1.182vw;
	}

	#manage .manageList .box02 .borderBox .borderTex p {
		font-size: 1.455vw;
	}

	#manage .manageList .box02 ul li {
		margin-bottom: 0.045vw;
		padding: 0 0 0 1.818vw;
	}

	#manage .manageList .box02 ul li .icon {
		width: 0.364vw;
		height: 0.364vw;
		left: 0.727vw;
		top: 0.909vw;
	}

	#manage .manageList .box02 ul li .tex {
		font-size: 1.273vw;
	}

	#manage .manageList .box03 {
		width: 31.636vw;
		padding: 2.909vw 2.909vw 0;
	}

	#manage .manageList .box03 .bg {
		width: 33.818vw;
		height: 41.636vw;
	}

	#manage .manageList .box03 .boxHead {
		margin-bottom: 1.818vw;
	}

	#manage .manageList .box03 .boxHead h4 {
		max-width: 9.364vw;
		line-height: 2.182vw;
		transform: translateX(-0.182vw);
		-webkit-transform: translateX(-0.182vw);
		-moz-transform: translateX(-0.182vw);
	}

	#manage .manageList .box03 .boxConts {
		margin-bottom: 1vw;
	}

	#manage .manageList .box03 .boxConts p {
		font-size: 1.364vw;
	}

	#manage .manageList .box03 .borderList .list01 {
		width: 12vw;
	}

	#manage .manageList .box03 .borderList .list01 .listHead {
		margin-bottom: 0.727vw;
	}

	#manage .manageList .box03 .borderList .list01 .listHead .icon {
		max-width: 2.182vw;
		line-height: 2.182vw;
		margin: 0 0.364vw;
	}

	#manage .manageList .box03 .borderList .list01 .listHead p {
		font-size: 1.818vw;
		margin: 0 0.364vw;
	}

	#manage .manageList .box03 .borderList .list01 .borderTex {
		border-radius: 0.545vw;
		border: 0.091vw solid #BBBBBB;
		margin-bottom: 1.545vw;
		padding: 1.182vw 0 1.182vw;
	}

	#manage .manageList .box03 .borderList .list01 .borderTex p {
		font-size: 1.455vw;
	}

	#manage .manageList .box03 .borderList .list02 {
		width: 12vw;
	}

	#manage .manageList .box03 .borderList .list02 .listHead {
		margin-bottom: 0.727vw;
	}

	#manage .manageList .box03 .borderList .list02 .listHead .icon {
		max-width: 2.182vw;
		line-height: 2.182vw;
		margin: 0 0.182vw;
	}

	#manage .manageList .box03 .borderList .list02 .listHead p {
		font-size: 1.818vw;
		margin: 0 0.545vw;
	}

	#manage .manageList .box03 .borderList .list02 .borderTex {
		border-radius: 0.545vw;
		border: 0.091vw solid #BBBBBB;
		margin-bottom: 1.545vw;
		padding: 1.182vw 0 1.182vw;
	}

	#manage .manageList .box03 .borderList .list02 .borderTex p {
		font-size: 1.455vw;
	}


	#manage .manageList .box03 ul li {
		margin-bottom: 0.045vw;
		padding: 0 0 0 1.818vw;
	}

	#manage .manageList .box03 ul li .icon {
		width: 0.364vw;
		height: 0.364vw;
		left: 0.727vw;
		top: 0.909vw;
	}

	#manage .manageList .box03 ul li .tex {
		font-size: 1.273vw;
	}

	#manage .addTex {
		margin-bottom: 3.636vw;
	}

	#manage .addTex p {
		font-size: 1.091vw;
		margin-bottom: 0.727vw;
	}

	#manage .applyList .box {
		width: 43.636vw;
		border-radius: 1.455vw;
		box-shadow: 0 1.091vw 2.182vw 0 rgba(0, 0, 0, 0.08);
	}

	#manage .applyList .box01 {
		padding: 1.455vw 2.909vw 3.455vw;
	}

	#manage .applyList .box01 .image {
		max-width: 24.455vw;
		margin: 0 auto 1vw;
	}

	#manage .applyList .box01 .boxHead {
		margin-bottom: 1.091vw;
	}

	#manage .applyList .box01 .boxHead h3 {
		font-size: 1.818vw;
	}

	#manage .applyList .box01 .boxConts p {
		font-size: 1.364vw;
	}

	#manage .applyList .box02 {
		padding: 1.455vw 2.909vw 3.455vw;
	}

	#manage .applyList .box02 .image {
		max-width: 24.364vw;
		margin: 0 auto 0.364vw;
	}

	#manage .applyList .box02 .boxHead {
		margin-bottom: 1.091vw;
	}

	#manage .applyList .box02 .boxHead h3 {
		font-size: 1.818vw;
	}

	#manage .applyList .box02 .boxConts p {
		font-size: 1.364vw;
	}

	/*----------------------------------------------------
	#reason
	----------------------------------------------------*/

	#reason {
		padding: 5.091vw 0 4.364vw 0;
		border-radius: 2.182vw;
	}

	#reason .head {
		margin-bottom: 3.636vw;
	}

	#reason .head h2 small {
		font-size: 1.818vw;
		margin-bottom: 2.091vw;
	}

	#reason .head h2 b {
		max-width: 35.909vw;
		transform: translateX(-0.182vw);
		-webkit-transform: translateX(-0.182vw);
		-moz-transform: translateX(-0.182vw);
	}

	#reason .reasonFlex .box {
		width: 21.364vw;
	}

	#reason .reasonFlex .box .image {
		margin: 0 auto 2vw;
	}

	#reason .reasonFlex .box .conts h3 {
		font-size: 1.818vw;
		margin-bottom: 0.909vw;
	}

	#reason .reasonFlex .box .conts p {
		font-size: 1.273vw;
	}

	#reason .reasonFlex .box .conts p.addTex {
		font-size: 1.091vw;
		margin-top: 0.364vw;
	}

	/*----------------------------------------------------
	#step
	----------------------------------------------------*/

	#step {
		padding: 0.727vw 0 9.091vw 0;
	}

	#step .inner {
		max-width: 100vw;
	}

	#step .head {
		margin-bottom: 2.818vw;
	}

	#step .head h2 small {
		font-size: 1.818vw;
		margin-bottom: 2.364vw;
	}

	#step .head h2 b {
		max-width: 29.455vw;
	}

	#step .borderBox {
		width: 66.909vw;
		margin: 0 auto 4.455vw;
		padding: 1.909vw 0 2.364vw 0;
		border: 0.273vw solid #8B3733;
		border-radius: 1.455vw;
	}

	#step .borderBox .borderHead {
		margin-bottom: 2.182vw;
	}

	#step .borderBox .borderHead h3 {
		max-width: 25.455vw;
		line-height: 2.545vw;
	}

	#step .borderBox .borderFlex {
		padding: 0 6.636vw 0 5.364vw;
	}

	#step .borderBox .borderFlex .box .image {
		max-width: 6.091vw;
		margin: 0 auto 1.455vw;
	}

	#step .borderBox .borderFlex .box .conts h4 {
		font-size: 2vw;
		margin-bottom: 1vw;
	}

	#step .borderBox .borderFlex .box .conts p {
		font-size: 1.273vw;
	}

	#step .stepList {
		margin-bottom: 9.182vw;
	}

	#step .stepList .arrow {
		max-width: 2vw;
		line-height: 2.273vw;
	}

	#step .stepList .box {
		width: 17.091vw;
		height: 40.091vw;
		border-radius: 1.455vw;
		border: 0.091vw solid #BBBBBB;
		padding: 1.636vw 0 0 0;
	}

	#step .stepList .box .boxHead {
		padding: 0 1.182vw;
	}

	#step .stepList .box .boxHead h3 {
		margin-bottom: 2.091vw;
	}

	#step .stepList .box .boxHead h3 small {
		font-size: 2.182vw;
		margin-bottom: 0.455vw;
	}

	#step .stepList .box .boxHead h3 b {
		font-size: 2vw;
	}

	#step .stepList .box .boxHead p {
		font-size: 1.273vw;
	}

	#step .stepList .box01 .boxImage {
		max-width: 11.909vw;
	}

	#step .stepList .box02 .boxImage {
		max-width: 12.273vw;
	}

	#step .stepList .box03 .boxImage {
		max-width: 12.273vw;
	}

	#step .stepList .box05 .boxImage {
		max-width: 10.955vw;
	}

	#step .accountBox {
		width: 66.909vw;
		padding: 1.364vw 3.364vw 3.182vw 1.455vw;
		border-radius: 1.455vw;
	}

	#step .accountBox .image {
		width: 31.455vw;
	}

	#step .accountBox .conts {
		width: 27.909vw;
		padding: 2.545vw 0 0 0;
	}

	#step .accountBox .conts .boxHead {
		margin-bottom: 1.364vw;
		padding: 0 0 0 0.364vw;
	}

	#step .accountBox .conts .boxHead h3 {
		max-width: 27.455vw;
	}

	#step .accountBox .conts .btHead {
		margin-bottom: 1.273vw;
	}

	#step .accountBox .conts .btHead h4 {
		max-width: 17.182vw;
	}

	#step .accountBox .conts .button {
		height: 5.818vw;
	}

	#step .accountBox .conts .button a {
		border-radius: 0.704vw;
		box-shadow: 0 1.182vw 2.364vw 0 rgba(0, 0, 0, 0.20);
	}

	#step .accountBox .conts .button a .tex {
		font-size: 1.818vw;
	}

	/*----------------------------------------------------
	#why
	----------------------------------------------------*/

	#why {
		padding: 9.727vw 0 4.364vw 0;
	}

	#why .head {
		margin-bottom: 1.364vw;
	}

	#why .head h2 small {
		font-size: 1.818vw;
		margin-bottom: 1.818vw;
		transform: translateX(-0.364vw);
		-webkit-transform: translateX(-0.364vw);
		-moz-transform: translateX(-0.364vw);
	}

	#why .head h2 b {
		max-width: 30.727vw;
	}

	#why .whyFlex .box {
		width: 42.727vw;
	}

	#why .whyFlex .box .boxHead {
		margin-bottom: 2.091vw;
	}

	#why .whyFlex .box .boxHead h3 small {
		font-size: 4vw;
	}

	#why .whyFlex .box .boxHead h3 b {
		font-size: 2.091vw;
	}

	#why .whyFlex .box .image {
		margin: 0 auto 2.364vw;
	}

	#why .whyFlex .box .conts p {
		font-size: 1.455vw;
	}

	/*----------------------------------------------------
	#faq
	----------------------------------------------------*/

	#faq {
		padding: 5.455vw 0 7.091vw 0;
	}

	#faq .head {
		margin-bottom: 3.545vw;
	}

	#faq .head h2 small {
		font-size: 1.818vw;
		margin-bottom: 1.909vw;
	}

	#faq .head h2 b {
		max-width: 22.636vw;
		transform: translateX(0.182vw);
		-webkit-transform: translateX(0.182vw);
		-moz-transform: translateX(0.182vw);
	}

	#faq .faqBox {
		margin-bottom: 9.091vw;
	}

	#faq .faqBox dl {
		margin-bottom: 1.455vw;
		background: rgba(116,116,127,0.08);
		border-radius: 1.091vw;
		border: 0.091vw solid #666666;
	}

	#faq .faqBox dl dt {
		padding: 1.273vw 1.727vw 1.273vw 1.364vw;
	}

	#faq .faqBox dl dt p {
		font-size: 1.455vw;
		width: calc(100% - 1.818vw);
	}

	#faq .faqBox dl dt .arrow {
		width: 1.573vw;
		height: 0.9vw;
		margin-top: 0.727vw;
	}

	#faq .faqBox dl dt .arrow::before,
	#faq .faqBox dl dt .arrow::after {
		left: calc(50% - 0.114vw);
		width: 0.227vw;
		height: 1.182vw;
		border-radius: 909vw;
		transform-origin: 50% calc(100% - 0.114vw);
	}

	#faq .faqBox dl dd {
		padding: 0 1.364vw 1.273vw 1.364vw;
	}

	#faq .faqBox dl dd p {
		font-size: 1.455vw;
	}

	#faq .accountBox {
		width: 66.909vw;
		padding: 1.909vw 10.818vw 1.818vw 10.727vw;
		border-radius: 1.455vw;
	}

	#faq .accountBox .obj {
		max-width: 13.818vw;
		margin: -3.545vw 0 0 0;
	}

	#faq .accountBox .conts {
		width: 27.909vw;
	}

	#faq .accountBox .conts .btHead {
		margin-bottom: 1.273vw;
	}

	#faq .accountBox .conts .btHead h3 {
		max-width: 17.182vw;
		margin: 0 auto 0;
	}

	#faq .accountBox .conts .button {
		height: 5.818vw;
	}

	#faq .accountBox .conts .button a {
		border-radius: 0.704vw;
		box-shadow: 0 1.182vw 2.364vw 0 rgba(0, 0, 0, 0.20);
	}

	#faq .accountBox .conts .button a .tex {
		font-size: 1.818vw;
	}

	/*----------------------------------------------------
	#contact
	----------------------------------------------------*/

	#contact {
		padding: 7.455vw 0 7.273vw 0;
	}

	#contact .inner {
		max-width: 65.273vw;
	}

	#contact .head {
		margin-bottom: 2.818vw;
	}

	#contact .head h2 b {
		max-width: 22.636vw;
		transform: translateX(0.182vw);
		-webkit-transform: translateX(0.182vw);
		-moz-transform: translateX(0.182vw);
	}

	#contact .conts {
		margin-bottom: 3.636vw;
	}

	#contact .conts p {
		font-size: 1.636vw;
	}

	#contact .button {
		width: 24vw;
		height: 4.545vw;
	}

	#contact .button a {
		border-radius: 7.273vw;
		padding: 0 2.182vw 0 2.182vw;
	}

	#contact .button a .tex {
		font-size: 1.455vw;
	}

	#contact .button a .arrow {
		max-width: 1.818vw;
		line-height: 0.727vw;
	}
}

/*----------------------------------------------------
 SP
----------------------------------------------------*/

@media screen and (max-width: 768px) {
	.sp_hidden {
		display: none !important;
	}


/*----------------------------------------------------
	elements
	----------------------------------------------------*/

	body {
		font-size: 4.267vw;
	}

	/*----------------------------------------------------
	fadeIn
	----------------------------------------------------*/

	.fadeIn {
		transform: translate3d(0, -2.667vw, 0);
	}

	/*----------------------------------------------------
	inner
	----------------------------------------------------*/
	.inner {
		width: calc(100% - 3.6rem);
		max-width: 204.8vw;
		margin: 0 auto;
	}

	/*----------------------------------------------------
	header
	----------------------------------------------------*/

	#header .headerTop {
		padding: 2.4vw 0 2.667vw 0;
	}

	#header .headerTop p {
		max-width: 88.533vw;
		line-height: 5.067vw;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#header .headerBottom {
		padding: 5.333vw 0 0 0;
	}

	#header .headerBottom h1 {
		max-width: 53.867vw;
		line-height: 4.8vw;
	}

	/*----------------------------------------------------
	footer
	----------------------------------------------------*/

	#footer {
		padding: 12.8vw 0 28.533vw 0;
	}

	#footer .footLogo {
		width: 100%;
		max-width: 78.4vw;
		line-height: 14.667vw;
		margin: 0 auto 12.8vw;
		transform: translateX(-0.533vw);
		-webkit-transform: translateX(-0.533vw);
		-moz-transform: translateX(-0.533vw);
	}

	#footer .footerFlex {
		flex-direction: column;
		align-items: center;
		margin-bottom: 8.267vw;
		padding: 0 0.267vw 0 0.533vw;
	}

	#footer .footerFlex .whiteBox {
		width: 100%;
		border-radius: 4.267vw;
		margin-bottom: 10.4vw;
		padding: 7.733vw 0 6.667vw 0;
	}

	#footer .footerFlex .whiteBox .boxHead {
		margin-bottom: 6.4vw;
	}

	#footer .footerFlex .whiteBox .boxHead p {
		font-size: 4.533vw;
	}

	#footer .footerFlex .whiteBox .logoArea {
		padding: 0 0 0 2.133vw;
	}

	#footer .footerFlex .whiteBox .logoArea p {
		font-size: 3.467vw;
		margin-bottom: 4vw;
	}

	#footer .footerFlex .whiteBox .logoArea .whiteLogo {
		max-width: 71.733vw;
	}

	#footer .footerFlex .footerInfo {
		width: 100%;
		padding: 1.067vw 0 0 0;
	}

	#footer .footerFlex .footerInfo .footLogo {
		width: 100%;
		max-width: 118.4vw;
		margin-bottom: 12.533vw;
	}

	#footer .footerFlex .footerInfo .footNav {
		width: 100%;
	}

	#footer .footerFlex .footerInfo .footNav ul {
		flex-direction: column;
		align-items: flex-start;
	}

	#footer .footerFlex .footerInfo .footNav ul li {
		margin-right: 0;
		margin-bottom: 3.2vw;
	}

	#footer .footerFlex .footerInfo .footNav ul li:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}

	#footer .footerFlex .footerInfo .footNav ul li a .tex {
		font-size: 3.467vw;
	}

	#footer .footTex {
		margin-bottom: 6.667vw;
		padding: 0 1.067vw;
	}

	#footer .footTex p {
		font-size: 3.2vw;
		line-height: 2;
	}

	#footer .copy p {
		font-size: 3.2vw;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 1;
		text-align: center;
		color: #AAAAAA;
	}

	/*----------------------------------------------------
	#floating
	----------------------------------------------------*/

	#floating {
		width: 93.6vw;
		height: 16vw;
		position: fixed;
		top: initial;
		bottom: 3.467vw;
		z-index: 100;
	}

	#floating a {
		border-radius: 1.6vw;
		box-shadow: 0 3.467vw 6.933vw 0 rgba(0, 0, 0, 0.20);
	}

	#floating a p small {
		font-size: 3.733vw;
		margin: 1.067vw 0;
	}

	#floating a p b {
		font-size: 4.8vw;
		margin: 1.333vw 0;
	}

	/*----------------------------------------------------
	#visual
	----------------------------------------------------*/

	#visual {
		padding: 6.4vw 0 0 0;
		overflow: hidden;
	}

	#visual .inner {
		max-width: initial;
		width: calc(100% - 2.4rem);
	}

	#visual .visualTex {
		width: 100%;
		max-width: 88vw;
		line-height: 19.467vw;
		margin-bottom: 2.4vw;
		margin-left: 1.6vw;
	}

	#visual .visualFlex {
		flex-direction: column;
	}

	#visual .visualFlex .image {
		width: 100%;
		max-width: 93.6vw;
		margin: 0 auto -1.6vw;
		transform: translateX(-1.067vw);
		-webkit-transform: translateX(-1.067vw);
		-moz-transform: translateX(-1.067vw);
	}

	#visual .visualFlex .conts {
		width: 100%;
		padding: 0 0 0 0;
	}

	#visual .visualFlex .conts .reefList {
		justify-content: space-between;
		margin-bottom: 2.933vw;
	}

	#visual .visualFlex .conts .reefList .box01 {
		margin-right: 0;
	}

	#visual .visualFlex .conts .reefList .box01 .leftReef {
		width: 8.667vw;
	}

	#visual .visualFlex .conts .reefList .box01 .rightReef {
		width: 8.667vw;
		margin-left: -0.533vw;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex {
		padding: 2.667vw 0 0 0;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex p {
		font-size: 3.2vw;
		margin-bottom: -0.267vw;
		white-space: nowrap;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 small {
		font-size: 3.733vw;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 small:first-child {
		transform: translate(-0.533vw, 0);
		-webkit-transform: translate(-0.533vw, 0);
		-moz-transform: translate(-0.533vw, 0);
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 small:last-child {
		transform: translate(-0.8vw, 0);
		-webkit-transform: translate(-0.8vw, 0);
		-moz-transform: translate(-0.8vw, 0);
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 small span {
		right: -2.667vw;
		font-size: 2.667vw;
	}

	#visual .visualFlex .conts .reefList .box01 .centerTex h3 b {
		font-size: 9.6vw;
		transform: translateX(-0.267vw);
		-webkit-transform: translateX(-0.267vw);
		-moz-transform: translateX(-0.267vw);
	}

	#visual .visualFlex .conts .reefList .box02 .leftReef {
		width: 8.667vw;
	}

	#visual .visualFlex .conts .reefList .box02 .rightReef {
		width: 8.667vw;
		transform: translateX(-0.8vw);
		-webkit-transform: translateX(-0.8vw);
		-moz-transform: translateX(-0.8vw);
	}

	#visual .visualFlex .conts .reefList .box02 .centerTex {
		margin: 0 1.6vw 0 0.533vw;
		padding: 3.2vw 0 0 0;
	}

	#visual .visualFlex .conts .reefList .box02 .centerTex p {
		font-size: 3.2vw;
		white-space: nowrap;
		margin-bottom: 0.267vw;
	}

	#visual .visualFlex .conts .reefList .box02 .centerTex h3 b {
		font-size: 5.867vw;
	}

	#visual .visualFlex .conts .addTex {
		margin-bottom: 4.533vw;
		padding: 0 1.6vw;
	}

	#visual .visualFlex .conts .addTex p {
		font-size: 3.2vw;
	}

	#visual .visualFlex .conts .contsTex {
		padding: 0 1.6vw;
	}

	#visual .visualFlex .conts .contsTex p {
		font-size: 3.467vw;
	}

	/*----------------------------------------------------
	#about
	----------------------------------------------------*/

	#about {
		padding: 11.067vw 0 0 0;
	}

	#about .aboutFlex {
		flex-direction: column;
	}

	#about .aboutFlex .imageArea {
		width: 100%;
		max-width: initial;
	}

	#about .aboutFlex .imageArea .imageHead {
		margin-bottom: 2.4vw;
	}

	#about .aboutFlex .imageArea .imageHead h3 b {
		font-size: 4.267vw;
		margin-bottom: -0.533vw;
	}

	#about .aboutFlex .imageArea .imageHead h3 small {
		font-size: 3.2vw;
	}

	#about .aboutFlex .imageArea .imageBox .addTex {
		font-size: 3.2vw;
		margin-top: 2.933vw;
	}

	#about .aboutFlex .imageArea .imageBox .plusIcon {
		left: -1.867vw;
		top: 1.6vw;
		max-width: 17.067vw;
	}

	#about .aboutFlex .conts {
		width: 100%;
		margin-bottom: 6.133vw;
		padding: 0 0 0 0;
	}

	#about .aboutFlex .conts .headFlex {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin-bottom: -4.8vw;
	}

	#about .aboutFlex .conts .headImage {
		max-width: 14.933vw;
		margin: 0 auto 10.667vw;
	}

	#about .aboutFlex .conts .head {
		margin-bottom: 0;
		padding: 6.133vw 0 0 0;
	}

	#about .aboutFlex .conts .head h2 {
		max-width: 59.2vw;
	}

	#about .aboutFlex .conts .headConts p {
		font-size: 3.733vw;
	}

	body .remodal {
		padding: 2.667vw !important;
		border-radius: 2.667vw !important;
	}

	body .remodal-close:before {
		font-size: 33px;
	}

	/*----------------------------------------------------
	#manage
	----------------------------------------------------*/

	#manage {
		padding: 17.333vw 0 16vw 0;
	}

	#manage .head {
		margin-bottom: 7.467vw;
	}

	#manage .head h2 small {
		font-size: 4.267vw;
		margin-bottom: 5.867vw;
	}

	#manage .head h2 b {
		max-width: 70.667vw;
		margin: 0 auto 0;
	}

	#manage .headConts {
		margin-bottom: 8vw;
	}

	#manage .headConts p {
		font-size: 3.733vw;
		line-height: 1.65;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#manage .subHead {
		margin-bottom: 5.867vw;
	}

	#manage .subHead h3 {
		font-size: 4.8vw;
	}

	#manage .manageList {
		flex-direction: column;
		margin-bottom: 15.467vw;
	}

	#manage .manageList .box01 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8vw;
		padding: 7.733vw 4vw 0;
	}

	#manage .manageList .box01 .bg {
		width: 90.4vw;
		height: 94.4vw;
	}

	#manage .manageList .box01 .boxHead {
		margin-bottom: 4.8vw;
	}

	#manage .manageList .box01 .boxHead h4 {
		max-width: 27.733vw;
		line-height: 6.4vw;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#manage .manageList .box01 .boxConts {
		margin-bottom: 5.067vw;
	}

	#manage .manageList .box01 .boxConts p {
		font-size: 4vw;
	}

	#manage .manageList .box01 .borderTex {
		border-radius: 1.6vw;
		border: 0.267vw solid #BBBBBB;
		margin-bottom: 5.6vw;
		padding: 3.733vw 0 4.267vw;
	}

	#manage .manageList .box01 .borderTex p {
		font-size: 4.267vw;
	}

	#manage .manageList .box01 ul li {
		margin-bottom: 0.133vw;
		padding: 0 0 0 5.867vw;
	}

	#manage .manageList .box01 ul li .icon {
		width: 1.067vw;
		height: 1.067vw;
		left: 2.667vw;
		top: 2.667vw;
	}

	#manage .manageList .box01 ul li .tex {
		font-size: 3.733vw;
		font-weight: 500;
		line-height: 1.7;
		letter-spacing: 0;
		color: #000;
	}

	#manage .manageList .box02 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10.667vw;
		padding: 10.4vw 4.267vw 0;
	}

	#manage .manageList .box02 .bg {
		width: 90.4vw;
		height: 130.4vw;
	}

	#manage .manageList .box02 .boxHead {
		margin-bottom: 4.533vw;
	}

	#manage .manageList .box02 .boxHead h4 {
		max-width: 20.533vw;
		line-height: 6.133vw;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#manage .manageList .box02 .boxConts {
		margin-bottom: 5.067vw;
	}

	#manage .manageList .box02 .boxConts p {
		font-size: 4vw;
	}

	#manage .manageList .box02 .borderBox {
		border-radius: 1.6vw;
		margin-bottom: 4.533vw;
		padding: 4.267vw 4.267vw 4.267vw;
	}

	#manage .manageList .box02 .borderBox .borderHead {
		margin-bottom: 3.733vw;
	}

	#manage .manageList .box02 .borderBox .borderHead p {
		font-size: 4.267vw;
	}

	#manage .manageList .box02 .borderBox .borderTex {
		border-radius: 1.6vw;
		border: 0.267vw solid #BBBBBB;
		padding: 3.467vw 0 3.467vw;
	}

	#manage .manageList .box02 .borderBox .borderTex p {
		font-size: 4.267vw;
	}

	#manage .manageList .box02 ul li {
		margin-bottom: 0.133vw;
		padding: 0 0 0 5.333vw;
	}

	#manage .manageList .box02 ul li .icon {
		width: 1.067vw;
		height: 1.067vw;
		left: 2.133vw;
		top: 2.667vw;
	}

	#manage .manageList .box02 ul li .tex {
		font-size: 3.733vw;
	}

	#manage .manageList .box03 {
		width: 100%;
		padding: 10.133vw 4.267vw 0;
	}

	#manage .manageList .box03 .bg {
		width: 90.4vw;
		height: 160vw;
	}

	#manage .manageList .box03 .boxHead {
		margin-bottom: 4.8vw;
	}

	#manage .manageList .box03 .boxHead h4 {
		max-width: 27.467vw;
		line-height: 6.4vw;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#manage .manageList .box03 .boxConts {
		margin-bottom: 2.933vw;
	}

	#manage .manageList .box03 .boxConts p {
		font-size: 4vw;
	}

	#manage .manageList .box03 .borderList {
		flex-direction: column;
	}

	#manage .manageList .box03 .borderList .list01 {
		width: 100%;
		margin-bottom: 6.933vw;
	}

	#manage .manageList .box03 .borderList .list01 .listHead {
		margin-bottom: 2.133vw;
	}

	#manage .manageList .box03 .borderList .list01 .listHead .icon {
		max-width: 6.4vw;
		line-height: 6.4vw;
		margin: 0 1.067vw;
	}

	#manage .manageList .box03 .borderList .list01 .listHead p {
		font-size: 5.333vw;
		font-weight: 700;
		margin: 0 1.067vw;
	}

	#manage .manageList .box03 .borderList .list01 .borderTex {
		border-radius: 1.6vw;
		border: 0.267vw solid #BBBBBB;
		margin-bottom: 4.533vw;
		padding: 3.467vw 0 3.467vw;
	}

	#manage .manageList .box03 .borderList .list01 .borderTex p {
		font-size: 4.267vw;
	}

	#manage .manageList .box03 .borderList .list02 {
		width: 100%;
	}

	#manage .manageList .box03 .borderList .list02 .listHead {
		margin-bottom: 2.133vw;
	}

	#manage .manageList .box03 .borderList .list02 .listHead .icon {
		width: 100%;
		max-width: 6.4vw;
		line-height: 6.4vw;
		margin: 0 1.067vw;
	}

	#manage .manageList .box03 .borderList .list02 .listHead p {
		font-size: 5.333vw;
		font-weight: 700;
		letter-spacing: 0;
		margin: 0 1.067vw;
	}

	#manage .manageList .box03 .borderList .list02 .borderTex {
		border-radius: 1.6vw;
		border: 0.267vw solid #BBBBBB;
		margin-bottom: 4.533vw;
		padding: 3.467vw 0 3.467vw;
	}

	#manage .manageList .box03 .borderList .list02 .borderTex p {
		font-size: 4.267vw;
	}


	#manage .manageList .box03 ul li {
		margin-bottom: 0.133vw;
		padding: 0 0 0 5.333vw;
	}

	#manage .manageList .box03 ul li .icon {
		width: 1.067vw;
		height: 1.067vw;
		left: 2.133vw;
		top: 2.667vw;
	}

	#manage .manageList .box03 ul li .tex {
		font-size: 3.733vw;
	}

	#manage .addTex {
		margin-bottom: 12.8vw;
	}

	#manage .addTex p {
		font-size: 3.2vw;
		margin-bottom: 1.867vw;
	}

	#manage .applyList {
		flex-direction: column;
	}

	#manage .applyList .box {
		width: 100%;
		border-radius: 4.267vw;
		box-shadow: 0 3.2vw 6.4vw 0 rgba(0, 0, 0, 0.08);
	}

	#manage .applyList .box01 {
		margin-bottom: 6.4vw;
		padding: 4.267vw 6.4vw 10.4vw;
	}

	#manage .applyList .box01 .image {
		max-width: 71.733vw;
		margin: 0 auto 3.2vw;
	}

	#manage .applyList .box01 .boxHead {
		margin-bottom: 3.2vw;
	}

	#manage .applyList .box01 .boxHead h3 {
		font-size: 5.333vw;
	}

	#manage .applyList .box01 .boxConts p {
		font-size: 4vw;
		text-align: justify;
	}

	#manage .applyList .box02 {
		padding: 4.267vw 6.4vw 10.4vw;
	}

	#manage .applyList .box02 .image {
		max-width: 71.467vw;
		margin: 0 auto 1.067vw;
	}

	#manage .applyList .box02 .boxHead {
		margin-bottom: 3.2vw;
	}

	#manage .applyList .box02 .boxHead h3 {
		font-size: 5.333vw;
	}

	#manage .applyList .box02 .boxConts p {
		font-size: 4vw;
		text-align: justify;
	}

	/*----------------------------------------------------
	#reason
	----------------------------------------------------*/

	#reason {
		overflow: hidden;
		padding: 14.133vw 0 12.8vw 0;
		border-radius: 6.4vw;
	}

	#reason .head {
		margin-bottom: 8.267vw;
	}

	#reason .head h2 small {
		font-size: 4.267vw;
		margin-bottom: 5.067vw;
		transform: translateX(1.067vw);
		-webkit-transform: translateX(1.067vw);
		-moz-transform: translateX(1.067vw);
	}

	#reason .head h2 b {
		max-width: 82.4vw;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#reason .scrollBox {
		width: calc(100% + 3.6rem);
		margin-left: -1.8rem;
		padding: 0 1.8rem 10.4vw;
	}

	#reason .reasonFlex {
		width: calc(313.6vw + 1.8rem);
		padding: 0 1.8rem 0 0;
	}

	#reason .reasonFlex .box {
		width: 72.8vw;
	}

	#reason .reasonFlex .box .image {
		width: 100%;
		margin: 0 auto 6.133vw;
	}

	#reason .reasonFlex .box .conts h3 {
		font-size: 5.333vw;
		white-space: initial;
		margin-bottom: 4.267vw;
	}

	#reason .reasonFlex .box .conts p {
		font-size: 4vw;
		text-align: justify;
	}

	#reason .reasonFlex .box .conts p.addTex {
		font-size: 3.2vw;
		margin-top: 3.2vw;
	}

	#reason .simplebar-track.simplebar-horizontal {
		background: #fff;
		left: 3rem;
		width: calc(100% - 6rem);
		height: 1.6vw;
		border-radius: 21.333vw;
	}

	#reason .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
		top: 0;
		height: 1.6vw;
	}

	#reason .simplebar-scrollbar.simplebar-visible:before {
		opacity: 1;
		background: #8E6805;
		border-radius: 21.333vw;
	}

	/*----------------------------------------------------
	#step
	----------------------------------------------------*/

	#step {
		padding: 1.333vw 0 16vw 0;
	}

	#step .inner {
		max-width: 293.333vw;
	}

	#step .head {
		margin-bottom: 8.267vw;
	}

	#step .head h2 small {
		font-size: 4.267vw;
		margin-bottom: 5.067vw;
		transform: translateX(1.067vw);
		-webkit-transform: translateX(1.067vw);
		-moz-transform: translateX(1.067vw);
	}

	#step .head h2 b {
		max-width: 67.467vw;
	}

	#step .borderBox {
		width: 100%;
		margin: 0 auto 8.533vw;
		padding: 5.6vw 0 6.933vw 0;
		border: 0.8vw solid #8B3733;
		border-radius: 4.267vw;
	}

	#step .borderBox .borderHead {
		margin-bottom: 6.4vw;
	}

	#step .borderBox .borderHead h3 {
		width: 100%;
		max-width: 74.667vw;
		line-height: 7.467vw;
		margin: 0 auto 0;
	}

	#step .borderBox .borderFlex {
		flex-direction: column;
		align-items: center;
		padding: 0 0 0 0;
	}

	#step .borderBox .borderFlex .box {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#step .borderBox .borderFlex .box01 {
		margin-bottom: 7.467vw;
	}

	#step .borderBox .borderFlex .box .image {
		width: 100%;
		max-width: 17.867vw;
		margin: 0 auto 4.267vw;
		transform: translateX(1.6vw);
		-webkit-transform: translateX(1.6vw);
		-moz-transform: translateX(1.6vw);
	}

	#step .borderBox .borderFlex .box .conts h4 {
		font-size: 4.8vw;
		margin-bottom: 2.933vw;
	}

	#step .borderBox .borderFlex .box .conts p {
		font-size: 3.733vw;
	}

	#step .stepList {
		flex-direction: column;
		margin-bottom: 17.333vw;
	}

	#step .stepList .arrow {
		max-width: 10.933vw;
		line-height: 10.133vw;
		margin: 4.267vw auto 5.067vw;
	}

	#step .stepList .box {
		width: 100%;
		height: auto;
		border-radius: 4.267vw;
		border: 0.267vw solid #BBBBBB;
		padding: 4.8vw 0 0 0;
	}

	#step .stepList .box .boxHead {
		padding: 0 3.467vw;
	}

	#step .stepList .box .boxHead h3 {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 5.867vw;
	}

	#step .stepList .box .boxHead h3 small {
		font-size: 6.4vw;
		margin-bottom: 0.533vw;
	}

	#step .stepList .box .boxHead h3 b {
		font-size: 6.933vw;
	}

	#step .stepList .box .boxHead p {
		font-size: 4.267vw;
		padding: 0 2.133vw;
	}

	#step .stepList .box01 .boxImage {
		max-width: 52.267vw;
		margin: 2.4vw auto 0;
	}

	#step .stepList .box02 .boxImage {
		max-width: 52.267vw;
		margin: 5.067vw auto 0;
	}

	#step .stepList .box03 .boxImage {
		max-width: 52.267vw;
		margin: 5.067vw auto 0;
	}

	#step .stepList .box04 {
		padding: 4.8vw 0 6.4vw 0;
	}

	#step .stepList .box05 .boxImage {
		max-width: 46.933vw;
		margin: 5.067vw auto 0;
	}

	#step .accountBox {
		width: 100%;
		margin: 0 auto 0;
		padding: 2.667vw 4.533vw 7.467vw 4.533vw;
		flex-direction: column;
		align-items: center;
		border-radius: 4.267vw;
		overflow: hidden;
	}

	#step .accountBox .image {
		width: 79.2vw;
		transform: translateX(-1.333vw);
		-webkit-transform: translateX(-1.333vw);
		-moz-transform: translateX(-1.333vw);
	}

	#step .accountBox .conts {
		width: 100%;
		padding: 4.533vw 0 0 0;
	}

	#step .accountBox .conts .boxHead {
		width: 100%;
		max-width: 80.533vw;
		margin-bottom: 4vw;
		padding: 0 0 0 0.533vw;
	}

	#step .accountBox .conts .boxHead h3 {
		width: 100%;
		max-width: 80.533vw;
	}

	#step .accountBox .conts .btHead {
		margin-bottom: 3.733vw;
	}

	#step .accountBox .conts .btHead h4 {
		width: 100%;
		max-width: 50.4vw;
		margin: 0 auto 0;
	}

	#step .accountBox .conts .button {
		height: 17.067vw;
	}

	#step .accountBox .conts .button a {
		border-radius: 2.065vw;
		box-shadow: 0 3.467vw 6.933vw 0 rgba(0, 0, 0, 0.20);
	}

	#step .accountBox .conts .button a .tex {
		font-size: 5.067vw;
	}

	/*----------------------------------------------------
	#why
	----------------------------------------------------*/

	#why {
		padding: 17.867vw 0 12.8vw 0;
	}

	#why .head {
		margin-bottom: 4.533vw;
	}

	#why .head h2 small {
		font-size: 4.267vw;
		margin-bottom: 5.333vw;
		transform: translateX(0.533vw);
		-webkit-transform: translateX(0.533vw);
		-moz-transform: translateX(0.533vw);
	}

	#why .head h2 b {
		max-width: 70.4vw;
		margin: 0 auto 0;
	}

	#why .whyFlex {
		flex-direction: column;
		align-items: center;
	}

	#why .whyFlex .box {
		width: 100%;
	}

	#why .whyFlex .box01 {
		margin-bottom: 6.667vw;
	}

	#why .whyFlex .box .boxHead {
		margin-bottom: 5.867vw;
	}

	#why .whyFlex .box .boxHead h3 small {
		font-size: 11.733vw;
		margin-bottom: -0.267vw;
	}

	#why .whyFlex .box .boxHead h3 b {
		font-size: 5.867vw;
	}

	#why .whyFlex .box .image {
		margin: 0 auto 6.133vw;
	}

	#why .whyFlex .box .conts p {
		font-size: 4vw;
	}

	/*----------------------------------------------------
	#faq
	----------------------------------------------------*/

	#faq {
		padding: 8.267vw 0 15.733vw 0;
	}

	#faq .head {
		margin-bottom: 6.933vw;
	}

	#faq .head h2 small {
		font-size: 4.267vw;
		margin-bottom: 5.067vw;
	}

	#faq .head h2 b {
		max-width: 51.733vw;
		transform: translateX(-0.533vw);
		-webkit-transform: translateX(-0.533vw);
		-moz-transform: translateX(-0.533vw);
	}

	#faq .faqBox {
		margin-bottom: 18.133vw;
	}

	#faq .faqBox dl {
		margin-bottom: 3.2vw;
		border-radius: 3.2vw;
		border: 0.267vw solid #666666;
	}

	#faq .faqBox dl dt {
		padding: 3.733vw 5.067vw 3.733vw 4vw;
	}

	#faq .faqBox dl dt p {
		font-size: 4.267vw;
		width: calc(100% - 5.333vw);
	}

	#faq .faqBox dl dt .arrow {
		width: 4.613vw;
		height: 2.64vw;
		margin-top: 2.133vw;
	}

	#faq .faqBox dl dt .arrow::before,
	#faq .faqBox dl dt .arrow::after {
		left: calc(50% - 0.333vw);
		width: 0.667vw;
		height: 3.467vw;
		border-radius: 2666.4vw;
		transform-origin: 50% calc(100% - 0.333vw);
	}

	#faq .faqBox dl dd {
		padding: 0 4vw 3.733vw 4vw;
	}

	#faq .faqBox dl dd p {
		font-size: 4.267vw;
	}

	#faq .accountBox {
		width: 100%;
		margin: 0 auto 0;
		padding: 5.067vw 4.267vw 4.533vw 4.267vw;
		border-radius: 4.267vw;
	}

	#faq .accountBox .obj {
		position: absolute;
		left: -2.933vw;
		top: 0.533vw;
		max-width: 40.533vw;
		margin: -10.4vw 0 0 0;
	}

	#faq .accountBox .conts {
		width: 81.867vw;
	}

	#faq .accountBox .conts .btHead {
		margin-bottom: 3.2vw;
		transform: translateX(2.133vw);
		-webkit-transform: translateX(2.133vw);
		-moz-transform: translateX(2.133vw);
	}

	#faq .accountBox .conts .btHead h3 {
		max-width: 50.4vw;
	}

	#faq .accountBox .conts .button {
		height: 17.067vw;
	}

	#faq .accountBox .conts .button a {
		border-radius: 2.065vw;
		box-shadow: 0 3.467vw 6.933vw 0 rgba(0, 0, 0, 0.20);
	}

	#faq .accountBox .conts .button a .tex {
		font-size: 5.067vw;
	}

	/*----------------------------------------------------
	#contact
	----------------------------------------------------*/

	#contact {
		padding: 10.667vw 0 11.733vw 0;
	}

	#contact .inner {
		max-width: 191.467vw;
	}

	#contact .head {
		margin-bottom: 1.067vw;
	}

	#contact .head h2 {
		width: 100%;
		max-width: 35.2vw;
		margin: 0 auto 0;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#contact .conts {
		margin-bottom: 8.267vw;
		padding: 0 5.6vw;
	}

	#contact .conts p {
		font-size: 3.733vw;
	}

	#contact .button {
		width: 58.667vw;
		height: 10.933vw;
		margin: 0 auto 0;
	}

	#contact .button a {
		border-radius: 21.333vw;
		padding: 0 3.733vw 0 5.333vw;
	}

	#contact .button a .tex {
		font-size: 3.467vw;
	}

	#contact .button a .arrow {
		max-width: 5.333vw;
		line-height: 2.133vw;
	}

}

/*----------------------------------------------------
2026/03/03 HG 調整
----------------------------------------------------*/
.add_anchor-link {
	text-decoration: underline;
}
.add_anchor-link a:hover {
	color: #8E6805;
}