@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html{
	scroll-behavior: smooth;
	}

div,p,li,header,footer{
	box-sizing: border-box;
	}
img{
	border : 0px;
	vertical-align: bottom;
	}

/* リンク */
a:link { color: #353535; text-decoration : none;} 
a:visited { color: #353535; text-decoration : none;} 
a:hover { color: #353535; text-decoration : none;} 
a:active { color: #353535; text-decoration : none;} 
a:focus{ outline:none;}

.ce{
	text-align : center;
	}
.rr{
	text-align : right;
	}
.ll{
	text-align : left;
	}

p{
	margin : 0;
	}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}


form{
	margin : 0;
	}
input,select,button{
	margin : 0 0 10px 0;
	}
table{
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	}
ul,ol,li,dl,dt,dd,td,tr{
	margin : 0;
	padding : 0;
	list-style: none;
	}







body{
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size: 20px;
	line-height: 1.6;
	color: #000;
	margin: 0 auto;
	padding: 0;
	text-align: justify;
	}



h2{
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	line-height: 1;
	}
h3{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #ec561f;
	margin: 0;
	line-height: 1;
	margin: 0 0 80px 0;
	}



header{
	padding: 0 20px 10px 20px;
	width: 100%;
	min-width: 1000px;
	text-align: left;
	}
header h1{
	margin: 0;
	}



#kv{
	background: url('../img/main.png') no-repeat center center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 770px;
	min-width: 1200px;
	}
#kv img{
	max-width: 1200px;
	}



#main{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding: 100px 0;
	min-width: 1200px;
	}



#profile{
	padding: 150px 0;
	background: url('../img/bg1.png') no-repeat center center;
	background-size: cover;
	}
#profile .content{
	background: rgba(255,247,219,0.8);
	width: 1200px;
	margin: 0 auto;
	border-radius: 20px;
	padding: 50px;
	display: flex;
	justify-content: space-between;
	gap: 50px;
	}
#profile .content .text{
	font-size: 24px;
	line-height: 1.8;
	}
#profile .content .text .title{
	font-size: 40px;
	font-weight: bold;
	margin: 0 0 20px 0;
	}



#interview{
	margin: 150px 0;
	}
#interview .interview_block1,
#interview .interview_block2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5%;
	margin: 0 0 200px 0;
	}
#interview .interview_block1 .left{
	width: 45%;
	}
#interview .interview_block1 .right{
	display: flex;
	justify-content: center;
	width: 50%;
	padding: 0 50px 0 0;
	}
#interview .interview_block2 .left{
	width: 50%;
	display: flex;
	justify-content: center;
	padding: 0 0 0 50px;
	}
#interview .interview_block2 .right{
	width: 45%;
	}
#interview .interview_block1 .title,
#interview .interview_block2 .title{
	color: #ec561f;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 20px 0;
	}
#interview .interview_block1 img,
#interview .interview_block2 img{
	width: 100%;
	}





#oneday{
	padding: 150px 0;
	background: url('../img/bg2.png') no-repeat center center;
	background-size: cover;
	}
#oneday ul{
	min-width: 1200px;
	max-width: 1500px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 3%;
	}
#oneday ul li{
	width: 22%;
	position: relative;
	}
#oneday ul li .title{
	text-align: center;
	color: #ec561f;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	}
#oneday ul li .title img{
	margin: 0 10px 0 0;
	}
#oneday ul li .image{
	margin: 10px 0;
	position: relative;
	}
#oneday ul li .image:after{
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	border-bottom: solid 4px #ec561f;
	border-right: solid 4px #ec561f;
	transform: rotate(-45deg);
	right: -11%;
	top: 50%;
	}
#oneday ul li:last-child .image:after{
	content: none;
	}
#oneday ul li .image img{
	width: 100%;
	}
	





#message{
	padding: 150px 0;
	min-width: 1200px;
	}
#message .content{
	min-width: 1200px;
	max-width: 1500px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 3%;
	}
#message .content .image{
	width: 60%;
	}
#message .content .image img{
	width: 100%;
	}
#message .content .text{
	width: 37%;
	}




#in_thai{
	border-top: #7f7f7f solid 1px;
	padding: 100px 0 0 0;
	}
#in_thai h4{
	color: #ec561f;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	background: url('../img/arrow2.png') no-repeat center bottom;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	}
#in_thai .image{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1200px;
	margin: 0 auto 100px;
	}





#copy{
	background: #fff;
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
	border-top: solid 1px #ccc;
	}



