@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;
}

@font-face {
font-family: "MyFont";
  src: url(../font/ryumin.woff) format("woff");
}

/* yui 上書き
----------------------------------------------- */
html,
body {
    /*height: 100%;*/ /*背景画像を100%にする時に使用する*/
	overflow-x:hidden;
}
body {
    font-family: MyFont;

}
ol,ul,dl {
    margin: 0px;
}
li {
    list-style-type: none;
}
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 {}




/* -----------------------------------------------
 *
 *
 * ここから下を変更すること
 *
 *
----------------------------------------------- */


/* a リンク
----------------------------------------------- */
a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a:link{
}
a:visited{
}
a:hover{
	/* text-decoration: underline;*/
	color: #F00;
}

/* table
----------------------------------------------- */
tr {
    border: none;
}
th {
	background-color: #FFF;
}



/* ボタン
----------------------------------------------- */
.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;
}



/* form
---------------------------------------------- */




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

/* html */
html {

}





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

header {
	width: 100%;
	padding-top: 30px;
}
#h_logo {
	width: 119px;
	margin:0 auto 30px auto;
}


#smh_menu {
	display:none;
}
.sp {
	display:none;
}
.pc {
	display:block;
}





/*ナビゲーション
----------------------------------------------- */

header #gnavi {
	width: 1079px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 9999;
}
header #gnavi nav ul li {
	float: left;
}
header #gnavi nav ul li .parent {
	color: #333;
}
header #gnavi nav ul li:nth-child(6n) { margin-right:0; }








