@import url("https://fonts.googleapis.com/earlyaccess/notosanstaiviet.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosansthai.css");
@import 'https://fonts.googleapis.com/css?family=Noto+Sans';

@font-face {
  font-family: 'NotoSans';
  src: local('NotoSans'),
       url('./NotoSans/NotoSans-Regular.woff') format('woff'),
       url('./NotoSans/NotoSans-Regular.ttf') format('ttf'),
       url('./NotoSans/NotoSans-Regular.eot') format('eot');
}

body{
	font-family: 'NotoSans', 'Noto Sans Thai', 'Noto Sans Tai Viet', 'Arial', 'Helvetica', sans-serif !important;
}
#lang li:last-child{
	/*display:none;*/
}

/*トップページ*/

#main{
	width:100%;
}
#main .inner{
	width:100%;
	height:160px;
	max-width:1440px;
	background-image:url("./images/header.jpg");
	background-position:center;
	background-size:auto 100%;
}
#top #main .inner{
	width:100%;
	height:auto;
	max-width:100%;
	background-image:none;
}
#top #main .inner ul li{
	/*background-color:#fff;*/
}
#top #main .inner ul li img{
/*
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
*/
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
}
#top #main .inner ul li.active img{
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
}
.bx-wrapper .bx-viewport{
	border:none;
	box-shadow:none;
	overflow:visible !important;
	left:0;
}
p.btnMore{
	padding:30px 0;
	text-align:center;
}
p.btnMore a{
	padding:0 3.0em;
	color:#333;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.8;
	border:2px solid #333;
	display:inline-block;
}

#business p{
	line-height:1.4;
	text-align:center;
}
#business p.lead{
	padding:0 0 10px;
	font-size:1.8rem;
	font-weight:bold;
}
#business .inner{
	width:100%;
	max-width:100%;
}
#business .bg{
	padding:10px 0;
	background-image:url("./images/bg.png");
}
#business ul{
	max-width:960px;
	margin:0 auto;
}
#business ul li{
	padding:10px;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;
}
#business ul li a{
	color:#333;
}
#business ul li img{
	width:100%;
	margin-bottom:0.5em;
}
#business p{
	max-width:800px;
	margin:0 auto;
}

#top #news{
	background-color:#ee86b4;
}
#top #news .inner{
}
#top #news .inner:before{
	content:"";
	display:block;
	width:100%;
	height:40px;
	background-image:url("./images/arw_down01.png");
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
}
#news ul{
	max-width:780px;
	margin:0 auto;
}
#news li{
	margin-bottom:1.4em;
	padding-bottom:1.4em;
	font-size:1.2rem;
	border-bottom:1px solid #666;
	list-style-type:none;
}
#top #news li{
	margin-bottom:10px;
	padding-bottom:0;
	border-bottom:none;
}
#news li:after{
	content:"";
	display:block;
	clear:both;
}
#news li a{
	width:100%;
	display:table;
	color:#333;
	font-weight:bold;
	line-height:1.2;
}
#news li span{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}
#news li span.date{
	width:140px;
	background-color:#333;
	color:#fff;
	font-size:1.3rem;
	text-align:center;
	padding:0.6em 0;
}
#news li span.text{
	padding-left:1.4em;
}
#news li dl{
	overflow:hidden;
}
#news li dt{
	margin-bottom:1.4em;
}
#news li dd{
	/*width:17.94872%;*/
	box-sizing:border-box;
}
#news li dd img{
	width:140px;
	float:left;
}
#news li dd+dd{
	/*width:82.05128%;
	padding-left:1.4em;*/
	width:auto;
	padding-left:160px;
}
#news li dd a{
	display:block;
}
#news li dd a:hover{
	text-decoration:none;
	opacity:0.8;
}
#news li dd .thumb{
	width:140px;
	height:0;
	padding-top:140px;
	background-color:#eee;
	display:block;
	float:left;
}

#recruit{
	background-image:url("./images/bg.png");
}
#top #recruit .inner:before{
	content:"";
	display:block;
	width:100%;
	height:40px;
	background-image:url("./images/arw_down02.png");
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
}
#recruit p{
	max-width:780px;
	margin:0 auto;
	text-align:center;
}

