@charset "utf-8";

/*
基本設定
JSクラス
margin/padding共通
横幅/ボックス共通
*/



img {max-width: 100%;}

.zindex {
position: relative;
z-index: 0;
}
h2 {
padding: 0;
margin: 8px 0;
}
h2 span {
padding: 0;
margin: 0;
letter-spacing: 0.05em;
line-height: 1.8em;
color: #014a70;
font-weight: 700;
font-size: 32px;
}



iframe {
vertical-align: bottom;
}
.movv iframe {
  width: 560px;
}

.w33per h4 {
text-align: center;
color: #054d5f;
font-weight: normal;
font-size: 24px;
margin: 8px 0;
}
.w33per img {
margin-top: 0;
}

.tables {
  display:table;
}
.tables_cell {
  display:table-cell;
  vertical-align:middle;
}


.recp {display: block; text-align: center; margin: 0 auto;}
.recaptcha {margin: 8px auto; display: inline-block; }

/*スライダー*/
.multiple-items {
width:calc(100% - 0px);
margin: auto;
}

/* ************************************************ 
*	商品ページ
* ************************************************ */	
.kaso_ttl_text {
color: #fff;
margin: 16px auto;
text-align: center;
}
.kaso_ttl_text h2 {
font-size: 28px;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.kaso_ttl_text .h2_24 {
font-size: 22px !important;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.kaso_ttl_text p {
font-weight: bold;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.mt24 {margin-top: 24px !important; }
.mt64 {margin-top: 64px !important;}
.mt88 {margin-top: 88px !important;}
.mb16 {margin-bottom: 16px !important; }

.mr16 {margin-right: 16px !important; }
.mr24 {margin-right: 24px !important; }
.pb0 {padding-bottom: 0 !important;}
.margin0 {margin: 0px !important}

.ls {letter-spacing: 0em !important;}

.mt64_pc_mt24_sp {
margin-top: 64px !important;
}
.mb64_pc_mb24_sp {
margin-bottom: 64px !important;
}


.mt64_pc_mt32_sp {
margin-top: 64px !important;
}
.mt64_pc_mt8_sp {
margin-top: 64px !important;
}

.mt32_pc_mt8_sp {
margin-top: 32px !important;
}
.mb32_pc_mb8_sp {
margin-bottom: 32px !important;
}
.mb24 {margin-bottom: 24px;}
.mb32 {margin-bottom: 32px;}

.bigs {
padding: 0 16px;
font-size: 32px;
}

.bigs2 {
padding: 0 0px 0 32px;
font-size: 24px;
}

.bigs3 {
padding: 0 0px 0 32px;
font-size: 32px;
}

.bigs_n {
padding: 0 16px;
font-size: 32px;
font-weight: normal;
}

.flex {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: flex-start;
}




.flex p {
   width:calc(100% - 40px);
   margin-bottom: 0;
}

.flex_tea {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
}

.ai_c {align-items: center !important;}


.flex_center_end {
display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
}


.flex_center_center {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
}

.point_s1 {
background: url(img/point1.jpg) no-repeat left top;
background-size: 64px;
padding-left: 80px;
min-height: 64px;display: flex;
align-items: center;
}
.point_s2 {
background: url(img/point2.jpg) no-repeat left top;
background-size: 64px;
padding-left: 80px;
min-height: 64px;display: flex;
align-items: center;
}
.point_s3 {
background: url(img/point3.jpg) no-repeat left top;
background-size: 64px;
padding-left: 80px;
min-height: 64px;display: flex;
align-items: center;
}
.point_s4 {
background: url(img/point4.jpg) no-repeat left top;
background-size: 64px;
padding-left: 80px;
min-height: 64px;display: flex;
align-items: center;
}
.point_s5 {
background: url(img/point5.jpg) no-repeat left top;
background-size: 64px;
padding-left: 80px;
min-height: 64px;display: flex;
align-items: center;
}

.point_s6 {
background: url(img/point6.jpg) no-repeat left top;
background-size: 64px;
padding-left: 80px;
min-height: 64px;display: flex;
align-items: center;
}

.point_s7 {
background: url(img/point7.jpg) no-repeat left top;
background-size: 64px;
padding-left: 80px;
min-height: 64px;display: flex;
align-items: center;
}

.point_s8 {
background: url(img/point8.jpg) no-repeat left top;
background-size: 64px;
padding-left: 80px;
min-height: 64px;display: flex;
align-items: center;
}

.bg_gray {
background: #efefef;
padding: 24px;
}
.bg_skin2 {
background: #f3f3e9;
padding: 16px 24px;
}
.bg_gray3 {
background: #f7f8f8;
padding: 32px 0;
}

.bg_skin {
background: #f4f3ea;
padding: 24px;
}
.bg_mizu {
background: #ebf6fc;
padding: 16px 24px;
}

.bg_pink {
background: #fee7e7;
padding: 24px;
}

.color_black {color: #121212 !important;}

.borderonly {
  border: 1px solid #17a3b1;
}

.bg_white {
background: #fff;
padding: 24px;
border: 1px solid #222;
align-items: center;
}


.bg_white2 {
background: #fff;
padding: 16px 24px;
align-items: center;
}


.content_boxx {
max-width: 1136px;
width: auto;

padding-bottom: 24px;
margin: 32px auto 32px auto;
}
.content_boxx h5 {
color: #054d5f;
font-size: 32px;
font-weight: normal;
margin: 0 0 24px;
}
.content_boxx h6 {
color: #111;
font-size: 24px;
font-weight: bold;
margin: 0 0 16px;
}




.border_boxx {
border: 1px solid #17a3b1;
padding: 24px;
max-width: 1136px;
margin: 64px auto;
}

.border_boxx h5 {
color: #054d5f;
font-size: 24px;
font-weight: normal;
margin: 0 0 24px;
}
.border_boxx h6 {
color: #054d5f;
font-size: 20px;
font-weight: normal;
margin: 0 0 24px;
}

.flex_align_start{align-items: flex-start;}

.block {display: block !important; text-align: center !important;}

.mizu {
background: url(img/mizu_bg.jpg) no-repeat left 32px center #d7ecee;
background-size: 80px;
padding: 24px 24px 24px 140px;
}
.pdf_btn {
width: 70%;
max-width: 320px;
}


.big_ul li {
font-size: 20px;
text-align: left;
list-style: disc;
list-style-position:inside;
}

.border_b {
border-bottom: 1px solid #c9caca;
padding-bottom: 30px;
margin-bottom: 32px;
}
.move_up {
position: relative;
bottom: 32px;
}

.hissu {
font-size: 11px;
padding: 4px 16px;
border-radius: 4px;
background: #f14040;
color: #fff;
margin-right: 16px;
}
.nini {
font-size: 11px;
padding: 4px 16px;
border-radius: 4px;
background: #63b5e0;
color: #fff;
margin-right: 16px;
}

.booksize {
max-width: 360px;
margin: 0 auto;
}

.blue_btn {
padding: 16px 24px;
min-width: 240px;
width: 100%;
max-width: 240px;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 100px;
background: rgb(31,90,208);
background: linear-gradient(120deg, rgba(31,90,208,1) 0%, rgba(65,123,186,1) 100%);

}

.blue_btn2 {
padding: 8px 16px;
min-width: 180px;
width: 180px;
max-width: 180px;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 100px;
background: rgb(31,90,208);
background: linear-gradient(120deg, rgba(31,90,208,1) 0%, rgba(65,123,186,1) 100%);

}



.orange_btn {
padding: 16px 32px;
min-width: 240px;
width: 100%;
max-width: 400px;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 100px;
background: rgb(242,124,50);
background: linear-gradient(120deg, rgba(242,124,50,1) 0%, rgba(240,95,78,1) 100%);
font-size: 20px;
}

.orange_btn2 {
min-width: 200px !important;
width: 100%;
max-width: 300px !important;
padding: 12px 24px !important;
}


.blue_btn:hover {
color: #fff;
}

.blue_btn2:hover {
color: #fff;
}

.blue_btn3:hover {
color: #fff;
}

.orange_btn:hover {
color: #fff;
}

.arrow_w {
display: inline-block;
background: url(img/arrow_w.png) no-repeat right center;
background-size: 12px;
width: 100%;
}
.arrow_w2 {
display: inline-block;
background: url(img/arrow_w.png) no-repeat right center;
background-size: 8px;
width: 100%;
}




/* ************************************************ 
*	MARGIN PADDING WIDTH CFなど共通
* ************************************************ */	
.mt24 {margin-top: 24px !important;}
.mt32 {margin-top: 32px !important;}
.mt16 {margin-top: 16px !important;}
.mt32_pc {margin-top: 32px !important;}
.mt32_sp {margin-top: 0px;}

.h3_midashi {
margin-top: 8px;
margin-bottom: 24px !important;
background: rgb(23,148,160);
background: linear-gradient(120deg, rgba(23,148,160,1) 0%, rgba(23,174,188,1) 100%);
color: #fff;
padding: 8px 16px;
display: inline-block;
font-size: 18px;

}

.h3_midashi2 {
margin-top: 8px;
margin-bottom: 24px !important;
background: #595758;
color: #fff;
padding: 8px 16px;
display: inline-block;

}

.h3_midashi3 {
margin-top: 8px;
margin-bottom: 8px !important;
background: #064d5f;
color: #fff;
padding: 8px 16px;
display: inline-block;

}

.h3_green {
  background: #003d12 !important;
}
.border_g {
  border: 1px solid #003d12 !important;
}

.hover:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.h_auto {height: auto !important; font-weight: bold;}
.h_auto:hover {

filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;

}




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












.ya {
padding: 20px 24px 0 16px !important;
background: url(img/menu_li.png) no-repeat top 32px right 8px;
background-size: 6px;

}

.kokki {
  width: 16px;
  position: relative;
  right: 16px;
  bottom: 5px;
}



.contact_mini {
	position: absolute;
top: 70px;
box-sizing: border-box;
width: 200px;
padding-bottom: 20px !important;
background: #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
border-radius: 0 0 32px 32px;
z-index: 3;

}

























/* ************************************************ 
*	お問い合わせ
* ************************************************ */	

.prv {
	padding: 20px;
	border: 1px solid #777;
	margin: 32px auto;
	max-width: 1000px;
	width: auto;
	height: 200px;
	overflow: scroll;
}
.prv p {font-size: 14px !important;}

.short_input {
	max-width: 120px;
	margin-bottom: 8px;
	margin-right: 16px;
}

.send_btn {
position: relative;
bottom: 24px;
}









/* ************************************************ 
*	TOP プロダクト
* ************************************************ */	

.w40per {
width:calc(40% - 32px);
}
.w60per {
width:calc(60% - 32px);
}
.w70per {
width:calc(70% - 32px);
}

.w80per {
width:calc(80% - 32px);
}


.w50per_12 {
width:calc(50% - 12px);
}

.w50per_change_680px {
width:calc(50% - 24px);
}
.w50per_change_520px {
width:calc(50% - 24px);
}

.w47per {
width:calc(47% - 48px);
}

.w40per {
width:calc(40% - 16px);
}
.w30per {
width:calc(30% - 16px);
}
.w20per {
width:calc(20% - 16px);
}
.w10per {
width:calc(10% - 8px);
}


.w9per {
width:calc(9% - 16px);
}


.w33per {
width:calc(33.333% - 24px);
}

.w33per {
width:calc(33.333% - 24px);
}



.font_444 {color: #444 !important; font-size: 28px !important;margin: 16px auto !important;}
.font_444_b {color: #444 !important; font-size: 14px !important; margin: 16px auto !important;}

.w_re1 {
width: 360px;
background: #898989;
}
.w_re2 {
width:calc(100% - 400px);

}
.w_re2 p {
margin: 16px 0 0 0;

}


.w_re1 p {
padding: 24px;
color: #fff;
font-size: 24px;
font-weight: bold;
margin: 0;
}



.w_re1b {
width: 240px;
}
.w_re2b {
width:calc(100% - 270px);
}
.w_re1b p {
padding: 24px;
font-size: 24px;
font-weight: bold;
margin: 0;
}

.w_re2b p {
margin: 0px 0 0 0;

}

.min_h88 {
min-height: 88px;
}

.min_h88pcsp {
min-height: 88px;
}

.min_h90 {
min-height: 108px;
}

.min_h56 {
min-height: 56px;
}

.tsuchi_img {
max-width: 200px;
} 






.flex_bet {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
}
.flex_items{
align-items: flex-start;
}
.flex_center {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap:wrap;
}




.content_border {
max-width: 1136px;
width: auto;
border-bottom: 1px solid #014a70;
padding-bottom: 24px;
margin: 32px auto 32px auto;
}
.content_border p {
color: #222;
letter-spacing: 0.05em;
line-height: 1.7em;
font-size: 16px;
}

.no_border {
border: none !important
}
.threess {
width: 30.333%;
margin: 32px 1.5%;
text-align: center;
}
.threess h4 {
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
text-align: center;
color: #014a70;
letter-spacing: 0.05em;
line-height: 1.3em;
margin: 0;
padding: 0;
height: 32px;
}
.threessp {
font-size: 16px;
color: #014a70;
letter-spacing: 0.05em;
line-height: 1.7em;
text-align: left;
margin: 16px 0 0 0;
padding: 0;
min-height: 100px;
}

.threess img {
width: 70%;
max-width: 200px;
margin: 0 auto;
}




.threess100 {
width: 30.333%;
margin: 32px 1.5%;
text-align: center;
}
.threess100 h4 {
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
text-align: center;
color: #014a70;
letter-spacing: 0.05em;
line-height: 1.3em;
margin: 0;
padding: 0;
height: 32px;
}
.threess100p {
font-size: 16px;
color: #014a70;
letter-spacing: 0.05em;
line-height: 1.7em;
text-align: left;
margin: 16px 0 0 0;
padding: 0;
min-height: 100px;
}

.threess100 img {
width: 80%;
max-width: 800px;
margin: 0 auto;
}
.threess100b {}



.ya_btn {
display: block;
text-align: right;
color: #014a70;
background: url(img/ya.png) no-repeat right center;
background-size: 4px;
padding-right: 24px;
}
.ya_btn:hover {
display: block;
text-align: right;
color: #014a70;
text-decoration: underline;
}

.ya_btn2 {
display: inline-block;
text-align: center;
color: #014a70;
background: url(img/ya.png) no-repeat right 16px center;
background-size: 4px;
padding: 8px 32px 8px 24px;
border: 1px solid #014a70;
}

.ya_btn2:hover {

filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;

}


.w100per {
width: 100% !important;
}


.note {
background: url(img/bg_note.jpg) repeat;
margin: 32px 0 0;
padding: 32px;
width: auto;
background-size: 64px;
}

.fives {
width: 20%;
}

.fives img {
width: 70%;
margin: 0 auto;
}

.fives p {
font-size: 13px;
color: #013957;
letter-spacing: 0.05em;
line-height: 1.7em;
}

.product01 {
margin: 0;
padding: 64px 32px;
background: url(img/bg_product1.jpg) no-repeat center center;
background-size: cover;
}
.product02 {
margin: 0;
padding: 64px 32px;
background: url(img/bg_product2.jpg) no-repeat center center;
background-size: cover;
}
.product03 {
margin: 0;
padding: 64px 32px;
background: url(img/bg_product3.jpg) no-repeat center center;
background-size: cover;
}





.productbox {
background: #fff;
padding: 32px 32px 48px 32px;
margin: 0;
text-align: center;
border-radius: 32px;
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.24);
width: auto;
width: 500px;
display: block;
}

.productbox img {
max-width: 360px;
}

.productbox p {
font-size: 14px;
text-align: left;
margin-top: 24px;
margin-bottom: 0;
}

.btn {
border: 1px solid #014a70;
padding: 16px 32px;
margin: 32px auto 0px auto;
color: #014a70;
font-size: 14px;
font-weight: 200;
letter-spacing: 0.05em;
line-height: 1em;
min-width: 120px;
display: inline-block;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
text-align: center;
}
.btn:hover {
border: 1px solid #014a70;
padding: 16px 32px;
margin: 32px auto 0px auto;
color: #fff;
font-size: 14px;
font-weight: 200;
letter-spacing: 0.05em;
line-height: 1em;
min-width: 120px;
display: inline-block;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
background: #014a70;
text-align: center;
}

.btn_mt16 {
border: 1px solid #014a70;
padding: 16px 32px;
margin: 16px auto 0 auto;
color: #014a70;
font-size: 14px;
font-weight: 200;
letter-spacing: 0.05em;
line-height: 1em;
min-width: 120px;
display: inline-block;
text-align: center;
}
.btn_mt16:hover {
border: 1px solid #014a70;
color: #fff;
background: #014a70;
text-align: center;}


.posi_t16 {
position: relative;
top: 16px;
}

.flex_end {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap:wrap;
}
.flex_start {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
}

.dl_boxs_in {
width: 60%;
}

.dl_boxs_in .ul50 {
width:calc(50% - 24px);
}
.dl_boxs_in .ul50 li {
font-size: 15px;
color: #fff;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 3em;
text-align: right;
}








.abso {
position: absolute !important;
top:0 !important;
}



.contact_mongon {
width: auto;
border: 1px solid #ddd;
background: #fafafa;
padding: 0;
margin: 0 0 2.5em !important;
font-size: 14px;
font-size: 14px;
padding: 24px;
border-radius: 4px;
}

label {font-size: 14px;}
input {
margin-top: 8px;
margin-bottom: 16px;
}
textarea {
margin-top: 8px;
margin-bottom: 16px;
}
select {
margin: 8px 0 16px !important;
}
.wpcf7-not-valid-tip {
position: relative;
bottom: 18px;
font-size: 11px !important;
}
.kasoh3 {
display: inline-block;
margin: 0 auto !important;
border-left: none !important;
padding: 8px !important;
font-size: 32px;
line-height: 40px;
text-align: center;
font-weight: 600;
border-left: none !important;
color: #fff !important;
}
.kasoh6 {
display: block;
margin: 0 auto !important;
border-left: none !important;
padding: 8px !important;
font-size: 18px;
line-height: 24px;
text-align: center;
font-weight: 600;
border-left: none !important;
color: #fff !important;
}

.kasoh3b {
display: inline-block;
margin: 0 auto !important;
border-left: none !important;
padding: 24px 8px 8px !important;
font-size: 32px !important;
line-height: 40px;
text-align: center;
font-weight: 600;
border-left: none !important;
color: #014a70 !important;
}


table{
border-collapse:collapse;
margin:0 auto;
width: 100%;
}

.tbl_company th {
width: 120px;
padding:24px 0;
text-align: left;
color: #014a70;
border-collapse:collapse;
}
.tbl_company td{
padding:24px 16px;
text-align: left;
color: #014a70;
border-collapse:collapse;

}
.tbl_company tr {
border-bottom: 1px solid #014a70;
border-collapse:collapse;
}




/*製品*/

.dl_boxs {
background: url(img/datatrack_01.png) no-repeat right center #1eb2e9;
background-size: 40%;
padding: 64px 32px;
margin: 32px 0;
width: auto;
min-height: 400px;
}
.jpms_boxs {
background: url(img/jpms_04.png) no-repeat right center #00a692;
background-size: 40%;
padding: 64px 32px;
margin: 32px 0;
width: auto;
min-height: 400px;
}





/****************************************/

.smp600 {display: none;}
.smp600pc {display: block;}

.three_artcile .three_artile_thumb {display: block; height: 220px; overflow: hidden;}










.works_tbl {
max-width: 640px;
margin: auto; 
}
.works_text {
max-width: 640px;
margin: auto; 
margin-top: 60px;
}



/*スライド*/



.featherlight .featherlight-content {
position: relative;
text-align: left;
vertical-align: middle;
overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent;
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
background: #fff;
cursor: auto;
white-space: normal;
display: block;
max-width: 900px;
width: 80%; 

}
.featherlight_sliders {margin-bottom: 30px;}

.featherlight p a {color: #a97d49;}
.featherlight p a:hover {text-decoration: underline;}

.imageList {
width: 100%;
display: flex;
text-align: center;
align-items: flex-start;
}
.imageList__view {
width:calc(100% - 250px);
height: auto;
height: 580px;
overflow: hidden;
}
.imageList__thumbs {
display: flex;
flex-wrap: wrap;
height: auto;
overflow: hidden;
width: 220px;
margin-left: 30px;

}
.imageList__thumbs h4 {margin-top: 0 !important; margin-left: 10px !important;}
.imageList__thumbnail {
margin-left: 10px;
width: 100px;
height: 100px;
margin-bottom: 10px;
overflow: hidden;

}
.imageList__thumbnail img {
min-width: 100px;
min-height: 100px;
object-fit: cover;
}

.imageList img {
width: auto;
display: block;
height: 100%;
margin: 0 auto;
object-fit: cover;
}

.selected {
position: relative;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;

}
.selected::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: .7;
}




/*スライドEND*/


.top_add {padding: 3px 0 0 0; margin: 0; text-align: right; font-size: 14px; line-height: 1.5em; letter-spacing: 0.02em; color: #333 !important;}

/*
ul {padding: 0 !important; margin: 0 !important;}
*/
.bx-viewport {max-height: 800px; overflow: hidden; }
.bx-controls {position: relative; padding: 0 20px; bottom: 150px; text-align: right;}
.bx-wrapper2 .bx-pager {
text-align: right !important;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
height: 30px;
}
.bx-pager-link {text-indent: -9999px;}


.rightm30_box {width: auto; margin: 0;}


.content_container {margin: 0px 0 150px;}


.content_container_top {margin:0 }

.p20 {
padding: 20px;
}


.gray_bg_r {background: #f7f8f8; background-size: cover; padding: 220px 0 220px 0; z-index: 1; position: relative; bottom: 400px; }

.animate2b {overflow: hidden;}
.animate3b {overflow: hidden;}
.animate4b {overflow: hidden;}

.gray_bg_80_l {
background: url(images/bg2.jpg) no-repeat right top;
background-size: 80% 100%;
padding: 80px 0;
}
.gray_bg_80_r {
background: url(images/bg1.jpg) no-repeat left top;
background-size: 80% 100%;
padding: 80px 0;
}

.articles4 {
width: 22%;
height: 400px;
margin-right: 4%;
overflow: hidden;
}

.articles4:nth-child(4n+4) {
width: 22%;
height: 400px;
margin-right: 0;
overflow: hidden;
}

.articles4 a img {
min-height: 400px;
min-width: 100%;
width: auto;
object-fit: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
.articles4 a img:hover {
width: auto;
object-fit: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
transform:scale(1.1,1.1);
}







.articles4b {
width: 22%;
height: 430px;
margin-right: 4%;
overflow: hidden;
margin-bottom: 64px;
}

.articles4b:nth-child(4n+4) {
width: 22%;
height: 430px;
margin-right: 0;
overflow: hidden;
}
.articles4c {
width: 100%;
height: 400px;
overflow: hidden;
}
.articles4c a img {
min-height: 400px;
min-width: 100%;
width: auto;
object-fit: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
.articles4c a img:hover {
width: auto;
object-fit: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
transform:scale(1.1,1.1);
}

.art_list_ttl {
padding: 16px 0;
display: block;
font-size: 14px;
line-height: 14px;
}












.three {width:calc(50% - 64px); margin: 0 32px 32px; text-align: left;}
.three img {width: 90%; text-align: center; margin: 0 auto;}
.three p { font-weight: 200; font-size: 13px; text-align: left; margin: 20px 0 10px; padding: 0 0px; line-height: 1.8em;}
.three {color: #014a70 !important; font-size: 14px; border-bottom: 1px solid #014a70 !important; padding-bottom: 16px;}
.three a {
color: #014a70 !important; 
font-size: 14px; 
padding: 0px 24px 0 0; 
height: 48px; 
overflow: hidden; 
line-height: 24px; 
text-align: left; 
display: block; 
background: url(images/ya_b.png) no-repeat right center;
background-size: 8px;
}
.btn_block {
background: url(images/ya_w.png) right 24px center no-repeat #111;
background-size: 8px;
padding: 16px 64px;
text-align: center;
color: #014a70 !important;
font-size: 14px;
display: inline-block;
margin: 0 auto;
}



.shomei {position: relative;
  right: 4px;
}
.shomei2 {position: relative;
  right: 8px;
}

@keyframes bg-slider {
	from { background-position: 0 0; }
to { background-position: -3631px 0; } /* 1518pxとは使用した背景画像の長さ */
}

.font48 {font-size: 48px;}
.grn_btn {background: url(img/li.png) no-repeat right 10px center #111; padding: 15px 60px 15px 30px; color: #fff; font-size: 14px; text-align: left; background-size: 18px; margin: 0;}
.grn_btn:hover {background: url(img/li.png) no-repeat right 10px center #18cf6a; padding: 15px 60px 15px 30px; color: #fff; font-size: 14px; text-align: left; background-size: 18px; margin: 0;}


.posidown {position: relative; top: 60px; float: right; }

.grnh3 {text-align: center; font-size: 38px; font-weight: 200; color: #111; margin: 50px 0;}

.w1000 {min-width: 300px; width: auto; max-width: 1000px; margin: 0 auto; padding: 0px;}
.w1500 {min-width: 1000px; width: auto; max-width: 1500px; margin: 0 auto; padding: 0px; position: relative; z-index: 999;}

.w1500p20 {min-width: 960px; width: auto; max-width: 1260px; margin: 0 auto; padding: 0px 32px; position: relative; z-index: 999; min-height: 1000px;}
.flex_bet {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
}
.flex_start {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
}
.con_flex{
display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
}

.flex_end {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap:wrap;
}



.mw300 {max-width: 300px;}



.right_for {float: right;}

.top_mid {float: left; width:calc(100% - 550px);}
.top_mid_img {float: right; width: 500px; position: relative; top: 80px; }

.top_mid2 {float: right; width:calc(100% - 550px);}
.top_mid_img2 {float: left; width: 500px; position: relative; top: 80px;}

.topnews {height: 0; width: 1100px; overflow-y: visible; margin: 0 auto; position: relative; bottom: 0; height: 70px;}
.topnews_in {
background: url(images/ya_w.png) no-repeat right 24px center #14b988; width: 20%; float: left; height: 70px; background-size: 8px;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
.topnews_in:hover {
background: url(images/ya_w.png) no-repeat right 24px center #222;
background-size: 8px;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;

}

.topnews_in3 {
width: 20%; 
float: left; 
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}

.topnews_in a {font-size: 14px; color: #fff; display: block; line-height: 70px; padding: 0 32px; height: 70px; }
.topnews_in2 {background: #fff; width: 80%; float: left; height: 70px;}
.topnews_in2 p {height: 70px; margin: 0; padding: 0 20px; line-height: 70px; font-size: 14px; overflow: hidden;}
.dates {width: 120px; margin-right: 30px; color: #111;}
.arttl {}




/*下層*/

.kasofirstbox {background: url(img/aboutimg_07.jpg) no-repeat right center; padding: 50px 20px 20px 20px; margin: 50px 0; background-size: 60%; }
.kasofirstboxs h2 {font-weight: 600; font-size: 32px; padding: 0 0 30px; margin: 0;}
.kasofirstboxs p {padding: 20px 55% 20px 0px;}
.kasoimgbox {margin: 60px 0;}

.kasoimg_l {width: 48%; float: left; max-width: 800px;}
.kasoimg_r {width: 48%; float: right; max-width: 800px; margin-top: 60px;}


.workboxes_l h3 {
	-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 38px;
font-weight: bold;
letter-spacing: 0.1em;
background: rgba(255, 255, 255, 0.8);
padding: 10px;
position: absolute;
left: 20px;
}

.workboxes_r h3 {
	-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 38px;
font-weight: bold;
letter-spacing: 0.1em;
background: rgba(255, 255, 255, 0.8);
padding: 10px;
position: absolute;
right: 60px;
}



.workfirstbox {background: url(img/workflow_03.jpg) no-repeat right center; padding: 50px 20px 20px 20px; margin: 50px 0; background-size: 60%; }

.workfirstbox {background: url(img/workflow_03.jpg) no-repeat right center; padding: 50px 20px 20px 20px; margin: 50px 0; background-size: 60%; }

.work2ndbox {background: url(img/workflow_07.jpg) no-repeat left center; padding: 20px 20px 20px 20px; margin: 80px 0; background-size: 60%;}
.work3rdbox {background: url(img/workflow_10.jpg) no-repeat right center; padding: 20px 20px 20px 20px; margin: 80px 0; background-size: 60%;}
.work4thbox {background: url(img/workflow_12.jpg) no-repeat left center; padding: 20px 20px 20px 20px; margin: 80px 0; background-size: 60%;}

.workin_r {float: right; background: #fff; width: 45%; margin-top: 50px;}
.workin_r h4 {padding: 30px 0px 10px; border-bottom: 1px solid #111;font-size: 21px; margin: 0 30px 20px 30px;}
.workin_r p {padding: 10px 0px 30px; margin: 0 30px; font-size: 16px; letter-spacing: 0.05em; line-height: 1.7em;}

.workin_l {float: left; background: #fff; width: 45%; margin-top: 50px;}
.workin_l h4 {padding: 30px 0px 10px; border-bottom: 1px solid #111;font-size: 21px; margin: 0 30px 20px 30px;}
.workin_l p {padding: 10px 0px 30px; margin: 0 30px; font-size: 16px; letter-spacing: 0.05em; line-height: 1.7em;}

.new_grays {
background: #f7f8f8;
max-width: 850px;
margin: 32px auto;
padding: 0;
}

.new_grays h5 {
color: #fff;
background: #898989;
text-align: center;
font-size: 24px;
padding: 8px 16px;
margin: 0 0 32px;
font-weight: normal;
}
.new_grays p {
text-align: left;
font-size: 16px;
padding: 0 32px;
}

.pb32 {padding-bottom: 32px !important;}

.no1_gray {
background: url(img/no1_gray.png) no-repeat left 32px top;
background-size: 32px;
padding-left: 76px !important;
min-height: 32px;
}
.no2_gray {
background: url(img/no2_gray.png) no-repeat left 32px top;
background-size: 32px;
padding-left: 76px !important;
min-height: 32px;
}

.no1_blue{
background: url(img/no1_blue.png) no-repeat left top;
background-size: 32px;
padding-left: 48px !important;
min-height: 32px;
}
.no2_blue {
background: url(img/no2_blue.png) no-repeat left top;
background-size: 32px;
padding-left: 48px !important;
min-height: 32px;
}

.bg_white3 {
background: url(img/point_in.png) left 32px center no-repeat #fff !important;
background-size: 80px !important;
}
.bg_white3 p {
font-weight: bold;
font-size: 18px;
}

.new_tbl {
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #c9caca;
}

.new_tbl tr {
border-bottom: 1px solid #c9caca;
}

.new_tbl tr th {
width: 100px;
text-align: left;
padding: 16px 0;
font-size: 16px;
vertical-align: top;
}

.new_tbl tr td {
width: auto;
text-align: left;
padding: 16px 0;
font-size: 16px;
}

.w25per {
width:calc(25% - 48px);
}
.w25per p {
font-size: 12px;
margin-top: 8px;
text-align: center;
}

.last {
  text-align: left;
  font-weight: bold;
  font-size: 26px;
}
.last01 {
  width: 300px;
}
.last02 {
  width: 180px;
}
.last340 {
  width: 340px;
}
.last340b {
  width:calc(33.333% - 170px);
}
.w33per_m0 {
  margin-left: 8px;
  margin-right: 8px;
}




@media screen and (max-width: 1168px){
  .last {
  text-align: left;
  font-weight: bold;
  font-size: 24px;
}
}

@media screen and (max-width: 1098px){
  .last {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
}
}


/*リ・アース*/

.h3_re {
background: url(img/h2_re.png) no-repeat left center;
background-size: 32px;
padding: 0 0 0 56px;
margin: 32px 0 24px;
font-size: 24px;

}

.report {
background: url(img/report.jpg) no-repeat left top #efefef;
background-size: 90px;
padding: 64px 24px 24px;
}

.para_white {
padding: 24px;
background: #fff;
margin: 16px 0 0;
}

.report2 {
background: #fff;
padding: 0px 24px 24px;

}

.edge2 {
  background: #f8b62d !important;
  color: #3e3a39 !important;
    position: relative;
  bottom: 8px;
  right: 24px;
  min-width: 88px;
  text-align: center;
}

.h3_midashi_green {
  background: #8dc21f !important;
  color: #3e3a39 !important;
  padding: 8px 16px;
    display: inline-block;
    font-size: 18px;
}

.flex_takasa {
  width: 223px !important;
  height: 202px !important;
}


/*リラックス*/

.w_relax1b {
width: 160px;
}
.w_relax1b p {
font-size: 18px !important;
font-weight: normal;
}
.w_relax2b {
width:calc(100% - 180px);
display: flex;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
}
.w_relax2b p {
width:calc(50% - 8px);
}
.w_relax1b p {
padding: 24px;
font-size: 24px;
font-weight: bold;
margin: 0;
}
.new_m {
font-size: 20px !important;
font-weight: bold;
color: #054d5f !important;
padding: 0 0 8px 0 !important;
border-bottom: 1px solid #054d5f;
margin: 0 0 24px !important;
}

.mizu_relax {
background: url(img/point_b.png) no-repeat left 32px center #efefef;
background-size: 80px;
padding: 24px 24px 24px 140px;
}

.mizu_new {
background: url(img/point_in.png) no-repeat left 32px center #fff;
background-size: 80px;
padding: 24px 24px 24px 140px;
}

.three_arrow {
width:calc(33.333% - 48px);
}
.three_arrow_arrow {
width: 24px;
}

.three_arrow_arrow img {
width: auto;
max-width: 24px;
height: auto;

}

.tbl_like {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
}
.tbl_like1 {
display: inline-block;
width: 120px;
font-size: 16px;
}
.tbl_like2 {
display: inline-block;
width:calc(100% - 150px);
font-size: 16px;
}

.tbl_relax {

}
.tbl_relax tr th {
background: #009cb3;
color: #fff;
border: 1px solid #087c8b;
text-align: center;
font-size: 16px;
font-weight: normal;
padding: 8px;
}

.tbl_relax tr td {
background: #fff;
color: #121212;
border: 1px solid #a4aaa6;
font-size: 12px !important;
padding: 8px;
}

.tbl_bg {background: #f3f3e9 !important;}

.red {
color: #c30d23 !important;
}
.sp_resize {
display: flex;
align-items: flex-end;
}

.h3_re_b {

padding: 0;
margin: 24px 0 16px;
font-size: 24px;
color: #064d5f;

}

.min_w {
min-width: 88px;
}

.soyokaze_b {
  background: url(img/soyokaze_to.jpg) no-repeat left center;
  background-size: 160px;
  padding: 0 0 0 190px;
}
.soyokaze_b_en {
  background: url(img/soyokaze_to_en.jpg) no-repeat left center;
  background-size: 160px;
  padding: 0 0 0 190px;
}

.font_green {
  color: #003d12 !important;
  margin-bottom: 8px !important;
  font-weight: bold !important;
}

.bg_tea {
  background: #edf2c5;
  padding: 24px;
}

.tea_h2 {
  align-items: center;
  font-size: 28px;
  margin: 0 24px 0 0;
}
.tea_h3 {
  align-items: center;
  font-size: 24px;
  margin: 0 24px 0 0;
}

.tea_h3 span {
  display: inline-block;
  margin-right: 4px;
  color: #003d12;
}

.tea_h3 p {
  display: inline-block;
  font-size: 16px !important;
  margin: 0;
}

.w10per_tea {width: calc(10% - 24px);}
.w20per_tea {width: calc(20% - 24px);}
.w40per_tea {width: calc(40% - 24px);}




/*SQ-RAY*/
.font_blue {color: #0169b0; font-size: 24px;}
.bg_skin2_ray {
background: url(img/ray_img2.jpg) no-repeat left top #f3f3e9;
background-size: auto 100%;
padding: 24px;
}
.ray_three {
width:calc(33.333% - 24px);
font-weight: bold;
font-size: 18px;
}

.ray_three span {
display: inline-block;
background: #0068af;
width: 32px;
height: 32px;
line-height: 32px;
color: #fff;
font-size: 24px;
font-weight: bold;
margin-right: 8px;
text-align: center;
position: relative;
}

.h4_check {
text-align: left;
color: #014a70 !important;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 1.7em;
margin: 8px 0 8px 0 !important;
background: url(img/h4_check.jpg) no-repeat left center;
background-size: 24px;
padding-left: 40px;
}

.sq_mizu {
background: url(img/sq_mizu.jpg) no-repeat left center;
background-size: 80px;
padding: 24px 0 24px 120px;
}

.kekka {
max-width: 100px;
margin-right: 24px;
display: inline-block;
}

.align_end {
display: flex;
align-items: flex-end;
}

.pc520 {display: block;}

.tokkyo0 {
  display:table;
}

.tokkyo1 {
  background: #17a3b1;
  color: #fff;
  font-size: 20px;
  align-items: center;
  width: 116px;
  padding: 24px;
}

.tokkyo1 {
  display:table-cell;
  vertical-align:middle;
}

.tokkyo2 {
  background: #17a3b1;
  color: #222;
  font-size: 14px;
  align-items: center;
  width:calc(100% - 212px);
  background: #fff;
  padding: 24px;
  margin: 0;
}


.tokkyo1b {
  background: #17a3b1;
  color: #fff;
  font-size: 20px;
  align-items: center;
  width: 116px;
  padding: 0 24px;
  margin: 0;
}

.tokkyo2b {
  background: #17a3b1;
  color: #222;
  font-size: 22px;
  align-items: center;
  width:calc(100% - 212px);
  background: #fff;
  padding: 24px;
  margin: 0;
}


.midashi_arrow {
  background: url(img/arrow_double.png) no-repeat left top 12px;
  background-size: 32px;
  padding-left: 40px;
  font-size: 24px;
  margin-top: 32px;
}

.new_sq_box1 {
  width:calc(50% - 88px);
  background: #fff;
  border-radius: 24px;
  padding: 24px;
}
.new_sq_box1 h2 {
  margin: 16px 0 !important;
  font-size: 22px;
}

.new_sq_box2 {
  width: 48px;
  display:table;
  text-align:center;
}

.new_sq_box2in {
  display:table-cell;
  vertical-align:middle;
}

.line_height {
  line-height: 50px;
}

/*プロデュース*/

.border_h2 {
background: #17a3b2;
text-align: center;
font-size: 24px;
color: #fff;
padding: 12px 12px;
margin-bottom: 32px;
}

.pro_detail_btn {
border: 1px solid #17a3b2;
text-align: center;
font-size: 14px;
font-weight: bold;
display: inline-block;
padding: 8px 24px;
width: 200px;
margin: 24px auto 0;
color: #17a3b2;

}

.pro_detail_btn:hover {
border: 1px solid #17a3b2;
text-align: center;
font-size: 14px;
font-weight: bold;
display: inline-block;
padding: 8px 24px;
width: 200px;
margin: 24px auto 0;
color: #fff;
background: #17a3b2;
}



.bg_brown {
background: #7f4f21 !important;
}
.bg_sunlight {
background: #f8b62d !important;
}
.bg_water {
background: #2ea7e0 !important;
}

.bg_blue {
background: #235da6 !important;
}

.bg_purple {
background: #c90070 !important;
}



.mw_mini_logo {
max-width: 250px !important;
width: 100% !important;
min-width: 250px;
}

/**! カタログ **/
.catalog_p {
letter-spacing: 0.05em;
line-height: 1.7em;
text-align: left;
color: #014a70 !important;
}
.catalog_list {
text-align: center;
}

.catalog_list img {
height: 240px;
width: auto;
margin: 0 auto;
}

.catalog_list_p {
font-size: 16px !important;
text-align: center !important;
margin: 8px 0 !important;
}

.w100 {
width: 100px;
margin: 16px auto;
}
.w100 img {
 margin: 0 auto !important;
}
.catalog_btns {
width: 300px;
margin: 0 auto;
}
.catalog_btns2 {
width: 180px;
margin: 16px auto;
}
.blue_btn3 {
padding: 8px 8px;
min-width: 128px;
width: 128px;
max-width: 128px;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 100px;
background: rgb(31,90,208);
background: linear-gradient(120deg, rgba(31,90,208,1) 0%, rgba(65,123,186,1) 100%);
font-size: 12px;
}
.mini_font_for_btn {
display: block;
font-size: 10px;
font-weight: normal;
}

.content_boxx2 {
max-width: 1136px;
padding: 0 0;
width: auto;

padding-bottom: 24px;
margin: 32px auto 32px auto;
}
.content_boxx2 h5 {
color: #054d5f;
font-size: 32px;
font-weight: normal;
margin: 0 0 24px;
}
.content_boxx2 h6 {
color: #111;
font-size: 24px;
font-weight: bold;
margin: 0 0 24px;
}



.tbl_like_b {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.tbl_like3 {
    display: inline-block;
    width: 104px;
    font-size: 16px;
}

.w50per2 {
    width: calc(50% - 8px);
}

.power6 {
  background: url(img/power6.jpg) no-repeat right top;
  background-size: auto 100%;
  padding-right: 360px;
}

.edge {
  position: relative;
  bottom: 32px;
  right: 24px;
  min-width: 88px;
  text-align: center;
}



.h5_power {
  margin-left: 24px !important;
  padding-top: 8px !important;
  margin-bottom: 8px !important;
  font-size: 24px !important;
}

/**! WATER **/

.bg_watersystem {
  background: #036eb8 !important;
}
.border_watersystem {
  border-color: #036eb8 !important;
}
.water_header {
background: url(img/water_ttl_bg.jpg) no-repeat;
background-size: cover;
height: auto;
padding: 200px 32px 100px;
position: relative;
width:calc(100% - 64px);
z-index: 0;
margin-top: -154px;
}

.puts1 img {
  height: 310px;
  margin: 0 auto;
}
.puts2 img {
  height: 230px;
  margin: 0 auto;
}
.puts3 img {
  height: 210px;
  margin: 0 auto;
}

.bg_w {
  background: #fff;
}

.circle_blue {
  margin-left: 24px !important;
}

.circle_blue li {
  list-style: inside;
  list-style-type: disc;
  color: #036eb8;
  font-size: 16px;
  text-align: left;
  margin: 4px 0;
  list-style-position: outside;
}


.circle_blue li span {
  color: #2c2c2c;
}

.circle_eme {
  margin-left: 24px !important;
}

.circle_eme li {
  list-style: inside;
  list-style-type: disc;
  color: #17a3b1;
  font-size: 16px;
  text-align: left;
  margin: 4px 0;
  list-style-position: outside;
}
.circle_eme li span {
  color: #2c2c2c;
}

.pl24 {padding-left: 24px;}
.pr24 {padding-right: 24px;}


/* !スプレー */
.spray_info1 {
  background: url(img/spray9.jpg) no-repeat left top;
  background-size: 88px;
  padding-left: 100px;
  font-size: 14px;
  min-height: 88px;
}
.spray_info1_en {
  background: url(img/spray9_en.jpg) no-repeat left top !important;
  background-size: 88px !important;
    padding-left: 100px;
  font-size: 14px;
  min-height: 88px;
}

.spray_info2 {
  background: url(img/spray10.jpg) no-repeat left top;
  background-size: 88px;
  padding-left: 100px;
  font-size: 14px;
  min-height: 88px;
}
.spray_info2_en {
  background: url(img/spray10_en.jpg) no-repeat left top !important;
  background-size: 88px !important;
    padding-left: 100px;
  font-size: 14px;
  min-height: 88px;
}

/*レックス*/
.mizu_rex {
background: url(img/point_b.png) no-repeat left 32px center #fff;
background-size: 80px;
padding: 24px 24px 24px 140px;
}
.rex_ul {padding-left: 24px !important;}
.rex_ul li {
  list-style: disc;
  list-style-position: outside;
  text-align: left;
  font-size: 16px;
  margin: 4px 0;
  color: #17308b;
}
.rex_ul li span {
  color: #222;
}

/*Contact*/

span.blue {
	display: inline-block;
	padding: 24px;
	min-width: 200px;
	text-align: center;
	background:#004D96;
color: #fff !important;
border-radius: 16px;
margin: 32px auto;
}

.w50in {width:calc(49% - 30px) !important; margin-right: 10px; } 

.w30in { width:calc(33% - 40px) !important; margin-right: 10px; }
.w30in2 { width:calc(33% - 50px) !important; margin-right: 10px; margin-left: 10px; }
.w30in3 { width:calc(33% - 40px) !important; margin-right: 10px; margin-bottom: 5px; }
.w30in4 { margin-right: 10px; margin-top: 5px; }
.w30in { width:calc(33% - 40px) !important; margin-right: 10px; }

.w600 {max-width: 600px; margin: 30px auto;}
.w600 {text-align: left !important;}

input[type="text"] {padding: 8px 8px; border: 1px solid #888; font-size: 16px; width:calc(100% - 18px);}
input[type="tel"] {padding: 8px 8px; border: 1px solid #888; font-size: 16px; width:calc(100% - 18px);}

input[type="email"] {padding: 8px 8px; border: 1px solid #888; font-size: 16px; width:calc(100% - 18px);}
textarea {resize: none;padding: 8px 8px; height: 100px;border: 1px solid #888; font-size: 16px; width:calc(100% - 18px);}
input[type="submit"] {
font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    padding: 16px 24px;
    margin: 0 auto 64px;
    display: block;
    letter-spacing: 0.05em;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    background: #f25047;
    border-radius: 300px;
    width: 280px;
    border: none;
}
input[type="submit"]:hover{
	color:#fff;
	cursor: pointer;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	
}

select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box;
}

select {
	background: #e9e9e9;
	background-size: auto 100% !important; 
	border: 1px solid #707070 !important; 
	width:calc(50% - 60px) !important;
	padding: 8px !important;
	border-radius: 8px;
}

.f_r {float: right;}
.font_w {color: #fff;}

.ml0 {margin-left: 0 !important;}
.ml0bb {margin-left: 0 !important; width: 50% !important; min-width: 220px !important;}
div.wpcf7-response-output {
background: #fff !important;
}

span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
display: inline-block !important;
}

/*フォームEND*/


/*******************SAFTY FIRST END*****************/


.limarks {
background: url(img/li.png) no-repeat left center;
background-size: 11px;
letter-spacing: 0.05em;
line-height: 1.7em;
padding: 5px 5px 5px 15px;
font-size: 12px;
}







/*共通・ヘッダー*/


.headright {float: right; width: 640px; text-align: left; }
.headright a {margin-left: 0;}


.btns {background: #251eb1; padding: 20px 40px; border-radius: 8px; text-align: center; color: #fff; font-size: 18px; margin: 20px;}

.top_rinen {background: url(img/bg_top_rinen.jpg) no-repeat center center; background-size: cover; }
.toprinen2 {background: rgba(255, 255, 255, 0.80); padding: 20px; width: 700px;}
.height0 {height: 0 !important; overflow-y: visible; position: relative; bottom: 70px;}
.mb0 {margin-bottom: 0 !important;}
.mt8 {margin-top: 8px !important;}
.mb8 {margin-bottom: 8px !important;}

.gromenu {position: relative; top: 670px; text-align: center;}
.gromenu2 {position: relative; top: 0px; padding-top: 82px !important; text-align: center;}


.menuhome {width: 62px !important; text-align: center; }

.contact_secuco {background: #fff; padding: 15px 30px; border-radius: 10px; display: inline-block !important;}
.contact_secuco a {font-size: 20px !important;}
.press {padding: 50px 0 !important;}
.news_l {width: 110px; float: left;}
.news_r {width: 800px; float: right;}

nav.menu {
	position: absolute;
z-index: 9999;
margin: 0 auto;
background: #111;
text-align: left;

}

.menu > ul {margin: 0 !important; height: auto; text-align: left; padding: 20px 0;}

.menu > ul > li {
	list-style: none;
	display: inline-block;
	color: #333;
vertical-align: bottom;	
height: auto;
margin: 0 auto;
border-right: 1px solid #fff;
vertical-align: right;
width: 186px;
float: left;
}


.menu > ul > li:last-child {
border: none !important;
}


.menu > ul > li a {
height: auto;
vertical-align: bottom !important;	
display: inline-block;
font-size: 15px;
font-weight: 200 !important;
color: #fff !important;
text-align: center;
letter-spacing: 0.05em !important;
line-height: 1.7em !important;
}

.menu > ul li a {
	text-decoration: none;
	color: #fff;
	 display:block;
	 padding: 0px 0 0px;
}
.menu > ul li a:hover {
	color: rgba(255, 255, 255, 0.72) !important;
	transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}
.active{
	background:;
	
}
.displaynone{
	display: none;
}

ol li {
list-style-type: decimal !important;
text-align: left !important;
margin-left: 20px;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.7em;
margin-bottom: 20px;
color: #014a70 !important;
}
dl {
display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
}
dt {
display: block;
text-align: left;
 color: #014a70 !important;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.7em;
}
dd {
display: block;
text-align: left;
 color: #014a70 !important;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.7em;
}




.font16 {
font-size: 16px !important;
}
.font18 {
font-size: 18px !important;
}
.font18_font14_sp {
font-size: 18px !important;
}

.font20 {
font-size: 20px !important;
}
.font24 {
font-size: 24px !important;
}
.black {color: #222 !important;}
dl b {
font-weight: bold;
margin-bottom: 20px;
}
.suci {text-decoration: underline;}

.mega-menu {
 background: rgba(236, 64, 24, 0.95);
left: 0;
margin-top: 0px;
position: absolute;
width: 100%;
	padding:15px;
	display:none;
	 transition-duration: 0.3s;
}
.mega-menu a {display: inline-block !important; text-align: center; width: 245px; height: auto !important; margin: 0 auto !important; padding: 0 !important;}

.mega-menu2 {
 background: rgba(236, 64, 24, 0.95);
left: 0;
margin-top: 0px;
position: absolute;
width: 100%;
	padding:15px;
	display:none;
	 transition-duration: 0.3s;
}
.mega-menu2 a {display: inline-block !important; text-align: center; width: 245px; height: auto !important; margin: 0 auto !important; padding: 0 !important;}


#menutoggle i {
color: #fff;
font-size: 33px;
margin: 0;
padding: 0;
}

.linkstwo {width: 45%; display: inline-block; margin: 20px auto; padding: 10px; font-size: 16px;}




.four {width: 46%; margin-left: 4%; float: left; padding-bottom: 10px; border-bottom: 1px solid #999;}
.four p {font-size: 14px; margin-bottom: 5px;}
.four a {font-size: 14px; font-weight: 500; margin-bottom: 20px;}

.not_sp520 {display: block;}


/*END*/






















.container { width: auto; padding: 25px;}

.font12 {font-size: 12px !important;}
.gotopline {padding: 20px 0; border-top: 1px solid #979797; border-bottom: 1px solid #979797; background: #fff; text-align: center;}


.thumbout {margin-bottom: -60px;}
.thumbs {margin: 0 auto; background: #fbfafa; text-align: center; display: inline-block; padding: 10px; position: relative; bottom: 65px; z-index: 999; }


.telclass {position: relative; bottom: 5px; margin-right: 3px;}

.footmenu {background: #fff; border-top: 1px solid #777; border-bottom: 1px solid #777; padding: 20px 0;}




.menu_foot {width: auto !important; float: none !important; text-align: center;}
.menu_foot ul li {width: 16% !important;}

.categories-list li {
display: block;
line-height: normal;
margin: 0;
padding: 5px 0;
}
.categories-list li :hover{
		background:inherit !important;
}

.categories {
background: #111;padding: 8px 16px;
color: #fff !important;
font-weight: bold;
margin-bottom: 24px;
}
.left-images > p {
background: none repeat scroll 0 0 #ff7f50;
display: block;
font-size: 18px;
line-height: normal;
margin: 0;
padding: 5px 14px;
}
.categories-list span {
font-size: 18px;
padding-bottom: 5px;
text-transform: uppercase;
}
.mm-view-more{
	background: none repeat scroll 0 0 #ff7f50;
color: #fff;
display: inline !important;
line-height: normal;
padding: 5px 8px !important;
	margin-top:10px;
}
.display-on{
display:block;
 transition-duration: 0.9s;
}

.content_page_ttl { padding: 80px 0 40px; text-align: center;


}

.content_page_ttl h1 {
	font-size: 32px;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.7em;

padding:0 0 10px 0;
margin: 0 0 0px 0;
display: inline-block;
color: #111010;

}

.dotbox {border: 1px dotted #111; padding: 20px 20px 0; max-width: 400px; text-align: left; margin: 30px auto; }
.dotbox2 {border: 1px dotted #111; padding: 20px 20px 0 20px; width: auto; text-align: left; margin: 30px auto; }

.dotbox2 ul {margin: 0 0 20px !important;}
.dotbox2 ul li {
background: url(images/ya.gif) no-repeat left center;
background-size: 7px;
padding-left: 15px;
text-align: left;
}


#supportlist {width: 100%; margin-bottom: 20px;}

.single_left {width:calc(75% - 40px);float: left; margin: 50px 0; padding: 0 20px;}
.sidebar {width: 20%; float: right; margin-top: 30px; text-align: left;}
.sidebar li {text-align: left; font-size: 14px;}
.categories {margin-top: 30px;}
.sidebar li ul li a {text-align: left; font-size: 14px; 
background: url(images/ya.gif) no-repeat left center;
background-size: 7px;
padding-left: 15px;
}

.singlesrc li a {
text-align: left; font-size: 14px; 
background: url(images/ya.gif) no-repeat left center;
background-size: 7px;
padding-left: 15px;
}
.categories {color: #111;}


/*.drop-down > a:after{
content:"\f103";
color:#999;
font-family: FontAwesome;
font-style: normal;
margin-left: 10px;
}
.drop-down:hover > a:after{
color:#fff;
}


.drop-down2 > a:after{
content:"\f103";
color:#999;
font-family: FontAwesome;
font-style: normal;
margin-left: 10px;
}
.drop-down2:hover > a:after{
color:#fff;
}*/


 /*MediaQuerys*/
 @media (max-width: 600px) {
.menu {
 display:none;
 }
 .xs-menu li a {

	 padding:0px;
}
 .xs-menu-cont{
 display:block ;
 }
 }


/*Animation--*/

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}









/* リンク */

a{
/*color:#252523;*/
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;

}

a:hover{
color:#a5a5a5;
}

a:active, a:focus {
outline: 0;
}

p {font-size: 18px; line-height: 1.6em; margin: 0 0 20px 0;}

/* 画像 */

img{
border:0;
padding:0px;
margin:0px;
max-width: 100%; height: auto;
}

article img {margin-bottom: 30px;}
article ul li {
background: url(images/ya.gif) no-repeat left center;
background-size: 7px;
padding-left: 15px;
text-align: left;
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding:4px;
margin: 0 0 10px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}


/* ボタンレイアウト */

button.button1 {
/* 文字サイズを1.4emに指定 */
font-size: 1.4em;

/* 文字の太さをboldに指定 */
font-weight: bold;

/* 縦方向に10px、* 横方向に30pxの余白を指定 */
padding: 10px 30px;

/* 背景色を濃い青色に指定 */
background-color: #28b17e;

/* 文字色を白色に指定 */
color: #fff;

/* ボーダーをなくす */
border-style: none;
}



/* フロート */

.alignright { text-align: right; }

.alignleft { text-align: left; }

.right{ float: right; }

.left{ float: left; }

.clear{ clear:both; }


/* リスト */

ol{
padding: 0 0 0 0;
list-style: decimal;
}

ul{

padding: 0 0 0 0;
list-style: disc;
}

li{
padding: 0 0;
}

li a{
text-align: center;
color:#010101;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
; font-weight: 200 !important;

}

.bold {font-weight: bold !important;}

li a:hover{
color:#6a5c5c;
}

a img {vertical-align: bottom; max-width: 100%; height: auto;}

/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}
 
.cf:after {
clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}


td h3 {margin-bottom: 5px !important;}


.more-link {display: none !important;}

/*動画*/
.video-wrapper {
display: none;
position: fixed;
min-width: 100%;
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.87);
z-index: 99999999;
}

.video-frame {
position: absolute;
top: 50%;
left: 50%;
}

.video-close {
float: right;
margin-top: -30px;
margin-right: -30px;
cursor: pointer;
color: #fff;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: #605F61;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 11px 3px;
}

.video-close:before {
content: "×";
}

.screen-reader-text {display: none;}

.nav-links {text-align: center; padding-bottom: 30px; margin: 64px auto;}

.nav-links span {padding: 8px 14px; border: 1px solid #222; background: #222; color: #fff;}
.nav-links a {padding: 8px 14px; border: 1px solid #222; }
.nav-links a:hover {padding: 8px 14px; border: 1px solid #222; background: #222; color: #fff; }


.bx-wrapper2 {position: relative; z-index: 0; margin-bottom: 1px !important; }

.bordert1w {border-top: 1px solid #fff;}

.blogcate {width: 110px; padding: 5px 10px; border: 1px solid #111; font-size: 13px !important; margin-right: 20px; display: inline-block; text-align: center;}
.blogtime {color: #111;font-size: 14px; margin-right: 20px; width: 70px; display: inline-block; text-align: center; }
.blogcate2 {width: 110px; padding: 5px 10px; border: 1px solid #111; font-size: 13px !important; margin-right: 20px; display: inline-block; text-align: center; color: #fff;}
.blogtime2 {color: #111;font-size: 14px; margin-right: 20px; width: 70px; display: inline-block; text-align: center; color: #fff;}
.main_list {border: 1px solid #fff; padding: 10px 20px; text-align: center; color: #fff !important; border-radius: 100px; float: right; font-size: 12px !important; line-height: 12px !important; position: relative; bottom: 4px;}
.main_list:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

main {padding-top: 60px;}

article {max-width: 1060px; margin: 0 auto; padding: 0px 0; }

.entry-header {background: #181818; padding: 40px; text-align: center; font-family: 20px; color: #fff;}

td p {margin: 0; padding: 0;}

.btn_ichi {float: right; text-align: right; font-size: 13px; font-weight: 200; padding: 5px 15px; border: 1px solid #333; border-radius: 100px; position: relative; bottom: 10px;}


.articlebox2 {border-bottom: 1px dotted #333; padding: 5px 30px 10px; margin: 0 auto 10px;}

/* ************************************************ 
*	全体Wrapper
* ************************************************ */	

.wrapper {
margin: auto; 
min-width: 1060px;
padding: 30px 0px;
_width: 1060px;
height: 100%;

}

.drawer-hamburger {display: none !important;}


.main_zure {padding-top: 20%; margin-bottom: 50px;}

.w49per {width: 49.5%;}

.newsbox {width: 835px; float: right; background: #fff; border: 10px solid #e8ded5; height: 454px;}
.newsbox_ttl {background: url(images/blog_ttl.png) no-repeat left 20px center; background-size: 160px; height: 50px; padding-top: 20px; border-bottom: 1px solid #ddd; }
.newsbox_ttl a {width: 130px; float: right; display: block;}

.articlebox {width: 800px; margin: 50px auto;}
.articlebox h2 {border-bottom: 1px solid #333; padding: 10px 0 10px 0; margin:10px 0;}
.article_right { padding: 10px 0 10px 0; margin:10px 0; border-bottom: 1px dotted #8c8c8c; }
.article_right a {font-size: 16px;}
.article_main { padding: 0px 0 0px 0; height: 0; margin:0px 0; position: relative; bottom: 51px; z-index: 999999999; }
.article_main a {font-size: 16px;}
.article_main_in {background: rgba(0, 0, 0, 0.70); width: auto; height: 50px;}
.ttl_blogbox3{font-size: 18px; font-size: 400; }
.ttl_blogbox {border-bottom: 2px solid #111 !important; padding: 0 0 5px 0; }
.ttl_blogbox a {font-size: 18px; font-size: 400; }
.ttl_blogbox2 {color: #fff !important;}
.ttl_blogbox2:hover {color: #111 !important;}

.message_l {width: 21%; float: left; }
.message_r {width: 75%; float: right; }

.border_gray {border: 1px solid #aaaaaa;}











.work_tbls {
border-collapse:collapse;
margin:0 auto;
width: 100%;
}

.work_tbls th {
width: auto;
border-top:1px solid #fff;
padding:24px 0;
text-align: center;
background: #000;
color: #fff;
}
.work_tbls td{
border-top:1px solid #fff;
padding:24px 16px;
text-align: center;
background: #f2f2f2;
}
.work_tbls tr:last-child td,
.work_tbls tr:last-child th{
border-bottom:1px solid #fff;
}






.dotbox ul {margin: 0 0 20px !important;}
.dotbox ul li {
background: url(images/ya.gif) no-repeat left center;
background-size: 7px;
padding-left: 15px;
text-align: left;
}

.contbl {font-size: 10px; background: #ce4818; color: #fff; padding: 2px 10px; margin: 0 0 0 10px;}

.infot {background: #111 !important; color: #fff; max-width: 200px; }

 

.sitemapper li {text-align: left; padding: 5px 20px;}
.sitemapper li a {text-align: left; font-size: 16px; display: inline-block; background: url(images/ya.gif) no-repeat left center; background-size: 7px; padding-left: 15px;}
.sitemapper ul div {text-align: left; }
.sitemapper ul div a {text-align: left; display: inline-block; color: #ec0000; font-size: 16px; background: url(images/ya.gif) no-repeat left center; background-size: 7px; padding-left: 15px;}

.tex_r {text-align: right !important;}
.tex_r_pcsp {text-align: right !important;}

.fontred {color: #f10505 !important; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important; font-size: 28px; font-weight: bold;}



td {text-align: left;}
td ul li a {text-align: left !important; display: inline-block;}
td ul li {text-align: left;}
td p{margin-bottom: 10px;}

.articlebox:first-child {border-bottom: 1px solid #ddd;}

.article_right2 a {
font-size: 24px;
border-bottom: 2px solid #111;
padding: 0 0 10px 0;
line-height: 1.7em;
margin: 20px auto 20px;
font-weight: 200;
display: block;
text-align: left;
}

.renraku {
width: 150px;
background-color: #d5d5d5;
border: none;
color: #000;
font-size: 13px;
font-weight: 700;
text-align: center;
border-radius: 10px;
margin: 10px auto;
display: inline-block;
padding: 10px 20px;
}

.gallerybox {padding: 50px 0; max-width: 1060px; margin: 30px auto;}
.gallerybox a {width: 30%; float: left; display: block; height: 400px; margin: 10px 0; overflow: hidden; background: #272626; border: 5px solid #272626; box-sizing:border-box; }
.gallerybox a:nth-child(3n+2) {margin: 10px 3%; } 
.gallerybox a img {width: 100%;height: auto; vertical-align: bottom; }



.single_product {height: 400px; margin: 10px 0; overflow: hidden; background: #acacac; border: 5px solid #acacac; box-sizing:border-box; display: block; }
.single_product_left {width: 30%;}
.single_product_left a img {width: 100%; height: auto;}
.single_product_right {width: 65%;}
.single_product_right img {max-width: 100%; height: auto;}
.single_product_right h1 {border-bottom: 1px solid #333; padding-bottom: 10px; font-size: 28px;}

.single_thumbs a {width: 32%; margin: 10px 0; height: 100px; overflow: hidden; display: block; float: left;}
.single_thumbs a img {width: 100%; height: auto;}
.single_thumbs :nth-child(3n+2) {width: 32%; margin: 10px 2%; display: block; float: left;}

.tsuduki {border: 1px solid #111 !important; padding: 5px 20px !important; display: inline-block !important; color: #111; font-size: 14px !important;}
.tsuduki:hover {background: #111; color: #fff !important;}

li {list-style: none; }

.contentpage_title { background: -webkit-linear-gradient(#e62658 0%, #eb651c 100%); padding: 30px 0 30px; position: relative; top: 87px; margin-bottom: 88px; text-align: center; color: #fff; font-size: 20px; font-weight: 100; }
.contentpage_title h1 {font-size: 24px; font-weight: 100; line-height: 1.5em; text-align: center; padding: 15px 30px; border: 1px solid #fff; display: inline-block; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.content_wrap_out {background: #f4f0ed; padding: 0 0 30px 0;}

.content_wrap {padding: 0px 0; margin: 30px auto 30px; max-width: 860px; background: #fff; padding-bottom: 30px;}
.content_wrap_in {padding: 0 30px;}
.content_wrap p {line-height: 1.7em; }

.kachikan {border: 1px solid #f10505; border-radius: 1060px; padding: 50px 20px 0; margin: 0 5px; float: left; width: 107px; height: 97px; text-align: center; font-size: 15px; color: #222;}
.kachikan2 {border: 1px solid #f10505; border-radius: 1060px; padding: 60px 20px 0; margin: 0 5px; float: left; width: 107px; height: 87px; text-align: center; font-size: 15px; color: #222;}

.kachikan_kai {border: 1px solid #f10505; padding: 20px 10px; border-radius: 10px; margin: 10px auto; text-align: center; font-size: 20px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important; }

.block {display: block !important;}
.mw300 {
  width: 100%;
  max-width: 300px;
}
.mw450 {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}

.normal {font-weight: normal !important;}
.font24 {font-size: 24px; }
.font34 {font-size: 34px !important;}

.tex_c {text-align: center !important; }

.tex_l {text-align: left;}
.tex_r { text-align: right !important;}
.w500 {max-width: 500px; margin: 0 auto;}
.w700 {max-width: 700px; margin: 0 auto;}
.m0a {margin: 0 auto;}
.mt0 {margin-top: 0 !important;}
.mt80 {margin-top: 80px;}
.mt120 {margin-top: 120px !important;}

.mt60 {margin-top: 60px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb100 {margin-bottom: 100px !important;}
.mt50 {margin-top: 50px;}
.mt30 {margin-top: 30px !important;}

.mb128 {margin-bottom: 128px;}

.mt32_mt0 {margin-top: 32px;}

.mb50 {margin-bottom: 50px;}
.pt10 {padding-top: 10px;}
.pt12 {padding-top: 12px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pl20 {padding-left: 20px;}
.pr20 {padding-right: 20px;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px !important;}
.mb130 {margin-bottom: 130px;}
.pb30 {padding-bottom: 30px;}
.pt0 {padding-top: 0 !important;}

.ib {display: inline-block !important;}
.ib_r {display: inline-block !important; float: right;}

.font14 {
font-size: 14px;
}
h5 {font-size: 14px; margin: 0 0 4px 0; padding: 0;}








.top_midashi {text-align: center; line-height: 1.5em; font-size: 36px; color: #f10505; background: url(img/redline.jpg) no-repeat center bottom; background-size: 44px; padding: 0 0 20px 0; margin-bottom: 30px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.date {border: 1px solid #f10505; padding:5px 10px; margin-right: 20px; color: #f10505; float: left; display: block; width: 75px; }
.blogtitle {font-size: 14px; padding:5px 26px 5px 0; background: url("img/ya_red.jpg") no-repeat right center; background-size: 8px; float: left; display: block; width: 550px; }
.sq_btn {border: 1px solid #f10505; padding:5px 15px 5px 15px; color: #f10505; display: block; margin: 30px auto; text-align: center; width: 75px; background: url("img/ya_red.png") no-repeat left 10px center; background-size: 8px;}
.sq_btn:hover {border: 1px solid #f10505;color: #fff; display: block; margin: 30px auto; text-align: center; width: 75px; background: url("img/ya_white.png") no-repeat right 5px center #f10505; background-size: 8px;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

li {text-align: center;}
li a img {margin: 0 auto;}
li a {text-align: center; display: block;}

.dropmenu{
display: block;
*zoom: 1;
list-style-type: none;
padding: 0px 0 !important;
margin: 0 auto !important;
position: relative; bottom: 0px;
max-width: 1060px;
}
.dropmenu li{
padding: 0px 0px 0 0px;
color: #222;
display: inline-block;
position: relative;
font-size: 16px;
width: 19.5%;
background: url(images/menu_border.jpg) no-repeat right center;
background-size: 1px;
}
.dropmenu li:last-child{
padding: 0px 0px 0 0px;
color: #222;
display: inline-block;
position: relative;
font-size: 16px;
width: 20%;
background: none;
}

.dropmenu li a{
margin: 0;
line-height: 1;
text-decoration: none;
font-size: 15px;
}
.dropmenu li ul{
list-style: none;
position: absolute;
z-index: 9999;
top: 125%;
left: 0;
text-align: left;
}
.dropmenu li ul li{
width: 100%;
}
.dropmenu li ul li a{
padding: 13px 15px;
background: #fff;
width: 200px;
text-align: left;
}
.dropmenu li:hover > a{

}
.dropmenu li a:hover{

}

.dropmenu li ul li{
overflow: hidden;
height: 0;
transition: .2s;
}
.dropmenu li:hover ul li{
overflow: visible;
height: 36px;
}

.dropmenu li ul li a:hover{
padding: 13px 15px;
background: #fff;
width: 200px;
text-align: left;
}





.minibox {padding: 10px 30px 30px; margin: 50px 0; background: #fff; width: 460px;}
.minibox p {line-height: 1.7em;}


.aaa {color: #fff; font-size: 20px; margin: 0 0 10px; padding: 0 0 0px; background:#f10505; width: 30px; height: 30px; text-align: center; line-height: 30px !important; }





.btt {float: right; background: url(images/gotop.jpg) no-repeat left center; background-size: 10px; padding-left: 20px; color: #fff; font-size: 11px;}
.btt:hover {color: #ffb0b0 !important;}

.mincho {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.overimg_grade:hover {
background: #f10505;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
transition: .5s;
}


.overimg:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

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

/*フェード*/

.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	
	
}

.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
transition: .8s;
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
transition: .8s;
}

.futura {
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 48px;
}
.futura2 {
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: normal;
padding: 2px;
    display: inline-block;
    margin: 0 auto;
    color: #fff !important;
    font-size: 24px;
}

.drawer-menu li a {
  text-align: center; 
  color: #1e1e1e; 
  font-size: 13px; 
  font-weight: bold !important;
}
.drawer-menu li {
padding: 6px 16px;
}












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


.content_border {
max-width: 1136px;
width: auto;
padding-bottom: 16px;
margin: 32px 32px 32px 32px;
}

.content_border_pc_tablep {
  border-bottom: 1px solid #014a70;
  padding-bottom: 24px;
}


.content_boxx {
max-width: 1136px;
width: auto;

padding-bottom: 24px;
margin: 32px 16px 32px 16px;
}

.content_boxx2 {
margin: 32px 16px 32px 16px;
}

h2 span {
padding: 0;
margin: 0;
letter-spacing: 0.05em;
line-height: 1.8em;
color: #014a70;
font-weight: 700;
font-size: 26px;
}

body {
font-family: 'Noto Sans Japanese', serif;
font-weight: 200;
font-size: 14px;
background: #fff;
color: #222;
line-height: 180%;
margin: 0;
min-width: 320px;
height: 100%;
overflow-x: hidden !important;
}

.dl_boxs_in .ul50 {
width: calc(100% - 24px);
}
.dl_boxs_in .ul50 li {
font-size: 15px;
color: #fff;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 3em;
text-align: left;
}

.border_boxx {
border: 1px solid #17a3b1;
padding: 24px;
max-width: 1136px;
margin: 64px auto;
}

.border_boxx {
border: 1px solid #17a3b1;
padding: 24px;
max-width: 1080px;
margin: 64px auto;
}

.border_boxx {
border: 1px solid #17a3b1;
padding: 18px;
max-width: 1136px;
margin: 64px 24px;
}

/*.w33per img {
margin-top: 24px;
}*/

.bigs_n {
padding: 0 16px;
font-size: 24px;
font-weight: normal;
}

.w_relax2b p {
width: calc(50% - 8px);
font-size: 14px;
}
.not_tablet {display: none;}
.font14_tablet {
font-size: 16px !important;
}

.ray_three {
width:calc(33.333% - 8px);
font-weight: bold;
font-size: 14px;
letter-spacing: 0.01em;
}

.bigs_mini {
font-size: 24px !important;
}

.not_sp520 {display: none;}

.edge {
    position: relative;
    bottom: 26px;
    right: 18px;
    min-width: 88px;
    text-align: center;
}
.tex_l_sp {
  text-align: left !important;
}

.sp1080_m0 {margin: 0 !important;}
.sp1080_m0_b {margin: 32px 0 0 0 !important;}

.flex_takasa {
  width: 223px !important;
  height: 202px !important;
  margin: 16px 0 0 0;
}

.w1500p20 {
    min-width: 260px;
    width: auto;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0px 32px;
    position: relative;
    z-index: 999;
    min-height: 1000px;
}

}

.mb60_sp16 {margin-bottom: 60px !important;}



@media screen and (max-width: 1080px){
.border_boxx {
border: 1px solid #17a3b1;
padding: 24px;
max-width: 1136px;
margin: 64px 24px;
}

.border_boxx {
border: 1px solid #17a3b1;
padding: 18px;
max-width: 1136px;
margin: 64px 24px;
}


.content_border p {
color: #222;
letter-spacing: 0.05em;
line-height: 1.7em;
font-size: 14px;
}

.productbox {
background: #fff;
padding: 32px 32px 48px 32px;
margin: 0;
text-align: center;
border-radius: 32px;
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.24);
width: auto;
width: 420px;
display: block;
}


.flex_start {
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
.fives {
width: 33.333%;
}
.btn {
border: 1px solid #014a70;
padding: 16px 24px;
margin: 8px 0 8px 0 !important;
color: #014a70;
font-size: 12px;
font-weight: 200;
letter-spacing: 0.05em;
line-height: 1em;
min-width: 88px;
display: inline-block;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
text-align: center;
}
.btn:hover {
border: 1px solid #014a70;
padding: 16px 24px;
margin: 8px 0 8px 0 !important;
font-size: 12px;
font-weight: 200;
letter-spacing: 0.05em;
line-height: 1em;
min-width: 88px;
display: inline-block;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
text-align: center;
}

.btn_mt16 {
border: 1px solid #014a70;
padding: 16px 32px;
margin: 8px auto 16px auto;
color: #014a70;
font-size: 14px;
font-weight: 200;
letter-spacing: 0.05em;
line-height: 1em;
min-width: 88px;
display: inline-block;

text-align: center;

}
.btn_mt16:hover {
border: 1px solid #014a70;
padding: 16px 32px;
margin: 8px auto 16px auto;
color: #fff;
font-size: 14px;
font-weight: 200;
letter-spacing: 0.05em;
line-height: 1em;
min-width: 88px;
display: inline-block;

text-align: center;
}




.drawer--right .drawer-hamburger {
right: 0px !important;
top: 0px !important;
position: fixed !important;
}





.imageList {
width: 100%;
display: flex;
text-align: center;
align-items: flex-start;
flex-direction: row;
	flex-wrap:wrap;
}
.imageList__thumbs {
display: flex;
flex-wrap: wrap;
height: auto;
overflow: hidden;
width: 100%;
margin-left: 0px;
margin-top: 32px;
flex-direction: row;
}

.spab {
display: block;
width: 100% !important;
}

.spab h4 {
display: block;
text-align: left;
}

.imageList__thumbnail {
margin-left: 5px;
margin-right: 5px;
width:calc(25% - 10px);
height: 100px;
margin-bottom: 10px;
overflow: hidden;
}


.imageList__view {
width: calc(100% - 0px);
height: auto;
height: auto;
overflow: hidden;
}
.imageList img {
width: auto;
display: block;
height: auto;
margin: 0 auto;
object-fit: contain;
}


.kasoh3b {
display: inline-block;
margin: 0 32px !important;
border-left: none !important;
padding: 24px 8px 8px !important;
font-size: 24px !important;
line-height: 40px;
text-align: center;
font-weight: 600;
border-left: none !important;
}

p {
font-size: 14px;
line-height: 1.6em;
margin: 0 0 20px 0;
}

.headsub {
display: none;
}
.tel_head {
display: none;
}

.topnews_in3 {
display: none;
}
.topnews_in2 {
background: #fff;
width:calc(100% - 0px);
float: left;
height: 70px;
}
.topnews_in {
display: none;
}
.tel_foot {
text-align: center; 
max-width: 260px;
margin: 32px auto;
}

.tel_head_btn {
padding: 8px 16px;
margin-top: 12px;
text-align: center;
background: #111;
font-size: 14px;
font-weight: 600;
color: #fff;
display: inline-block;

}

.font48 {
font-size: 6vw;
}


.articles4 {
width: 48%;
height: 400px;
margin: 10px 1%;
overflow: hidden;
}

.articles4:nth-child(4n+4) {
width: 48%;
height: 400px;
margin: 10px 1%;
overflow: hidden;
}

.articles4 a img {
min-height: 400px;
min-width: 100%;
width: auto;
object-fit: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
.articles4 a img:hover {
width: auto;
object-fit: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
transform:scale(1.1,1.1);
}





.articles4b {
width: 48%;
height: 430px;
margin: 10px 1%;
overflow: hidden;
margin-bottom: 64px;
}

.articles4b:nth-child(4n+4) {
width: 48%;
height: 430px;
margin: 10px 1%;
overflow: hidden;
margin-bottom: 64px;
}
.articles4c {
width: 100%;
height: 400px;
overflow: hidden;
}
.articles4c a img {
min-height: 400px;
min-width: 100%;
width: auto;
object-fit: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
.articles4c a img:hover {
width: auto;
object-fit: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
transform:scale(1.1,1.1);
}

.kocate li a {
background: #000;
color: #fff;
padding: 8px 8px;
}








.three {
width: calc(100% - 0px);
margin: 0 0 16px;
text-align: left;
}
.three a {
color: #111;
font-size: 14px;
padding: 0px 24px 0 0;
height: auto;
overflow: hidden;
line-height: 24px;
text-align: left;
display: block;
background: url(images/ya_b.png) no-repeat right center;
background-size: 8px;
}



.drawer-hamburger {
position: absolute !important;
z-index: 9999999999 !important;
top: 0;
display: block;
box-sizing: content-box;
width: 2rem;
padding: 0;
padding: 18px .75rem 30px;
-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
transition: all .6s cubic-bezier(.19,1,.22,1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
border: 0;
outline: 0;
background: #fff !important;
}


.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
width: 100%;
height: 2px;
-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
transition: all .6s cubic-bezier(.19,1,.22,1);
background-color: #333 !important;
}

.drawer-open .drawer-hamburger-icon {
background-color: transparent !important;
}

.drawer-nav {
position: fixed;
z-index: 999999 !important;
top: 0;
overflow: hidden;
width: 13rem !important;
height: 100%;
color: #fff;
background: #fff !important; /* Old browsers */


}

.drawer--right.drawer-open .drawer-hamburger {
right: 13rem !important;
}




.drawer-overlay {
position: fixed;
z-index: 9999 !important;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.2);
}

.drawer-hamburger {display: block !important;}

.pc {display: none;}
.sp {display: block;}
.main h1 {
margin: 0 auto;
padding: 0;
position: relative;
z-index: 1;
bottom: 32px;
letter-spacing: 0.05em;
line-height: 1.7em;
color: #fff;
font-size: 4vw;

}

#main {
max-width: 720px;
width: auto;
margin: 20px auto;
}

.sp_mb32 {
margin-bottom: 32px !important;
}

.sp_mb48 {
margin-bottom: 48px !important;
}




.kaso_ttl_text {
color: #fff;
margin: 16px auto 32px;
text-align: center;
}
.mb0_mb32 {
margin-bottom: 32px !important;
padding: 0 24px;
}

.mt32_mt0 {margin-top: 0 !important;}

.min_h88 {
min-height: auto;
}

.min_h56 {
min-height: auto;
}


.sp_80oer {
width: 100%;
margin: 0 auto;
}

.tsuchi_img {
max-width: 128px;
} 

.ipad_flex {

}

.ipad_flex2 {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
}
.ipad_flex2b {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
	width: 100%;
}

.ipad_flex3 {
width:calc(50% - 24px);
}
.ipad_flex3 img {width: 100% !important; position: relative; bottom: 80px;}
.font_444 {color: #444 !important; font-size: 24px !important;margin: 16px 0 !important; text-align: left !important;}
.font_444_b {color: #444 !important; font-size: 14px !important; margin: 16px 0 !important;}

.mb60_sp0 {margin-bottom: 0px !important;}
.mb0_sp {margin-bottom: -32px !important;}

.three_arrow {
width: 100%;
}
.three_arrow_arrow {
width: 32px;
display: none;
}

.three_arrow_arrow img {
width: 100%;
}

.sp_resize {
margin-top: 16px;
text-align: center;
}
.sp_resize img {
min-width: 260px;
width: 100%;
max-width: 360px;
margin: 0 auto;
}

.sp_resize_water {
margin-top: 8px;
text-align: center;
}
.sp_resize_water img {
min-width: 160px;
width: 100%;
max-width: 260px;
margin: 0 auto;
}


.tablet_center {
text-align: center;
}

.tablet_center img {margin: 16px auto;}
.mt48_sp {margin-top: 48px;}
.mb32_sp {margin-bottom: 32px;}
.move_up {bottom:0;}

.bg_skin2_ray {
background: #f3f3e9;
background-size: ;
padding: 24px 24px 24px;
}

.not_tablet {display: none;}

.bigs_mini {
font-size: 18px !important;
}

.three_arrow {
margin-top: 16px;
}

.mt64_pc_mt0_sp {
margin-top: 0px !important;
}

.threess100b {
width: 47% !important;
}

.new_grays {
background: #f7f8f8;
max-width: auto;
width: auto;

margin: 32px;
padding: 0;
}
.sp_mb16 {
margin-bottom: 16px !important;
}
.w10per_tea {width: 100%; margin-bottom: 24px !important;}
.w20per_tea {width: 100%;}
.w40per_tea {width: 100%; margin-bottom: 24px !important; margin-top: 24px !important;}
.bg_tea img {max-width: 300px; margin: auto;}

.mt24 {margin-right: 0;}

.tokkyo {margin-bottom: 24px;}
.tokkyo0 {
  display:block;
  width: 100%;
}

.tokkyo1 {
  background: #17a3b1;
  color: #fff;
  font-size: 20px;
  align-items: center;
  width: auto;
  padding: 16px;
  width: 100%;
}

.tokkyo1 {
  display:block;
  vertical-align:middle;
  margin: 0;
  width: auto;
}

.tokkyo2 {
  background: #17a3b1;
  color: #222;
  font-size: 14px;
  align-items: center;
  width: 100%;
  background: #fff;
  padding: 16px;
  margin: 0;
}

.tokkyo2b {
  background: #17a3b1;
  color: #222;
  font-size: 18px;
  align-items: center;
  width:calc(100% - 212px);
  background: #fff;
  padding: 24px 24px 24px 16px;
  margin: 0;
}

.tokkyo1b {
  background: #17a3b1;
  color: #fff;
  font-size: 18px;
  align-items: center;
  width: 100%;
  padding: 16px 16px;
  margin: 0;
}

.tokkyo2b {
  background: #17a3b1;
  color: #222;
  font-size: 18px;
  align-items: center;
  width: auto;
  background: #fff;
  padding: 16px 24px;
  margin: 0;
  width: 100%;
}

.mb24_930 {
  margin-bottom: 24px !important;
}
.sp_img_mini {
  width: 70%;
  margin: 0px auto 16px;
}
.mt24_tablet {margin-top: 24px;}
.mt32_tablet {margin-top: 32px;}
.sp_tex_c {text-align: center !important; margin-top: 8px !important;}

.font18_font14_sp {
font-size: 14px !important;
}




.last {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}
.last01 {
  width: 280px;
}
.last02 {
  width: 180px;
}



}

.wpcf7-spinner {
display: none !important;
}

.tex_c_sp {text-align: left;}

.pc767 {display: block;}
.sp767 {display: none;}

.font16_sp13 {font-size: 16px;}

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



.content_boxx h5 {
color: #054d5f;
font-size: 24px;
font-weight: normal;
margin: 0 0 24px;
}
.content_boxx h6 {
color: #111;
font-size: 20px;
font-weight: normal;
margin: 0 0 16px;
}

img {max-width: 100%; height: auto;}

.border_boxx {
border: 1px solid #17a3b1;
padding: 18px;
max-width: 1136px;
margin: 64px 16px;
}

.border_boxx h5 {
color: #054d5f;
font-size: 20px;
font-weight: normal;
margin: 0 0 24px;
}
.border_boxx h6 {
color: #054d5f;
font-size: 16px;
font-weight: normal;
margin: 0 0 24px;
}

.bigs {
padding: 0 16px;
font-size: 22px;
margin-top: 24px;
margin-bottom: 0px;
margin-left: 0;
}
.bigs2 {
padding: 0 16px;
font-size: 18px;
margin-top: 24px;
margin-bottom: 24px;
}

select {
background: #e9e9e9;
background-size: auto 100% !important;
border: 1px solid #707070 !important;
width: calc(80% - 20px) !important;
padding: 8px !important;
margin-right: 10px !important;
margin-left: 0px !important;
border-radius: 8px;
}


.dl_boxs_in .ul50 li {
font-size: 14px;
color: #fff;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 2em;
text-align: left;
}
.dl_boxs {
background: url(img/datatrack_01.png) no-repeat right bottom #1eb2e9;
background-size: 200px;
padding: 64px 24px 160px;
margin: 32px 0;
width: auto;
min-height: 200px;
}

.jpms_boxs {
background: url(img/jpms_04.png) no-repeat right bottom #00a692;
background-size: 200px;
padding: 64px 24px;
margin: 32px 0;
width: auto;
min-height: 200px;
}

.dl_boxs_in {
width: 100%;
}

.kasoh3 {
display: inline-block;
margin: 0 auto !important;
border-left: none !important;
padding: 8px !important;
font-size: 24px;
line-height: 40px;
text-align: center;
font-weight: 600;
border-left: none !important;
color: #fff !important;
}








h2 span {
padding: 0;
letter-spacing: 0.05em;
line-height: 1.8em;
color: #014a70;
font-weight: 700;
font-size: 20px;
}

.threess {
width: 100%;
margin: 8px 0;
text-align: center;
}
.threess100 {
 width: 100%;
margin: 8px 0;
text-align: center;
}
.threess100b {
 width: 100% !important;
margin: 8px 0;
text-align: center;
}


.fives {
width: 45%;
padding: 0 2.5%;
}
.fives p {
font-size: 11px;
color: #013957;
letter-spacing: 0.05em;
line-height: 1.7em;
}
.content_border {
max-width: 1136px;
width: auto;
border-bottom: none;
padding-bottom: 0px;
margin: 32px 24px 32px 24px;
}
.productbox {
background: #fff;
padding: 32px 24px 24px 24px;
margin: 0;
text-align: center;
border-radius: 32px;
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.24);
width: auto;
max-width: 320px;
display: block;

}

.productbox img {
max-width: 80%;
}



.blue_btn {
max-width: 240px;

}
.orange_btn {
max-width: 220px;
width: 100%;
min-width:  160px;
font-size: 16px;
}

.threess100 img {
width: 90%;
max-width: 600px;
margin: 0 auto;
}

.posi_t16 {
position: relative;
top: 8px;
}


.product01 {
margin: 0;
padding: 128px 32px 128px;
background: url(img/bg_product1_sp.jpg) no-repeat center center;
background-size: cover;
}
.product02 {
margin: 0;
padding: 128px 32px 128px;
background: url(img/bg_product2_sp.jpg) no-repeat center center;
background-size: cover;
}
.product03 {
margin: 0;
padding: 128px 32px 128px;
background: url(img/bg_product3.jpg) no-repeat center top;
background-size: cover;
}
.flex_end {
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
}



.wpcf7-spinner {
display: none !important;
}

.sp_imgs {
width: 70%;
min-width: 240px;
max-width: 380px;
}

.sp_imgs_water {
width: 70%;
min-width: 270px;
max-width: 380px;
}

.big_ul li {
font-size: 16px;
text-align: left;
list-style: disc;
list-style-position: inside;
}

.booksize {
max-width: 240px;
margin: 0 auto;
}

.tex_r {text-align: right !important; margin-bottom: 24px;}

.mizu {
background: url(img/mizu_bg.jpg) no-repeat center top 32px #d7ecee;
background-size: 80px;
padding: 140px 24px 24px 24px;
}

.mizu_rex {
background: url(img/point_b.png) no-repeat  center top 32px #fff;
background-size: 80px;
padding: 140px 24px 24px 24px;
}

.mizu_relax {
background: url(img/point_b.png) no-repeat center top 32px #efefef;
background-size: 80px;
padding: 140px 24px 24px 24px;
}
.mizu_new {
background: url(img/point_in.png) no-repeat center top 24px #fff;
background-size: 80px;
padding: 128px 24px 24px 24px;
}


.w33per img {
margin-top: 24px;
}

.w33per {text-align: center;}
.w33per h4 {text-align: left;}
.w33per p {text-align: left;}
.sp_80oer {
width: 100%;
margin: 0 auto;
}



.tex_r {
text-align: center !important;
}
.mt32_pc {margin-top: 0px !important;}
.mt32_sp {margin-top: 32px;}

/*リアース*/
.w_re1 {
width: 100%;
background: #898989;
margin-bottom: 16px;
}
.w_re2 {
width: 100%;
}

.w_re1b {
width: 100%;
text-align: center;
}
.w_re1b p {
padding: 0 0 16px;
font-size: 20px;
font-weight: bold;
margin: 0;
}
.w_re2b {
width: 100%;
text-align: center;
}
.min_h88 {
min-height: auto;
}
.min_h40 {
min-height: auto;
}

.sp_mb32 {
margin-bottom: 32px !important;
}


.bigs {
padding: 0 16px;
font-size: 20px;
margin-top: 0px;
width: auto;

}

.bigs_n {
padding: 16px 24px 0;
font-size: 18px;
font-weight: normal;
}
.bigs3 {
padding: 8px 24px 0 24px;
font-size: 20px;
width: 100%;
text-align: center;
}

.sp_plr24 {padding: 0 24px;}


.kaso_ttl_text h2 {
font-size: 22px;
}





.breadcrumb-area {
background: #159ca7;
padding: 8px 24px;
text-align: center;
}

.w_re1 p {
padding: 24px;
color: #fff;
font-size: 18px;
font-weight: bold;
margin: 0;
}

.h3_re {
background: url(img/h2_re.png) no-repeat left center;
background-size: 32px;
padding: 0 0 0 56px;
margin: 32px 0 24px;
font-size: 18px;
}

.mt64_pc_mt24_sp {
margin-top: 24px !important;
}
.mt64_pc_mt32_sp {
margin-top: 32px !important;
}
.mb64_pc_mb24_sp {
margin-bottom: 24px !important;
}


.mt32_pc_mt8_sp {
margin-top: 8px !important;
}

.mb32_pc_mb8_sp {
margin-bottom: 8px !important;
}

.pb8_sp {
padding-bottom: 8px !important;
}


.mb0_mb32 {
margin-bottom: 24px !important;
padding: 0 0px;
}
.mb0_sp {margin-bottom: 16px !important;}

.sp_img_position {
margin: 0 auto 16px;
max-width: 320px;
width: 100%;
min-width: 180px;
}

.font_blue {color: #0169b0; font-size: 18px; margin-top: 0 !important;}



.sq_mizu {
background: url(img/sq_mizu.jpg) no-repeat center top;
background-size: 80px;
padding: 96px 24px 24px 24px;
}
.bold {font-weight: bold !important;}

.sp_mt0 {margin-top: 0 !important;}


.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 80px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
z-index: 9999 !important;
}

.bigs_mini {
font-size: 18px !important;
margin-top: 0px !important;
}

.sp_mb0 {
margin-bottom: 0 !important;
}
.sp_pb0 {
padding-bottom: 0 !important;
}

.w47per {
width: 100%;
margin-bottom: 24px;
}


.content_boxx2 {
max-width: 1136px;
padding: 0 16px;
width: auto;

padding-bottom: 0px;
margin: 0 auto 0 auto;
}


/*ミナコート追加*/
.new_tbl {
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #c9caca;
}

.new_tbl tr {
border-bottom: 1px solid #c9caca;
}

.new_tbl tr th {
width: 88px;
text-align: left;
padding: 16px 0;
font-size: 16px;
vertical-align: top;
}

.new_tbl tr td {
width: auto;
text-align: left;
padding: 16px 0;
font-size: 14px;
}

.w25per {
width:calc(50% - 24px);
}
.w25per p {
font-size: 12px;
margin-top: 8px;
text-align: center;
}

.tex_c_sp {
  text-align: center;
}
.power6 {
  background: url(img/power6sp.jpg) no-repeat center top;
    background-size: 100%;
    padding: 180px 0 0 0;
}

.h3_midashi {
    margin-top: 8px;
    margin-bottom: 16px !important;
    background: rgb(23,148,160);
    background: linear-gradient(120deg, rgba(23,148,160,1) 0%, rgba(23,174,188,1) 100%);
    color: #fff;
    padding: 6px 16px;
    display: inline-block;
    font-size: 16px;
}

.h3_midashi_green {
    margin-top: 16px;
    margin-bottom: 8px !important;
    padding: 6px 16px;
    display: inline-block;
    font-size: 16px;
}

/*SQ*/


.midashi_arrow {
  background: url(img/arrow_double.png) no-repeat left top 12px;
  background-size: 32px;
  padding-left: 40px;
  font-size: 16px;
  margin-top: 32px;
}

.new_sq_box1 {
  width: 100%;
  background: #fff;
  border-radius: 24px;
  padding: 24px;
}
.new_sq_box1 h2 {
  margin: 16px 0 !important;
  font-size: 22px;
}

.new_sq_box2 {
  width: 60px;
  display:table;
  text-align:center;
  margin: 16px auto;
}

.new_sq_box2in {
  display:table-cell;
  vertical-align:middle;
}

.tokkyo1b {
  background: #17a3b1;
  color: #fff;
  font-size: 18px;
  align-items: center;
  width: 100%;
  padding: 0 16px;
  margin: 0;
}

.tokkyo2b {
  background: #17a3b1;
  color: #222;
  font-size: 18px;
  align-items: center;
  width: auto;
  background: #fff;
  padding: 24px;
  margin: 0;
  width: 100%;
}
.pc767 {display: none;}
.sp767 {display: block;}

.line_height {
  line-height: 32px;
}

.border_h2 {

    text-align: center;
    font-size: 20px;
    color: #fff;
    padding: 12px 12px;
    margin-bottom: 16px;
}

.content_border_pc_tablep {
  border-bottom: none;
  padding-bottom: 0;
}
.content_boxx h6 {
    color: #111;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 16px;
}
.font16_sp13 {font-size: 13px;}

.rex_1 {max-width: 160px;}


.last {
  text-align: center !important;
  font-weight: bold;
  font-size: 24px;
}
.last01 {
  width: 280px;
}
.last02 {
  width: 180px;
}


}



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


.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.kaso_ttl_text h2 {
font-size: 18px;
}

.ipad_flex {

}

.ipad_flex2 {
	display: block;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
	width: 100%;
}

.ipad_flex2b {
	display: block;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
	width: 100%;
}

.ipad_flex3 {
width: 100%
}
.ipad_flex3 img {width: 100% !important; position: relative; bottom: 0;}

.font_444 {color: #444 !important; font-size: 24px !important;margin: 16px 0 !important; text-align: center !important;}
.font_444_b {color: #444 !important; font-size: 14px !important; margin: 16px 0 !important;}
.w_relax1b {
width: 100%;
}
.w_relax2b {
width: calc(100% - 0px);
display: block;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
}
.w_relax1b p {
padding: 0px 0 16px;
font-size: 24px;
font-weight: bold;
margin: 0;
}
.w_relax2b p {
width: calc(100% - 0px);
font-size: 14px;
margin-bottom: 0;
}



.tbl_relax {
border: none; 
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.tbl_relax tr th {
background: #009cb3;
color: #fff;
border: 1px solid #087c8b;
text-align: center;
font-size: 13px !important;
padding: 8px;
}

.tbl_relax tr td {
background: #fff;
color: #121212;
border: 1px solid #a4aaa6;
font-size: 12px !important;
padding: 8px;
}
.font12_sp {font-size: 12px !important;}
.mt16_sp {margin-top: 16px !important;}

.ray_three {
width: calc(100% - 0px);
font-weight: bold;
font-size: 18px;
min-width: ;
}
.bold {font-weight: bold !important;}

.bigs {
padding: 0 16px;
font-size: 20px;
margin-top: 16px;
margin-bottom: 16px;
}
.bigs2 {
padding: 0 16px;
font-size: 18px;
margin-top: 16px;
margin-bottom: 16px;
}

.content_boxx {
max-width: 1136px;
width: auto;
padding-bottom: 24px;
margin: 32px 16px;
}

.not_tablet {display: block;}

.catalog_p {
letter-spacing: 0.05em;
line-height: 1.7em;
text-align: left;
color: #014a70 !important;
}

.not_sp520 {display: block;}

/*スライダー*/
.multiple-items {
width:calc(100% - 48px);
margin: auto;
}


.h5_power {
  color: #054d5f;
    font-size: 18px !important;
    font-weight: normal;
    margin: 0 0 8px !important;
    display: block;
   width: 100% !important;
   text-align: left !important;
   padding: 0 !important;
}

.soyokaze_b {
    background: url(img/soyokaze_to.jpg) no-repeat top center;
    background-size: 130px;
    padding: 160px 0 0 0;
}
.soyokaze_b_en {
    background: url(img/soyokaze_to_en.jpg) no-repeat top center;
    background-size: 130px;
    padding: 160px 0 0 0;
}


.border_h2 {

    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 12px 12px;
    margin-bottom: 16px;
}
.sp680_no_padding {
    padding: 0 !important;
}

.caps {
  margin-top: 4px;
  text-align: center;
}
.w50per_change_680px {
  width: 100%;
}

.flex {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: flex-start;
	margin-bottom: 8px;
}

.flex p {
   width:calc(100% - 40px);
   margin-bottom: 0;
   line-height: 40px;
}

.flex_tea {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom: 8px;
}

.new_grays h5 {
    color: #fff;
    background: #898989;
    text-align: center;
    font-size: 16px;
    padding: 8px 16px;
    margin: 0 0 32px;
    font-weight: normal;
}

.power6 {
  background: url(img/power6sp.jpg) no-repeat center top;
    background-size: 100%;
    padding: 160px 0 0 0;
}


}
.sp520 {display: none;}



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

.sp_imgs {
width: 70%;
min-width: 200px;
}
.sp_imgs_water {
width: 70%;
min-width: 240px;
max-width: 380px;
}


#main h3 br {display: none;}

.tbl_company th {
width: 100%;
border-top: none;
padding: 16px 0 0;
text-align: left;
color: #014a70;
display: block;
}
.tbl_company td {
border-top: none;
border-bottom: none;
padding: 4px 0 16px;
text-align: left;
color: #014a70;
width: 100%;
display: block;
}
.tbl_company tr:last-child th {
border-bottom: none;
}

.kekka {
max-width: 100px;
margin: 0 auto 16px;
display: inline-block;
}

.tbl_like1 {
display: block;
width: auto;
font-size: 14px;
}
.tbl_like2 {
display: block;
width: calc(100% - 0px);
font-size: 14px;
}


.font14_sp {
font-size: 14px !important;
}

.kaso_header h2 {
font-size: 18px;
}

.bold {font-weight: bold !important;}

.pc520 {display: none;}
.sp520 {display: block;}


.bigs {
padding: 0 16px;
font-size: 20px;
margin: 16px auto 16px;
display: block;
width: auto;
text-align: center;
display: block;
width: auto;
min-width: 260px;
}

.kaso_ttl_text .h2_24 {
font-size: 18px !important;
text-shadow: 2px 2px 8px rgb(0 0 0 / 80%);
}

.mw_mini_logo {
max-width: 200px !important;
width: 100% !important;
min-width: 200px;
}
.w50per_change_520px {
width: 100%;
}

.not_sp520 {display: none;}

.power6 {
    background: url(img/power6sp.jpg) no-repeat center top;
    background-size: 100%;
    padding: 128px 0 0 0;
}


.puts1 img {
  height: auto;
  margin: 0 auto;
}
.puts2 img {
  height: auto;
  margin: 0 auto;
}
.puts3 img {
  height: auto;
  margin: 0 auto;
}

.tokkyo2b {
    background: #17a3b1;
    color: #222;
    font-size: 16px;
    align-items: center;
    width: auto;
    background: #fff;
    padding: 16px;
    margin: 0;
    width: 100%;
}
.no_sp {display: none;}
.bigs3 {
    padding: 0px 24px 0 24px;
    font-size: 20px;
    width: 100%;
    text-align: center;
}
.last {
    text-align: center !important;
    font-weight: bold;
    font-size: 18px;
}
.orange_btn2 {
min-width: 120px !important;
width:calc(100% - 32px);
max-width: 240px !important;
padding: 12px 16px !important;
}

.mt0_520 {
  margin-top: 0 !important;
}

}

.sp400 {display: none;}
@media screen and (max-width: 400px){

.h3_midashi {
margin-top: 8px;
margin-bottom: 24px !important;
background: rgb(23,148,160);
background: linear-gradient(120deg, rgba(23,148,160,1) 0%, rgba(23,174,188,1) 100%);
color: #fff;
padding: 8px 16px;
display: inline-block;
font-size: 17px;
letter-spacing: 0.01em;
}

.sp400 {display: block;}
.power6 {
  background: url(img/power6sp.jpg) no-repeat center top;
    background-size: 100%;
    padding: 92px 0 0 0;
}

}