/* pagetop
----------------------------------------------- */
.pagetop { display:block; width:47px; height:49px; position:fixed; right:5%; bottom:10%; z-index:99999; display:none; }
.pagetop img { opacity:0.3; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.pagetop:hover img { opacity:1; }

/* コンテンツ
----------------------------------------------- */

article {
}
section {
	width: 100%;
	text-align: center;
	margin-bottom: 100px;
}
section h2 {
	width: 100%;
	font-size: 38px;
	color: #000;
	margin-bottom: 60px;
}
section p {
	font-size: 16px;
	line-height: 32px;
}
.main_img {
	width: 100%;
	margin-bottom: 80px;
}
.main_img #main_image h2 {

}
.main_img .fashion_bg h2,.main_img .health_bg h2,.main_img .food_bg h2,.main_img .envi_bg h2 {
	color: #FFF;
}
.main_img .fashion_bg {
	background-image: url(../images/fashion_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .water_bg {
	background-image: url(../images/water_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .health_bg {
	background-image: url(../images/health_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .machine_bg {
	background-image: url(../images/machine_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .food_bg {
	background-image: url(../images/food_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .envi_bg {
	background-image: url(../images/envi_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .contact_bg {
	background-image: url(../images/contact_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .recruit_bg {
	background-image: url(../images/recruit_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 990px;
	padding-top: 240px;
}
.main_img .recruit2_bg {
	background-image: url(../images/recruit2_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 990px;
	padding-top: 240px;
}
.main_img .company_bg {
	background-image: url(../images/company_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .order_bg {
	background-image: url(../images/met-02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 989px;
	padding-top: 163px;
}
.main_img .denba_bg {
	background-image: url(../images/denba_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img #main_image .white_bg {
	width: 951px;
	padding-top: 158px;
	padding-bottom: 138px;
	background-color:rgba(255,255,255,.9);
	margin-right: auto;
	margin-left: auto;
}
.main_img #main_image .white_bg .gr_sub {

	font-size: 25px;
	color: #2A561C;
	margin-bottom: 18px;
}
.main_img #main_image .white_bg .gr_main {

	font-size: 44px;
	color: #2A561C;
	margin-bottom: 52px;
}
.main_img #main_image .white_bg h2 {
	font-size: 58px;
	margin-bottom: 36px;
}


.main_img #main_image .white_bg .text {
	font-size: 22px;
	line-height: 48px;
}




.main_img .onjyu_main {
	background-color:#EBE4DE;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .product {
	background-image: url(../images/item-01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .product2 {
	background-image: url(../images/item-02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.main_img .product3 {
	background-image: url(../images/item-03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;

}
.main_img .onjyu_main .inner {
	width: 1129px;
	margin: 0 auto;
	text-align: left;
}
.main_img #main_image h2 {
	margin-bottom: 5px;
}

.main_img #main_image .int {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 150px;
}
.main_img #main_image .big {
	/* */
	font-size: 57px;
	line-height: 65px;
	margin-bottom: 70px;
}
.main_img #main_image .text {
	/* */
	font-size: 24px;
}
.main_img #main_image .text2 {
	/* */
	font-size: 20px;
	font-weight:bold;
	line-height: 38px;
}



.orenge {
	color: #FFF;
	background-color: #FF9000;
	padding-top: 80px;
	padding-bottom: 80px;
}
.u1 h3 {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 30px;
}

.u1 img.detail_img {
    width: 100%;
}

.u1 .company_table {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	margin-top: 200px;
	margin-bottom: 100px;
}
.u1 .company_table tr th,td {
	padding-top: 13px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
}
.u1 .company_table td {
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
}
.u1 .company_table tr td {
	text-align: left;
}
.u1 .company_table tr th {
	background-color: #FFAE42;
	color:#FFF;
}
.u1 .company_table tr td {
	text-align: left;
	font-size: 13px;
}
.u1 .cube_out {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 800px;
	position: relative;
	background-image: url(../images/me_haikei%20.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.u1 .cube_out .cube_ue {
	background-color: #F90;
	width: 50%;
	padding-top: 50px;
	padding-right: 35px;
	padding-left: 35px;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #FFF;
	height: 400px;
}
.u1 .cube_out .cube_ue p {
	text-align: left;
}
.u1 .cube_out .cube_sita {
	background-color: #F90;
	width: 50%;
	padding-top: 50px;
	padding-right: 35px;
	padding-left: 35px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #FFF;
	height: 400px;
}
.u1 .cube_out .cube_sita p {
	text-align: left;
}

.u1 .cube_out2 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 800px;
	position: relative;
	background-image: url(../images/envi03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.u1 .cube_out2 h3 {
	font-size: 29px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 43px;
    border-bottom: solid;
    padding-bottom: 20px;
}
.u1 .cube_out2 .cube_ue {
	background-color: #F90;
	width: 50%;
	padding-top: 50px;
	padding-right: 35px;
	padding-left: 35px;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #FFF;
	height: 400px;
}
.u1 .cube_out2 .cube_ue p {
	text-align: left;
}
.u1 .cube_out2 .cube_sita {
	background-color: #F90;
	width: 50%;
	padding-top: 50px;
	padding-right: 35px;
	padding-left: 35px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #FFF;
	height: 400px;
}
.u1 .cube_out2 .cube_sita p {
	text-align: left;
}

.u1 .lineup {
	width: 953px;
	margin: 0 auto 50px auto;
	display: block;
}
.u1 .lineup li {
	float: left;
}
.u1 .cube_out div .small {
	text-align: left;
	font-size: 13px;
	line-height: 26px;
}
.u1 .orenge .contact_cube {
	width: 595px;
	margin-right: auto;
	margin-left: auto;

}
.u1 .orenge .contact_cube ul li {
	font-size: 62px;
	line-height: 66px;
	color: #FFF;
}
.u1 .orenge .contact_cube ul li img {
	margin-right: 25px;
}
.u1 .orenge .contact_cube ul .time {
	font-size: 17px;
}
.u1 .contact_form {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
.u1 .contact_form form table tr th {
	font-size: 25px;
	text-align: left;
}

.u1 .contact_form form table tr th label {
	cursor: text;
}
.u1 .contact_form form table tr td input {
	width: 80%;
	    padding: 10px;
}
.u1 .contact_form form table tr td textarea {
	width: 80%;
	    padding: 10px;
}
.u1.inter01 {
	background-image: url(../images/me_shatyo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 521px;
	padding-top: 280px;
}
.u1.inter01 .text {
	width: 530px;
	margin-left: 22%;
	color: #FFF;
}
.u1.inter01 .text h3 {

	font-size: 33px;
	color: #FFF;
	line-height: 50px;
	margin-bottom: 80px;
}
.u1.inter01 .text .name {

	font-size: 32px;
}
.u1.inter01 .text p {

}
.u1 .inter02 {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
}

.u1 .inter02 h4 {
	font-size: 25px;
	width: 100%;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 35px;
}
.u1 .inter02 p {
	font-size: 18px;
	text-align: left;
}
.u1.inter03 {
	background-image: url(../images/me_daihyo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 521px;
	padding-top: 280px;
}
.u1.inter03 .text {
	width: 530px;
	margin-left: 22%;
	color: #FFF;
}
.u1.inter03 .text h3 {

	font-size: 33px;
	color: #FFF;
	line-height: 50px;
	margin-bottom: 80px;
}
.u1.inter03 .text .name {

	font-size: 32px;
}
.u1.inter03 .text p {

}
.u1.inter04 .inter05 {
	float: left;
	width: 50%;
}
.u1.inter04 .inter05 .pro {
	float: right;
	width: 50%;
	margin-right: 5%;
}
.u1.inter04 div div img {
	width: 100%;
	margin-bottom: 50px;
}
.u1.inter04 .inter05 .pro .name {

    font-size: 32px;
	margin-bottom:10px;
}
.u1.inter04 .inter05 .pro .sub {

	line-height: 18px;
	margin-bottom:75px;
}
.u1.inter04 .inter05 .pro h4 {
	font-size: 25px;
    width: 100%;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    margin-bottom: 35px;
}

.u1.inter04 .inter06 {
	float: right;
	width: 50%;
}
.u1.inter04 .inter06 .pro {
	float: left;
	width: 50%;
	margin-left: 5%;
}
.u1.inter04 .inter06 .pro .name {

    font-size: 32px;
	margin-bottom:10px;
}
.u1.inter04 .inter06 .pro .sub {

	line-height: 18px;
	margin-bottom:75px;
}
.u1.inter04 .inter06 .pro h4 {
	font-size: 25px;
    width: 100%;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    margin-bottom: 35px;
}



.u1 .recruit_h4 {
	font-size: 20px;
	margin-bottom:20px;
}

.u1 .recruit_table {
	margin-right: auto;
	margin-left: auto;
	font-size: 15px;
	margin-bottom: 60px;
}
.u1 .recruit_table tr td {
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
}
.u1.orenge .rec {
	width: 956px;
	margin-right: auto;
	margin-left: auto;
}

.u1.orenge .rec ul li {
	float: left;
}
.u1.orenge .rec ul li:nth-child(2n) { float:right; }

.u2 .onjyu_bx01 {
	background-image: url(../images/onjyu02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 1129px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.u2 .onjyu_bx01 p {
	font-size: 20px;
	line-height: 40px;
}
.u1 .u2_h2 {

	font-size: 60px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
.u1 .onjyu_bx02 {
	width: 1129px;
	margin-right: auto;
	margin-left: auto;
}
.u1 .onjyu_bx02 .left {
	float: left;
	width: 48%;
}
.u1 .onjyu_bx02 .right {
	float: right;
	width: 48%;
}
.u1 .onjyu_bx02.clearfix div h3 {

	font-size: 40px;
	line-height: 50px;
}
.u1 .onjyu_bx02.clearfix div p {
	text-align: left;
}

.u1 form table { margin:0 auto 30px; }

.u3 {
	margin-bottom:0px;
}
.u3 .contents {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.u3 .contents h2 {
	font-size: 54px;
	line-height: 76px;
	margin-bottom: 85px;
}
.u3 .contents h2 .left {
	float:left;

}
.u3 .contents h2 .right {
	float:right;

}
.u3 .supple01 {
	background-image: url(../images/met-03.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 397px;
	margin-bottom:110px;
}
.u3 .supple01 .text {
    font-size: 22px;
    width: 450px;
    margin-left: 54%;
    text-align: left;
}


.u3 .supple01 .text p {
	line-height: 39px;
}
.u3 .supple02 {
	background-image: url(../images/met-04.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 945px;
}
.contents .text2 {
	text-align: left;
	margin-bottom:200px;
}
.contents .text2 h3 {

	font-size: 54px;
	line-height: 76px;
	margin-bottom: 85px;
}
.contents .text2 p {
	font-size: 22px;
    text-align: left;
	line-height: 35px;
}

.bg_com01 {
    background: url(../images/com_bg01.jpg) center center no-repeat;
	padding-top: 80px;
    padding-bottom: 80px;
}
.bg_com02 {
    background: url(../images/com_bg02.jpg) center center no-repeat;
	padding-top: 150px;
    padding-bottom: 150px;
}
.bg_com03 {
    background: url(../images/com_bg03.jpg) center center no-repeat;
	padding-top: 150px;
    padding-bottom:175px;
}



/* お客様の声 */
.voice_area {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:900px;
	margin:0 auto;
	text-align:left;
}

.voice_area .voice_box {
	width:100%;
	/*border:2px solid #FF9000;*/
	padding:20px;
	margin-bottom:30px;
	border-radius:20px;
	background-color:#fff2e2;
}

.voice_area .voice_box p {
	line-height:28px;
}

.voice_area .voice_box p.voice_name {
	margin-top:20px;
	margin-right:20px;
	float:right;
}













.orenget {
	color: #FF9000;
}

.mb-50 {
	margin-bottom:50px;
}
.mb-0 {
	margin-bottom:0px;
}

.batu {
	padding-top: 40px;
	padding-bottom: 35px;
}


/* フッター
----------------------------------------------- */

footer {
	width: 100%;
	background-color: #FF9000;
}
#footer {
	width: 1075px;
	height: 315px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	margin-top:100px;
}
footer .footmenu {
	margin-bottom: 50px;
}
footer .footmenu ul li {
	float: left;
	margin-right: 90px;
}
footer .footmenu ul li a {
	color: #FFF;
}
footer .footmenu ul li:nth-child(7n) { margin-right:0; }
footer .footmenu.clearfix ul li ul li {
	float: none;
	margin-right: 0px;
	margin-top: 20px;
}


.footer_spmenu {
	display:none;
}


#small {
	font-size: 12px;
	height: 10px;
	color: #FFF;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 367px;
}

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

.u3 .supple01 .text {
    font-size: 22px;
    width: 450px;
    margin-left: 62%;
    text-align: left;
}
.u3 .supple01 {
	background-image: url(../images/met-03.jpg);
	background-repeat: no-repeat;
	background-position: -13%;
	height: 397px;
	margin-bottom:110px;
}

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

.u3 .supple01 .text {
    font-size: 22px;
    width: 450px;
    margin-left: 62%;
    text-align: left;
}
.u3 .supple01 {
	background-image: url(../images/met-03.jpg);
	background-repeat: no-repeat;
	background-position: -30%;
	height: 397px;
	margin-bottom:110px;
}

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

.u3 .supple01 .text {
    font-size: 22px;
    width: 450px;
    margin-left: 59%;
    text-align: left;
}
.u3 .supple01 {
	background-image: url(../images/met-03.jpg);
	background-repeat: no-repeat;
	background-position: -85%;
	height: 397px;
	margin-bottom:110px;
}
}


/* consultation */
.consultation_bg {
	background-image: url(../images/consultation_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 251px;
	padding-top: 111px;
}
.flex {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.flex_just-b {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex_just-c {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex_align-f-end { -ms-flex-line-pack: end; align-content: flex-end; }
.flex_align-c {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.u1 .container { width:70%; margin:0 auto; }
.u1 .tel_area .t-l { width:60%; }
.u1 .tel_area .t-r { width:35%; }
.u1 .tel_area .t-l img { width:90%; height:auto; }
.u1 .tel_area .t-r img { width:145%; height:auto; }
.u1 .tel_area .t-l p {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin: 10px;
}
.u1 .bg_white { background-color:#fff; padding:30px 100px; text-align:center; border-radius:20px; display:inline-block; margin:30px; }
.u1 .bg_white img { width:75%; margin:10px; }
.u1 p.brown_p { color:#995800; font-size:28px; font-weight:bold; letter-spacing:3px; }
.u1 p.orange_p { color:#FF9000; }
.u1 .cooling-off { border:3px solid #FFD9A6; margin-bottom:30px; }
.u1 .cooling-off .c-l { background-color:#FFD9A6; width:20%; padding:20px; }
.u1 .cooling-off .c-l p { font-size:20px; text-align:left; font-weight:bold; }
.u1 .cooling-off .c-r { width:80%; }
.u1 .cooling-off .c-r p { color:#3F0000; text-align:left; padding:20px; }
.p_left { text-align:left; }
.u1 .bg_orange { background-color:#FFD9A6; padding:30px; text-align:left; margin:30px 0; }
.consul_p { font-size:30px; font-weight:bold; margin:0; }
.cons { margin-bottom:0; }

.mb70 { margin-bottom:70px !important; }


/* DENBA
----------------------------------------------- */
.sp_only {
  display: none;
}
#denba section {
  text-align: left;
  margin-bottom: 150px;
}
#denba section .container {
  max-width: 950px;
  width: 95%;
  margin: 0 auto;
}
#denba section .inner {
  margin-bottom: 60px;
}
#denba img {
  max-width: 100%;
}
#denba .mb {
  margin-bottom: 30px;
}
#denba .txt20 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}
#denba .txt25 {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.6;
}
#denba .txt30 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
}
#denba .bold {
  font-weight: bold;
}
#denba .center {
  text-align: center;
}
#denba .clr_navy {
  color: #1d2088;
}
#denba .clr_green {
  color: #009944;
}
#denba .clr_blue {
  color: #036eb8;
}
#denba .clr_orange {
  color: #ea5514;
}

#denba .denba_logo {
  text-align: center;
  margin-bottom: 100px;
}
#denba .denba_about p span {
  font-weight: bold;
}
#denba .denba_effect {
  text-align: center;
}
#denba .denba_effect .arrow {
  margin: 20px auto;
}
#denba .denba_effect .osusume h3 {
  font-weight: bold;
  color: #898989;
}
#denba .denba_effect .osusume ul {
  border: 5px solid #c9caca;
  padding: 25px 100px;
  display: inline-block;
  margin-top: 10px;
}
#denba .denba_effect .osusume ul li {
  font-size: 25px;
  font-weight: bold;
  text-align: left;
  padding-left: 50px;
  margin: 25px 0;
  position: relative;
}
#denba .denba_effect .osusume ul li::before {
  content: '';
  position: absolute;
  background-image: url(../images/check.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  left: 0;
  margin-top: 5px;
}
#denba .denba_lineup {
  text-align: center;
}
#denba .denba_lineup h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 80px;
}
#denba .denba_lineup h2::after {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 300px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #036eb8;
}
#denba .denba_lineup .lineup {
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
  gap: 100px 0;
}
#denba .denba_lineup .lineup li {
  width: calc( 100% / 2 );
}
#denba .denba_lineup .lineup li img {
  max-width: 250px;
  width: 100%;
  margin: 20px auto;;
}
#denba .denba_lineup .lineup li p {
  line-height: 1.6;
}
#denba .denba_subscription .denba_cost {
  margin-top: 50px;
}
#denba .denba_subscription .denba_cost p {
  line-height: 1.8;
  border: 4px solid #2ea7e0;
  padding: 20px 100px;
  display: inline-block;
  font-size: 32px;
  font-weight: bold;
}
#denba .denba_subscription .denba_cost p span {
  font-size: 18px;
  font-weight: bold;
}

#denba .denba_contact {
  text-align: center;
}
#denba .denba_contact a {
  display: block;
}
#denba .denba_contact p a {
  display: inline-block;
  font-weight: bold;
}



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

}

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

}

@media only screen and (max-width: 700px) {
  #denba section {
    margin-bottom: 100px;
  }
  #denba .denba_logo {
    margin-bottom: 50px;
  }
  #denba .denba_logo img {
    width: 250px;
  }
  #denba .txt20 {
    font-size: 18px;
  }
  #denba .txt25 {
    font-size: 22px;
  }
  #denba .txt30 {
    font-size: 26px;
  }
  #denba .denba_about img.bunshi {
    width: 90%;
    margin: 0 auto;
  }
  #denba .denba_effect .arrow {
    width: 50px;
  }
  #denba .denba_effect .osusume ul {
    padding: 20px 40px;
  }
  #denba .denba_effect .osusume ul li {
    font-size: 20px;
    padding-left: 35px;
    margin: 20px 0;
  }
  #denba .denba_effect .osusume ul li::before {
    width: 25px;
    height: 25px;
    margin-top: 0;
  }
  #denba .denba_lineup h2 {
    margin-bottom: 60px;
  }
  #denba .denba_lineup .lineup {
    gap: 80px 0;
  }
  #denba .denba_lineup .lineup li img {
    padding: 0 20px;
  }
  #denba .denba_subscription .denba_cost p {
    font-size: 30px;
    padding: 20px 0;
    width: 90%;
  }
  #denba .denba_contact p a {
    color: #434343;
  }
}

