@charset "utf-8";

/*****************************************************************************
 layout
 *****************************************************************************/
.inner{padding-bottom:100px;}
.lower{width:950px;max-width:100%;margin:0 auto;padding-bottom:60px;}
.frame{width:950px;max-width:100%;margin:0 auto;padding-bottom:60px;}
.border{border-top:5px solid #ddd;}
.pankuzu {width:1080px;max-width:100%;margin:0 auto;padding:20px 0;}
.pankuzu p{font-size:14px;margin:0;padding:0;color:#333;}
.pankuzu span {margin:0 10px 0;}
.pankuzu a {color:#333;}
.pankuzu a:hover {color:#FE8E8C;text-decoration:none;transition: all 0.8s ease;}

.titleArea{width:100%;position:relative;margin-top:60px;}
.bg_ttl{width:100%;position:relative;background:url(../img/common/bg-ttl.jpg) no-repeat center center;background-size:cover;}
.bg_ttl_car{width:100%;position:relative;background:url(../img/common/bg-ttl-car.jpg) no-repeat center top;background-size:cover;}
.bg_ttl_sushi{width:100%;position:relative;background:url(../img/common/bg-ttl-sushi.jpg) no-repeat center 25%;background-size:cover;}

.titleArea div{width:1080px;max-width:100%;height:300px;margin:0 auto;padding:40px 15px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.titleArea h2{color:#fff;font-size:35px;font-weight:bold;text-align:center;letter-spacing:5px;text-shadow:#000 2px 2px 2px;}
.titleArea h2 small{display:block;color:#fff;font-size:20px;font-weight:700;letter-spacing:2px;line-height:1.5;margin:5px 0 0;}
.titleArea h2.color_black{color:#333;font-size:35px;font-weight:bold;text-align:center;letter-spacing:5px;text-shadow:#fafafa 2px 2px 2px;} 
.titleArea h2.color_black small{display:block;color:#333;font-size:20px;font-weight:700;letter-spacing:2px;line-height:1.5;margin:5px 0 0;}

.top_ttl{color:#00083e!important;font-size:70px;font-weight:400;font-family:'Poppins',sans-serif;letter-spacing:1px;text-align:center;margin-bottom:60px;}
.top_ttl small{display:block;color:#056cb3;font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Poppins", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana,  sans-serif;font-size:24px;font-weight:700;margin-top:15px;letter-spacing:1px;}

.line{display:flex;align-items:center;color:#333;font-size:24px;font-weight:bold;letter-spacing:2px;margin:0 0 25px;}
.line small{color:#666;font-size:13px;padding-left:10px;}
.line:before, .line:after{content:"";flex-grow:1;height:1px;background:#666;display:block;}
.line:before{margin-right:.4em;}
.line:after {margin-left:.4em;}

.lower em{font-style:normal;font-weight:bold;background:linear-gradient(transparent 60%, #F3F47F 60%);}
.lower b{font-weight:bold;}
.lower p{color:#333;font-size:15px;line-height:1.8;padding:0 0 30px;}
.lower a{text-decoration:none;}
.lower .red{color:red;}
.lower .cen{text-align:center;}



/*****************************************************************************
 contact
 *****************************************************************************/
.inq_table{width:100%;border-collapse:separate;border-spacing:3px;font-size:16px;margin-bottom:30px;}
.inq_table th{text-align:left;color:#333;background:#faebec;vertical-align:top;padding:15px;width:33%;line-height:1.3;}
.inq_table th span{color:#fff;float:right;font-size:11px;padding:3px 5px;background:#f50;border-radius:2px;}
.inq_table td {color:#333;background:#f7f7f7;vertical-align:middle;line-height:1.8;padding:15px;}
.inq_table td p{color:#666;font-size:12px;line-height:1.2;padding:10px 0 0;}
.inq_table label{cursor:pointer;position:relative;}
.inq_table textarea{height:200px;}
.inq_table select{margin-bottom:10px;}
.inq_table input[type="text"],
.inq_table input[type="email"],
.inq_table textarea{padding:5px;border:2px solid #ddd;cursor:pointer;font-size:13px;}
.inq_table input:focus,
.inq_table textarea:focus{border:2px solid #ccc;}
.inq_table input[type="radio"]{margin:0 0 3px;}
.cont01 {width:96%;height:35px;}
.cont02 {width:96%;height:180px;}
.cont03 {width:60%;}
.cont04 {width:40%;}
.cont05 {width:10%;}
.btn_form{text-align:center;margin:30px auto 10px;width:432px;}
.btn_form input[type="submit"]{width:280px;padding:15px 20px;color:#fff;border:none;background:#CB1F39;cursor:pointer;letter-spacing:3px;font-size:14px;transition: all 0.8s ease;}
.btn_form input[type="submit"]:hover{background:#000;}
.btn_send {background:#CB1F39;padding:12px;color:#fff;border:none;cursor:pointer;letter-spacing:3px;font-size:16px;width:200px;}
.btn_send:hover {opacity:0.8;transition: all 0.8s ease;}
.btn_reset {background:#333;margin-left:20px; color:#fff;border:none;cursor:pointer;letter-spacing:3px;font-size:16px;}
.btn_reset:hover {background:#000;transition: all 0.8s ease;}
.btn_back {background:#ccc;}
.btn_back:hover {background:#aaa;transition: all 0.8s ease;}
.send {margin:30px auto 10px;width:432px;}
.back {margin:30px auto 10px;width:224px;width:432px;}


/*****************************************************************************
 about
 *****************************************************************************/
.page_about{padding:15px 0 120px;}
.page_about h3{font-size:30px;color:#333;line-height:1.4;font-weight:normal;letter-spacing: 0.01em;padding:0;margin:0 0 0.7em;}
.page_about h3 small{font-size:0.7em;display:block;}
.page_about h5{font-size:21px;text-align:center;display:block;padding:0 0 1em 0;margin:0;line-height:1.4;color:#333;font-weight:normal;}
.page_about h5 small{display:block;font-size:0.6em;}
.page_about h6{font-size:10px;text-align:center;display:block;padding:0.5em 0;margin:0;line-height:1.2;color:#333;}
.page_about	p{font-size:16px;color:#666;line-height: 2.2;letter-spacing: 0.03em;font-weight:normal;padding:0;margin:0;}
.page_about	ol li{font-size:21px;color:#555;line-height:1.5;font-weight:normal;font-style:italic;padding:0;margin:0;list-style:none;}
.page_about	ol li small{display:block;font-size:13px;color:#666;padding:0 0 10px 43px;}
.page_about	hr{height:0;margin:0 0 45px 0;padding:0 0 45px 0;border: 0;border-bottom: 1px dashed #bbb;}

.about_table{width:100%;border-collapse:separate;border-spacing:3px;font-size:14px;margin-bottom:30px;}
.about_table th{text-align:left;color:#333;background:#e9f7e8;vertical-align:top;padding:15px;width:33%;line-height:1.3;}
.about_table th span{color:#fff;float:right;font-size:11px;padding:3px 5px;background:#f50;}
.about_table td {color:#333;background:#f7f7f7;vertical-align:middle;line-height:1.8;padding:15px;}
.about_table td p{color:#888;font-size:12px;line-height:1.2;padding:0;}

/*****************************************************************************
 privacy
 *****************************************************************************/
.privacy h3{clear:both;font-size:24px;font-weight:bold;line-height:1.2;letter-spacing:0.05em;border-bottom:2px solid #ddd;color:#333;margin:0 0 10px;padding:10px 0;}
.privacy h3:before{content:"\f0da";font-family:FontAwesome;font-weight:normal;margin-right:10px;}
.privacy p{font-size:16px;line-height:1.8;padding:0 0 30px;}
.privacy address{color:#333;font-size:14px;line-height:1.8;font-style:normal;}
.privacy address a{color:#6abd6f;text-decoration:none;}
.privacy address a:hover{opacity:0.7;}


/*****************************************************************************
 recruit
 *****************************************************************************/
.recruit_table{width:100%;border-collapse:separate;border-spacing:3px;font-size:16px;margin-bottom:50px;}
.recruit_table th{text-align:left;color:#333;background:#faebec;vertical-align:middle;padding:15px;width:33%;line-height:1.3;}
.recruit_table th span{color:#fff;float:right;font-size:11px;padding:3px 5px;background:#f50;border-radius:2px;}
.recruit_table td {color:#333;background:#f7f7f7;vertical-align:middle;line-height:1.8;padding:15px;}
.recruit_table td p{color:#666;font-size:12px;line-height:1.2;padding:10px 0 0;}

/*****************************************************************************
 fc
 *****************************************************************************/
.page_fc{padding:15px 0 120px;}
.page_fc h5{font-size:13px;text-align:center;display:block;padding:0 0 1em 0;margin:0;line-height:1.4;color:#333;font-weight:normal;}
.page_fc h5 small{display:block;font-size:0.6em;text-align:left;}
.page_fc h6{font-size:10px;text-align:center;display:block;padding:0.5em 0;margin:0;line-height:1.2;color:#333;}
.page_fc p{font-size:15px;color:#666;line-height: 2;letter-spacing:0.03em;font-weight:normal;padding:0;margin:0;}
.page_fc ul li{margin-bottom:50px;}
.page_fc ul li img{margin-bottom:10px;border:1px solid #ddd;}
.page_fc hr{height:0;margin:0 0 45px 0;padding:0 0 45px 0;border: 0;border-bottom: 1px dashed #bbb;}
.page_fc ul.pic{display:flex;flex-flow:row wrap;justify-content:space-between;}
.page_fc ul.pic li{width:49%;margin-bottom:10px;}
.page_fc ul.pic li img{margin-bottom:5px;border:none;}
.page_fc ul.pic li p{font-size:13px;line-height:1.5;text-align:center;}
.page_fc .red{color:red;font-weight:bold;}

.page_fc ul li.web-service img{border:none;width:100%;height:auto;display:block;padding:0;margin:0 auto;}
.page_fc ul li.web-service dl{border:0px solid red;display : -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap; }
.page_fc ul li.web-service dl dt{border:0px solid red;width:30%;padding:5px 15px 5px 5px;}	
.page_fc ul li.web-service dl dd{border:0px solid red;width:70%;padding:5px;}	
.page_fc ul li.web-service dl dd h4	{font-size:24px;font-weigh:bold;color:#333;text-align:left;padding:0;margin:0 0 0.5em 0;line-height: 1.2;}
.page_fc ul li.web-service dl dd p{font-size:15px;color:#666;line-height:2;letter-spacing:0.03em;font-weight:normal;padding:0;margin:0;}


@media screen and (max-width: 768px){
	
	.titleArea{width:100%;margin:80px 0 20px;position:relative;}
	.titleArea div{width:100%;height:150px;margin:0 auto;padding:40px 15px 0;display:flex;align-items:center;}
	.titleArea h2,.titleArea h2.color_black{font-size:20px;}
	.titleArea h2 small,.titleArea h2.color_black small{font-size:12px;}
	.line{font-size:21px;line-height:1.2;}
	.pankuzu{font-size:12px;padding:0 10px;}	
	.lower{padding:0 5px 30px;}	
	.lower p{font-size:14px;letter-spacing:0;}
	.inner .col-12,.inner .col-09,.inner .col-04{width:100%;}
	.inner img{display:block;margin:0 auto 20px;}
	.inner{padding-bottom:30px;}
	
	.top_ttl{text-align:center;font-size:40px;margin-bottom:30px;}
	.top_ttl small{font-size:18px;margin-top:5px;}

	/* contact */
	.inq_table {font-size:13px;border-top:none;}
	.inq_table tr,
	.inq_table th,
	.inq_table td {display:block;width:100%;}
	.inq_table td textarea{width:96%;}
	.inq_table th,.inq_table td{padding:10px;}
	.inq_table th span {float:none;display:inline-block;margin:5px 0 0 5px;}
	.contact .btn_form input[type="submit"]{width:100%;}
	.cont01 {width:96%;}
	.cont02 {width:96%;}
	.cont03 {width:96%;}
	.cont04 {width:96%;}
	.cont05 {width:96%;}
	.btn_form {width:100%;height:50px;}
	.btn_send {width:100%;height:50px;}
	.btn_reset {margin:10px 0 0;}
	.send {margin:30px auto 10px;width:80%;}

	/* privacy */
	.privacy h3{letter-spacing:0;font-size:16px;}

	/* about */
    .page_about h3{font-size:21px;font-weight:bold;padding-left:10px;padding-right:10px;}
    .page_about h3 small{font-size:0.6em;font-weight:bold;}
    .page_about	p{line-height:1.6;letter-spacing:0;padding-left:10px;padding-right:10px;}
    .page_about	ol li{font-size:16px;padding-left:10px;padding-right:10px;}
    .page_about	ol li small{display:block;font-size:13px;color:#666;padding:0 0 10px 30px;}
    .about_table th,
    .about_table td{font-size:14px;line-height:1.3;}

	/* fc */
    .page_fc h3{font-size:21px;font-weight:bold;padding-left:10px;padding-right:10px;}
    .page_fc h3 small{font-size:0.6em;font-weight:bold;}
    .page_fc p{line-height:1.6;letter-spacing:0;padding-left:10px;padding-right:10px;}
    .page_fc ol li{font-size:16px;padding-left:10px;padding-right:10px;}
    .page_fc th,
    .page_fc td{font-size:14px;line-height:1.3;}

	.page_fc ul li.col-06.web-service{width:100%;}
    
    /* recruit */
	.recruit_table tr,
	.recruit_table th,
	.recruit_table td {display:block;width:100%;font-size:14px;line-height:1.3;}
	.recruit_table td textarea{width:96%;}
	.recruit_table th,.inq_table td{padding:10px;}
    
}


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

	
}

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

	.lower p{font-size:13px;line-height:1.5;}
	.lower p.catch{font-size:15px;}

	.responsive{margin-bottom:30px;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
	.responsive table{min-width:600px;margin:0 !important;}
	.responsive table *{font-size:11px !important;}
	/**{-webkit-appearance: none;-webkit-text-size-adjust:100%;}*/

	
}

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

    .bg_ttl_car{background:url(../img/common/bg-ttl-car.jpg) no-repeat left top;background-size:cover;}
	

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

	

}

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




}


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


}