@charset "utf-8";

/*固定ページスタイル*/

/* OUR SERVICE
--------------------------------------------------*/
body#ourservice .content { opacity:0.25; transform :translate(0, 100px); }
	body#ourservice .isActive { opacity:1; transform: rotate(0); }
	
.headlineTitle { font-size:41px; line-height:1.5; position:relative; z-index:1; display:inline-block; }
	.headlineTitle:after { content:""; position:absolute; bottom:0px; left:1%; z-index:-1; background:#fbeb06; height:22px; width:0; opacity:0; transition:0.3s ease-out 0.75s; }
	.isActive .headlineTitle:after { opacity:1; width:99%; }

	.bgWh_inner_box:last-child .headlineTitle:after { left:-5%; width:0; opacity:0; }
		.bgWh_inner_box:last-child .isActive .headlineTitle:after { opacity:1; width:110%; }
	
	.headlineTitle_wrap { opacity:0.25; transform:translate(0, 50px); transition:0.5s ease-out; }
	.isActive .headlineTitle_wrap { opacity:1; transform:translate(0, 0); }
	
	
.headlineTitle span { font-size:26px; position:relative; top:-4px; }
.service_main_box { position:relative; padding-bottom:50%; margin-bottom:100px; }
.service_main_box p { position:absolute; top:100px; opacity:0.25; transform:translate(0, 50px); transition:0.5s ease-out; transition-delay:0.5s; }
	.isActive.service_main_box p { opacity:1; transform:translate(0, 0); }
	

.service_mBox { position:relative; z-index:1; margin-bottom:70px; align-items:center; }
.service_mBox:after { content:""; position:absolute; z-index:-1; top:0; left:0; width:42%; height:100%; background:#f4f6f8; }
.service_mBox_col:first-child { width:62%; }
.service_mBox_col:last-child { width:38%; }

.service_mBox_text { padding:5%; }
.service_mBox_indent { border-left:3px solid #0085bb; padding:0 0 0 40px; }
.service_mBox_label { font-size:20px; color:#0d8ebe; position:relative; padding-left:60px; margin-bottom:20px; }
.service_mBox_label:before { content:""; position:absolute; top:0; left:0; width:55px; height:55px; }

	.bg_productsales { background-image:url(../img/ourservice/ico_productsales.png); background-repeat:no-repeat; }
	.bg_import { background-image:url(../img/ourservice/ico_import.png); background-repeat:no-repeat; background-position:center left; padding-left:70px; }
	.bg_wholesales { background-image:url(../img/ourservice/ico_wholesales.png); background-repeat:no-repeat; background-position:center left; }
	
.service_mBox_label span { display:block; font-size:10px; line-height:1; padding:10px 0 0; }
.service_mBox h4 { font-size:38px; line-height:1; margin-bottom:30px; }
.service_mBox_col .btn_blue_short { margin-top:50px; }

.service_mBox.reverse:after { left:auto; right:0; }
.service_mBox.reverse .service_mBox_col:first-child { width:38%; }
.service_mBox.reverse .service_mBox_col:last-child { width:62%; }

.bgWh_inner_box:last-child .content_inner_box { max-width:1100px; }

.service_sBox { min-height:274px; margin-top:100px; } 
.service_sBox:last-child { margin-bottom:100px; }
.service_sBox:first-child .service_sBox_col { padding-right:40px; }
.service_sBox:last-child .service_sBox_col { padding-left:40px; }
.service_sBox_label { line-height:1.5; letter-spacing:-0.05em; margin-bottom:20px; }
.service_sBox_label p { color:transparent; text-stroke:1px #444; -webkit-text-stroke:1px #444; position:relative; z-index:1; display:inline-block; }
	.service_sBox_label p:before, .service_sBox_label p:after { position:absolute; z-index:-1; font-size:52px; top:3px;  text-stroke:0px #fff; -webkit-text-stroke:0px #fff;}
	.service_sBox_label p:before { color:rgba(0,158,177,0.8); left:3px; }
	.service_sBox_label p:after { color:rgba(229,119,110,0.8); right:-3px; }
	.service_sBox_label p.reservation:before { content:"オンライン"; }
	.service_sBox_label p.shopping:before { content:"ネット購入"; }
	.service_sBox_label p.reservation:after { content:"予約サービス"; }
	.service_sBox_label p.shopping:after { content:"サービス"; }
	
.service_sBox_label span { letter-spacing:0; }
.service_sBox_bg01 { background:url(../img/ourservice/img_reservation.png) no-repeat bottom left / auto; padding-left:45%; }
.service_sBox_bg02 { background:url(../img/ourservice/img_shopping.png) no-repeat bottom left / auto; padding-right:45%; }
.service_sBox_btn { margin:10px 0 0 0px }
.service_sBox_btn a { margin:0 5px; }

.service_sBox_bg01 img,
.service_sBox_bg02 img { margin-top:10px; max-height:43px; }

.service_main_illust.content { opacity:0.25; transform :translate(0, 100px); position: absolute; right:0; top:0; width:58.3%; margin-bottom:50px; }
.service_main_illust.content.isActive { opacity:1; transform:translate(0, 0px); }
.service_main_illust.content img { width:100%; position:absolute; top:0; }
.service_main_illust.content .first { z-index:1; }
.service_main_illust.content .second { z-index:2; animation:zoomin 1 steps(8,end) 0.5s; animation-delay:1.5s; animation-fill-mode:backwards; transition:1s; width:63%; left:12%; margin-top:19%; }
.service_main_illust.content .third { z-index:5; animation:zoomin 1 steps(8,end) 0.5s; animation-delay:2.5s; animation-fill-mode:backwards; transition:1s; width:16.42%; left:35%; margin-top:47%; }
.service_main_illust.content .fourth { z-index:5; transition:1s; transition-delay:0.5s; width:7.5%; right:8%; margin-top:8%; opacity:0; transform:translateY(50px) translateX(20px);  }
	.isActive .service_main_illust.content .fourth { transform:translateY(0px) translateX(0px); opacity:1; }


	@keyframes zoomin {
		0% { transform: scale(.8); opacity: 0; }
		30% { transform: scale(0.90); opacity: .3; }
		90% { transform: scale(1.05); opacity: .9;}
		100% { transform: scale(1); opacity: 1; }
	}
	


	@media screen and (min-width:1200px) {
		.service_sBox_label,
		.service_sBox_label p:before, .service_sBox_label p:after { font-size:52px; }
		
	}


	@media print, screen and (min-width:768px) {
		.service_mBox.reverse .service_mBox_text { text-align:right; }
		.service_mBox.reverse .service_mBox_label { text-align:right;  padding-left:0px; padding-right:70px; }
		.service_mBox.reverse .service_mBox_label:before { left:auto; right:0; }
		.bg_import { background-position:center right; }
		.service_mBox.reverse .service_mBox_indent { border:none; border-right:3px solid #0085bb; padding:0 40px 0 0; }
	}
	
	@media screen and (min-width:768px) and (max-width:1199px) {
		.service_sBox_label,
		.service_sBox_label p:before, .service_sBox_label p:after  { font-size:4.25vw; }
		.service_sBox_bg01,
		.service_sBox_bg02 { background-size:100% auto; }
		.service_sBox a { font-size:14px; }
		.service_sBox:last-child .service_sBox_col { padding-left:10px; }
		
	}

	@media print, screen and (max-width:1024px) {
		
		.service_main_illust.content { margin-top:15%; }
		.service_mBox_indent { padding: 0 0 0 30px; }
		.service_mBox.reverse .service_mBox_indent { padding:0 30px 0 0; }
		.service_mBox h4 { font-size:26px; margin-bottom:20px; }
	}

	@media print, screen and (max-width:767px) {
		.service_main_box { padding-top:30px; padding-bottom:5%; padding-bottom:105%; margin-bottom:30%; }
		.headlineTitle_wrap { text-align:center; }
		.headlineTitle { font-size:30px; text-align:center;  }
		.headlineTitle span { top:0; }
		.service_main_box img { position:relative; left:20px; margin-top:20px; }
		.service_main_illust.content { /*display:none;*/ width:95%; margin-top:45%; }

			.service_main_illust.content .first { max-width:120%; width:120%; left:-6%; margin-top:0%; }
			.service_main_illust.content .second { width:83%;left:4%; margin-top:16%; }
	    	.service_main_illust.content .third { width:22.42%; left:34%; margin-top:52%; }
    		.service_main_illust.content .fourth { width:10%; right:4%; margin-top:2%; }



		.service_main_box p { position: relative; top: 0; }
		.service_mBox { flex-wrap:wrap; width:calc(100% + 40px); left:-20px; margin-bottom:0px; }
		.service_mBox:after { display:none; }
		.service_mBox_text { background:#f4f6f8; }
		.service_mBox_col { margin-bottom:30px; padding:5% 3% 8%; }
		.service_mBox_col:first-child, .service_mBox_col:last-child,
		.service_mBox.reverse .service_mBox_col:first-child, .service_mBox.reverse .service_mBox_col:last-child { width:100%; }
		.service_mBox.reverse .service_mBox_col:first-child { order:2; }
		
		.service_mBox_img { text-align:center; padding:5% 10% 8%; }
		.service_mBox_indent, .service_mBox.reverse .service_mBox_indent { padding:0; border:none; }
		.service_mBox_col .btn_blue_short { margin-top:30px; }
		.service_mBox_label span { line-height:0.75; }
		.service_mBox h4 { border-bottom:3px solid #0085bb; margin:20px 0 20px; padding-bottom:10px; font-size:24px; }
		
		.bgWh_inner_box:last-child { padding-top:30px; }
		.bgWh_inner_box:last-child .content_inner_box { padding-bottom:50px; }
		
		.service_sBox { margin-top:30px; }
		.service_sBox_bg01 { background: url(../img/ourservice/img_reservation_sp.png) no-repeat top center / 80% auto; padding:70% 0 0; margin-bottom:50px; }
		.service_sBox_bg02 { background: url(../img/ourservice/img_shopping_sp.png) no-repeat top center / 80% auto; padding:70% 0 0; }

		.service_sBox_bg01,
		.service_sBox_bg02 { /*background-size:140% auto; padding-right:0; padding-left:0; padding-bottom:45%; border-bottom:3px solid #0085bd;*/ }
		.service_sBox_bg01 { /*background-position:-107% 103%;*/ }
		.service_sBox_bg02 { /*background-position:100% 103%;*/ }
		.service_sBox:last-child .service_sBox_col { padding-left:0px; }
		.service_sBox_label p:before, .service_sBox_label p:after { width:100%; }
		.service_sBox_label,
		.service_sBox_label p:before, .service_sBox_label p:after  { font-size:40px; }
		.service_sBox_label p:after { right: auto; left: calc(5em - 9px); }
		.service_sBox a { font-size:14px; }
		.service_sBox:last-child { margin-bottom:10px; }
		.service_sBox_bg01 img, .service_sBox_bg02 img { max-height:30px; }
		.service_sBox_label span { font-size:12px; }
		
	}
	
	
	@media print, screen and (max-width:500px) {
		.headlineTitle { font-size:7.25vw; }
		.service_sBox_label,
		.service_sBox_label p:before, .service_sBox_label p:after  { font-size:7.5vw; }
		.service_sBox { min-height:auto; margin-top:50px; }
		.service_sBox_btn a { padding:9px 30px; }
		.service_sBox_label p { text-stroke:.5px #444; -webkit-text-stroke:.5px #444; }
		.service_sBox_label p:before { left:0; }
		.service_sBox_label p:after { left: calc(5em + 5px); }
		.service_main_illust.content { margin-top:360px; }
	
	}



/* COMPANY INFO
--------------------------------------------------*/
.company_info_col:first-child { width:23%; border-top:2px solid #454545; padding:20px 0; }
.company_info_col:last-child { width:69%; border-top:1px solid #c7c7c7;  }
.company_info_title { font-size:23px; }
.company_info_col li { display:flex; justify-content:space-between; font-size:16px; border-bottom:1px solid #c7c7c7; }
.company_office_list li { padding:25px 0; }
.company_info_col li:last-child { border-bottom:none; }
.company_office_list li a.tel, .company_office_list li p a { color:#454545; }
.company_office_title br { display:block; }

.company_info_col_left { width:18%; }
.company_info_col_right { width:81%; }

.company_about_list li, .company_history_list li { padding:20px 0; }
.company_about_detail { padding-left:30px; }
.service_shop { margin-bottom:10px; }
.service_shop li { padding:0; border:none; margin-left:1em; text-indent:-1em; }

	@media print, screen and (max-width:1024px) {
		.company_info_col li { flex-wrap:wrap; }
		.company_info_col_left,
		.company_info_col_right { width:100%; }
		.company_info_col_left { margin-bottom:5px; }
		.company_office_title br { display:none; }
		.company_about_detail { padding-left:0px; }
	}

	@media print, screen and (max-width:767px) {
		.company_info_box { flex-wrap:wrap; }
		.company_info_col:first-child,
		.company_info_col:last-child { width:100%; }
		.company_info_col:first-child { border:none; padding-top:0; }
		.company_office_address img { width:100%; }
		.linkBtn { margin:0 auto; text-align:center; }
	}


/* CONTACT & ENTRYFORM
--------------------------------------------------*/

.contact_col { width:48.5%; }
.contact_col:first-child { border-top:1px dotted #008292; padding:15px 0; }
.contact_box { margin-bottom:10px; padding: 20px 0; }
.contact_box input, .contact_box textarea, .contact_box select { width:100%; padding:20px; border:none; font-size:16px; }
.contact_box input[type=text], .contact_box input[type=email], .contact_box input[type=tel],.contact_box input[type=number], .contact_box textarea, .contact_box select { background:#f6f5f5; transition:0.3s; }
.contact_box .select_wrap { position:relative; }
.contact_box .select_wrap:before { content:""; right:20px; top:48%; height:0; width:0; position:absolute; pointer-events:none; width:0; height:0; border-top:5px solid #666; border-bottom:5px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; }
.mw_wp_form_confirm .contact_box .select_wrap:before { display:none; }

#entryform { margin-bottom:10%; }

#entryform input[type=submit],
#contact input[type=submit] { border-radius:30px; border:none; cursor:pointer; margin:20px 5px 0 5px; }

#entryform label,
#contact label { font-size:18px; font-weight:600; color:#008292; display:inline-block; }

.contact_box label { font-size:24px; /*padding:20px 0;*/ }

#entryform .contact_col label,
#contact .contact_col label { font-size:23px; }
.require { font-size:12px; color:#888; font-family:"rodin M"; font-weight:normal; padding-left:10px; }
.error { color:#cc0000; margin-top:5px; }
::placeholder { color:#888; }
.link { color:#454545; text-decoration:underline; }

#entryform input[type="submit"][disabled],
#contact input[type="submit"][disabled] { background-color:#ccc; cursor:default; }

#entryform input[type="submit"][disabled]:hover,
#contact input[type="submit"][disabled]:hover { box-shadow:0px 0px 0px rgba(86, 86, 86, 0); transform:translateY(0); }

#entryform input:focus, #entryform textarea:focus,
#contact input:focus, #contact textarea:focus { background:#eefbfd; outline:none; }

.chkbox input[type=checkbox] { display:none; }
.chkbox { padding-left:30px; position:relative; }
.chkbox label:before { content:''; width:20px; height:20px; display:block; position:absolute; left:calc(50% - 8em); top:5px; background:#fff; box-shadow:none; border:1px solid #ccc; }
.chkbox input[type=checkbox]:checked + label:before { content:'\2713'; color:#454545; background:#fff; line-height:1; }

.typeList { display:flex; justify-content:flex-start; }
.typeList li:first-child { margin-right:20px; }
#entryform .contact_col .typeList label { font-size:18px; }
.radio input[type=radio] { display:none; }
.radio { padding-left:30px; position:relative; }
.radio label { padding-left:10px; }
.radio label:before { content:''; width:20px; height:20px; display:block; position:absolute; left:0; top:5px; background:#fff; box-shadow:none; border:1px solid #ccc; border-radius:50%; }
.radio input[type=radio]:checked + label:before { content:'\025cf'; color:#0090bf; background:#fff; line-height:18px; text-align:center; }

.grid { /*display:grid; justify-content:space-between; grid-template-rows:;*/ display:flex; }
	    .mw_wp_form_confirm .grid { line-height:1; }

.grid_birthday { /*grid-template-columns: 30% 25% 25%; grid-gap:35px; justify-content:left;*/ }
.grid_birthday li { position:relative; width:30%; margin-right:35px; }
.grid_birthday li:after { position:absolute; top:15px; right:-25px; width:1em; height:1em; font-size:18px; color:#008292; }
.grid_birthday li:first-child:after { content:"年"; }
.grid_birthday li:nth-child(2):after { content:"月"; }
.grid_birthday li:last-child:after { content:"日"; }

	.mw_wp_form_confirm .grid_birthday { /*grid-template-columns:4em 2em 2em; grid-gap:50px;*/ }
	.mw_wp_form_confirm .grid_birthday li:after { top:0px; }
	.mw_wp_form_confirm .grid_birthday li { /*text-align:center;*/ }
	.mw_wp_form_confirm .grid_birthday li, .mw_wp_form_confirm .grid_zip li, .mw_wp_form_confirm .grid_phone li { width:auto; }

.grid_phone { /*grid-template-columns: 30% 30% 30%; grid-gap:20px; */ }
.grid_phone li { position:relative; width:30%; margin-right:35px; }
.grid_phone li:nth-child(2) { position:relative; }
.grid_phone li:nth-child(2):before, .grid_phone li:nth-child(2):after { content:"-"; position:absolute; top:15px; width:1em; height:1em; font-size:18px; color:#454545; }
.grid_phone li:nth-child(2):before { left:-20px; }
.grid_phone li:nth-child(2):after { right:-32px; }

	.mw_wp_form_confirm .grid_phone { grid-template-columns:4em 4em 4em; grid-gap:30px; justify-content:left; }
	.mw_wp_form_confirm .grid_phone li:nth-child(2):before, .mw_wp_form_confirm .grid_phone li:nth-child(2):after { top:0; }
	.mw_wp_form_confirm .grid_phone li:nth-child(2):before { left:-30px; }
	.mw_wp_form_confirm .grid_phone li:nth-child(2):after { right:-25px; }

.grid_zip { grid-template-columns:30% 30%; grid-gap:20px; justify-content:left; margin-bottom:20px; padding-left:25px; }
.grid_zip li { width:30%; margin-right:35px; }
.grid_zip li:nth-child(1) { position:relative; }
.grid_zip li:nth-child(1):before, .grid_zip li:nth-child(1):after {  position:absolute; top:15px; width:1em; height:1em; font-size:18px; color:#008292; }
.grid_zip li:nth-child(1):before { content:"〒"; left:-25px; }
.grid_zip li:nth-child(1):after { content:"-"; right:-32px; }

	.mw_wp_form_confirm .grid_zip { grid-template-columns:3em 4em; grid-gap:30px; }
	.mw_wp_form_confirm .grid_zip li:nth-child(1):before, .mw_wp_form_confirm .grid_zip li:nth-child(1):after { top:0px; }


.contact_box_confirm .contact_col:last-child { padding:20px 0; }
.btn_box { max-width:420px; justify-content:center; }

#contact .btn_box,
#recruit .btn_box { display:block; }
#contact .grecaptcha-badge,
#recruit .grecaptcha-badge { z-index:9; }

#entryform input[type="button"],
#contact input[type="button"] { width:auto; background:#fff; color:#009fbb; border-radius:30px; border:3px solid #009fbb; display:inline-block; text-align:center; padding:13px 60px; position:relative; font-size:18px; line-height:1.5; transition 0.3s; cursor:pointer; }

#entryform input[type="button"]:hover,
#contact input[type="button"]:hover { background:#009fbb; color:#fff; }

#entryform button,
#contact button { width:auto; background:#fff; color:#009fbb; border-radius:30px; border:3px solid #009fbb; display:inline-block; text-align:center; padding:13px 60px; position:relative; font-size:18px; line-height:1.5; transition 0.3s; cursor:pointer; margin:0 5px; }

#entryform button:hover,
#contact button:hover { background:#009fbb; color:#fff; }

	.mw_wp_form_confirm .contact_col { font-size:18px; font-weight:600; }
	.mw_wp_form_confirm .contact_col:last-child { padding:15px 0; }


	@media print, screen and (max-width:767px) {
		#entryform .db.size16.centerText, #entryform .db.size18.centerText,
		#contact .db.size16.centerText { text-align:left; margin-bottom:10px!important; font-size:16px; }
		.contact_box { flex-wrap:wrap; margin-bottom:0px; }
		.contact_col { width:100%; }
		#entryform .contact_col label,
		#contact .contact_col label { font-size:18px; }
		.btn_box { justify-content:center; }
		#contact input[type=submit], #entryform input[type=submit],
		#contact button, #entryform button { font-size:16px; padding:10px 30px; margin:0 10px; }


		.bgWh_inner_box:last-child .content_inner_box#entryform { margin-bottom:0; padding-bottom:0; }
		.typeList { flex-wrap:wrap; }
		#entryform .contact_col .typeList label { font-size:16px; }
		.grid_birthday li:after { font-size:16px; }
		.contact_box input, .contact_box textarea { padding:20px 10px; }
		.grid_birthday { grid-template-columns: 25% 20% 20%; }
		.grid_phone { grid-template-columns: 25% 25% 25%; justify-content:left; }
		.radio input[type=radio]:checked + label:before { line-height:20px; }
		::placeholder { line-height:18px; }
	}


/* PRIVACY POLICY
--------------------------------------------------*/

.privacypolicy_box { margin:50px 0; }
.privacypolicy_box dt { font-size:24px; color:#008292; margin-bottom:30px; }
.privacypolicy_box dd { border-top:1px solid #008292; padding:20px 0 40px; font-size:16px; }
.privacypolicy_box li, .indent { margin-left:1em; text-indent:-1em; }

.privacypolicy_contact_box { border:3px solid #70c2cc; padding:30px 18% 30px 220px; margin:30px 0; color:#008292; position:relative; z-index:1; }
.privacypolicy_contact_box:before, .privacypolicy_contact_box:after { content:""; position:absolute; z-index:-1; background-repeat:no-repeat; background-position:top center; background-size:contain; }
.privacypolicy_contact_box:before { top:20%; left:50px; background-image:url(../img/common/apple-touch-icon.png); background-position:top center;  width:126px; height:126px; }
.privacypolicy_contact_box:after { bottom:0; right:0; background-image:url(../img/common/bg_airplane.png); background-position:bottom right; width:138px; height:100%; }
.privacypolicy_contact_box a { color:#008292; }
.privacypolicy_contact_line { border-bottom:1px dotted #70c2cc; padding-bottom:10px; margin-bottom:10px; }

	@media print, screen and (max-width:1024px) {
		.privacypolicy_contact_box { padding-right:10%; }
	}
	
	@media print, screen and (max-width:767px) {
		.privacypolicy_box dt { font-size:20px; margin-bottom:20px; }
		.privacypolicy_contact_box { padding:140px 20px 30px 20px; }
		.privacypolicy_contact_box:before { top:5%; left:calc(50% - 63px); z-index:1; }
		.privacypolicy_contact_box:after { opacity:0.5; }
	}


/* 404
--------------------------------------------------*/

.error__ghost { display:block; margin:0 auto 2.5rem; width:83px; height:49px; -webkit-animation:ghost 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate both;
animation:ghost 1.5s cubic-bezier(.455,.03,.515,.955) infinite alternate both; }
.error__image { position:relative; z-index:5; margin-bottom:50px; }
.error__image:after { position:absolute; bottom:-50px; left:calc(50% - 62.5px); content:""; display:block; margin:0 auto; height:16px; width:125px; border-radius:50%; background:#ccc; opacity: .1; -webkit-animation: ghostShadow 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate both; animation:ghostShadow 1.5s cubic-bezier(.455,.03,.515,.955) infinite alternate both; }

	@keyframes ghost {
	    0%, 5% { -webkit-transform:translateY(0); transform: translateY(0); }
	    95%, to { -webkit-transform:translateY(-20px); transform:translateY(-20px); }
	}
	@keyframes ghostShadow {
	    0%, 5% { -webkit-transform:scale(.8); transform: scale(.8); }
	    95%,to { -webkit-transform:scale(.5); transform:scale(.5); }
	}

	@keyframes FadeIn {
	  from { opacity: 0; }
	  to { opacity: 1; }
	}

	@keyframes Float {
	  from { transform: translateX(100%) translateZ(0); }
	  to { transform: translateX(0%) translateZ(0); }
	}
	@keyframes FadeFloat {
	  0%, 100% { opacity: 0; }
	  5%, 90% { opacity: 1; }
	}

#Clouds { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; height:100%; overflow:hidden; animation:FadeIn 3s ease-out; user-select:none; }
.Cloud { opacity:0.5; position:absolute; width:100%; height:70px; width:74px; height:42px; animation-duration:100s; animation-iteration-count:infinite; animation-fill-mode:forwards; animation-timing-function:linear; animation-name: Float/*, FadeFloat*/; z-index:1; }
.Cloud.Foreground { background:url(../img/common/img_cloud.png) no-repeat top left / contain; height:15%; right:45%; top:80px; z-index:3; }
.Cloud.Background { background:url(../img/common/img_cloud_s.png) no-repeat top left / contain; height:8%; right:50%; top:50px; animation-duration:50s; }
.page_not_found h3 { position:relative; z-index:5; }