@media only screen and (max-width: 479px) {
  .sp_only {
    display: block;
  }
  #denba section {
    margin-bottom: 80px;
  }
  #denba section .inner {
    margin-bottom: 40px;
  }
  #denba .mb {
    margin-bottom: 20px;
  }
  #denba .txt20 {
    font-size: 16px;
  }
  #denba .txt25 {
    font-size: 20px;
  }
  #denba .txt30 {
    font-size: 22px;
  }
  #denba .denba_logo img {
    width: 200px;
  }
  #denba .denba_effect .arrow {
    width: 40px;
    margin: 10px auto;
  }
  #denba .denba_effect .osusume ul {
    padding: 10px 20px;
    width: 100%;
  }
  #denba .denba_effect .osusume ul li {
    font-size: 17px;
    padding-left: 30px;
  }
  #denba .denba_effect .osusume ul li::before {
    width: 20px;
    height: 20px;
  }
  #denba .denba_lineup h2 {
    margin-bottom: 50px;
  }
  #denba .denba_lineup h2::after {
    width: 250px;
  }
  #denba .denba_lineup .lineup {
    gap: 0;
  }
  #denba .denba_lineup .lineup li {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
  }
  #denba .denba_lineup .lineup li + li {
    border-top: 1px solid #c9caca;
  }
  #denba .denba_subscription .denba_cost {
    margin-top: 20px;
  }
  #denba .denba_subscription .denba_cost p {
    width: 100%;
    font-size: 25px;
    padding: 15px 0;
  }
  #denba .denba_subscription .denba_cost p span {
    font-size: 16px;
  }
  #denba .denba_contact img {
    width: 55%;
  }
  #denba .denba_contact a img {
    width: 70%;
  }
}