@charset "utf-8";

/*共通スタイル*/

* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }

body {
	display:none;
	background:#fff;
	color:#040050; 
	font-family: fot-tsukubrdgothic-std, futura-pt, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	line-height:1.8;
	-webkit-text-size-adjust:100%; overflow-x:hidden;
}

	@media only screen and (min-width: 768px) {
		.onlySp {
			display: none!important;
		}
	}
	@media only screen and (max-width: 767px) {
		.onlyPc {
			display: none!important;
		}
	}


html { visibility:hidden; }
html.wf-active { visibility:visible; }

/* ----------------------------------------------------
layout
---------------------------------------------------- */

	.regular { font-weight:400; }
	.bold { font-weight:500; }
	.black { font-weight:700; }
	
	.futura { font-family:futura-pt, sans-serif; font-weight:400; font-style:normal; }
	.futura_light { font-family: futura-pt, sans-serif; font-weight: 300; font-style:normal; }
	
	img { max-width:100%; }
	ul { list-style:none outside; }
	.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
	.clr { min-height:1px; clear:both; }
	* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
	
	h1,h2,h3,h4 { font-weight:bold; }
	
	a { text-decoration:none; color:#040050; transition:0.3s; }
	a:hover img { opacity:0.8; }
	
	.btn { max-width:220px; color:#040050; border-radius:20px; border:3px solid #040050; display:block; text-align:center; padding:9px 30px 12px; font-size:16px; line-height:1; position:relative; }
		.btn:before, .btn:after { content:""; position:absolute; width:10px; height:3px; background:url(../img/common/bg_dot.png) no-repeat top left; transition:0.3s; }
		.btn:before { top:-3px; right:37px; }
		.btn:after { bottom:-3px; left:37px; }
		.btn:hover { opacity:0.7; }
		.btn:hover:before { right:67px; }
		.btn:hover:after { left:67px; }
		
	.centerBlock .btn { margin: 0 auto; }
	
	
	.btn_arrow { max-width:420px; color:#d96d54; border-radius:30px; display:block; text-align:center; padding:10px 0; background:#fff url(/assets/img/common/ico_arrow_orange.png) no-repeat 95% center; position:relative; font-size:18px; font-weight:bold; transition:0.3s; }
		.btn_arrow:after { content:""; position:absolute; z-index:-1; bottom:-7px; left:7px; width:100%; height:100%; background:url(/assets/img/common/bg_btn.png) no-repeat bottom center / 100% auto; transition:0.3s; }
	.btn_arrow_red { color:#fff; background:#e72427 url(/assets/img/common/ico_arrow_white.png) no-repeat 95% center; }
	.btn_arrow:hover { top:5px; left:7px; }
	.btn_arrow:hover:after { bottom:-3px; left:2px; }

	.btn_icon_white { max-width:420px; color:#fff; border-radius:30px; display:block; text-align:center; padding:10px 0; background:#e72427 url(/assets/img/common/ico_arrow_white.png) no-repeat 95% center; position:relative; z-index:2; font-size:18px; font-weight:bold; transition:0.3s; }
	.btn_icon_white:after { content: ""; position:absolute; z-index:0; bottom:-7px; left:7px; width:100%; height:100%; background:url(/assets/img/common/bg_btn.png) no-repeat bottom center / 100% auto; transition:0.3s; }
	
	
	.block { display:block; }
	.normal { font-weight:normal; }
	.italic { font-style:italic; }
	
	.centerText { text-align:center; }
	.leftText { text-align:left; }
	.rightText { text-align:right; }
	
	.centerBlock { margin: 0 auto!important; }
	.fleft { float:left; }
	.fright { float:right; }
	
	.flex { display:flex; align-items:center; }
	.flex_center { justify-content:center; }
	.flex_left { justify-content:flex-start; }
	
	.red { color:#e72427; }
	.white { color:#fff; }
	.orange { color:#d03c1a; }
	
	.bg_beige { background:#ede6e0; }
	.bg_beige2 { background:#e8ded6; }
	.bg_gray { background:#f2f2f2; }
	.bg_gray2 { background:#f9f9f9; }
	.bg_white { background:#fff; }
	
	.small { font-size:12px; }
	
	.relative { position:relative; z-index:1; }
	
	.fadein { opacity:0; transform:translateY(20px); transition:all 1s; }
	
	.baloon_img { position:absolute; left:85%; }
	.baloon_img ul { display:flex; justify-content:center; position:relative; }
	.baloon_img ul li { margin:0 10px; position:absolute; top:0; left:0; }
	.baloon_img ul li:nth-child(1) { top:0px; left:35px; }
	.baloon_img ul li:nth-child(2) { top:-25px; left:10px;  }
	.baloon_img ul li:nth-child(3) { top:45px; left:-25px; }
	.baloon_img img { max-width:50px; }
	.baloon { animation: fuwafuwa 3s linear infinite; transform-origin: 50% 50%; }
	.baloon2 { animation: fuwafuwa 2.5s linear infinite; transform-origin: 50% 50%; }
	.baloon3{ animation: fuwafuwa 2.0s linear infinite; transform-origin: 50% 50%; }
	
		.animation-obj { opacity:0; margin-top:100px; transition:0.5s; }
		.animation-obj.active { opacity:1; margin-top:0; }
 	
		@keyframes fuwafuwa {
			0% { transform: translateY(0); }
			33.33333% { transform: translateY(-8px); }
			66.66667% { transform: translateY(0); }
			100% { transform: translateY(0); }
		}
		
		.slide-top { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
			@keyframes slide-top {
			  0% { transform: translateY(0); }
			  100% { transform: translateY(-100px); }
			}
		

#contents .animation-box { position:relative; padding:10% 0; }

#contents .animation-box:before { content:""; background:#f5bad4 url(/assets/img/common/bg_wave.png) repeat-x top left / 37px auto; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition:.5s; animation:bg-slider 100s linear infinite;  /*margin-top:150px;*/ transform: translateX(100%); }

#contents .animation-box:after { content:""; background:#f5bad4 url(/assets/img/common/bg_wave_btm.png) repeat-x bottom left / 37px auto; opacity:0; position:absolute; bottom:0; left:0; width:100%; height:27px; transition:.5s; animation:bg-slider 100s linear infinite; transform: translateX(100%); }

#contents .animation-box.active:before,
#contents .animation-box.active:after { opacity:1; transform: translateX(0%); }
 
 
	

		/*
		#header:before { content:""; display:block; height:80px; margin:-80px 0 0; }
		#header { position:fixed; z-index:10; width: 100%;height: 80px;top: 0;text-align: center;background: rgba(255, 255, 255, 1);border-bottom: 1px solid #efefef; transition:0.3s; }
		
		.header_global { max-width:1380px; padding:0 20px; height:100%; margin:0 auto; backgound:#efefef; display:flex; justify-content:space-between; align-items:center; }
			
			
		#header img { display:block; }
			@media all and (-ms-high-contrast: none) {
		  		*::-ms-backdrop, #header .teijin_logo img { max-width:162px; } 
			}

		#header h1 a { display:flex; align-items:center; }
		#header h1 em { padding-left:20px; font-size:12px; letter-spacing:0.1em; color:#999;  }
		#header h1 img { display:inline-block; max-width:202px; }
		.header_global .teijin_logo { max-width:162px; }
		*/
		
/* ----------------------------------------------------
header
---------------------------------------------------- */

/*#main { margin-top: 80px;}*/
#navi { background-color: #FFF; position: fixed;top: 0;left: 0; z-index:10; height: 80px; width: 100%;}
#navi input { display: none;}
.menu-left { float: left; line-height:80px; min-width:200px; max-width:235px; width:19.5%; }
.menu-left img { vertical-align:top; margin:5px 0 0 10px; width:100%; }
.menu-right { float:right; }
.menu { float:right; margin-right:10px; display:flex; justify-content:flex-start; flex-wrap:wrap; }
.menu ul:last-child { margin-left:10px; }
.menu-parent { float: left; margin-right:15px; line-height: 80px; font-size:16px; font-weight:700; white-space: nowrap; }
		
		@media screen and (max-width: 1140px) and (min-width: 768px) {
			.menu { display:block; margin-top:10px; }
			.menu ul:last-child { margin-left:0px; }
			.menu-parent { line-height:30px; }
			.menu ul:last-child { float:right; }
		}

.menu-parent .pd { display: none;}
.menu-parent:last-child { margin-right: 0px;}
#menu-navibtn { display: none; cursor: pointer; cursor: hand;}

	@media screen and (max-width: 767px) {
	  .menu-parent .pd { display: inline-block; width: 100%; }
	  .menu { display: none; }
	  .menu-parent { height: auto; width: 100%; padding: 0px 20px; border-bottom: 1px solid #DDD; }
	  .menu-parent:first-child { border-top: 1px solid #DDD; }
	  .menu-parent i { padding: 0px 6px; }
	  #menu-navibtn:checked ~ #navi { position: fixed; overflow-y: scroll; overflow-x: hidden; height: 100%; }
	}
/* dropdown menu */
.menu-parent { position: relative;}
.menu-parent .menu-child {visibility: hidden; opacity: 0; position: absolute; margin-left: -40px; width: auto; box-sizing: border-box; padding: 0px 20px;  background-color: #FFF; border: 1px solid #000;}
	@media screen and (min-width: 768px) {
	  .menu-parent:hover .menu-child { visibility: visible; opacity: 1; }
	  #navi #navibtn { display: none; }
	}
	@media screen and (max-width: 767px) {
	  .menu { float:none; margin-right:0px; }
	  #menu-navibtn:checked ~ * .menu { display: block; opacity: 1; }
	  #menu-navibtn:checked ~ * .menu-parent { max-height: inherit; overflow-y: visible; }
	  #menu-navibtn:checked ~ * .menu-child { max-height: 0; overflow-y: hidden; visibility: hidden; }

	  .menu-parent .menu-child { border-top: 1px solid #DDD; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; position: relative;    padding: 0 20px; opacity: 1; top: 0; margin-left: auto; left: auto; width: auto; }
	  .menu-parent > label:hover { cursor: pointer; cursor: hand; }
	  #navi input[type="checkbox"]:checked ~ .menu-child { max-height: inherit; overflow-y: visible; visibility: visible; }
			.angletoggle:before {content: "\f107";}
			#navi input[type="checkbox"]:checked ~ * .angletoggle:before { content: "\f106";}
	}

.menu-child li { font-size: 14px; border-bottom: 1px solid #DDD;}
.menu-child li:last-child { border: none;}
.menu-child li i { margin-right: 3px;}

	@media screen and (max-width: 767px) {
		#navi #navibtn { display: block; position: absolute; top: 10px; right: 10px; z-index:10; }
		#navibtn span { display: block; width: 40px; height: 40px; background:#040050; }
		#navibtn span span { display: block; overflow: hidden; width: 1px; height: 1px; }
		#navibtn span span::before,
		#navibtn span span::after,
		#navibtn span::after { position: absolute; left:10px; content:""; width: 20px; height: 3px; background-color: #FFF; }

		#navibtn span span::before { top:10px; }
		#menu-navibtn:checked ~ #navi label#navibtn span span::before { top:19px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

		#navibtn span::after { bottom:10px; }
		#menu-navibtn:checked ~ #navi label#navibtn > span::after { bottom:18px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

		#navibtn span span::after { top:18px; }
		#menu-navibtn:checked ~ #navi label#navibtn span span::after { display: none; }
	}


	
		
/* ----------------------------------------------------
HOME
---------------------------------------------------- */

		#mainVisual { height:100vh; max-width:1560px; margin:0 auto; min-height:850px; /*display:flex; justify-content:center; align-items:center;*/ position:relative; transition:0.3s; }
		
			.mainVisual_container { display:flex; justify-content:center; align-items:top; height:100vh; width:100%; }
		
			.mainVisual_text { writing-mode:vertical-rl; line-height:1.5; color:#040050; font-weight:bold; position:absolute; z-index:1; /*right:calc(50% - 500px); */ right:100px; top:calc(50% - 30%); /*text-shadow:#fff 1px 1px 0, #fff -1px -1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff 0px 1px 0, black  0-1px 0, #fff -1px 0 0, #fff 1px 0 0; */ text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px,#fff 0px -2px 2px, #fff -2px 0px 2px,#fff 2px 2px 2px, #fff -2px 2px 2px,#fff 2px -2px 2px, #fff -2px -2px 2px,#fff 1px 2px 2px, #fff -1px 2px 2px,#fff 1px -2px 2px, #fff -1px -2px 2px,#fff 2px 1px 2px, #fff -2px 1px 2px,#fff 2px -1px 2px, #fff -2px -1px 2px,#fff 1px 1px 2px, #fff -1px 1px 2px,#fff 1px -1px 2px, #fff -1px -1px 2px; font-size:22px; }
				.mainVisual_text:after { position:aboslute; top:0; left:0; text-shadow:#fff 1px 1px 0, #fff -1px -1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff 0px 1px 0, black  0-1px 0, #fff -1px 0 0, #fff 1px 0 0; }

			.mainVisual_text #title {  opacity:0;  }
			.mainVisual_text #title2,
			.mainVisual_text #title3 { font-size:35px; opacity:0; }
			.mainVisual_text #title3 { margin-top:2em; opacity:0; }
			
			.mainVisual_illust { text-align:center; max-width:960px; padding-top:70px; }
			.mainVisual_illust li:first-child { position:relative; z-index:1; }
			.mainVisual_illust li:nth-child(1) img { max-width:130px; }
			.mainVisual_illust li:nth-child(2) { display:none; margin-top:-50px; }
			.mainVisual_illust li:nth-child(3) { opacity:0; }
			.mainVisual_illust li:nth-child(3) p { position:relative; text-align:center; font-size:20px; font-weight:600; letter-spacing:0.025em; margin-top:30px; padding:0 20px; }
			.mainVisual_illust li:nth-child(3) strong { font-size:1.1rem; }
			.mainVisual_illust li:nth-child(3) .btn { font-weight:700; margin:30px auto; }
			.mainVisual_illust li:nth-child(3) .copyright { font-size:15px; margin-bottom:10px; font-weight:400; letter-spacing:0.025em; }
			
			
			/*
			.mainVisual_text_bottom { position:absolute; bottom:10px; left:0; width:100%; }
			.scroll_down { position:absolute; z-index:1; bottom:10px; left:calc(50% - 2.5em); width:5em; padding-bottom:75px; text-align:center; }
			.scroll_down:after { content:""; position:absolute; z-index:-1; bottom:0; left:calc(50% - 25%); width:50%; height:auto; padding:50% 0; background:url(/assets/img/common/ico_scroll.png) no-repeat bottom center / contain; }
			.scroll_down { color:#040050; }*/
			
			
			.contactTab { position:relative; }
			.contactTab_inner { background:url(../img/common/bg_cotactTab.png) no-repeat top center; width:302px; height:106px; position:absolute; right:5.5%; top:-106px; }
			.contactTab a { display:block; height:100%; }
			.contactTab ul { margin-left:92px; }
			.contactTab li { line-height:1; }
			.contactTab li:nth-child(1) { font-size:13px; color:#040050; margin-top:11px; letter-spacing:-0.05em; }
			.contactTab li:nth-child(2) { color:#040050; display:block; font-size:26px; font-weight:700; margin-top:5px; }
			.contactTab li:nth-child(3) { color:#fff; display:block; font-size:13px; margin-top:5px; }
			.contactTab_comment { background:#fdd08d; display:inline-block; position:absolute; top:-100px; right:5.5%; margin-right:265px; z-index:1; border-radius:0 0 3px 3px; padding:0 10px 2px; font-size:14px; line-height:1.8; }
			.contactTab_comment:after { position:absolute; content:""; width:0; height:0; border:4px solid transparent; border-top:13px solid #fdd08d; right:9px; top: 20px; transform:rotate(-35deg); }
			
			.slide-down { animation-name:slideDown; animation-timing-function:ease-in; animation-iteration-count:1; animation-delay:0s; transform-origin:50% 50% 0;  animation-duration:.5s; top: 0; }
				@keyframes slideDown {
					0% { top:-56px; }
					100% { top:0; }
				}
			
			
			
			.floating_bg { /*display:none;*/ opacity:0; position:absolute; top:calc(50% - 30px); left:calc(50% - 287px); width:165px; height:165px; }
			.patch { animation:vertical 1s ease-in-out infinite alternate; }
			.floating_bg img { animation:horizontal 1.5s ease-in-out infinite alternate; }

/*
.floating_bg ul li { position:absolute; background-size:contain; background-repeat:no-repeat; background-position:center center; opacity:0.3; }
.floating_bg ul li:nth-child(1) { animation: bubble 10s ease-in-out infinite alternate; top:40%; left:30%; width:90px; height:90px; }
.floating_bg ul li:nth-child(2) { animation: bubble2 10s ease-in-out infinite alternate; animation-duration:9s;top:30%; left:50%; width:70px; height:70px; }
	.floating_bg ul li:nth-child(2) img { animation: vertical 15s ease-in-out infinite alternate; }
.floating_bg ul li:nth-child(3) { animation: bubble3 10s ease-in-out infinite alternate; top:40%; left:65%; width:80px; height:80px; }
	.floating_bg ul li:nth-child(3) img { animation: vertical 20s ease-in-out infinite alternate; }
*/
				/* FILTER blur */
				@keyframes blur {
					0% { filter: blur(10px); }
					100% { filter: blur(0); }
				}
				
				@keyframes bubble {
					0% { transform: translateX(0); }
					50% { transform: translateX(50px); }
					100% { }
				}
				@keyframes bubble2 {
					0% { transform: translateX(0);  }
					50% { transform: translateX(-30px); }
					100% {  }
				}
				@keyframes bubble3 {
					0% {  transform: translateX(0);  }
					50% { transform: translateX(30px); }
					100% {  }
				}
				
				@keyframes horizontal {
				    0% { transform:translateX(-3px); }
				  100% { transform:translateX(0); }
				}
				@keyframes vertical {
				  0% { transform:translateY(-10px); }
				  100% { transform:translateY(0); }
				}

		
			/*
			@media print, screen and (max-height:850px) and  (min-width:768px) {
				#mainVisual { background:pink; min-height:900px; align-items:start; }
			}*/
			
		@media print, screen and (max-width:1024px) {
			.mainVisual_illust li:nth-child(3) p br { display:none; }
			.contactTab { position: relative; }
			.contactTab_inner, .contactTab_comment { right:2.5%; }
		}
		
		@media print, screen and (max-width:800px) {
			.mainVisual_illust { padding-top:50px; }
			.mainVisual_illust li:nth-child(2) { position:relative; left:-40%; }
			.mainVisual_illust li:nth-child(2) img { max-width:145%; }
			.mainVisual_illust li:nth-child(3) p { }
			
			.mainVisual_text { right:8%; top:20%; }
			.floating_bg { left:calc(50% - 50px); width:100px; height:100px; }
			.floating_bg img { animation:horizontal 1.5s ease-in-out infinite alternate; }
		}
		
		@media print, screen and (max-width:767px) {
			.mainVisual_container { height:auto; }
			.mainVisual_illust li:nth-child(1) img { max-width: 32.4%; }
			.mainVisual_illust li:nth-child(2) { position:relative; left:0%; margin-top: 0px; }
			.mainVisual_illust li:nth-child(2) img { max-width:100%; }
			.mainVisual_text { top:40%; }
			.floating_bg { position:relative; top:30px; left:calc(50% - 15.4%); width:30.8%; height:auto; }
			.contactTab_sp { opacity:0; }
			.contactTab_sp img { display:block; }
		}
		
		@media print, screen and (max-width:650px) {
			#mainVisual { min-height:auto; }
			.mainVisual_illust li:nth-child(3) p { margin-top:10%; font-size:18px; }
			.mainVisual_illust li:nth-child(2) { /*position:relative; left:-54%;*/ }
			.mainVisual_illust li:nth-child(2) img { }
			.mainVisual_text { font-size:4vw; top:33%; }
			.mainVisual_text #title2, .mainVisual_text #title3 { font-size:5vw; }
		}
		
		@media print, screen and (max-width:450px) {
			.mainVisual_illust { padding-top:25px; }
			.mainVisual_illust li:nth-child(3) p { margin-top:10px; font-size:14px; }
			.mainVisual_illust li:nth-child(3) .copyright { font-size:12px; }
			.mainVisual_illust li:nth-child(3) br.onlySp { display:block; }
			.mainVisual_text { top:30%; }
			.floating_bg { top:10px; }
		}


/* ----------------------------------------------------
common element
---------------------------------------------------- */
	#wrapper { margin:0 auto; background:#fff; }
	
		.content_inner { max-width:1360px; margin:0 auto; padding:70px 0; }		

		
		#gMenu { position:absolute; top:80px; right:0; z-index:4; }
		#gMenu ul { display:flex; justify-content:flex-end; align-items:center; }
		#gMenu li { text-align:center; }
		#gMenu li a { display:flex; justify-content:center; align-items:center; width:110px; height:110px; color:#fff; background:#e72427; transition:0.3s; line-height:1.5; }
		#gMenu li:nth-child(even) a { background:#ca2022; }
		#gMenu li a:hover { background:#eb4547; }
		#gMenu li:nth-child(even) a:hover { background:#d24143; }
		#gMenu ul ul.nest_menu { display:none!important; }
		
		
		#footer { position:relative; margin:5% auto; padding:100px 0; }
			#footer:before { content:""; background:#f5bad4 url(../img/common/bg_wave.png) repeat-x top left / 37px auto; position:absolute; top:0; left:0; width:100%; height:100%; animation:bg-slider 100s linear infinite; transition:0.3s; transform: translateX(100%); opacity:0; }
			#footer:after { content:""; background:#f5bad4 url(../img/common/bg_wave_btm.png) repeat-x bottom left / 37px auto; position:absolute; bottom:0; left:0; width:100%; height:27px; animation:bg-slider 100s linear infinite; transition:0.3s; transform: translateX(100%); opacity:0; }
			#footer.animation-box.active:before,
			#footer.animation-box.active:after { opacity:1; transform: translateX(0%); }
    	
		    @keyframes bg-slider {
				from { background-position: 0 0; }
			    to { background-position: -1560px 0; }
			}
			
			


#footer .animation-obj { transition:.5s; position:absolute; top:-15%; left:0; opacity:0; /* animation:bg-slider 100s linear infinite; transform: translateX(100%); opacity: 0;*/ width:100px; /*transform: translateX(100%);*/ }
#footer .animation-obj.active { opacity:1; /*transform: translateX(0%); left:50%;*/ animation:moving_car 15s linear infinite, upDown 1s linear infinite; }

#footer .moving_car.active:after { content:"無料出張承ります！"; position:absolute; top:-30px; left:25px; width:10em; text-align:center; height:auto; font-size:12px; line-height:2; color:#040050; display:block; background:#f8cee0; border-radius:5px; animation: upDown 2s linear infinite; }
#footer .moving_car.active:before { content:""; position:absolute; top:-8px; left:45px; border:7px solid transparent; border-top:7px solid #f8cee0; animation: upDown 2s linear infinite; }

		@keyframes moving_car {
			0%   { left:100%; }
			100% { left:-25%; }
		}
		@keyframes upDown {
			0% { transform: translateY(0); }
			33.33333% { transform: translateY(-4px); }
			66.66667% { transform: translateY(0); }
			100% { transform: translateY(-2px); }
		}
		
		
		.contactUs { font-size:18px; font-weight:bold; }
		.contactUs ul { padding:10px 0; }
		.contactUs li { border-radius:20px; border:2px solid #040050; background:#fff; padding:8px 30px 8px; font-size:20px; line-height:1; margin:0 10px; }
		.contactUs a { display:block; }
		
		.copyright { line-height:1.5; font-size:12px; font-weight:400; }
		
		.footer_inner_w100 { max-width:100%; margin:0 auto; position:relative; font-size:0.7rem; }
		.footer_bottom { /*max-width:800px;*/ margin:0 auto; display:flex; justify-content:center; flex-wrap:wrap; background:#ede6e0; position:relative; }
			.footer_bottom:before { content:""; border-bottom:1px dotted #666; width:100%; height:1px; position:absolute; bottom:10px; left:0; }


		.footer_gMenu { display:flex; background:#ede6e0; position:relative; }
		.footer_gMenu li { position:relative; padding:0 10px; }
		.footer_gMenu li:not(:last-child):after { content:" / "; position:absolute; top:0; right:0; }
		.footer_gMenu a { color:#565656; }
		.footer_bottom p { background:#ede6e0; position:relative; padding:0 10px; }
		
		.pageTop { position:fixed; bottom:50px; right:5%; z-index:2; }
		.pageTop a { display:flex; text-decoration: none; color: #fff; background: #d03c1a; text-align: center; border-radius:50%; outline: none; }
		.pageTop a:hover { text-decoration: none; opacity:0.8; }
		.pageTop i { font-size:35px; padding:10px; }
		
/*
.bubbles { position: absolute; width: 100%; height: 100%; z-index: 0; overflow: hidden; top: 0; left: 0;}
.bubble { position: absolute; bottom:-40; width:40px; height:40px; animation: bubble 10s ease-in infinite; background-size:contain; background-repeat:no-repeat; background-position:center center;background-image:url(/assets/img/common/img_circle_yellow.png); }
.bubble:nth-child(1) { width: 20px; height: 20px; left: 10%; animation-duration: 5s; }
.bubble:nth-child(2) { width: 30px; height: 30px; left: 20%; animation-delay: 1s;}
.bubble:nth-child(3) { width: 30px; height: 30px; left: 30%; animation-duration: 3s;}
.bubble:nth-child(4) { width: 50px; height: 50px; left: 45%; animation-duration: 6s; animation-delay: 2s;}
.bubble:nth-child(5) { width: 10px; height: 10px; left: 60%; animation-duration: 3.5s;}
.bubble:nth-child(6) { width: 30px; height: 30px; left: 70%; animation-duration: 5s;}
.bubble:nth-child(7) { width: 25px; height: 25px; left: 80%; animation-duration: 4s;}

@keyframes bubble {
  0% { bottom:-100px; transform: translateX(0); }
  50% { transform: translateX(100px); }
  100% { bottom: 1000px; }
}*/

		
		
		@media print, screen and (max-width:1024px) {
			
		}
		
		
		@media print, screen and (max-width:900px) {
			.mainVisual_text { right:8%; /*top:10%;*/ }
			.scroll_down { padding-bottom:50px; }
			.scroll_down:after { left:calc(50% - 7.5%); width:15%; }
		}
		
		@media print, screen and (max-width:767px) {
			.btn { padding:9px 30px 12px; }
		}
		
		@media print, screen and (max-width:450px) {
			.btn { padding:10px 30px 10px; }
		}



/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mt00 { margin-top:0px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }
.mt70 { margin-top:70px!important; }
.mt80 { margin-top:80px!important; }
.mr00 { margin-right:0px!important; }
.mr05 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mr60 { margin-right:60px!important; }
.mr70 { margin-right:70px!important; }
.mr80 { margin-right:80px!important; }
.mb00 { margin-bottom:0px!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }
.mb80 { margin-bottom:80px!important; }
.ml00 { margin-left:0px!important; }
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml70 { margin-left:70px!important; }
.ml80 { margin-left:80px!important; }
/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pt00 { padding-top:0px!important; }
.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt60 { padding-top:60px!important; }
.pt70 { padding-top:70px!important; }
.pt80 { padding-top:80px!important; }
.pr00 { padding-right:0px!important; }
.pr05 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr50 { padding-right:50px!important; }
.pr60 { padding-right:60px!important; }
.pr70 { padding-right:70px!important; }
.pr80 { padding-right:80px!important; }
.pb00 { padding-bottom:0px!important; }
.pb05 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }
.pb70 { padding-bottom:70px!important; }
.pb80 { padding-bottom:80px!important; }
.pl00 { padding-left:0px!important; }
.pl05 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl50 { padding-left:50px!important; }
.pl60 { padding-left:60px!important; }
.pl70 { padding-left:70px!important; }
.pl80 { padding-left:80px!important; }