@import url("https://use.fontawesome.com/releases/v5.0.6/css/all.css");
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500');

/*****************************************************************************
 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 { 
	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%;}

form {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
select, input[type="text"], textarea {vertical-align:middle;font-family:"メイリオ", Meiryo;position:relative;margin:0 3px 2px 0;top:-1px;}

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after, .row::after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} 
* html .clearfix{height:1%;}
.clearfix{display:block;} 

*:first-child+html body #middle,*:first-child+html body #footer_city { 
padding-left: 1px; 
}
.cl{clear:both;}

/*****************************************************************************
 BASICS
 *****************************************************************************/
body {
	font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
	line-height:1.8em;
	font-size:12px;
	-webkit-text-size-adjust: none;
	}
body *{-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}
::selection {background:#FFCB69;}
::-moz-selection {background:#FFCB69;}
a {text-decoration:none; outline:none;}
a:hover {text-decoration:none; opacity:0.8;transition: .3s;}

.inner{width:1080px;margin:0px auto;padding:0px 15px;position:relative;}
.sp{display:none;}

#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: none;
	background:rgba(143,183,58,0.9);
	position: fixed;
	z-index: 9999;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	text-decoration:none;
}
#fixedTop:hover {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 0.6;
}

.sb-slide{display:none;}

.none{display:none !important;}

.w100{width:100% !important;}

