@import url("https://use.fontawesome.com/releases/v5.0.6/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top;max-width:100%;height:auto;-ms-interpolation-mode:bicubic; }
main { display:block; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */

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

body {
	background:#fefefe;
	font-family: 'Montserrat' ,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	line-height:1.8;
	color:#000;
	font-size:14px;
	-webkit-text-size-adjust:none;
	min-width:1080px;
	}
body,html{height:100%;margin:0 auto;}
body *{box-sizing:border-box;}
a{text-decoration:none;color:#000;outline:none;transition:all 0.5s ease-out;}
a *{transition:all 0.5s ease-out;}
a:hover,
a:hover *{text-decoration:none;color:#14a56c;}
a:hover img{opacity:0.8;}
::selection {background:rgba(9,33,95,0.2);}
::-moz-selection {background:rgba(9,33,95,0.2);}

/* common */
.inner{width:1080px;max-width:100%;margin:0 auto;position:relative;}
.sp{display:none;}
.mincho{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.cen{text-align:center;}
.bold{font-weight:bold;}
.right{text-align:right;}
.red{color:#c90e00;}

main{}

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

#fixedTop{right:10px;bottom:10px;width:50px;height:50px;line-height:50px;color:#fff;font-size:20px;text-align:center;display:none;background:#31b27a;position:fixed;z-index:9999;border-radius:50%;-webkit-transform:translateZ(0);}
#fixedTop:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;opacity:0.7;}

.screen-reader-text {clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important;}

.row { clear:both;display:flex;flex-flow:row wrap;}
.row-reverse { clear:both;display:flex;flex-flow:row-reverse wrap;}
.col-01, .col-02, .col-024, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 {padding:0 15px;display:inline-block;border:0px solid red;}
.col-01 { width: 8.33333%; }
.col-02 { width: 16.66667%; }
.col-024 { width: 20%; }
.col-03 { width: 25%; }
.col-04 { width: 33.33333%; }
.col-05 { width: 41.66667%; }
.col-06 { width: 50%; }
.col-07 { width: 58.33333%; }
.col-08 { width: 66.66667%; }
.col-09 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }
.col-half{padding:0px;display:inline-block;width:50%;}

nav ul li a{display:block;font-weight:800;transition:all 0.5s ease-out;}
nav ul li a small{font-weight:normal;transition:all 0.5s ease-out;}
nav ul li a:hover small{color:#14a56c;}


/*--header--*/
.sb-slide{display:none;}
.header{position:relative;display:flex;flex-flow:row-reverse wrap;}
header.page_head{position:relative;box-shadow:0px 5px 5px rgba(0,0,0,0.1);height:80px;overflow:hidden;z-index:99;}
header.front_head{display:block;width:18%;min-width:230px;}
header h1 a{display:block;}
header.page_head h1 a{padding:8px 0px;}
header.front_head h1{width:100%;padding:30px;margin-bottom:40px;}
header.page_head nav ul li{display:inline-block;padding:0px 8px;}
header nav ul li a{line-height:0.8;}
header nav ul li a small{font-size:14px;color:#333;transition:all 0.5s ease-out;}
header.page_head nav ul{display:inline-block;}
header.page_head nav ul li a{font-size:20px;padding:25px 0px 20px;}
header.page_head nav ul li a:hover{border-bottom:8px solid #14a56c;}
header.page_head nav ul li a small{}
header.front_head nav ul{padding-left:30px;}
header.front_head nav ul li a{font-size:28px;padding:30px 0px;position:relative;}
header.front_head nav ul li a:after{position:absolute;content:"";display:block;width:0px;height:5px;bottom:10px;left:0px;background:#14a56c;transition:all 0.5s ease-out;}
header.front_head nav ul li a:hover:after{width:100%;}
header.front_head nav ul li a small{}
.tocontact a{display:inline-block;border-radius:5px;font-weight:800;line-height:1;}
.tocontact a i{font-weight:normal;}
header.page_head .tocontact{padding-top:15px;}
header.page_head .tocontact a{color:#000;border:2px solid #000;font-size:24px;padding:10px;}
header.page_head .tocontact a:hover,
header.page_head .tocontact a:hover i{color:#14a56c;border-color:#14a56c;}
header.front_head .tocontact{position:absolute;right:30px;top:30px;}
header.front_head .tocontact a{color:#fff;border:2px solid #fff;font-size:30px;padding:15px 20px;}
header.front_head .tocontact a i{color:#fff;}
header.front_head .tocontact a:hover{background:rgba(0,0,0,0.6);}

/*--footer--*/
footer{position:relative;border-top:1px solid #13a56c;}
footer .foot{padding:30px 0px;}
footer h1{padding:15px 50px 15px 0px;}
footer nav ul li{}
footer nav ul li a{line-height:1;padding:10px 0px;font-size:16px;}
footer nav ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;color:#14a56c;}
footer nav ul li a small{font-size:12px;display:inline-block;padding-left:15px;}
footer .copyright{background:#13a56c;color:#fff;padding:10px;}

.template-access{background:linear-gradient(90deg, #d8f1e8 0%, #d8f1e8 50%, #7ed0af 50%, #7ed0af 100%);}
.template-access iframe{width:100%;height:600px;margin-bottom:-8px;border:0px;border-top:1px solid #fefefe;}
.template-access .access1{padding:80px 30px 100px 15px;}
.template-access .access1 a i{color:#14a56c;}
.template-access .access1 a:hover i{color:#000;}
.template-access .access1 p{margin-bottom:20px;}
.template-access .access2{padding:80px 90px;color:#fff;}
.template-access .access2 a{display:inline-block;width:100%;margin-bottom:10px;border:2px solid #fff;border-radius:6px;text-align:center;color:#fff;font-size:32px;font-weight:800;line-height:1;padding:10px 0px;}
.template-access .access2 a.page{font-size:30px;}
.template-access .access2 a i{color:#fff;}
.template-access .access2 a span{display:block;font-size:14px;font-weight:normal;color:#fff;padding:5px 0px;}
.template-access .access2 a small{display:block;font-size:12px;font-weight:normal;color:#fff;padding:5px 0px;}
.template-access .access2 a:hover{background:#14a56c;}


@media screen and (max-width: 1260px) {
	header.front_head h1{margin-bottom:10px;padding:20px;}
	header.front_head nav ul{padding-left:20px;}
	header.front_head nav ul li a{padding:10px 0px 20px;}

}

@media screen and (max-width: 768px) {
	body{min-width:initial;min-width:auto;}
	.inner{width:100%;}
	img{max-width:100%;height:auto;}
	main{width:100%;padding-top:calc(2.6875vw * 5);}

	.col-01, .col-02, .col-024, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { padding:0px 5px; }
	.col-01 { width: 100%; }
	.col-02 { width: 100%; }
	.col-024{ width: 100%; }
	.col-03 { width: 100%; }
	.col-04 { width: 100%; }
	.col-05 { width: 100%; }
	.col-06 { width: 100%; }
	.col-07 { width: 100%; }
	.col-08 { width: 100%; }
	.col-09 { width: 100%; }
	.col-10 { width: 100%; }
	.col-11 { width: 100%; }
	.col-12 { width: 100%; }
	.col-half{ width: 100%; }


	/*slidemenu*/
	#sb-site{background:#fefefe;}
	.sb-slidebar{background:#ddd;min-height:100%;padding-bottom:60px;}
	.sb-slide{
		display:block;
		position:fixed;
		left:0;
		top:0;
		z-index:1000;
		font-size:calc(4.6875vw * 1.2);
		line-height:1.2;
		-webkit-transform: translate3d(0, 0, 2px);
		transform: translate3d(0, 0, 2px);
	}
	.sb-slide .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display:none;
	}
	.sb-active .sb-slide .sb-close {
		display:flex;
	}

	.sb-slidebar nav ul{}
	.sb-slidebar nav ul li{border-bottom:1px dashed #fff;}
	.sb-slidebar nav ul li a{padding:10px 5px;font-size:16px;}
	.sb-slidebar nav ul li a small{font-size:12px;display:inline-block;padding-left:10px;}
	.sb-slidebar nav ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;color:#14a56c;}
	.sb-slidebar .tocontact{padding-top:20px;}
	.sb-slidebar .tocontact a{color:#14a56c;border:2px solid #14a56c;font-size:22px;padding:10px;width:90%;text-align:center;margin:0px 5% 10px;}
	.sb-slidebar .tocontact a.page{font-size:20px;}
	.sb-slidebar .tocontact a:hover{color:#fff;background:#14a56c;}
	.sb-slidebar .tocontact a:hover i{color:#fff;}

	/*--header--*/
	.sb-slide{width:100%;height:calc(2.6875vw * 5);display:flex;overflow:hidden;box-shadow:0px 5px 5px rgba(0,0,0,0.1);}
	.sb-slide h1{width:70%;background:#fefefe;}
	.sb-slide h1 a{display:block;height:calc(2.6875vw * 5);padding:5px 3.9062vw;}
	.sb-slide h1 a img{max-height:100%;}
	.sb-slide .phone,
	.sb-slide .menu{width:15%;height:calc(2.6875vw * 5);position:relative;font-size:calc(4.6875vw * 1.2);color:#fff;}
	.sb-slide .phone{background:#13a56c;display:flex;align-items:center;justify-content:center;}
	.sb-slide .phone a{color:#fff;display:block;}
	.sb-slide .menu{background:#2B3036;display:flex;align-items:center;justify-content:center;padding:0;}
	.sb-toggle-right,
	.sb-close{width:100%;height:calc(2.6875vw * 5);display:flex;align-items:center;justify-content:center;}

	footer .foot{padding:0px 0px;}
	footer h1{width:100%;text-align:center;padding:10px 25%;}
	footer .foot_nav{display:none;}
	.template-access{background:#d8f1e8;}
	.template-access iframe{height:300px;}
	.template-access .col-06.access1{padding:40px 10%;}
	.template-access .col-06.access2{background:#7ed0af;padding:40px 10%;}

}

@media screen and (max-width: 480px) {
	body{font-size:12px;}

	.template-access iframe{height:240px;}
	.template-access .col-06.access1{padding:40px 5%;}
	.template-access .col-06.access2{padding:40px 5%;}

}


/*****************************************************************************
 PAGE COMMON
 *****************************************************************************/
h3.h3{font-size:40px;font-weight:800;line-height:1.2;letter-spacing:0.05em;margin-bottom:30px;}
h3.h3 small{font-size:18px;font-weight:normal;display:block;letter-spacing:0.02em;padding-top:5px;}
h4.h4{font-size:30px;font-weight:800;line-height:1.2;margin-bottom:30px;border-left:10px solid #ccc;padding-left:10px;}
h4.h4 small{font-size:18px;font-weight:normal;letter-spacing:0.02em;display:inline-block;padding-left:10px;color:#14a56c;}

.more_btn{display:block;text-align:right;font-size:14px!important;line-height:1.8!important;}
.more_btn a:after{content:"\f054";font-family:FontAwesome;margin-left:10px;display:inline-block;width:34px;height:30px;border:1px solid #000;border-radius:50%;text-align:center;padding:6px 0px 0px 2px;transition:all 0.5s ease-out;}
.more_btn a:hover:after{border:1px solid #14a56c;}

.page_ttl{padding:100px 0px;z-index:1;position:relative;background:#31b27a;}
.page_ttl h2{font-size:48px;font-weight:800;line-height:1.2;letter-spacing:0.05em;background:rgba(0,0,0,0.7);color:#fff;display:inline-block;padding:20px 40px;border-radius:8px;}
.page_ttl h2 small{font-size:18px;font-weight:normal;display:block;letter-spacing:0.02em;padding-top:5px;}

.link_btn{padding:10px 0px;}
.link_btn a{display:block;width:320px;text-align:center;font-size:16px;background:#31b27a;color:#fff;padding:10px;border-radius:8px;box-shadow:0 3px 0 #0C8D5C;}
.link_btn a:hover{transform:translateY(3px);box-shadow:none;background:#23A66D;}
.link_btn a:hover i{color:#fff;}

@media screen and (max-width: 768px) {
	.page_ttl{padding:80px 0px;}
	.page_ttl h2{font-size:40px;letter-spacing:0.02em;padding:20px 30px;}

}
@media screen and (max-width: 480px) {
	h3.h3{font-size:36px;margin-bottom:20px;}
	h3.h3 small{font-size:16px;}
	h4.h4{font-size:26px;margin-bottom:20px;padding-left:5px;}
	h4.h4 small{font-size:14px;}

	.page_ttl{padding:60px 0px;}
	.page_ttl h2{font-size:36px;padding:15px 20px;}

}


/*****************************************************************************
 INDEX
 *****************************************************************************/
.loading{width:100%;height:100%;margin:0;background:#eee;opacity:1.0;position:fixed;top:0;left:0;z-index:10001;}
.loading img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.mainimage{position:relative;width:82%;max-width:calc(100% - 230px);}
.mainimage .bxslider li,
.mainimage .bxslider li img{width:100%;}

.loop_wrap {
  display: flex;
  width: 100%;
  overflow: hidden;
  z-index:100;
}
.loop_wrap.loop_wrap1 {
  height:100px;
}
.loop_wrap.loop_wrap1 img {
  width:1359px;
  height:100px;
}
.loop_wrap.loop_wrap2 {
  height:85px;
}
.loop_wrap.loop_wrap2 img {
  width:1600px;
  height:85px;
}
.loop_wrap.loop_wrap3 {
  height:80px;
}
.loop_wrap.loop_wrap3 img {
  width:1400px;
  height:80px;
}
@keyframes loop {
  0% {transform: translateX(100%);}
  to {transform: translateX(-100%);}
}
@keyframes loop2 {
  0% {transform: translateX(0);}
  to {transform: translateX(-200%);}
}
.loop_wrap.loop_wrap1 img:first-child {animation: loop 20s -10s linear infinite;}
.loop_wrap.loop_wrap1 img:last-child {animation: loop2 20s linear infinite;}
.loop_wrap.loop_wrap2 img:first-child {animation: loop 50s -25s linear infinite;}
.loop_wrap.loop_wrap2 img:last-child {animation: loop2 50s linear infinite;}
.loop_wrap.loop_wrap3 img:first-child {animation: loop 18s -9s linear infinite;}
.loop_wrap.loop_wrap3 img:last-child {animation: loop2 18s linear infinite;}
.mainimage .loop_wrap{position:absolute;bottom:0px;}
.overtxt{font-size:40px;position:absolute;left:40px;bottom:150px;color:#fff;text-shadow:0px 2px 2px #000;}


#greeting{background:url("../img/index/greeting.jpg") no-repeat left top;background-size:contain;text-align:right;padding:40px 0px;margin:100px 0px;}
#greeting #greeting_inner{display:inline-block;width:1000px;padding:40px 40px 30px;text-align:left;background:url("../img/index/greeting_bg.png") no-repeat left 20% top;background-size:contain;}
#greeting h4{font-size:36px;margin-bottom:40px;font-weight:500;}
#greeting h4:after{content:"";width:40%;height:2px;background:#fefefe;display:block;margin-top:20px;}
#greeting p{font-size:18px;text-shadow:0px 2px 2px #fff;line-height:2.2;}

#topics{background:#31b27a;}
#topics h3{padding-top:120px;color:#fff;}
#topics #topics_inner{display:block;width:100%;height:320px;padding:20px 40px;background:#fefefe;border:5px solid #31b27a;overflow-y:scroll;overflow-x:hidden;}
#topics #topics_inner ul{}
#topics #topics_inner ul li{/*border-bottom:1px dashed #ddd;*/display:block;padding:15px 0px;}
#topics #topics_inner ul li span{color:#14a56c;display:inline-block;padding-right:20px;}

#equipments{padding:80px 0px;}
#page-top #equipments{background:url("../img/common/bg.jpg") #eceef1;}
#equipments h3 small{color:#14a56c;}
#equipments .more_btn a:after{background:#fefefe;}
#page-top #equipments .list{margin-bottom:30px;}
#page-equipments #equipments .list{margin-bottom:50px;padding-bottom:50px;border-bottom:2px dashed #eaeaea;}
#equipments .list figure{background:#fff;text-align:center;}
#page-top #equipments .list figure{height:100%;padding:10px;border:1px solid #31b27a;}
#page-top #equipments .list figure figcaption{min-height:100px;text-align:left;}
#page-equipments #equipments .list figure:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
#page-equipments #equipments .list figure img{float:left;width:350px;}
#page-equipments #equipments .list figure figcaption{float:left;width:calc(100% - 350px);text-align:left;padding-left:20px;}
#page-top #equipments .list h4{font-size:21px;line-height:1;margin:10px 0px 20px;}
#page-equipments #equipments .list h4{font-size:28px;line-height:1.2;border-bottom:1px solid #31b27a;margin-bottom:20px;padding-bottom:5px;}
#equipments .list h4 small{font-size:0.5em;}
#equipments .list table{width:100%;}
#page-top #equipments .list table{font-size:12px;}
#equipments .list table tr{border-bottom:1px solid #eee;}
#page-equipments #equipments .list table th,
#page-equipments #equipments .list table td{padding:10px 20px;}
#page-equipments #equipments .list table th{width:30%;background:#fdfdfd;}
#page-equipments #equipments .list table td:nth-child(2){width:55%;background:#fafafa;}
#page-equipments #equipments .list table td:nth-child(3){width:15%;background:#f5f5f5;text-align:center;}

#business{background:url("../img/index/contents_bg.jpg") #6c675a no-repeat center center;background-size:cover;color:#fff;padding:220px 0px;}
#business h3{padding-top:20px;}
#business p{font-size:19px;line-height:2.2;}
#business .more_btn a{color:#fff;}
#business .more_btn a:after{border-color:#fff;}
#business .more_btn a:hover{color:#31b27a;}
#business .more_btn a:hover:after{border-color:#31b27a;}

#sightseeing{padding:100px 0px;}
#sightseeing h4{font-size:28px;margin-bottom:50px;background:url("../img/sightseeing/ttl_bg.png") no-repeat bottom center;}
#sightseeing .list{margin-bottom:30px;}
#sightseeing .list figure{background:#fff;height:100%;padding:20px;box-shadow:0px 1px 5px rgba(0,0,0,0.2);display:flex;}
#sightseeing .list figure figcaption{width:62%;padding-left:15px;}
#sightseeing .list img{width:38%;}
#sightseeing .list h5{font-size:24px;border-bottom:2px solid #31b27a;line-height:1.2;padding-bottom:10px;margin-bottom:15px;}
#sightseeing .list h5 small{font-size:18px;}


@media screen and (max-width: 1260px) {
	.overtxt{font-size:34px;bottom:120px;}

}
@media screen and (max-width: 768px) {
	.mainimage{width:100%;max-width:200%!important;}
	.loop_wrap.loop_wrap1 {
	  height:50px;
	}
	.loop_wrap.loop_wrap1 img {
	  width:680px;
	  height:50px;
	}
	.loop_wrap.loop_wrap2 {
	  height:42px;
	}
	.loop_wrap.loop_wrap2 img {
	  width:800px;
	  height:42px;
	}
	.loop_wrap.loop_wrap3 {
	  height:40px;
	}
	.loop_wrap.loop_wrap3 img {
	  width:700px;
	  height:40px;
	}
	.overtxt{font-size:24px;bottom:60px;left:20px;}

	#greeting{background:url("../img/index/greeting-sp.jpg") no-repeat left bottom;background-size:contain;padding-bottom:300px;margin:0px;}
	#greeting #greeting_inner{width:100%;}
	#greeting h4{font-size:30px;}
	#greeting h4:after{content:"";width:100%;}
	#greeting p{font-size:17px;}

	#topics{padding:40px 0px;}
	#topics h3{padding-top:0px;}
	#topics #topics_inner{height:280px;padding:10px;}

	#equipments .more_btn{margin:-30px 0px 20px;}
	#equipments .list.col-04{width:50%!important;}
	#page-top #equipments .list{margin-bottom:10px;}
	#page-equipments #equipments .list{border-bottom:0px;padding:0px 5% 50px;}
	#page-equipments #equipments .list figure img{float:none;max-width:100%;margin:0px auto;}
	#page-equipments #equipments .list figure figcaption{float:none;width:100%;padding-left:0px;}
	#page-equipments #equipments .list figure figcaption h4{display:none;}
	#page-equipments #equipments .list h4{font-size:24px;margin-bottom:0px;}

	#business{padding:80px 0px;}
	#business h3{padding-top:0px;}
	#business p{font-size:17px;}


	#sightseeing{padding:80px 0px;}
	#sightseeing h4{font-size:22px;margin-bottom:30px;}
	#sightseeing .list{margin-bottom:20px;}

}
@media screen and (max-width: 480px) {
	.overtxt{font-size:18px;bottom:40px;}

	#greeting{padding-bottom:150px;}
	#greeting #greeting_inner{padding:30px 3% 20px;}
	#greeting h4{font-size:24px;}
	#greeting p{font-size:15px;}

	#topics #topics_inner{height:240px;}
	#topics #topics_inner ul li{padding:10px 0px;}
	#topics #topics_inner ul li span{width:100%;}

	#equipments .list.col-04{width:100%!important;}
	#page-equipments #equipments .list{padding:0px 1% 40px;margin-bottom:40px;}
	#page-equipments #equipments .list h4{font-size:22px;}
	#page-equipments #equipments .list table th,
	#page-equipments #equipments .list table td{padding:10px 5px;}

	#business p{font-size:15px;}

	#sightseeing h4{font-size:20px;margin-bottom:20px;}
	#sightseeing .list figure{display:block;}
	#sightseeing .list figure figcaption{width:100%;padding-left:0px;}
	#sightseeing .list img{width:auto;margin:0px auto 10px;}
	#sightseeing .list h5{font-size:20px;}
	#sightseeing .list h5 small{font-size:15px;}

}


/*****************************************************************************
 CONTENTS
 *****************************************************************************/
#page-contents{}
#page-contents .page_ttl{background:url("../img/contents/page_ttl.jpg") no-repeat;background-size:cover;}

#content{padding:80px 0px 100px;}
#content h3{font-size:28px;padding:60px 0px;background:#e0f1de;border-radius:10px;margin-bottom:10px;}
#content .col-04:nth-of-type(2) h3{background:#ffefc7;}
#content .col-04:nth-of-type(3) h3{background:#cce6d9;}
#content h3 i{color:#31b27a;}

#gallery{padding:0px 0px 80px;}
#gallery .row > div{padding:5px!important;}


@media screen and (max-width: 768px) {
	#content{padding:80px 10% 100px;}
	#content h3{font-size:26px;}
	#gallery .row > div.col-04 { width: 33.33333%!important; }
	#gallery .row > div.col-06 { width: 50%!important; }


}
@media screen and (max-width: 480px) {
	#content{padding:80px 5% 80px;}
	#content h3{font-size:24px;padding:40px 0px;}
	#gallery .row > div{padding:1px!important;}

}


/*****************************************************************************
 EQUIPMENTS
 *****************************************************************************/
#page-equipments{}
#page-equipments .page_ttl{background:url("../img/equipments/page_ttl.jpg") no-repeat;background-size:cover;}



/*****************************************************************************
 ABOUT
 *****************************************************************************/
#page-about{}
#page-about .page_ttl{background:url("../img/about/page_ttl.jpg") no-repeat;background-size:cover;}

#page-about > section:not(.page_ttl){padding:80px 0px 0px;}
#profile{padding-bottom:80px!important;}
#history{padding-bottom:100px!important;background:url("../img/common/bg.jpg") #eceef1;}
#philosophy p{font-size:24px;}
#policy p{font-size:18px;}
#guidelines h5{font-size:22px;color:#14a56c;}
#guidelines p{font-size:18px;margin-bottom:20px;}
#profile table{width:100%;font-size:16px;}
#profile table tr{border-bottom:1px solid #fefefe;}
#profile table th{vertical-align:top;padding:10px 20px;background:#EBEBE7;}
#profile table td{padding:10px 20px;background:#F6F6F5;}
#profile iframe{width:100%;height:300px;}

#history table{width:100%;}
#history table tr{border-bottom:1px solid #ccc;}
#history table th{padding:10px 30px;text-align:right;white-space:nowrap;}
#history table td{padding:10px 30px;}


@media screen and (max-width: 768px) {
	#philosophy p{font-size:20px;}
	#policy p{font-size:18px;}
	#guidelines h5{font-size:20px;}
	#guidelines p{font-size:16px;}
	#profile table th,
	#profile table td{display:block;width:100%;}
	#profile iframe{height:260px;}

	#history table th{padding:10px 10px 10px 5px;}
	#history table td{padding:10px 5px 10px 10px;}

}
@media screen and (max-width: 480px) {
	#philosophy p{font-size:18px;}
	#policy p{font-size:16px;}
	#guidelines h5{font-size:18px;}
	#guidelines p{font-size:14px;}
	#profile table{font-size:14px;}
	#profile iframe{height:220px;}

}



/*****************************************************************************
 RECRUIT
 *****************************************************************************/
#page-recruit{}
#page-recruit .page_ttl{background:url("../img/recruit/page_ttl.jpg") no-repeat;background-size:cover;}

#recruit{padding:150px 0px;}


@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}



/*****************************************************************************
 CONTACT
 *****************************************************************************/
#page-contact{}
#page-contact .page_ttl{background:url("../img/contact/page_ttl.jpg") no-repeat;background-size:cover;}

#page-contact .template-access{background:#7ed0af;}
#page-contact .template-access .access2{padding:80px 10%!important;}
#page-contact .template-access .access2 a{width:49.5%;}

#contact{padding:80px 0px;}
#contact p{margin-bottom:20px;}
.att,.msg{color:#AD0002;}
.thx{color:#1F487C;}
#contact table{width:100%;}
#contact table tr{border-bottom:2px solid #fefefe;}
#contact table th{background:#F6F5F2;padding:10px 20px;font-size:16px;}
#contact table th span{display:inline-block;font-size:12px;background:#F19049;color:#fff;line-height:1;padding:3px 5px;border-radius:3px;margin-right:10px;}
#contact table td{background:#F6F5F2;padding:10px 20px;}
#contact table td.tem{font-size:16px;}

input[type="text"]{font-size:16px;padding:0.5em;height:38px;width:500px;max-width:100%!important;border:3px solid #D1D6DA;}
textarea{font-size:16px;padding:0.5em;width:500px;max-width:100%;height:160px;border:3px solid #D1D6DA;}
#button{margin:40px auto 0px;width:100%;text-align:center;}
#button input[type="submit"],
#button input[type="reset"],
#button input[type="button"]{display:inline-block;width:320px;text-align:center;font-size:18px;background:#31b27a;color:#fff;padding:10px;border-radius:8px;box-shadow:0 3px 0 #0C8D5C;border:0px;transition:all 0.5s ease-out;margin-bottom:10px;}
#button input[type="reset"].btn_reset{background:#9a9a9a;box-shadow:0 3px 0 #727272;}

#button input[type="submit"]:hover,
#button input[type="button"]:hover{transform:translateY(3px);box-shadow:none;background:#23A66D;}
#button input[type="reset"]:hover{transform:translateY(3px);box-shadow:none;background:#909090;}

#button input:hover{ cursor:pointer;opacity:0.9;}


@media screen and (max-width: 768px) {
	#page-contact .template-access .access2 a{width:100%;}
	
	#contact table th{display:block;width:100%;padding:10px 20px 0px;}
	#contact table td{display:block;width:100%;padding:5px 20px 15px;}
	input[type="text"],
	textarea{width:100%;}

}
@media screen and (max-width: 480px) {
	#page-contact .template-access .access2{padding:60px 5px!important;}
	#contact{padding:60px 0px;}
	#contact table th{padding:10px 10px 0px;}
	#contact table td{padding:5px 10px 15px;}

}



/*****************************************************************************
 BLOG
 *****************************************************************************/



@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}