@charset "utf-8";
/* common */
html{
	width:100%;
	height:100vh;height: 100lvh;
	_height: calc(var(--vh, 1vh) * 100);
	-webkit-overflow-scrolling: touch;
}

html body{
	font-size:12pt;
	line-height:150%;
	font-family:"Roboto","Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-weight:400;
	color:#221814;
	width:100%;
	height:100vh;height: 100lvh;
	-webkit-overflow-scrolling: touch;
	margin:0;
	padding:0;
}

html .fb100{ font-weight: 100 !important; }
html .fb200{ font-weight: 200 !important; }
html .fb300{ font-weight: 300 !important; }
html .fb400{ font-weight: 400 !important; }
html .fb500{ font-weight: 500 !important; }
html .fb600{ font-weight: 600 !important; }
html .fb700{ font-weight: 700 !important; }
html .fb800{ font-weight: 800 !important; }
html .fb900{ font-weight: 900 !important; }
.fi{ font-style: italic; }

.txt_wrap{
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.ls03{ letter-spacing:0.3rem; }

.c_ccc{ color:#ccc; }
.c_eee{ color:#eee; }

@media only screen and (max-width: 768px) {
	html body{
		font-size:10pt;
	}
}	/* @media only screen and (max-width: 768px) { */

h1,h2,h3,h4,h5,h6{ line-height: 150%; }

a{
	color:#013c97;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}

a:hover{ opacity: 0.75; }
.color_a{ color:#00a4a2; }
.back_a{ background: #141414; }
.body_on{	overflow: hidden; }
.hr_a{ border-top: 1px dotted #141414; }
.box_b{ border:1px solid rgba(200,22,30,1.0);background:rgba(255,255,255,1.0); }
.box_bw{ border:1px solid rgba(255,255,255,1.0);background:rgba(200,22,30,1.0); }
.box_bb{ border:1px solid #ccc; }

/* scroll bar */
.scroll_bar::-webkit-scrollbar{
	width:5px;
	background:#ed5a6c;
}

.scroll_bar::-webkit-scrollbar-button{
	width:5px;
	height:5px;
	background:#d8303d;
}

.scroll_bar::-webkit-scrollbar-piece{
	background:#d8303d;
}

.scroll_bar::-webkit-scrollbar-piece:start{
	background:#d8303d;
}

.scroll_bar::-webkit-scrollbar-thumb{
	background:#d8303d;
}

.scroll_bar::-webkit-scrollbar-corner{
	background:#d8303d;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 100px;
	right: -50px;
	z-index:100;
	transition: 0.3s ease-in-out;
}

#page-top.ptbtn_on{ right:0; }
#page-top a {
	display:block;
	background:#141414;
	border:1px solid #ccc;
	color:#fff;
	text-align: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding:15px 5px;
}

#page-top a:hover{
	background:#fff;
	color:#141414;
	opacity: 1.0;
}

/* header */
/* ontents */
.top_main{
	position: fixed;
	z-index: 1;
	top:0;
	left: 0;
	width: 100%;
	height: 100lvh;
	background: #fff;;
}

.top_main_inner{
	position: relative;
	z-index: 5;
	height: 100lvh;
	padding-left:5%;
	padding-right:5%;
	margin-top:3%;
}

.top_main_inner div{ margin-top:-10%; }
.top_main_inner .tmip{ font-size:3.3vw; }
.top_main_inner h1{ font-size:8vw; }
.top_main_inner h1 img{ width: 100%; }
.top_main_inner h2.tph2_1{ font-size:2.3vw; }
.top_main_inner h2.tph2_2{ font-size:2.5vw; }

.tm_txt{
	position: absolute;
	z-index: 5;
	top:10%;
	left: 5%;
	width: 95%;
	display: flex;
	align-items: center;
}

.tmt_div{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.tmtd_img{
	position: absolute;
	width: 30%;
}

.ttdi_001{
	width: 90%;
	margin-right: 10%;
	position: relative;
	z-index: 2;
}

.ttdi_002{
	margin-top:10%;
	width: 90%;
	margin-left: 10%;
	position: relative;
	z-index: 1;
}

.tmtd_txt{
	position: absolute;
	width: calc(100% - 0%);
	margin-left: 35%;
}
.tmtd_txt h1{
	font-size:3.5vw;
	line-height: 150%;
	color:#333;
}

.tmtdt_2{
	display: block;
	margin-left:10vw;
}
.tmtd_txt h2{
	font-size: 1.5vw;
	margin-left:10vw;
}

.tmtd_txt h2 span{
	padding:5px 15px;
}

.tm_item{
	position: relative;
	z-index: 10;
	bottom:5%;
	right: 5%;
	width: 100%;
	height: 90lvh;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding-bottom: 20px;
}

.tmi_img{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.tm_item img{
	height: 17vw;
	margin-left:20px;
}

.sec_con{ position:relative;z-index:5; }
.back_p{ background:#000; }
.about_avalon{ margin-top:100lvh; }

.appg_img{ width:50%;min-height: 250px; }

.prdl dl{
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-left:30px;
	width: calc(100% - 30px);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.prdl dl dt{ width:40%; }
.prdl dl dt p{ text-align:center;padding:5px;background:#2386b3; }
.prdl dl dd{ width:calc(60% - 20px);margin-left:20px; }
.prdl dl dd p{ padding:5px; }

.prds{ border:1px solid #2386b3; }
.prds dl{
	border-bottom:1px solid #2386b3;
	padding-bottom:15px;
	margin-bottom:15px;
	width: calc(100% - 0px);
	display: flex;
	flex-wrap: wrap;
}
.prds dl dt{ width:40%; }
.prds dl dt p{ text-align:center;padding:5px;background:#eee; }
.prds dl dd{ width:calc(60% - 20px);margin-left:20px; }
.prds dl dd p{ padding:5px; }

.ul_voice li{
	position: relative;
	z-index: 2;
	border:2px solid #2386b3;
	background: #fff;
	padding:10px;
	margin-bottom:10px;
	border-radius: 10px;
}

.back_contact{
	background:rgba(0,0,0,0.80);
}

main{
	position: relative;
	z-index: 100;
}

.sns_icon{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}
.sns_icon li img{ width:50px; }
.sns_icon li{
	margin-left: 5px;
	margin-right: 5px;
}

/* mw form */
.mw_wp_form input[type="text"],
.mw_wp_form textarea,
.mw_wp_form select{
	border:1px solid #666;
	padding:2px;
	background: #333;
}

.mw_wp_form input[type="text"],
.mw_wp_form textarea,
.mw_wp_form select{ width:calc(100% - 0px); }
html input[type="checkbox"] { -webkit-appearance: auto;appearance: auto; }
html .mwform-checkbox-field label{ display:flex;align-items:center; }
input[type="radio"],input[type="checkbox"],select { all: revert; }
.mw_wp_form label{ cursor:pointer; }
html .mw_wp_form input.zipcode{ width:200px; }
.con_require{ font-size:8pt;color:#f00;font-weight:700;margin-left:5px; }
#post_content .mw_wp_form p{ margin-bottom:0 !important; }
.contact_btn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left:-10px;
	margin-right:-10px;
}

.contact_btn input,
.contact_btn button{
	min-width: 150px;
	margin-left:10px;
	margin-right: 10px;
	text-align: center;
	padding:10px 5px;
	background: #333;
	color:#fff;
}

html .contact_btn button{ background:#666; }

.mw_wp_form .hr_bb{ padding-left:20px;padding-right:0px; }
.mw_wp_form .hr_bb:nth-child(even){ background: rgba(255,255,255,0.10); }
.mw_wp_form .hr_bb:nth-child(odd){ background: rgba(255,255,255,0.0); }
.mwform-checkbox-field{
	display: inline-block;
	margin-left: 0 !important;
	margin-right:10px;
}

input[type="radio"],
input[type="checkbox"]{ cursor:pointer; }

.mwform-radio-field{
	display: inline-block;
	margin-left: 0 !important;
	margin-right:10px;
}

.div_form{
	padding:20px 30px 30px 30px;
	background: rgba(0,0,0,0.70);
}

.asg_span{
	display: inline-block;
	padding:5px 30px;
	background: rgba(255,255,255,0.10);
}

.about_a{
	background: #222;
	padding:20px;
}

.prd_img{
	border: 1px solid #999;
}

/* slick */
.slick-dots {
	margin-top:10px;
	display: flex;
	justify-content: center;
}

.slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 3px;
	background: #eee;
	border-radius: 50%;
	cursor: pointer;
}

.slick-dots li:hover,
.slick-dots li.slick-active {
	background: #00a4a2;
}
.slick-dots li button {
	display: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	padding: 0;
	border: none;
	background-color: transparent;
}

.header_fixed{ opacity:0.0; }
.header_fixed.header_move{ opacity:1.0; }
.header_move .header_logo h1 img{
	background: rgba(255,255,255,0.75);
}

.parallax_bg {
	position: absolute;
	z-index: 1;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallax_div{
	position: relative;
	z-index: 2;
	margin-top:0lvh;
}

.parallax1 { background-image: url('../img/parallax1.jpg'); }
.parallax2 { background-image: url('../img/parallax2.jpg'); }
.parallax3 { background-image: url('../img/parallax3.jpg'); }
.parallax4 { background-image: url('../img/parallax4.jpg'); }

.parallax_white1{ background:rgba(255,255,255,0.95); }
.parallax_white{ background:rgba(255,255,255,0.85); }
.parallax_black{ background:rgba(0,0,0,0.85); }
.parallax_black1{ background:rgba(0,0,0,0.90); }
.parallax_black2{ background:rgba(0,0,0,0.95); }

.sp_main{ display:none; }
.animated{ opacity:0.0; }
.lg_block{ display:block; }

.top_img{
	position: absolute;
	z-index: 1;
	bottom:0%;
	right: 15%;
	width: 100%;
	height: 100lvh;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.top_img img{
	max-width:none;
	width: auto;
	height: 80%;
}

.top_logo{
	position: absolute;
	z-index: 2;
	bottom:10%;
	right: 5%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.top_logo img{ width:8%; }

.pdf_fp{
	text-decoration: underline;
}

.appg_txt{ margin-left: 10%; }
.why1s{ margin-left: 12%; }

.why_div{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.wd1{ width:25px; }
.wd2{ width:calc(100% - 35px);margin-left:10px;margin-top:-5px; }