.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.cen{text-align:center !important;}
.right{text-align:right !important;}
.bold{font-weight:bold;}
.orange{color:#F37100;}


.container { width:1080px; margin:0 auto; padding:0; clear:both; border:0px solid #ff6800; }
.container-fluid { width:100%; margin:0; padding:0; clear:both; }
.row { clear:both; padding:0; margin:0;display:flex;flex-flow:row wrap;}
.col-01, .col-02, .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-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%;}



@media screen and (max-width: 768px) {
	body{ overflow-x:hidden;font-size:10px;}
	*{-webkit-appearance: none;-webkit-text-size-adjust:100%;}

	.inner{width:100%;padding:0px 1%;}
	.pc{display:none;}
	.sp{display:block;}


	.sb-slide {
		display:block;
		position:fixed;
		right:10px;
		top:15px;
		z-index:1000;
		font-size:20px;
		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:block;
	}
	.sb-slide p {
		display: inline-block;
		padding:8px 10px 6px;
		background:rgba(73,189,237,0.9);
		color:#FFF;
	}
	
	.sb-slidebar{ background:#5cc4ef;color:#fff;}
	.sb-slidebar a{color:#fff;}
	.sb-slidebar #side_nav ul li{width:100%; padding:1em; border-bottom:1px dotted #fff;}
	.sb-slidebar #side_nav ul li:before{font-family:"fontawesome";content:"\f0da";margin-right:5px;color:#fff;}
	.sb-slidebar #side_nav div{display:block;width:90%;height:48px;margin:10px 5%;text-align:center;border-radius:24px;font-size:10px;}
	.sb-slidebar #side_nav div.tel_link{background:#005983;line-height:12px;padding-top:5px;}
	.sb-slidebar #side_nav div.tel_link p{font-size:26px;}
	.sb-slidebar #side_nav div.tel_link a{color:#fff;}
	.sb-slidebar #side_nav div.contact_link{background:#0075aa;line-height:16px;padding-top:6px;}
	.sb-slidebar #side_nav div.contact_link p{font-size:20px;}
	.sb-slidebar #side_nav div.contact_link a{color:#fff;}
	.sb-slidebar #side_nav div.recruit_link{background:#fff;line-height:20px;padding-top:12px;margin-bottom:50px;}
	.sb-slidebar #side_nav div.recruit_link p{font-size:26px;padding-right:5px;}
	.sb-slidebar #side_nav div.recruit_link a{color:#005983;}
	
		
	.container { width: 100%; padding: 0; border:0px solid yellow; }
	.container-fluid { width: 100%; padding: 0; border:0px solid orange; }
	.col-01, .col-02, .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-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%; }
}


#wrapper{background:url(../img/bg.jpg);}
#wrapper:before{content:"";display:block;width:100%;height:9px;background:url(../img/flag.png) repeat-x;position:fixed;top:0px;z-index:999;}
.tel_link{display:inline-block;}
.tel_link i{}
.tel_link .oswald{font-family:"Oswald";font-weight:400;}
.contact_link{display:inline-block;}
.contact_link p{font-family:"游ゴシック", YuGothic;font-weight:bold;display:inline-block;}
.contact_link p i{margin-right:0.2em;}
.recruit_link{display:inline-block;}
.recruit_link p{font-family:"Oswald";display:inline-block;}



/*****************************************************************************
 HEADER
 *****************************************************************************/
header{background:url(../img/head_bg.jpg);}
header .head{width:100%;height:80px;overflow:hidden;}
header h1{width:380px;float:left;}
header .head_info{float:right;}
header .head_info .tel_link{color:#ee667e;font-size:11px;width:378px;display:inline-block;margin-right:2px;vertical-align:top;padding-top:12px;margin-top:-5px;}
header .head_info .tel_link a{color:#ee667e;}
header .head_info .tel_link i{font-size:36px;display:inline-block;float:left;line-height:1;padding-top:2px;}
header .head_info .tel_link p{display:block;float:right;line-height:1;border-top:1px solid #ee667e;width:100%;padding-top:5px;}
header .head_info .tel_link p a{font-size:34px;display:block;border-bottom:1px solid #ee667e;padding:0px 5px 3px;margin-bottom:4px;}
header .head_info .tel_link > div{display:flex;flex-flow:row wrap;}
header .head_info .tel_link > div a{display:inline-block;width:33.33%;font-size:22px;letter-spacing:0;line-height:1;padding-bottom:5px;}
header .head_info .tel_link > div a small{font-size:11px;}

header .head_info .head_btn{display:inline-block;width:284px;padding-top:20px;}
header .head_info .head_btn a{color:#fff;}
header .head_info .head_btn > p{font-size:10.5px;color:#59493f;line-height:1.8;padding-top:3px;}
header .head_info .head_btn > div{height:38px;text-align:center;line-height:14px;float:left;}
header .head_info .head_btn .contact_link{width:143px;background:#92ae1d;font-size:9px;letter-spacing:0.05em;margin-right:1px;border-bottom-left-radius:19px;border-top-left-radius:19px;}
header .head_info .head_btn .contact_link p{border-bottom:1px solid #fff;font-size:16px;padding:5px 8px 2px;}
header .head_info .head_btn .recruit_link{width:140px;background:#f9be34;font-size:9px;letter-spacing:0.05em;border-bottom-right-radius:19px;border-top-right-radius:19px;}
header .head_info .head_btn .recruit_link p{border-bottom:1px solid #fff;font-size:20px;padding:4px 24px 5px;}
header .nav{width:100%;height:30px;overflow:hidden;
background-image:linear-gradient(-45deg, #5bc5ef 25%, #48bced 25%, #48bced 50%, #5bc5ef 50%, #5bc5ef 75%, #48bced 75%, #48bced);background-size:24px 24px;}
header .nav ul li{display:inline-block;padding:5px 10px 0px;}
header .nav ul li a{color:#fff;font-size:15px;}
header .nav ul li a:before{content:"\f0da";font-family:"fontawesome";margin-right:5px;}
header .nav ul li a:hover{color:#59493f;}



/*****************************************************************************
 FOOTER
 *****************************************************************************/
footer{background:url(../img/bg_blue1.jpg);padding:56px 0px 0px;}
footer .foot_inner{background:url(../img/foot_rainbow.png) no-repeat bottom left;position:relative;}
footer .foot_inner:after{display:block;content:"";width:216px;height:237px;background:url(../img/foot_balloon.png) no-repeat;position:absolute;top:80px;right:5%;}
footer .foot_inner .inner > div{display:block;}
footer .foot{margin-bottom:20px;}
footer .foot h2{width:310px;max-width:90%;float:left;}
footer .foot_btn{float:right;display:block;width:730px;max-width:100%;}
footer .foot_btn a{color:#fff;}
footer .foot_btn > div{height:50px;text-align:center;float:left;line-height:1;}
footer .foot_btn .contact_link{width:240px;max-width:50%;background:#0075aa;font-size:10px;letter-spacing:0.01em;border-radius:25px;margin-right:5px}
footer .foot_btn .contact_link p{font-size:20px;padding:8px 0px 4px;letter-spacing:0px;}
footer .foot_btn .tel_link{width:485px;background:#005983;font-size:10px;border-radius:25px;display:flex;flex-flow:row wrap;}
footer .foot_btn .tel_link > a{display:inline-block;width:34%;}
footer .foot_btn .tel_link > a:nth-child(2){width:32%;}
footer .foot_btn .tel_link p{font-size:23px;padding:6px 0px 0px;}
footer .foot_btn .tel_link i{margin-right:5px;}
footer .nav{width:100%;background:#fff;margin-bottom:10px;}
footer .nav ul li{display:inline-block;padding:8px 12px 8px 8px;line-height:1em;}
footer .nav ul li a{color:#49bded;font-size:15px;font-weight:bold;font-family:"游ゴシック", YuGothic;}
footer .nav ul li a:before{content:"\f0da";font-family:"fontawesome";margin-right:5px;}
footer .nav ul li a:hover{color:#59493f;}
footer .foot_info{color:#fff;font-size:14px;position:relative;width:100%;}
footer .foot_info h2{font-size:18px;font-weight:bold;}
footer .foot_info a{display:block;width:180px;height:20px;background:#fff;text-align:center;color:#49bded;font-weight:bold;border-radius:10px;}
footer .foot_info a i{color:#ec9d7c;}
footer .foot_info img{position:absolute;top:30px;left:36%;}
footer .copy{display:block;color:#fff;margin-top:122px;padding-bottom:1em;text-align:right;font-family:"Poppins";font-size:10px;letter-spacing:0.24em;}

@media screen and (max-width: 1200px) {
	footer .foot_inner:after{display:none;}
}

@media screen and (max-width: 768px) {
	header .head_info{display:none;}
	header .nav{height:5px;}
	header .nav ul{display:none;}
	
	footer .foot_inner{margin-left:-46%;padding-left:46%;}
	footer .foot h2{float:none;padding-left:5px;}
	footer .foot_btn{float:none;margin:10px auto 0px;}
	footer .nav,
	footer .nav ul li{display:none;}
	footer .copy{margin-top:100px;padding-bottom:60px;}

}
@media screen and (max-width: 544px) {
	header .head{height:60px;}
	header h1{width:288px;}
	footer .foot_btn{display:none;}
	footer .foot_info img{top:110px;width:220px;}
	footer .copy{letter-spacing:0em;letter-spacing:0.06em;}

}



/*****************************************************************************
 INDEX
 *****************************************************************************/
.content_ttl{position:relative;}
.content_ttl h3{text-align:center;}
.content_ttl .ttl_img{position:absolute;}

.bxslider li{display:block;text-align:center;background:#f9be34;}
.bxslider li img{margin:0 auto;}

#links{width:100%;height:60px;overflow:hidden;padding-top:10px;
background-image:linear-gradient(-45deg, #ec6778 25%, #ed7785 25%, #ed7785 50%, #ec6778 50%, #ec6778 75%, #ed7785 75%, #ed7785);background-size:28px 28px;}
#links a{display:inline-block;height:40px;padding:10px 30px 0px;border-radius:20px;background:#fff;margin-left:10px;}

#feat{background:url(../img/bg_blue1.jpg);padding:30px 0px;}
#feat .col-04{padding:0px 10px !important;text-align:center;}

#news{padding:100px 0px;}
#news .news_inner{width:900px;max-width:100%;margin:0px auto;padding:0 15px;}
#news .content_ttl{background:url(../img/news_flower.png) no-repeat bottom right 30px;padding:40px 0px 60px;}
#news .content_ttl .ttl_img{top:0px;left:15%;}
#news ul li{margin-bottom:30px;}
#news ul li dl dt{display:table;width:100%;min-height:50px;font-size:18px;font-weight:bold;background:#fcd14f;border-radius:25px;}
#news ul li dl dt .news_date{display:table-cell;width:180px;height:100%;text-align:center;color:#fff;padding:15px 0px;background:#ea6b7c;border-radius:25px;}
#news ul li dl dt .news_ttl{display:table-cell;color:#584942;padding:15px 20px 15px 40px;}
#news ul li dl dt .news_ttl a{color:#584942;}
#news ul li dl dd{color:#666;font-size:14px;padding:5px 15px 0px 220px;}
#news ul li dl dd a{color:#666;}
#news .tbl2021{width:100%;}
#news .tbl2021 td{width:50%;text-align:center;padding:10px;vertical-align:top;}
#news video{width:100%;}

#flow{width:100%;padding:100px 0px 168px;
background-image:linear-gradient(-45deg, #ffff9b 25%, #fffe47 25%, #fffe47 50%, #ffff9b 50%, #ffff9b 75%, #fffe47 75%, #fffe47);background-size:26px 26px;}
#flow .content_ttl{background:url(../img/flow_dolphin.png) no-repeat top 0px left 20%;padding:30px 0px 100px;}
#flow .content_ttl .ttl_img{top:30px;right:20%;}

#point{background:url(../img/bg_blue2.jpg);padding:40px 0px 0px;color:#fff;position:relative;}
#point:after{content:"";display:block;width:100%;height:45px;background:url(../img/point_wave.png) repeat-x;z-index:888;position:absolute;bottom:0px;}
#point .content_ttl{background:url(../img/point_cloud.png) no-repeat bottom right 14%;padding:60px 0px;margin-bottom:30px;}
#point .content_ttl .ttl_img{top:0px;left:60px;}
#point .inner ul{margin-bottom:60px;}
#point .inner ul li{font-size:28px;letter-spacing:0.1em;margin-bottom:10px;}
.fa-stack{width:28px !important;height:28px !important;line-height:1em !important;margin:0px 10px 5px 0px !important;}
.fa-stack-2x{font-size:0.4em !important;line-height:2.66em !important;}
#point .point_list{display:block;background:url(../img/point_ship.png) no-repeat bottom 20px right;padding-bottom:50px;}
#point .point_list > ul > li{margin-bottom:30px;font-size:14px;}
#point .point_list li h4{font-size:24px;font-weight:bold;letter-spacing:0.1em;margin-bottom:3px;}
#point .point_list li h4 span{font-size:14px;letter-spacing:0px;}
#point .point_list li h4:after{content:"";display:block;width:100%;height:4px;background:#fff;margin-top:3px;border-radius:2px;}
#point .point_list li h4 small{font-size:18px;display:inline-block;width:100%;padding:5px 10px 2px;background:#fff;border-radius:5px;margin-bottom:10px;color:#13AAE9;line-height:1.2;}

#point .point_list li ul li:before{content:"\f192";font-family:"Font Awesome 5 Free";margin-right:0.2em;}
#point .point_list li table{margin-top:10px;}
#point .point_list li table tr:not(:last-child){border-bottom:1px solid #fff;}
#point .point_list li table tr th{padding:0.3em 0px 0.3em 0.2em;}
#point .point_list li table tr td{padding:0.3em 30px 0.3em 0px;}
#point .point_list li dl dt{display:inline-block;width:4.6em;}
#point .point_list li dl dd{display:inline-block;}
#point .point_list #ship{position:absolute;right:50px;bottom:100px;}

#event{padding:100px 0px;}
#event .content_ttl{margin-bottom:60px;}
#event .inner p{color:#59493f;font-size:16px;margin:20px 0px;}
#event li{color:#333;font-family:"游ゴシック", YuGothic;margin-bottom:30px;}
#event li > div{display:block;padding-right:10px;border-radius:8px;background:#FFCCCC;}
#event li > div img{float:right;width:63.63%;height:auto;border-width:2px;border-style:solid;}
#event li > div h4{float:left;color:#fff;font-family:"Poppins";font-size:14px;text-align:center;width:36%;letter-spacing:0.24em;padding-top:10%;font-style:oblique;}
#event li > div h4 span{font-size:6em;display:block;line-height:0.8em;letter-spacing:0px;padding-right:10px;}
#event li h5{font-size:18px;font-weight:bold;margin:10px 0px 5px;}
#event li p{font-size:14px;}
#event li:nth-child(1) > div{background:#eb6877;background-image:linear-gradient(-45deg, #ef8692 25%, #eb6877 25%, #eb6877 50%, #ef8692 50%, #ef8692 75%, #eb6877 75%, #eb6877);background-size:28px 28px;}
#event li:nth-child(1) > div img{border-color:#eb6877;}
#event li:nth-child(2) > div{background:#b068ee;background-image:linear-gradient(-45deg, #bf86ed 25%, #b068ee 25%, #b068ee 50%, #bf86ed 50%, #bf86ed 75%, #b068ee 75%, #b068ee);background-size:28px 28px;}
#event li:nth-child(2) > div img{border-color:#b068ee;}
#event li:nth-child(3) > div{background:#676feb;background-image:linear-gradient(-45deg, #8690ef 25%, #676feb 25%, #676feb 50%, #8690ef 50%, #8690ef 75%, #676feb 75%, #676feb);background-size:28px 28px;}
#event li:nth-child(3) > div img{border-color:#676feb;}
#event li:nth-child(4) > div{background:#68b8e9;background-image:linear-gradient(-45deg, #86c6ef 25%, #68b8e9 25%, #68b8e9 50%, #86c6ef 50%, #86c6ef 75%, #68b8e9 75%, #68b8e9);background-size:28px 28px;}
#event li:nth-child(4) > div img{border-color:#68b8e9;}
#event li:nth-child(5) > div{background:#7be1e3;background-image:linear-gradient(-45deg, #97e8e9 25%, #7be1e3 25%, #7be1e3 50%, #97e8e9 50%, #97e8e9 75%, #7be1e3 75%, #7be1e3);background-size:28px 28px;}
#event li:nth-child(5) > div img{border-color:#7be1e3;}
#event li:nth-child(6) > div{background:#5dda64;background-image:linear-gradient(-45deg, #7ce281 25%, #5dda64 25%, #5dda64 50%, #7ce281 50%, #7ce281 75%, #5dda64 75%, #5dda64);background-size:28px 28px;}
#event li:nth-child(6) > div img{border-color:#5dda64;}
#event li:nth-child(7) > div{background:#b5dd54;background-image:linear-gradient(-45deg, #c4e476 25%, #b5dd54 25%, #b5dd54 50%, #c4e476 50%, #c4e476 75%, #b5dd54 75%, #b5dd54);background-size:28px 28px;}
#event li:nth-child(7) > div img{border-color:#b5dd54;}
#event li:nth-child(8) > div{background:#f1c3a2;background-image:linear-gradient(-45deg, #f4cfb5 25%, #f1c3a2 25%, #f1c3a2 50%, #f4cfb5 50%, #f4cfb5 75%, #f1c3a2 75%, #f1c3a2);background-size:28px 28px;}
#event li:nth-child(8) > div img{border-color:#f1c3a2;}
#event li:nth-child(9) > div{background:#f4b6b7;background-image:linear-gradient(-45deg, #f7c5c5 25%, #f4b6b7 25%, #f4b6b7 50%, #f7c5c5 50%, #f7c5c5 75%, #f4b6b7 75%, #f4b6b7);background-size:28px 28px;}
#event li:nth-child(9) > div img{border-color:#f4b6b7;}
#event li:nth-child(10) > div{background:#f7b6de;background-image:linear-gradient(-45deg, #f7c5e5 25%, #f7b6de 25%, #f7b6de 50%, #f7c5e5 50%, #f7c5e5 75%, #f7b6de 75%, #f7b6de);background-size:28px 28px;}
#event li:nth-child(10) > div img{border-color:#f7b6de;}
#event li:nth-child(11) > div{background:#d5b7f5;background-image:linear-gradient(-45deg, #ddc5f7 25%, #d5b7f5 25%, #d5b7f5 50%, #ddc5f7 50%, #ddc5f7 75%, #d5b7f5 75%, #d5b7f5);background-size:28px 28px;}
#event li:nth-child(11) > div img{border-color:#d5b7f5;}
#event li:nth-child(12) > div{background:#fbd05e;background-image:linear-gradient(-45deg, #fcd97e 25%, #fbd05e 25%, #fbd05e 50%, #fcd97e 50%, #fcd97e 75%, #fbd05e 75%, #fbd05e);background-size:28px 28px;}
#event li:nth-child(12) > div img{border-color:#fbd05e;}

#ideal{padding:130px 0px 100px;background:url(../img/ideal_bg.jpg) no-repeat center;background-size:cover;text-align:center;}
#ideal .content_ttl{margin-bottom:50px;}
#ideal ul{margin-bottom:60px;color:#fff;display:inline-block;}
#ideal ul li{font-size:28px;margin-bottom:10px;text-align:left;line-height:1.4;}

#greeting{padding:100px 0px 60px;background:url(../img/bg_blue2.jpg);color:#fff;}
#greeting .content_ttl{margin-bottom:80px;}
#greeting .greeting_inner{width:980px;max-width:100%;margin:0px auto;padding:0 15px;}
#greeting h4{font-size:4em;font-weight:bold;line-height:1.1;margin-bottom:30px;}
#greeting p{font-size:21px;line-height:1.6;margin-bottom:30px;}

#recruit{padding:40px 0px 100px;}
#recruit .content_ttl{margin:100px auto 30px;}
#recruit dl{margin-bottom:10px;color:#333;}
#recruit dl dt{width:435px;}
#recruit dl dd{padding:15px;font-size:14px;font-family:"游ゴシック", YuGothic;}
#recruit dl dd h4{font-size:24px;font-weight:bold;line-height:1.2;margin-bottom:10px;}
#recruit dl dd h5{display:inline-block;height:24px;padding:2px 15px;color:#fff;font-weight:bold;background:#333;border-radius:12px;margin-bottom:10px;}
#recruit .recruit_voice1{background:#fff45c;}
#recruit .recruit_voice1 dt{float:left;margin-right:20px;}
#recruit .recruit_voice2{background:#cce198;}
#recruit .recruit_voice2 dt{float:right;margin-left:20px;}

#voice{padding-bottom:60px;color:#27201B;}
#voice > p{font-size:18px;letter-spacing:0.1em;margin-bottom:20px;}
#voice > div{padding:20px 0px;}
#voice > div h5{font-size:18px;font-weight:bold;margin-bottom:10px;line-height:1.4;}
#voice > div h5 span{font-family:'Poppins';font-weight:normal;color:#34A9E3;padding-right:10px;}
#voice > div p{padding:15px 20px;margin-bottom:10px;display:block;border-radius:10px;font-size:14px;}
#voice > div p:last-of-type{background-color:rgba(255,168,71,0.15);}
#voice > div p:first-of-type{background-color:rgba(255,72,123,0.1);}

#gallery ul li{width:20%;}

#info section{padding:15px;min-width:1050px;}
#info section .map{width:54%;height:210px;float:left;margin-right:40px;}
#info.about section .map{height:400px;}
#info section .map iframe{width:100%;height:100%}
#info section .info{font-family:"游ゴシック", YuGothic;color:#fff;display:block;float:left;width:calc(46% - 40px);}
#info section .info h4{font-size:30px;font-weight:bold;margin-bottom:10px;letter-spacing:0.04em;line-height:1.4em;}
#info section .info h4 span{font-size:12px;font-weight:normal;display:block;letter-spacing:0px;line-height:1.1em;}
#info section .info h5{font-size:16px;font-weight:bold;border-bottom:1px solid #fff;margin:15px 0px 5px;padding-bottom:5px;}
#info section .info p{font-size:14px;color:#fff;}
#info section .info a{color:#FFF96B;}
#info section:nth-child(3n+1){background:#bdcf56 url(../img/bg_pink.jpg);}
#info section:nth-child(3n+2){background:#f1ac93 url(../img/bg_blue2.jpg);}
#info section:nth-child(3n+3){background:#6dc1e3 url(../img/bg_green.jpg);}
#info section:nth-child(3n+4){background:#f2b88a url(../img/bg_orange.jpg);}
#info section table{font-size:14px;}
#info section table th{padding-right:10px;}
#info section table td{padding-left:10px;}
#info section table td:before{content:"：";}

#price{padding:100px 0px 60px;color:#59493f;background-color:#fff45c;font-weight:bold;font-size:21px;font-family:"游ゴシック", YuGothic;}
#price .content_ttl{margin-bottom:50px;}
/* 
#price table{width:100%;line-height:14px;}
#price table tr:not(:last-child){border-bottom:1px solid #59493f;}
#price table tr:first-child{border-bottom:5px solid #59493f;}
#price table th{padding:13px;border-right:5px solid #59493f;font-weight:bold;text-align:center;vertical-align:top;}
#price table th span{font-size:12px;}
#price table td{padding:13px 5px 13px 40px;border-right:1px solid #59493f;width:18%;vertical-align:top;}
#price table td:last-child{border:0px;}
#price table tr.tempo td{padding:13px 5px 13px 30px;}
#price table small{font-size:10px;display:block;width:calc(100% + 30px);text-align:center;margin:8px 0px -5px -30px;}
*/


@media screen and (max-width: 768px) {
	.content_ttl h3 img{height:70px;}
	
	#links{height:110px;text-align:center;}
	#links .right{text-align:center !important;}
	#links a{margin:10px 5px;}
	
	#feat .col-04{margin-bottom:20px;padding:0px 18% 0px 20% !important;}
	
	#news .news_inner{padding:0 2%;}
	#news .content_ttl .ttl_img{left:5%;}
	#news ul li dl dt{font-size:16px;}
	#news ul li dl dt .news_date{width:150px;}
	#news ul li dl dt .news_ttl{padding:15px 20px 15px 20px;}
	#news ul li dl dd{padding:5px 15px 0px;}
	
	#flow{padding-bottom:80px;}
	#flow .content_ttl{background-position:top 0px left 0%;background-size:170px;padding-bottom:60px;}
	#flow .content_ttl .ttl_img{right:5%;}
	#flow .inner{text-align:center;}
	#flow .inner img{margin:0px auto 40px;}
		
	#point .content_ttl{background-position:top right 10px;}
	#point .content_ttl .ttl_img{top:50px;left:10px;width:180px;}
	#point .inner ul li{font-size:20px;letter-spacing:0.05em;margin-bottom:15px;line-height:1.2;}
	#point .inner ul li:before{content:"\f192";font-family:"Font Awesome 5 Free";margin-right:0.1em;}
	#point .inner ul li span{display:none;}
	#point .point_list{padding-bottom:80px;}
	#point .point_list #ship{bottom:70px;}
	
	#ideal ul{margin-bottom:20px;}
	#ideal ul li{font-size:24px;margin-bottom:15px;text-align:center;padding:0px 10%;}
	#ideal ul li span{display:none;}
	
	#greeting .greeting_inner{padding:0 2%;}
	#greeting h4{font-size:32px;}
	#greeting p{font-size:16px;}
	
	#recruit dl dd{padding-top:0px;}
	#recruit dl dd h4{font-size:20px;}
	#recruit .recruit_voice1 dt{float:none;margin:0px auto;text-align:center;width:100%;}
	#recruit .recruit_voice2 dt{float:none;margin:0px auto;text-align:center;width:100%;}
	
	#gallery ul li{width:33.33%;}
	#gallery ul li:nth-of-type(n+10){display:none;}
	
    #info section{min-width:200px;width:100%;}
	#info section .map{width:100%;float:none;margin-right:0px;margin-bottom:15px;}
    #info.about section .map{height:210px;}
	#info section .info{width:100%;float:none;}

	#price{font-size:18px;}
/*
	#price table{margin-bottom:20px;}
	#price table th{padding:10px;width:30%;}
	#price table td{padding:10px 10px 10px 20px;width:35%;}
	#price table tr.tempo td{padding:10px 10px 10px 20px;}
	#price table small{width:calc(100% + 10px);margin:8px 0px -5px 0px;text-align:left;}
*/

}
@media screen and (max-width: 544px) {
	.content_ttl h3 img{height:60px;}

	#links{height:150px;}
	#links a{width:96%;margin:10px 2% 0px;padding-top:12px;}
	#links a img{height:16px;}

	#feat .col-04{padding:0px 1% 0px 1.2% !important;}

	#news{padding:50px 0px;}
	#news .content_ttl{background-position:bottom right 5px;padding-bottom:80px;margin-bottom:-30px;}
	#news .content_ttl .ttl_img{left:0%;width:80px;}
	#news ul li dl dt{display:block;font-size:16px;background:none;}
	#news ul li dl dt .news_date{display:block;height:40px;padding:10px 0px;border-radius:20px;margin-bottom:5px;}
	#news ul li dl dt .news_ttl{display:block;min-height:40px;background:#fcd14f;padding:10px;border-radius:20px;}
	#news ul li dl dd{font-size:12px;padding:5px 10px;}

	#flow{padding:20px 0px 60px;}
	#flow .content_ttl{background-position:top 0px left 1%;background-size:150px;padding:90px 0px 30px;}
	#flow .content_ttl .ttl_img{top:120px;right:1%;width:90px;}

	#point .content_ttl{background-position:top right 1%;background-size:120px;padding-bottom:80px;}
	#point .content_ttl .ttl_img{top:100px;left:1%;width:150px;}
	#point .inner ul li{font-size:17px;}
	#point .point_list > ul > li{font-size:12px;}
	#point .point_list li h4{font-size:18px;}
	#point .point_list li h4 span{font-size:12px;}
	#point .point_list{padding-bottom:160px;}
	#point .point_list #ship{right:10px;bottom:0px;}

	#event{padding:60px 0px;}
	#event li h5{font-size:16px;}
	#event li p{font-size:12px;}

	#ideal{padding:80px 0px 40px;}
	#ideal ul li{font-size:20px;padding:0px 1%;}

	#greeting{padding:70px 0px 40px;}
	#greeting .content_ttl{margin-bottom:40px;}
	#greeting h4{font-size:26px;}
	#greeting p{font-size:14px;}

	#recruit{padding:30px 0px 60px;}
	#recruit .content_ttl{margin:60px auto 20px;}
	#recruit dl dd{font-size:12px;}
	#recruit dl dd h4{font-size:20px;}
	#recruit dl dd h5{font-size:14px;}

	#info section .info h4{font-size:22px;}
	#info section .info h5{font-size:14px;}
	#info section .info p{font-size:12px;}

	#price{padding:60px 0px 40px;font-size:14px;}
	#price .content_ttl{margin-bottom:30px;}
/*
	#price table th{padding:10px;width:38%;}
	#price table td{padding:10px;width:31%;}
*/


}

/*****************************************************************************
 PAGE
 *****************************************************************************/
#page_ttl{background:#fff url(../img/page_ttl.jpg) center no-repeat;background-size:cover;height:240px;}
#page_ttl div{display:block;width:100%;height:100%;color:#fff;text-align:center;font-size:4em;padding-top:110px;background:linear-gradient(-45deg, rgba(246, 255, 0, .9), rgba(255,94,115, .9)) fixed; text-shadow:0px 0px 5px #FFF9AF;letter-spacing:0.06em;}
#page_ttl div span{font-size:24px;}
.page h3{font-size:3em;margin-bottom:40px;}
.page h3 i{margin-right:10px;font-size:105%;}
.page p{color:#59493f;font-size:14px;line-height:1.8;}


/*****************************************************************************
 PRESS
 *****************************************************************************/
#press_current{background:#FFF4CE url(../img/bg_yellow.jpg);padding:40px 0px 80px;position:relative;}
#press_current .inner{background:url(../img/press_sun.png) no-repeat top right;}
#press_current .press_bird{transform:rotate(80deg);display:block;position:absolute;right:50%;bottom:80px;}
#press_current dl:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
#press_current dl dt{width:28%;float:left;padding-top:50px;}
#press_current dl dt img{border:5px solid #fff;box-shadow:1px 2px 6px rgba(50,50,50,0.2);}
#press_current dl dd{width:68%;float:right;padding-top:60px;}
#press_current dl dd .press_ttl{font-size:2.6em;border-bottom:4px dashed #35B0FF;}
#press_current dl dd .press_txt{font-size:16px;margin-top:30px;}

#press_current2{padding:80px 0px;background:rgba(206,237,242,0.2);position:relative;}
#press_current2 .press_bird{transform:rotate(80deg);display:block;position:absolute;left:8%;bottom:80px;}
#press_current2 dl:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
#press_current2 dl dt{width:28%;float:right;}
#press_current2 dl dt img{border:5px solid #fff;box-shadow:1px 2px 6px rgba(50,50,50,0.2);}
#press_current2 dl dd{width:68%;float:left;padding-top:30px;}
#press_current2 dl dd .press_ttl{font-size:2.6em;border-bottom:4px dashed #35B0FF;}
#press_current2 dl dd .press_txt{font-size:16px;margin-top:30px;}


#press_list{padding:80px 0px;}
#press_list ul li{margin-bottom:40px;}
#press_list ul li dl dt{border-width:5px;border-style:solid;aspect-ratio:4/3;overflow:hidden;}
#press_list ul li dl dt img{width:100%;}
#press_list ul li:nth-child(5n+1) dl dt{border-color:#FFFEC5;}
#press_list ul li:nth-child(5n+2) dl dt{border-color:#FFD1D5;}
#press_list ul li:nth-child(5n+3) dl dt{border-color:#D7E8BB;}
#press_list ul li:nth-child(5n+4) dl dt{border-color:#DDF1FF;}
#press_list ul li:nth-child(5n+5) dl dt{border-color:#EDD3FF;}
#press_list ul li dl dd .press_ttl{font-size:16px;padding-left:5px;}
#press_list ul li dl dd .press_ttl:before{font-family:"fontawesome";content:"\f0da";margin-right:5px;color:#FF9600;}
#press_list ul li:nth-child(odd) dl dd .press_ttl:before{color:#35B0FF;}
#press_list ul li dl dd .press_txt{display:none;}

.link_btn{display:block;padding:15px;}
.link_btn a{display:inline-block;width:320px;height:50px;text-align:center;color:#fff;padding:15px 0px;background:#ea6b7c;border-radius:25px;font-size:16px;font-weight:bold;}

@media screen and (max-width: 768px) {
	#page_ttl{height:220px;}
	#page_ttl div{font-size:30px;padding-top:100px;}
	#page_ttl div span{font-size:16px;}
	
	
	#press_current{padding:10px 0px 80px;}
	#press_current .press_bird{display:none;}
	#press_current dl{padding-top:70px;}
	#press_current dl dt{width:90%;float:none;margin:0px auto;padding-top:40px;}
	#press_current dl dd{width:90%;float:none;margin:0px auto;padding-top:20px;}

	#press_current2{padding:60px 0px;}
	#press_current2 .press_bird{display:none;}
	#press_current2 dl dt{width:60%;float:none;margin:0px auto;padding-top:40px;}
	#press_current2 dl dd{width:90%;float:none;margin:0px auto;padding-top:20px;}

	#press_list ul li.col-03{width:33.33% !important;}

}
@media screen and (max-width: 544px) {
	#page_ttl{height:200px;}
	#page_ttl div{font-size:24px;padding-top:90px;}
	#page_ttl div span{display:block;padding-bottom:5px;}
	.page p{font-size:12px;}
	
	
	#press_current .inner{background-size:150px;}
	#press_current dl dd .press_ttl{font-size:1.8em;}
	#press_current dl dd .press_txt{font-size:12px;margin-top:10px;}
	
	#press_current2 dl dd .press_ttl{font-size:1.8em;}
	#press_current2 dl dd .press_txt{font-size:12px;margin-top:10px;}
	
	#press_list ul li.col-03{width:50% !important;}
	#press_list ul li dl dd .press_ttl{font-size:12px;}
    
    .link_btn a{font-size:14px;}

}


/*****************************************************************************
 CONTACT
 *****************************************************************************/
.contact{padding:100px 0px;}
.contact h3{color:#7F9B0A;}
.contact_inner{width:900px;max-width:100%;margin:0px auto;padding:0 15px;}

.contact table{color:#59493f;font-size:16px;width:100%;margin:20px 0px 0px;}
.contact table th{border-bottom:2px solid white;padding:1.5em 0.5em;vertical-align:top;width:30%;}
#inquiry table th{background:#ffd9da;background-image:linear-gradient(-45deg, #ffe9e9 25%, #ffd9da 25%, #ffd9da 50%, #ffe9e9 50%, #ffe9e9 75%, #ffd9da 75%, #ffd9da);background-size:20px 20px;}
#pamphlet table th{background:#ffe0c1;background-image:linear-gradient(-45deg, #ffe7d0 25%, #ffe0c1 25%, #ffe0c1 50%, #ffe7d0 50%, #ffe7d0 75%, #ffe0c1 75%, #ffe0c1);background-size:20px 20px;}
.contact table td{background:#fff;border-bottom:2px solid #ffe9e9;padding:1em;padding-right:10%;}
.contact table small{font-size:70%;}

input[type="text"]{font-size:16px;padding:0.5em;height:38px;max-width:100%;border:3px solid #eee;}
textarea{font-size:16px;padding:0.5em;width:100%;max-width:100%;height:160px;border:3px solid #eee;}
select{font-size:15px;height:38px;width:100%;max-width:100%;border:3px solid #eee;}
select{
	outline:none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}

.button {margin-top:60px;}
.button input[type="submit"],
.button input[type="reset"],
.button input[type="button"]{width:100%;border:none;text-align:center;font-size:1.5em;font-weight:bold;color:white;border-radius:6px;padding:15px;line-height:1;letter-spacing:0.2em;margin-bottom:10px;}

.btn_submit1{background:#f98f8f;}
.btn_submit2{background:#ffab6d;}
.btn_submit3{background:#86E4C0;}
.btn_reset{background:#C5C8C1;}
.btn_move{background:#B2B4BB;}

.button input:hover{ cursor:pointer;}


@media screen and (max-width: 768px) {
	.contact{padding:60px 0px;}
	.contact_inner{padding:0 2%;}

	.contact table th{display:block;width:100%;border:0px;}
	.contact table td{display:block;width:100%;padding-right:1em;}
	input[type="text"]{width:100%;}
	input[type="checkbox"]{display:inline-block;}
	input.zip{width:35%;}
	textarea{width:100%;}
	.button {margin-top:30px;}
}
@media screen and (max-width: 544px) {
	.contact p{font-size:12px;}
	.contact table{font-size:14px;}
}



/*****************************************************************************
 RECRUIT
 *****************************************************************************/
.recruit{padding:100px 0px;}
.recruit h3{color:#0FC2CB;}
.recruit h4{border-left:20px solid #EB770B;padding:0.5em ;font-size:20px;}
.recruit_inner{width:900px;max-width:100%;margin:0px auto;padding:0 15px;}

.recruit table{color:#59493f;font-size:16px;width:100%;margin:20px 0px 0px;line-height:2;}
.recruit table th{border-bottom:2px solid white;padding:1.5em 0.5em;vertical-align:top;width:25%;background:#ebfffb;}
.recruit table td{background:#fff;border-bottom:2px solid #ebfffb;padding:1em;}
.recruit.recruit2020 table th{background:#FFF1E4;}
.recruit.recruit2020 table td{border-bottom:2px solid #FFF1E4;}
/*
#entry table th{background:#bdffd7;background-image:linear-gradient(-45deg, #bdffd7 25%, #d2ffeb 25%, #d2ffeb 50%, #bdffd7 50%, #bdffd7 75%, #d2ffeb 75%, #d2ffeb);background-size:20px 20px;}
*/
#entry table th{background:#ffd9da;background-image:linear-gradient(-45deg, #ffe9e9 25%, #ffd9da 25%, #ffd9da 50%, #ffe9e9 50%, #ffe9e9 75%, #ffd9da 75%, #ffd9da);background-size:20px 20px;}
#entry table td{border-bottom:2px solid #ffe9e9;}
.recruit table small{font-size:70%;}

#entrysheet a{display:block;width:100%;text-align:center;font-size:18px;background:#FF9A42;padding:1em;border-radius:5px;color:#fff;}
#entrysheet a.link-pdf{background:#C3070A;box-shadow:0px 2px 3px rgba(0,0,0,0.2);}
#entrysheet a.link-word{background:#142C86;box-shadow:0px 2px 3px rgba(0,0,0,0.2);}
#entrysheet p{padding:2em 0px;}

@media screen and (max-width: 768px) {
	.recruit{padding:60px 0px;}
	.recruit_inner{padding:0 2%;}

	.recruit table th{display:block;width:100%;border:0px;}
	.recruit table td{display:block;width:100%;padding-right:1em;}
	input.birth{width:20%;}
	#entrysheet a.link-pdf{margin-bottom:10px;}

}
@media screen and (max-width: 544px) {
	.recruit h3,
	.recruit h4{line-height:1.2;}
	.recruit p{font-size:12px;}
	.recruit table{font-size:14px;}

}

p.intro{font-size:110%;}

.nijiiro{padding:100px 0px 0px;}
.nijiiro h3{color:#FF2C40;}
.nijiiro h4{color:#FF2C40;font-size:22px;margin:40px 0px 10px;}
.nijiiro_inner{width:680px;max-width:100%;margin:0px auto;padding:0 15px 60px;}
.nijiiro_inner a{display:inline-block;width:300px;max-width:100%;text-align:center;font-size:14px;color:white;border-radius:6px;padding:15px;line-height:1;letter-spacing:0.16em;background:#F78C9D;margin:5px 0px;}
.nijiiro .gallery{padding:100px 0px;background:url(../img/bg_pink2.jpg);}
.nijiiro .gallery a{pointer-events:none;}
.nijiiro .gallery img{border:5px solid #fff;}

.nijiiro .link{margin-bottom:20px;}
.nijiiro .link a img{border-radius:15px;}

@media screen and (max-width: 768px) {
	.nijiiro .gallery li{margin-bottom:10px;}
}
@media screen and (max-width: 544px) {
.nijiiro h3{font-size:19px;}
}