@charset "UTF-8";

/*
 * サイト共通用のCSSです。
 *
 */



/* 連続 br でIE6が改行しないバグ対策　CSS:letter-spacing の影響
----------------------------------------------- */
br {
    letter-spacing: normal;
}
/* フロート回り込み解除
----------------------------------------------- */
.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}

/* float対策：背景色表示用
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.both{
    clear:both;
}

.hidden {
    display: none;
}



/* yui 上書き
----------------------------------------------- */
html,
body {
    /*height: 100%;*/
}
body {
    font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    line-height: 1.6em;
}
ol,ul,dl {
    margin: 0px;
}
h1, h2, h3 {
    margin: 0px;
}
img {
    vertical-align: bottom;
}



/* 基本サイト構造 (空白のままにすること)
----------------------------------------------- */

/* body */
body {}
/* container */
#container {}
/* container_inner */
#container_inner {}
/* header_wrapper */
#header_wrapper {}
/* header */
#header {}
/* main_nav */
#main_nav {}
/* breadcrumb */
#breadcrumb {}
/* contents_wrapper */
#contents_wrapper {}
/* footer_wrapper */
#footer_wrapper {}
/* footer */
#footer {}




/* -----------------------------------------------
 *
 *
 * ここから下を変更すること
 *
 *
----------------------------------------------- */
.pc{display:block;}
.sp{display:none;}
.sp_only{display:none;}

/* a リンク
----------------------------------------------- */
a {
    text-decoration: none;
}
a:link{
}
a:visited{
}
a:hover{
    text-decoration: underline;
}

/* table
----------------------------------------------- */
tr {
    border: none;
}
th,
td {
    padding: 18px 20px;
    font-weight: 100;
    border: solid 4px #F4EAE3;
    text-align: left;
    background: #fff;
}
th {
    background:;
    vertical-align: top;
}


/* ボタン
----------------------------------------------- */
.button   {
    display: inline-block;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;
    padding: 5px 20px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
}
.button:hover {
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}
.button:active {
    background: #ccc;
    padding: 6px 20px 4px;
}

.btn_link {
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    padding: 45px 66px;
    margin: 0;
    min-width: 245px;
    position: relative;
    border: 3px solid #cc334a;
    background: #cc334a;
}
.btn_link:hover  {
    color: #cc334a;
    border: 3px solid #E91E63;
    background: #fff;
}
.btn_blue{
	border: 3px solid #33c7cc;
    background: #33c7cc;
}
.btn_blue:hover{
	color: #33c7cc;
    border: 3px solid #33c7cc;
    background: #fff;
}



/* -----------------------------------------------
 * メイン
----------------------------------------------- */

/* body */
html {
    background-color: #fff;
}

/* container */
#container {
    overflow-x: hidden;
}

/* container_inner */
#container_inner {
    margin: 90px auto 0;
}
#container #container_inner #banner3{
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	height: 75px;
	margin-bottom: 15px;
}
#container #container_inner #banner3 li {
	float: left;
	list-style-type: none;
}



/* メニュー作成 */