#company{
	padding-bottom:30px;
}
#top #company .inner:before{
	content:"";
	display:block;
	width:100%;
	height:40px;
	background-image:url("./images/arw_down03.png");
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
}
#company dl dt,
#company dl dd{
	text-align:center;
	line-height:1.6;
}
#company dl dt{
	font-size:2.0rem;
	font-weight:bold;
}
#company dl dd{
	font-size:1.4rem;
}
#company .map{
	margin-top:20px;
	text-align:center;
}

/*下層ページ*/

h2.border{
	padding-bottom:0.3em;
	color:#ee86b4;
	border-bottom:3px solid #ee86b4;
}
h2.ttl2{
	margin: 2.0em auto 0.5em !important;
	padding-bottom:0.3em;
	text-align:center;
}
h2.ttl2:after{
	content:"";
	display:block;
	width:auto;
	height:10px;
	max-width:180px;
	margin:0 auto;
	border-bottom:5px solid #ee86b4;
}

.cat-title,
.page-title{
	margin-bottom:4.0em;
}
.cat-title.bg,
.page-title.bg{
	background-image:url("./images/bg.png");
	text-align:center;
}
.cat-title h1.ttl,
.page-title h1.ttl{
	width:auto;
	min-width:auto;
	margin:0;
	padding:0 1.2em;
	display: inline-block;
}
.cat-title h1.ttl:after,
.page-title h1.ttl:after{
	margin:0 auto;
	border-bottom:5px solid #ee86b4;
}
.entry-title{
    width: 81.25%;
    max-width: 780px;
    margin: 3.0em auto;
}
.entry-title h1{
    display: table;
    font-weight: bold;
}
.entry-title span{
    display: table-cell;
    text-align: left;
	vertical-align:middle;
}
.entry-title span.date{
    width: 140px;
    padding: 0.2em 0;
    background-color: #333;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}
.entry-title span.text{
	padding-left: 1.4em;
}

.entry-content{
	width:81.25%;
	max-width:780px;
	margin:0 auto;
}
.entry-content .inner{
	width:100%;
}
.entry-content h2{
	margin: 1.0em auto 1.0em;
	font-size:2.0rem;
	line-height:1.6;
	font-weight: bold;
}
.entry-content h3{
	font-size:2.4rem;
	line-height:1.8;
}
.entry-content p{
	margin:0 auto 1.0em;
}
.entry-content p:after{
	content:"";
	display:block;
	clear:both;
}
.entry-content ul{
	margin:0 auto 1.0em;
}
.entry-content ul li{
	list-style-type:square;
	margin-left:40px
}
.entry-content img{
	width:auto;
	height:auto;
}
.entry-content img.aligncenter{
	display:block;
	margin:0 auto;
}
.entry-content img.photo {
	border: 1px solid #ddd;
	padding: 6px;
	height: auto;
	max-width: 97.5%;
	max-width: calc( 100% - 14px );
}
.entry-content .column{
	margin:2.0em 0;
}
.entry-content .btn{
	width:100%;
	max-width:300px;
	padding:0.2em 0;
	border:1px solid #666;
	color:#333;
	font-size:1.4rem;
	display:inline-block;
}
.paging{
	text-align:center;
}

.business .entry-content{
	width:100%;
	max-width:960px;
}
.covid .entry-content{
	width:100%;
	max-width:960px;
}
.business .entry-content img{
	/*width:34.375%;*/
}
.bnrBusiness ul{
	margin:0;
	padding:0;
}
.bnrBusiness ul:after{
	content:"";
	display:block;
	clear:both;
}
.bnrBusiness li{
	margin-left:0px !important;
	padding:10px;
	box-sizing:border-box;
	list-style-type:none !important;
}
.bnrBusiness li img{
	width:100%;
}
.bnrTour{
	width: 68.75%;
	margin: 2.0em auto;
}
.contact .entry-content h3,
.recruit .entry-content h3,
.c-recruit .entry-content h3{
	padding:0.5em 0.8em;
	font-size:1.0rem;
	background-color:#eee;
}
.contact .entry-content input,
.contact .entry-content select,
.contact .entry-content textarea,
.recruit .entry-content input,
.recruit .entry-content select,
.recruit .entry-content textarea,
.c-recruit .entry-content input,
.c-recruit .entry-content select,
.c-recruit .entry-content textarea{
	width:100%;
	padding:0.5em !important;
	box-sizing:border-box;
	border:1px solid #eee;
	display: block;
}
.contact .entry-content input[type="submit"],
.recruit .entry-content input[type="submit"],
.c-recruit .entry-content input[type="submit"]{
	max-width:300px;
	margin:0 auto;
	background-color:#fff;
	cursor:pointer;
	font-size:1.4rem;
	border:1px solid #666;
	display: block;
}
.contact .entry-content .mw_wp_form_confirm h3+p,
.recruit .entry-content .mw_wp_form_confirm h3+p,
.c-recruit .entry-content .mw_wp_form_confirm h3+p{
	padding:0.5em 0.8em;
}
.contact .entry-content .mw_wp_form_confirm input.back,
.recruit .entry-content .mw_wp_form_confirm input.back,
.c-recruit .entry-content .mw_wp_form_confirm input.back{
	width:80%;
}

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

	.disp-pc{
		display:none !important;
	}
	.disp-sp{
		display:block !important;
	}
	
	h1.ttl, h2.ttl{
		margin: 0 auto 1.5rem;
		font-size: 1.6rem;
		/*border-bottom: 3px solid #333;*/
	}
	h1.ttl:after, h2.ttl:after{
		border-bottom: 3px solid #333;
	}
	h2.ttl2{
		font-size: 1.2rem !important;
	}
	h2.ttl2:after{
		border-bottom: 3px solid #ee86b4;
	}
	p{
		font-size: 1.1rem;
		line-height: 1.6;
	}
	th, td, li, dt, dd {
	    font-size: 1.1rem;
	}
	
	.cat-title, .page-title{
		margin-bottom: 6%;
	}
	.cat-title h1.ttl, .page-title h1.ttl {
	}
	.cat-title h1.ttl:after, .page-title h1.ttl:after{
		border-bottom: 3px solid #ee86b4;
	}
	
	#main .inner{
		height:80px;
	}
	#top #main .inner{
		padding-top:3%;
	}
	#header .inner{
		width:100%;
		padding:3% 0;
		overflow: visible;;
	}
	#header #logo{
		width:95.4545%;
		margin:0 auto;
		padding:2% 0;
		font-size:0.6rem;
	}
	#header #logo h1{
		font-size: 0.6rem;
	}
	#header #logo img{
		width:50%;
	}
	#footer .inner p{
		font-size:0.8rem;
	}
	#nav{
		position:relative;
		bottom:0;
		z-index:20;
	}
	#nav>div{
		width:100%;
		padding:2% 0;
		background-image:url(./images/bg.png);
		display:none;
		position:absolute;
		top:0;
		left:0;
	}
	#nav ul.menu{
		width:100%;
		display:block;
		position:static;
	}
	#nav ul.menu li{
		display:block;
		width:100%;
		padding-left:0;
		background-color:#fff;
		border-bottom:1px solid #ccc;
	}
	#nav ul.menu li:last-child{
		border-bottom:none;
	}
	#nav ul.menu li a{
		padding:2% 0;
		font-size: 1.4rem;
		text-align:center;
	}
	#nav ul.menu li a:hover:after,
	#nav ul.menu li.current-menu-item a:after,
	#nav ul.menu>li.current-page-ancestor>a:after{
		display:none;
	}
	#nav ul.menu > li > ul.sub-menu{
		display:block;
		position:static;
		top:0;
		left:0;
		box-shadow:none;
	}
	#nav ul.menu > li > ul.sub-menu li:last-child a{
		border-bottom:none;
	}
	
	#menu img.close{
		display:none;
	}
	#header #lang{
		position: absolute;
		right: 16%;
		top: 25%;
	}
	#header #lang div.def.active{
		padding: 0.8em;
	}
	#header #lang ul li a{
		/*padding: 0.8em 0.8em 0.8em 2.4em;*/
		padding: 0.8em;
	}
	#menu{
		width:14.0625%;
		position: absolute;
		right: 0%;
		top: 10%;
	}
	#menu img{
		width:100%;
	}
	#business p.lead{
		width: 87.5%;
	    margin: 0 auto;
		font-size: 1.2rem;
	}
	#business .inner{
		padding-bottom:1.0rem;
	}
	#business .inner + .inner{
		width:87.5%;
	}
	#business .bg{
		padding:0;
		background:none;
	}
	#business ul li{
		padding:2%;
	}
	#company dl dt{
		font-size: 1.4rem;
	}
	#company dl dd{
		font-size: 1.1rem;
	}
	#top #company .inner,
	#top #news .inner,
	#top #recruit .inner{
		padding-top:1.5rem;
	}
	#top #company .inner:before,
	#top #news .inner:before,
	#top #recruit .inner:before{
		display:none;
	}
	#top #company{
		padding-bottom:0;
	}
	p.btnMore{
		padding: 1.5rem 0;
	}
	p.btnMore a{
		width:100%;
		font-size: 1.2rem;
		box-sizing:border-box;
	}
	
	.column{
		margin:0 0 2% 0;
	}
	.column .column-2{
		width:100%;
		margin:2% 0;
	}
	.column .column-4{
		width:50%;
	}
	
	.entry-title{
		width: 87.5%;
		margin: 3% auto;
	}
	.entry-title span.date,
	.entry-title span.text{
		display:inline-block;
		font-size: 1.1rem;
	}
	.entry-title span.date{
		margin-bottom:0.5em;
		padding:0.2em 1.0em;
	}
	.entry-title span.text{
		padding-left: 0;
	}
	
	.entry-content,
	.business .entry-content{
		width: 87.5%;
	}
	.entry-content h2{
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.entry-content h3{
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.entry-content img{
		max-width:100%;
	}
	.entry-content .btn{
		max-width: inherit;
		font-size: 1.2rem;
	}
	.archive .entry-content{
		width:100%;
	}
	
	#news li dl{
		width: 87.5%;
		margin:0 auto;
	}
	#news li dt{
		margin-bottom:0;
	}
	#news li dl dd{
		display:none;
	}
	#news li{
		margin-left: 0px;
		margin-bottom: 1.0em;
		padding-bottom: 1.0em;
		background-image:url("./images/sp/arrow.png");
		background-repeat:no-repeat;
		background-position:96% center;
		background-size:auto 1.0em;
	}
	#news li span.date{
		width: auto;
		margin-bottom:0.5em;
		padding: 0.2em 1.0em;
		font-size: 1.1rem;
		display: inline-block;
	}
	#news li span.text{
		font-size: 1.1rem;
	    padding-left: 0;
		display: block;
	}
	#top #news li{
		background:none;
	}
	.wp-pagenavi a, .wp-pagenavi span{
		padding: 0.3em 0.6em !important;
		margin: 0.2em !important;
	}
	
	.company table{
		width:100% !important;
		display:block;
	}
	.company tr{
		background-color:transparent !important;
	}
	.company th{
		width:100% !important;
		display:block;
		text-align:left !important;
		background-color:#eee;
		box-sizing:border-box;
	}
	.company th+td{
		display:none;
	}
	.company td{
		width:100% !important;
		display:block;
		box-sizing:border-box;
	}
	
	.contact .entry-content h3 span,
        .recruit .entry-content h3 span,
        .c-recruit .entry-content h3 span{
		font-size:0.9rem;
	}
	.contact .entry-content h3 span+span,
        .recruit .entry-content h3 span+span,
        .c-recruit .entry-content h3 span+span{
		display:block;
	}
        .contact .entry-content input,
	.contact .entry-content select,
	.contact .entry-content textarea,
	.recruit .entry-content input,
	.recruit .entry-content select,
	.recruit .entry-content textarea,
        .c-recruit .entry-content input,
	.c-recruit .entry-content select,
	.c-recruit .entry-content textarea{
		-webkit-appearance: none;
		border-radius:0;
		vertical-align:top;
	}
        .contact .entry-content input[type="submit"],
	.recruit .entry-content input[type="submit"],
        .c-recruit .entry-content input[type="submit"]{
		max-width:inherit;
		font-size:1.2rem;
	}
	
	.bnrTour{
		width:100%;
	}
	iframe{
		width: 80%;
		height: auto;
		min-height:260px;
	}

}
@media screen and (max-width: 480px){
	iframe{
		width: 100%;
		height: auto;
		min-height:inherit;
	}
}