.scroll-top{
	position: fixed;
	bottom: 14px;
	right: 20px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	display: none;
	z-index: 9999;
	}
.scroll-top:hover{
	bottom: 20px;
	transition: 0.2s;
	}


















/********************************************************************************************************************************************************************************/
@media screen and (min-width: 950px) {
/********************************************************************************************************************************************************************************/

a[href^="tel:"] { pointer-events: none; color:#000;}



	.sp{
		display : none;
		}









/********************************************************************************************************************************************************************************/
}
@media screen and (max-width: 949px) {
/********************************************************************************************************************************************************************************/


	.pc{
		display : none;
		}

img{
	max-width: 100%;
	}


body{
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #000;
	margin: 0 auto;
	padding: 0;
	text-align: justify;
	}



h2{
	font-size: 40px;
	}
h3{
	font-size: 20px;
	margin: 0 0 40px 0;
	}



header{
	padding: 10px;
	width: 100%;
	min-width: 100%;
	text-align: left;
	}
header h1{
	margin: 0;
	padding: 0;
	line-height: 1;
	}
header h1 img{
	width: 40%;
	}



#kv{
	height: auto;
	width: 100%;
	min-width: 100%;
	padding: 50px 0;
	background-size: cover;
	}
#kv img{
	max-width: 95%;
	}



#main{
	font-size: 18px;
	padding: 50px 10px;
	width: 100%;
	min-width: 100%;
	}



#profile{
	padding: 80px 20px 50px 20px;
	}
#profile .content{
	width: 100%;
	margin: 0 auto;
	border-radius: 20px;
	padding: 30px;
	display: block;
	}
#profile .content .text{
	font-size: 16px;
	line-height: 1.8;
	}
#profile .content .text .title{
	font-size: 20px;
	margin: 10px 0 0 0;
	}



#interview{
	margin: 100px 0;
	}
#interview .interview_block1{
	display: block;
	margin: 0 0 50px 0;
	}
#interview .interview_block1 .left{
	width: 98%;
	margin: 0 0 20px 0;
	}
#interview .interview_block1 .right{
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 10px;
	}
#interview .interview_block2{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 50px 0;
	}
#interview .interview_block2 .left{
	order: 2;
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 0 10px;
	}
#interview .interview_block2 .right{
	order: 1;
	width: 98%;
	margin: 0 0 20px auto;
	}
#interview .interview_block1 .title,
#interview .interview_block2 .title{
	font-size: 20px;
	margin: 0 0 10px 0;
	}





#oneday{
	padding: 100px 0 20px 0;
	width: 100%;
	}
#oneday ul{
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	margin: 0 auto;
	display: block;
	}
#oneday ul li{
	width: 100%;
	position: relative;
	padding: 0 10px;
	margin: 0 0 80px 0;
	}
#oneday ul li .title{
	font-size: 26px;
	}
#oneday ul li .title img{
	width: 30px;
	}
#oneday ul li .image{
	margin: 10px 0;
	}
#oneday ul li .text{
	position: relative;
	}
#oneday ul li .text:after{
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	border-bottom: solid 4px #ec561f;
	border-right: solid 4px #ec561f;
	transform: rotate(45deg);
	right: 46%;
	bottom: -30px;
	}
#oneday ul li:last-child .text:after{
	content: none;
	}
#oneday ul li .image img{
	width: 100%;
	}
	

#oneday ul li .image:after{
	content: none;
	}




#message{
	padding: 100px 0;
	width: 100%;
	min-width: 100%;
	}
#message .content{
	width: 100%;
	min-width: 100%;
	margin: 0 auto;
	display: block;
	}
#message .content .image{
	width: 100%;
	margin: 0 0 20px 0;
	}
#message .content .image img{
	width: 100%;
	}
#message .content .text{
	width: 100%;
	padding: 0 10px;
	}




#in_thai{
	padding: 100px 0 0 0;
	width: 100%;
	}
#in_thai h4{
	font-size: 18px;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	}
#in_thai .image{
	display: block;
	width: 100%;
	margin: 0 auto 100px;
	padding: 0 20px;
	}
#in_thai .image img{
	margin: 0 0 20px 0;
	}





#copy{
	background: #fff;
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
	border-top: solid 1px #ccc;
	}








.scroll-top{
	position: fixed;
	bottom: 5px;
	right: 5px;
	}
.scroll-top:hover{
	bottom: 10px;
	}






















/********************************************************************************************************************************************************************************/
}
/********************************************************************************************************************************************************************************/