/*ヘッダー
----------------------------------------------- */






	/* ===================================================================

	#	Responsive

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

		nav { display:none; }

	}

	/* ===================================================================

	#	Responsive Navigation

	=================================================================== */
	body > header .slide_nav { display:none; }
	body > header .slide_nav:hover { transform:none; }
	@media screen and (max-width:768px) {

		/* nav */
		body > header .slide_nav { display:block; position:fixed; right:10px; top:10px; text-align:center; width:50px; height:50px;  z-index:9999; /*border:2px solid #e0ab03;*/ }
		body > header .slide_nav img { width:50%; position:relative; vertical-align:top; top:50%; transform:translateY(-50%); }
		body.sidr-open > header .slide_nav { left:120px; right:auto; }
		.sidr { background:#e0ab03; color:#000;  }
		.sidr ul li a { width:100%; display:block; text-align:left; padding:0.5em 1em; color:#FFF; border-bottom:1px solid rgba(255,255,255,0.5); }
		/*.sidr ul li:last-child a { height:60px; line-height:60px; background:#0861A3; color:#FFF; font-size:18px; font-weight:bold; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; padding:0 1em; }
		.sidr ul li:last-child a span { background:#FFF; padding:0 5px; font-size:12px; color:#116CB7; margin-right:1em; position:relative; top:-2px; }*/
		.sidr ul li a img { position:relative; top:50%; transform:translateY(-50%); }
		.sidr ul li a .sml { font-size:13px; margin-left:20px; color:#000; }

	}


/* メニュー作成 ここまで */



/*サイド固定バナー
----------------------------------------------- */


.r_bann {
	width: 178px;
	height: 285px;
	position: fixed !important;
	right: 0;
	z-index:9998;
}
.r_bann2 {
	width: 178px;
	height: 138px;
	position: fixed !important;
	right: 0;
	z-index:9998;
}
.r_bann a {
	display: block;
	width: 100%;
	height: 100%;
}
.r_bann2 a {
	display: block;
	width: 100%;
	height: 100%;
}
#r_bann_1 {
	top: 60px;
}

#r_bann_2 {
	top: 365px;
}




/*ヘッダー
----------------------------------------------- */



/* コンテンツ
----------------------------------------------- */
/* contents_wrapper */
#contents_wrapper {
}
.s2 {
    padding: 76px 0;
    width: 90%;
    margin: 0 auto;
  }
/*.douga {
	width:100%;
}
video {
	min-width:100%;
    min-height:100%;
    z-index:-100;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}*/
section .sec_inner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	/*height:700px;*/
}
section .sec_inner2 {
	width: 1114px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:auto;
}
section .sec_inner3 {
	width: 1114px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:240px;
}
section .sec_inner6 {
	width: 1114px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:450px;
}
section .sec_inner7 {
	width: 1114px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:420px;
}
.s2 .sec_inner h3 {
	font-size: 45px;
	color: #FFF;
	margin-bottom: 71px;
}
.s2 .sec_inner div ul li {
	text-align: center;
	float: left;
	width: 25%;
	padding: 243px 0 0;
	list-style-type: none;
	position: relative;
	height: 580px;
	background: rgb(34,193,195);
background: linear-gradient(45deg, rgba(34,193,195,1) 0%, rgba(246,64,186,1) 100%);
}
.s2 .sec_inner div ul li:nth-child(1n) { background: url(../images/img001.jpg) #d20459 no-repeat; background-blend-mode: hard-light;  background-size: cover;}
.s2 .sec_inner div ul li:nth-child(2n) { background: url(../images/img002.jpg) #9d9ae3 no-repeat; background-blend-mode: hard-light;  background-size: cover;}
.s2 .sec_inner div ul li:nth-child(3n) { background: url(../images/img003.jpg) #059a71 no-repeat; background-blend-mode: hard-light;  background-size: cover;}
.s2 .sec_inner div ul li:nth-child(4n) { background: url(../images/img004.jpg) #a907bd no-repeat; background-blend-mode: hard-light;  background-size: cover;}


.s2 .sec_inner div ul li h4 {
	font-size: 26px;
    font-weight: bold;
    color: #FFF;
    line-height: 34px;
    margin: 0 10px 27px;
}
.s2 .sec_inner div ul li .ver2 {
}
.s2 .sec_inner div ul li img {
	position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.s2 .sec_inner div ul li p {
	font-size: 17px;
	color: #fff;
	line-height: 1.5;
	margin: 0 50px;
	font-weight: 600;
}
.s2 ul{
	padding:0;

}
.s3 {
	background-image: url(../images/s3_bg.jpg);
	background-repeat: repeat;
	background-size: cover;
	height: 1000px;
}
.s3 .contents {
	float: right;
	width: 42%;
	text-align: center;
	padding-top: 240px;
}
.s3 .contents h3 {
	font-size: 50px;
	font-weight: bold;
	line-height: 67px;
	margin-bottom:70px;
	color:#000;
}
.s3 .contents p {
    font-size: 20px;
    line-height: 42px;
    width: 73%;
    margin: 0 auto 43px auto;
}
.s3 .contents .s302img {
	width:80%;
}
.s4 {
	background-image: url(../images/can_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
	height: 1050px;
	padding-top:100px;
	/*background: rgb(1,1,1);
background: linear-gradient(27deg, rgba(1,1,1,1) 0%, rgba(77,47,67,1) 100%);
	padding-bottom:100px;*/
}
.s4 .sec_inner2 h3 {
    font-size: 55px;
    font-weight: 600;
    color: #f4d500;
    margin: 124px 0 46px;
}
.s4 .sec_inner2 p {
	color: #FFF;
    font-size: 22px;
    letter-spacing: 4px;
    line-height: 38px;
    text-align: center;
}
.s4 .sec_inner2 div ul li {
	text-align: center;
	width: 50%;
	float: left;
	margin: 0px;
}

.s4 .sec_inner2 div ul li img {
	margin-bottom: 15px;
}

.s4 .sec_inner2 div ul li .redtit {
	font-size: 25px;
	color: #C30C22;
}

.s4 .banner {
}
.s4 .banner img {
	width: 100%;
}
.s5 {
	background: rgb(1,1,1);
background: linear-gradient(27deg, rgba(1,1,1,1) 0%, rgba(77,47,67,1) 100%);
	padding-top: 50px;
}
.s5 .sec_inner3 h3 {
	margin-bottom: 60px;
}

.s5 .sec_inner3 div ul li {
	float: left;
	width: 46%;
	padding:2%;
	list-style-type: none;
	text-align: center;
}
.s5 .sec_inner3 div ul li:nth-child(3n) { margin-right:0; }
.s5 .sec_inner3 div ul li img {
	margin-bottom: 30px;
}

.s5 .sec_inner3 div ul li .redtit {
	font-size: 20px;
	color: #FFF;
	margin-bottom: 25px;
	font-weight: bold;
}
.s5 .sec_inner3 p {
	font-size: 32px;
	color: #FFF;
	line-height: 30px;
	margin-bottom: 15px;
}
.s5 .sec_inner3 h3 {
	font-size: 52px;
	font-weight: bold;
	margin-bottom: 50px;
    line-height: 1;
	color:#fff;
}
.s5 h3 img{
	width:50%;
	margin:0 auto;
}
.s6 {
	background: rgb(241, 191, 0);
	background: linear-gradient(27deg, rgb(241, 191, 0) 0%, rgba(218,165,4,1) 100%);
	padding-top:100px;
    height: 1600px;　/* もとは1900px */
}
.s6 .sec_inner6 h3 {
	font-size: 52px;
	font-weight: bold;
	margin-bottom: 50px;
    line-height: 1;
	color:#fff;
}
.s6 .sec_inner6 p {
	font-size: 1.5em;
    line-height: 25px;
    padding-bottom: 30px;
	width: 85%;
    margin: 0 auto;
}
.s6 .sec_inner6 h4 {
	font-size: 30px;
	margin-top: 70px;
}
.s6 .sec_inner6 iframe {
	margin-bottom:30px;
}
.s7 {
	background:#000;
	padding: 50px 0;

}
.s7 .sec_inner2 h2,
.s7 .video_btn h2 {
    font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding: 38px 0 20px;
	letter-spacing: 4px;
	line-height: 2;
}
.s7 .video_btn h2 > span {
	color:#FF0;
	font-size:30px;
}
.s7 .sec_inner2 p.title {
	color:#d2539a;
    font-size: 35px;
    padding: 30px 0;
	text-align:center;
	font-weight:bold;
    line-height: 1.3em;
}
.s7 p {
	font-size:25px;
	padding: 5px 0;
	color:#FFF;
}
.s7 img {
  width: 100%;
}
.s7 .video_btn {
	text-align:center;
}
.s7 .btn_link {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 25px 60px;
    /* margin: 0; */
	margin-top:20px;
    min-width: 150px;
    position: relative;
    border: 3px solid #cc334a;
    background: #cc334a;
}
.s7 .btn_link:hover  {
    color: #cc334a;
    border: 3px solid #E91E63;
    background: #fff;
}
.s8 {
	background-image: url(../images/can_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
	height: 800px;
	padding-top:100px;
	background-size: cover;
	/*background: rgb(1,1,1);
background: linear-gradient(27deg, rgba(1,1,1,1) 0%, rgba(77,47,67,1) 100%);
	padding-bottom:100px;*/
}
.s8 img {
	margin-top:224px;
}

.s9 {
	background:#f8d800;
	padding-bottom: 50px;

}
.s9 p {
	font-size:30px;
	padding: 25px 0;
}
.machine {
	height:820px;
	background: #fff url(../images/machine.png) bottom no-repeat;
	padding: 38px 0 ;
	margin-bottom: 64px;

}
.machine .sec_inner2 h2 {
font-size: 20px;
font-weight: 600;
color: #000;
padding: 70px 0 50px;
letter-spacing: 4px;
line-height: 2;
}

.machine_new {
  padding: 150px 0;
  background-image: url(../images/machine_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.machine_new h2 {
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 60px;
  text-align: center;
  
}
.machine_new ul {
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  width: 80%;
  margin: 0 auto 30px;
  padding: 0;
}
.machine_new ul li {
  width: 30%;
  list-style: none;
  margin: 1%;
}
.machine_new ul li img {
  width: 100%
}
.machine_new p {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 1px;
}


.kuro {
	background:#000;

}
.kuro p {
	color: #fff;
    font-size: 30px;
    padding: 29px 0 40px;

}
.info_area {
	background-color:#000;
	overflow:hidden;
}
.info_area .setsumeikai {
	padding:25px 0;
	overflow:hidden;
}

.info_area .setsumeikai p {
	color: #fff;
    font-size: 25px;
    padding: 5px 0;
	text-align:center;
	line-height:40px;
}
.info_area .setsumeikai p.b {
    font-size: 35px;
    padding: 30px 0;
	text-align:center;
	font-weight:bold;
}

.info_area .henkou {
	margin: 20px 0 30px;
}
.info_area .henkou p {
	color: #fff;
    font-size: 25px;
    padding: 5px 0;
	text-align:center;
	line-height:30px;
}
.info_area .henkou p.b {
    font-size: 35px;
    padding: 30px 0;
	text-align:center;
	font-weight:bold;
}
.info_area .henkou p.red {
	color:#F00;
	font-weight:bold;
}

/*
.info_area .setsumeikai .henkou .left {
	float:left;
	width:45%;
	line-height:40px;
}
.info_area .setsumeikai .henkou .left2 {
	float:left;
	width:10%;
	line-height:40px;
}

.info_area .setsumeikai .henkou .right {
	float:right;
	width:45%;
	line-height:40px;
}
.info_area .setsumeikai .left .b_center {
	text-align:center;
	font-weight:bold;
}
*/


.info_area_ye {
	background: linear-gradient(27deg, rgb(241, 191, 0) 0%, rgba(218,165,4,1) 100%);
	overflow:hidden;
	text-align:center;
}
.info_area_ye .info {
	padding-top:30px;
	padding-bottom:0px;
}
.info_area_ye .info p {
	color: #000;
    font-size: 25px;
    padding: 15px 0;
	text-align:center;
}
.info_area_ye .info p.title {
    font-size: 35px;
    padding: 30px 0;
	text-align:center;
	font-weight:bold;
}
.info_area_ye .info p.b {
	font-weight:bold;
	line-height: 1.3em;
}
.info_area_ye .info .btn {
	text-align:center;
}
.info_area_ye .info .btn_link {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 25px 60px;
    /* margin: 0; */
	margin-top:20px;
    min-width: 245px;
    position: relative;
    border: 3px solid #cc334a;
    background: #cc334a;
}
.info_area_ye .info .btn_link:hover  {
    color: #cc334a;
    border: 3px solid #E91E63;
    background: #fff;
}

.web_dl {
	margin: 100px auto;
    text-align: center;
    width: 1200px;
}

.web_dl h1 {
	font-size:2em;
    margin-bottom: 50px;
    background-color: #EAC931;
    padding: 30px 0;
}
.web_dl h3 {
	color:#F90;
	font-size:1.2em;
	margin: 15px 0 20px;
	font-weight: 600;
}
.web_dl h4 {
	font-size:1.2em;
	margin: 15px 0 20px;
	font-weight: 600;
}
.web_dl .sec_inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    /*height: 415px; */
}
.web_dl p {
	font-size:1.2em;
	margin-bottom:20px;
}

.web_dl .sec_inner div ul li {
    text-align: center;
    float: left;
    width: 31%;
    padding: 0 1%;
    list-style-type: none;
    position: relative;
     margin-bottom: 30px;

}

.web_dl .btn_link {
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    padding: 45px 66px;
    margin: 0;
    min-width: 245px;
    position: relative;
    border: 3px solid #cc334a;
    background: #cc334a;
}

.web_yoyaku {
	margin: 0 auto 40px;
    text-align: center;

}
.web_yoyaku .sec_inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    /*height: 415px; */
	background-image: url(../images/briefing_bg.jpg);
    background-repeat: repeat;
    background-size: cover;
}
.web_yoyaku .uketsuke_map,
.web_yoyaku .setsumeikai {
	background-image: url(../images/briefing_bg.jpg);
    background-repeat: repeat;
    background-size: cover;
}
.uketsuke_map iframe {
    padding-bottom: 30px;
}
.web_yoyaku h1 {
	font-size:2em;
    margin-bottom: 50px;
    background-color: #EAC931;
    padding: 30px 0;
}
.web_yoyaku p {
	font-size: 1.5em;
    line-height: 25px;
    padding-bottom: 30px;
}

.senkou {
	text-align:center;
	background-image: url(../images/cp_bg.jpg);
    background-repeat: repeat;
    background-size: cover;
	padding:50px 10px;
}

.senkou img.moji {
	width:50%;
	margin:0 auto;
}
.senkou .btn_link {
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    padding: 25px 60px;
    margin: 0;
	margin-top:20px;
    min-width: 150px;
    position: relative;
    border: 3px solid #cc334a;
    background: #cc334a;
}
.senkou .btn_link:hover  {
    color: #cc334a;
    border: 3px solid #E91E63;
    background: #fff;
}
.uketsuke {
    position: relative;
	overflow: hidden;
}
.uketsuke::before {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0;
    border-top: 35vw solid transparent;
    border-left: 101vw solid #d8d110;
    z-index: 0;
}

.uketsuke .container {	
	max-width: 1500px;
	position: relative;
}
.uketsuke .container .colbox_2 .l{	
	background: url(../images/gazou02.jpg) no-repeat;
	background-size: cover;
}
.uketsuke .container .colbox_2 .r{
	padding: 20px 0 20px 30px;
}
.uketsuke .gaikan{
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
}

.campaign { padding:50px 0; background: #000; }
.campaign h1 { color:#dda903; font-size:30px; font-weight:bold; letter-spacing:3px; margin-bottom:30px; text-align:center; }
.campaign .cam_box { color:#fff; width: 90%; margin: 0 auto 30px; }
.campaign .cam_box h2 { text-align: center; font-size: 20px; margin-bottom: 10px; line-height: 30px; letter-spacing:2px; }
.campaign .cam_box p { padding: 10px 0 0; text-align:center; font-size: 16px; line-height:25px; }
.campaign .cam_box ul { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }
.campaign .cam_box ul li { width:800px; text-align:center; list-style:none; }
.campaign .cam_box ul li.two { width:49%; }
.campaign .cam_box ul li.two img { width:auto; height:500px; }
.campaign .cam_box ul li a { text-decoration:none; color:#dda903; }


.kinkyu { width:75%; margin:50px auto; border: 3px solid #F44336; padding: 20px 40px; }
.kinkyu h2 { font-size:20px; font-weight:bold; margin-bottom:20px; }
.kinkyu p { font-size:15px; line-height:25px; }
.kinkyu .flex { display:-webkit-box; display:-ms-flexbox; display:flex; }
.kinkyu .flex ul { width:45%; margin:20px; }
.kinkyu .flex ul li { list-style:none; font-size:15px; line-height:30px; }

.qrbox{ max-width:300px; margin:0 auto;}
.qrbox img{ width:100%;}


/* お問い合わせフォーム
----------------------------------------------- */
.form_area { width: 1100px; margin: 30px auto 150px; }
.form_area .title_area { margin-bottom: 30px; }
.form_area .title_area p { width: 90%; margin: 0 auto 50px; line-height: 30px; font-size: 1rem; }
.form_area form { width: 95% !important; }

.contact #title_ye {
	text-align: center;
	background-color: #FFE800;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 35px;
  padding-top: 90px;
}
.contact section h2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    background-color: #FFE800;
    height: 33px;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 35px;
}
.contact .area {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 50px;
}
.contact .area div {
	margin-bottom: 50px;
}
.contact .area p {
	font-size: 15px;
	line-height: 26px;
	text-align: left;
}
.contact .area div p {
	text-align: center;
}
.contact .area .contact_p {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 80px;
}
.contact .area .time_p {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 60px;
}
.contact .area .time_p2 {
	font-size: 18px;
	line-height: 52px;
	font-weight: bold;
	background-color: #CCC;
	text-align: center;
	width: 330px;
	margin-right: auto;
	margin-left: auto;
}
.contact .area img { width: 40%; }

.gaikanerea{
	padding: 100px 0;
}
.gaikanerea img{
	width: 90%;
}


/* video.php
------------------------------------------------- */
.title_ye {
    text-align: center;
    background-color: #FFE800;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 35px;
}

section .sec_inner_video {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    height: auto;
    margin-bottom: 20px;
}
section .sec_inner_video h1 {
	font-size:2em;
	margin-bottom: 50px;
	background-color:#EAC931;
    padding: 30px 0;
}
.view_area {
    width: 70%;
    margin: 50px auto 100px;
}
.view_area .douga {
	width:100%
}


/* footer
----------------------------------------------- */
#footer_warpper {
    clear: both;
    background: #000;

}
#footer {
    width: 1048px;
    color: #333;
    margin: 0px auto 0px;
    padding: 60px 0 10px;
}

#footer_menu {
    margin: 0px auto 40px;
    width: 116px;
}
#footer_menu li {
	line-height: 12px;
	float: left;
	list-style-type: none;
	margin-right:12px;
}
#footer_menu li:nth-child(3) {
    border: none;
}
#footer_menu li a {
    color: #c1cdd0;
}

#footer small {
    display: block;
    text-align: center;
    font-size: 12px;
	color: #66696f;
}
#container #container_inner #contents_wrapper #main_c  {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
	height: 95px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.map{
	height:600px;
}
.s_top{
	height: 121px;
	padding-top:90px;
}
.s_top a{
	color:#FFF;
}


.t_l{
	width:50%;
	background:#99078d;
	color:#fff;
	float:left;
	padding:50px 0;
	text-align:center;
	font-weight:600;
	font-size: 2em;
}

/*.s_top .t_l p,
.s_top .t_r p {
	font-size:0.7em;
	text-align:center;
	line-height: 23px;
}
.s_top .t_l p.b,
.s_top .t_r p.b {
	font-size:1em;
	text-align:center;
}
*/

.t_r{
	width:50%;
	background:#443737;
	color:#fff;
	float:left;
	padding:50px 0;
	text-align:center;
	font-weight:600;
	font-size: 2em;

}
section .sec_inner_bri {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:auto;
	background-image: url(../images/briefing_bg.jpg);
    background-repeat: repeat;
    background-size: cover;
	padding-bottom: 20px;
}
section .sec_inner_bri h1 {
	font-size:2em;
	margin-bottom: 50px;
	background-color:#EAC931;
    padding: 30px 0;
}
section .sec_inner_bri p {
	font-size: 1.5em;
    line-height: 35px;
    padding-bottom: 30px;
}
section .sec_inner_bri iframe {
    padding-bottom: 30px;
}

section .sec_inner_bri .tizu {
	margin: 50px;
    width: 70%;
}
section .sec_inner_bri img {
	margin-bottom: 50px;

}

section.senkou01{
	padding:5% 10%;
	background:#000;
}
section.senkou01 h1{
	text-align:center;
	font-size:40px;
	color:#F00;
	font-weight:bold;
	margin-bottom:30px;
}
section.senkou01 h2{
	text-align:center;
	font-size:20px;
	color:#FFF;
	margin-bottom:20px;
	line-height: 30px;
}
section.jyoshi{
	background: url(../images/jyoshi.png) no-repeat;
  background-size: cover;
  background-position: top right;
  height: 750px;  /* 660px */
}
section.jyoshi .contents {
    width: 45%;
    padding-top: 136px;
	margin-left: 3%;
}
section.jyoshi h2{
	font-size: 50px;
    font-weight: bold;
    line-height: 67px;
    margin-bottom: 70px;
}
section.jyoshi p{
	font-size: 20px;
    line-height: 42px;
    margin: 0 auto 43px auto;
}
section.jyoshi02{
	background: #D8D110;
	padding: 100px 0;
}
section.jyoshi02 img{
	margin: 0 auto;
	max-width: 1470px;
	width: 100%;
}

section.lesson{
	padding:5% 10%;
	background:#000;
}
section.lesson h1{
	text-align:center;
	font-size:40px;
	color:#F00;
	font-weight:bold;
	margin-bottom:30px;
}
section.lesson h2{
	text-align:center;
	font-size:20px;
	color:#FFF;
	margin-bottom:20px;
	line-height: 30px;
}
.colbox_2{
	display: flex;
}
.colbox_2 .l{ width: 50%;}
.colbox_2 .r{ width: 50%;}

@media only screen and (max-width: 1148px) {
  section .sec_inner {
      width: 100%;
  	/*height:1000px;*/
  }

  section .sec_inner2 {
      width: 100%;
  	height:auto;
  }
  section .sec_inner3 {
      width: 96%;
  }
  section .sec_inner6 {
      width: 87%;
  	height:387px;
  }
  section .sec_inner7 {
      width: 100%;
  	height: 380px;
  }
  
	.s2 .sec_inner div ul li {
      width: 31.5%;
  }
  .s5 .sec_inner3 div ul li {
     width: 29%;
     margin: 0 2%;
  }
  .s5 .sec_inner3 div ul li:nth-child(3n) {
      margin-right: 2%;
  }
}
@media only screen and (max-width: 1024px) {
  .s2 .sec_inner div ul li {
    width: 50%;
    height: 450px;
    padding: 0;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    -webkit-box-pack: center;
  	-ms-flex-pack: center;
  	justify-content: center;
    -webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
  }
  .s2 .sec_inner div ul li h4 {
    font-size: 40px;
  }
  .s2 .sec_inner div ul li p {
    margin: 0 80px;
  }
  .s3 {
    height: 600px;
    padding: 50px 0;
  }
  .s3 .contents {
    padding: 0;
    width: 55%;
  }
  .s3 .contents h3 {
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 30px;
  }
  .s7 img {
    width: 95%;
    margin: 0 auto;
  }
  .s7 .sec_inner2 h2 {
    padding: 0;
    width: 80%;
    margin: 0 auto 50px;
  }
  .machine {
    height: 600px;
    background-size: 100%;
  }
  .machine .sec_inner2 h2 {
    padding: 50px 0;
  }
  .machine .sec_inner2 img {
    width: 90%;
    margin: 0 auto;
  }
  .machine_new {
    padding: 60px 0;
  }
  .machine_new h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .machine_new ul {
    width: 90%;
  }
  .machine_new p {
    font-size: 20px;
    line-height: 40px;
  }
  section.jyoshi{
    height: 600px;
    padding: 80px 0;
  }
  section.jyoshi .contents {
    padding: 0;
  }
  section.jyoshi h2 {
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 30px;
  }

}