@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

h2, h3, h4, h5, h6 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
	line-height: 150%;
	background: none;
	border: none;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
ul, ol {
margin-top: 0;
}
.entry-content h3, .entry-content h4, .entry-content h5,
.article h3, .article h4, .article h5 {
    margin: 0;
    margin-bottom: 16px;
    border: none;
    padding: 0;
}

/*ページの投稿日・更新日・著者情報を消す*/
.page .date-tags,
.page .author-info {
    display: none;
} 
/*エントリーカードカテゴリー名非表示*/
.cat-label {
    display: none;
}

/*アイキャッチ*/
.eye-catch {
margin-bottom: 40px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1280px以下*/
@media screen and (max-width: 1280px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}




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


#header-container {
	padding: 0;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.95);
	z-index: 1000;
}
#header-container-in {
	padding: 0;
width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1200px){
#header-container {
width: auto;
	min-width: inherit;
	z-index: 1000;
	border: none;
	padding: 0;
	margin: 0;
}
#header-container-in {
	width: auto;
	min-width: inherit;
	padding: 0;
	padding-left: 15px;
	margin: 0;
}
}

header {
margin: 0;
padding: 0;
}


/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
li img.site-logo-image {
		visibility: hidden !important;
}
}
/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
.logo-menu-button.menu-button{
margin-left: 15%;
padding: 5px 0;
		background: url("../../uploads/2021/11/logo.png");
		background-size: auto 40px;
		background-position: center;
		background-repeat: no-repeat;
}
}
/*モバイルボタンメニューを右から開く*/
.navi-menu-content {
  right: 0;
  left:unset;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
}
/*モバイルボタンメニュー閉じるボタンを右側に*/
.menu-close-button{
  text-align:right;
  padding-right:10px;
}
li.navi-menu-button.menu-button {
margin-top: 0;
}


#header-in {
	display: block;
	padding: 5px 0px;
}
h1 {
	margin: 0;
	padding: 0;
}
h1.logo {
	display: inline-block;
	margin: 0;
	margin-top: 5px !important;
	padding: 0;
}
h1.logo img {
	display: block;
	width: 250px;
	max-height: inherit !important;
}


.head_top_contact {
float: right;
margin-left: 20px;
}
ul.head_contact {
	margin: 0;
	padding: 0;
}
ul.head_contact li {
line-height: 150%;
display: inline-block;
list-style: none;
	margin: 0;
	margin-left: 5px;
	padding: 0;
	white-space: nowrap;
}
ul.head_contact li a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.head_mail {
display: block;
}
.head_mail a {
display: block;
padding: 20px 40px !important;
background-color: #cb3769;
color: #FFF;
text-align: center;
text-decoration: none;
}
ul.head_contact li a:hover {
	text-decoration: none;
	opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (max-width: 1023px){
.head_top_contact {
	display: none;
}
}

/************************************
** グローバルメニュー
************************************/
.navi {
  background: none;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023px){
.navi {
	display: none;
}
}

@media screen and (min-width: 1023px){
.navi-in > ul {
margin-top: 5px;
}

.navi-in > ul li {
  width: auto;
  height: auto;
  margin: 0 0;
  line-height: 130%;
  position: relative;
}
.navi-in > ul li a {
  display: block !important;
  padding: 10px !important;
  color: #000;
  height: auto !important;
}

}
@media screen and (max-width: 1250px){
.navi-in > ul li a {
  padding: 10px 10px !important;
  margin: 0 0;
}
}


.navi-in > ul li:hover > ul {
  display: block;
}
.navi-in a:hover {
	text-decoration: none;
}
.navi-in .has-icon {
  display: none;
}
.navi-in > ul li a:hover {
	color: #600;
}
.navi-in > ul li ul li {
display: block;
  height: auto;
  width: auto;
  min-width: 100%;
  line-height: auto;
	border-top: 1px dotted #999;
	font-weight: normal;
	letter-spacing: 0;
}
.navi-in > ul li ul li:last-child {
	border-bottom: 1px dotted #999;
}
.navi-in > ul .sub-menu {
  background-color: rgba(255,255,255,0.9);
  min-width: 240px;
}
.navi-in > ul .sub-menu a {
  padding-left: 10px;
  padding-right: 10px;
}

.navi-menu-button {
margin-top: 10px;
color: #555;
}


/************************************
** フッター
************************************/
#footer {
	clear: both;
	display: block;
	margin: 0 auto;
	margin-top: 0;
	padding: 0 0;
}
#footer-in {
	display: block;
	margin: 0 auto;
	padding: 50px 0;
	padding-top: 20px;
text-align: center;
}

@media screen and (max-width: 1023px){
#footer {
	padding: 0 0;
}
#footer-in {
	padding: 0;
	padding-bottom: 20px;
}
}
.foot_copyright {
display: block;
margin: 0;
margin-top: 30px;
padding: 0;
line-height: 130%;
}
@media only screen and (max-width: 834px) {
.foot_copyright {
margin-top: 0;
}
}

.foot_logo {
display: block;
margin: 0 auto;
padding: 0;
width: auto;
margin-bottom: 20px;
}
.logo.logo-footer.logo-image {
margin: 0;
padding: 0;
max-width: 100% !important;
width: auto;
}
.foot_logo img {
max-width: 100%;
width: 300px;
height: auto;
margin: 0;
padding: 0;
}
@media screen and (max-width: 1023px){
.foot_logo {
margin-top: 30px;
margin-bottom: 0;
}
.footer-bottom {
margin: 0;
padding: 0;
}
}
@media screen and (max-width: 640px){
.foot_logo img {
width: 50%;
max-width: inherit;
}
}


ul.foot_menu {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
ul.foot_menu li {
display: inline-block;
vertical-align: top;
	list-style: none;
	text-align: left;
	margin: 0;
	margin-right: 40px;
	padding: 0;
}
ul.foot_menu li:last-child {
	margin-right: 0;
}
ul.foot_menu li a {
color: #CCC;
	display: block;
	text-decoration: none;
}

ul.foot_menu li a:hover {
text-decoration: underline;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


ul.foot_menu li ul {
	margin: 0;
	padding: 0;
}
ul.foot_menu li ul li:first-child {
	margin-top: 10px;
}
ul.foot_menu li ul li {
	display: block;
	list-style: none;
	margin: 0;
	margin-left: 5px;
	margin-top: 10px;
	padding: 0;
}

ul.foot_menu li ul li a:before {
content:"-";
margin-right: 3px;
}

@media screen and (max-width: 1023px){
ul.foot_menu {
text-align: left;
margin-bottom: 0;
	border-bottom: 1px solid #555;
}
ul.foot_menu li {
float: left;
width: 50%;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}
ul.foot_menu li:nth-child(even) {
	border-right: none;
}
ul.foot_menu li:last-child {
float: none;
}
ul.foot_menu li a {
	color: #FFF;
	padding: 12px 5%;
}

ul.foot_menu li ul li a {
	color: #CCC;
	font-weight: normal;
}

ul.foot_menu li a:hover {
background: #555;
color: #CCC;
	text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul.foot_menu li ul li {
	margin: 0;
}
ul.foot_menu li ul li a {
	padding: 10px;
	padding-left: 20px;
}
ul.foot_menu li ul li:first-child {
	margin-top: 0;
}
}


h4.title_foot_product {
display: inline-block;
font-size: 100%;
padding: 0.5em 3em;
margin-bottom: 20px;
background-color: #333;
}
h4.title_foot_product a {
text-decoration: none;
}
@media screen and (max-width: 1023px){
h4.title_foot_product {
display: block;
padding: 1em;
margin-bottom: 0;
}
}

ul.footer_product_menu {
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}
ul.footer_product_menu li {
display: inline-block;
vertical-align: top;
	list-style: none;
	text-align: left;
	margin: 0 5px;
	padding: 0;
}
ul.footer_product_menu li:last-child {
	margin-right: 0;
}
ul.footer_product_menu li a {
color: #CCC;
	display: block;
	text-decoration: none;
}

ul.footer_product_menu li a:hover {
text-decoration: underline;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


ul.footer_product_menu li ul {
	margin: 0;
	padding: 0;
}
ul.footer_product_menu li ul li:first-child {
	margin-top: 10px;
}
ul.footer_product_menu li ul li {
	display: block;
	list-style: none;
	margin: 0;
	margin-left: 5px;
	margin-top: 10px;
	padding: 0;
}

ul.footer_product_menu li ul li a:before {
content:"-";
margin-right: 3px;
}

@media screen and (max-width: 1023px){
ul.footer_product_menu {
text-align: left;
margin-bottom: 30px;
	border-bottom: 1px solid #555;
}
ul.footer_product_menu li {
float: left;
width: 50%;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}
ul.footer_product_menu li:nth-child(even) {
	border-right: none;
}
ul.footer_product_menu li:last-child {
float: none;
}
ul.footer_product_menu li a {
	color: #FFF;
	padding: 12px 5%;
}

ul.footer_product_menu li ul li a {
	color: #CCC;
	font-weight: normal;
}

ul.footer_product_menu li a:hover {
background: #555;
color: #CCC;
	text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul.footer_product_menu li ul li {
	margin: 0;
}
ul.footer_product_menu li ul li a {
	padding: 10px;
	padding-left: 20px;
}
ul.footer_product_menu li ul li:first-child {
	margin-top: 0;
}
}



.footer_company {
display: block;
margin-bottom: 50px;
text-align: center;
}
@media screen and (max-width: 1023px){
.footer_company {
margin-bottom: 20px;
}
}

.foot_bt_contact {
display: inline-block;
margin-bottom: 20px;
}

.foot_bt_contact a {
display: block;
padding: 10px 100px;
background-color: #cb3769;
color: #FFF;
border: 1px solid #FFF;
text-align: center;
text-decoration: none;
}
.foot_bt_contact a:hover {
background-color: #9e4463;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (max-width: 1023px){
.foot_bt_contact {
display: block;
margin-bottom: 15px;
}
.foot_bt_contact a {
display: block;
padding: 10px;
margin: 0 15%;
}
}

.foot_bt_tel {
display: inline-block;
}
.foot_bt_tel a::before{
  font-family: "Font Awesome 5 Free";
  content: '\f879';
  font-size: 90%;
  font-weight: 400;
  margin-right: 4px;
  color:#FFF;
}
.foot_bt_tel a {
display: block;
text-decoration: none;
color: #FFF;
}

.foot_contact {
background-color: #000;
color: #FFF;
margin: 0;

}
.foot_contact-in {
display: block;
padding: 30px 0;
margin: 0 auto;
width: auto;
max-width: 1200px;
text-align: center;
}
@media screen and (max-width: 834px){
.foot_contact-in {
padding: 20px 0;
padding-bottom: 10px;
max-width: inherit;
}
}


table.table_foot_contact {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
text-align: left;
}
table.table_foot_contact tr, table.table_foot_contact th, table.table_foot_contact td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_foot_contact th, table.table_foot_contact td {
padding: 0 5%;
white-space: nowrap;
}
table.table_foot_contact th {
font-size: 130%;
font-weight: 400;
width: 25%;
}

@media screen and (max-width: 834px){
table.table_foot_contact {
text-align: center;
}
table.table_foot_contact th, table.table_foot_contact td {
display: block;
padding: 0;
margin-bottom: 15px;
}
table.table_foot_contact th {
text-align: center;
width: auto;
}
}

.foot_bottom_mail, .foot_bottom_tel {
position: relative;
display: inline-block;
padding: 12px 0; 
padding-left: 100px;
background-repeat: no-repeat;
background-position: left center;
background-size: 80px;
}
.foot_bottom_mail p, .foot_bottom_tel p {
margin: 0;
}

.foot_bottom_mail {
background-image: url("../../uploads/2021/11/icon_mail_purple.png");
}
.foot_bottom_tel {
background-image: url("../../uploads/2021/11/icon_tel_purple.png");
}
.foot_bottom_mail a, .foot_bottom_tel a {
color: #FFF;
font-weight: 600;
text-decoration: none;
}
.foot_bottom_mail a:hover, .foot_bottom_tel a:hover {
color: #cb3769;
}

@media screen and (max-width: 834px){
.foot_bottom_mail, .foot_bottom_tel {
padding: 5px 0; 
padding-left: 70px;
background-size: 60px;
}
.foot_bottom_mail {
padding-left: 90px;
padding-right: 40px;
}
}


/************************************
** タイトル
************************************/
#title {
position: relative;
z-index: -1;
	background-image: url(../../uploads/2021/11/title_back.jpg);
	background-size: cover;
	background-position: center right;
	clear: both;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
.title {
position: relative;
	display: block;
	max-width: 1280px;
	height: 360px;
	margin: 0 auto;
	text-shadow: 0 0 3px rgba(255,255,255,0.5);
}
.title_txt {
	position: absolute;
	top: 50%;
	left: 2%;
	transform: translateY(-50%);
font-family: Arial, Helvetica, "sans-serif";
	margin: 0;
	padding: 0;
	color: #FFF;
	text-shadow: 0 0 2px rgba(0,0,0,1), 1px 1px 1px rgba(0,0,0,1), -1px -1px 1px rgba(0,0,0,1);
}
.title p {
font-weight: 900;
	margin-bottom: 0;
}

.title h2 {
font-weight: 900;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 1023px){
.title {
	width: auto;
	padding: 10px;
	height: 320px;
}
}

@media screen and (max-width: 834px){
#title {
margin-top: -10px;
	margin-bottom: 20px;
}
.title {
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 10px;
	height: 240px;
}
}
@media screen and (max-width: 640px){
.title {
	height: 200px;
}
}
/************************************
** ページャー
************************************/

table.table_postnavi {
table-layout: auto;
width: auto;
margin: 0 auto;
padding: 0;
}
table.table_postnavi tr, table.table_postnavi th, table.table_postnavi td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_postnavi th {
font-weight: 400;
padding: 0 15px;
width: auto;
text-align: center;
white-space: nowrap;
}
table.table_postnavi th a {
padding: 15px;
}
table.table_postnavi td.left_post {
}
table.table_postnavi td.right_post {
text-align: right;
}


/************************************
** メイン
************************************/
#top_main {
position: relative;
background-color: #5cccbc;
		background-image: url("../../uploads/2021/11/main_back01.png"),  url("../../uploads/2021/11/main_back02.png");
		background-position: right top, right bottom;
		background-size: 25%, 30%;
		background-repeat: no-repeat;
color: #FFF;
margin-bottom: 0;
box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.top_main {
display: block;
max-width: 1200px;
margin: 0 auto;
padding: 80px 0;
}
.top_main table.table_double td:nth-child(odd) {
padding-right: 0;
}
.top_main table.table_double td:nth-child(even) {
padding-left: 0;
}
.top_main_txt {
font-weight: 900;
text-align: right;
}
@media only screen and (max-width: 1200px) {
.top_main {
padding: 20px;
}
}

@media only screen and (max-width: 834px) {
#top_main {
		background-image: url("../../uploads/2021/11/main_back02.png");
		background-position: right bottom;
		background-size: 50%;
		margin-top: -5px;
		}
.top_main {
max-width: inherit;
padding: 30px 15px;
padding-bottom: 0;
}

.top_main table.table_double td:nth-child(even) {
		background-image: url("../../uploads/2021/11/main_back_sp.png");
		background-position: left top;
		background-size: 40%;
		background-repeat: no-repeat;
}
.top_main_txt {
text-align: center;
line-height: 150%;
 font-size: 6vw;
}
}
@media only screen and (max-width: 640px) {
.top_main_txt {
 font-size: 7vw;
}
}


/************************************
** トップページ
************************************/
.box_top_title {
position: relative;
display: block;
padding-bottom: 15px;
margin-bottom: 30px;
}
.box_top_title:after {
content: "";
position: absolute;
bottom: 0;
border-bottom: 1px solid #000;
width: 20%;
}
h3.top_title {
font-weight: 900;
font-size: 320%;
margin-bottom: 5px;
}
h4.top_title {
font-weight: 900;
font-size: 200%;
line-height: 150%;
margin-bottom: 15px;
}
h5.top_title {
font-weight: 600;
font-size: 140%;
line-height: 150%;
margin-bottom: 15px;
}
@media only screen and (max-width: 1200px) {
h3.top_title {
 font-size: 3.8vw;
}
h4.top_title {
 font-size: 2.25vw;
}
h5.top_title {
 font-size: 1.7vw;
}
}
@media only screen and (max-width: 834px) {
h3.top_title {
 font-size: 7vw;
margin-bottom: 5px;
}
h4.top_title {
 font-size: 4.6vw;
}
h5.top_title {
 font-size: 3.4vw;
}
}

/** ABOUT
************************************/

.bg_top_about {
box-shadow: 0 -5px 5px rgba(0,0,0,0.3);
padding-top: 80px;
padding-bottom: 20px;
display: block;
position: relative;
background-color: #f3dbe4;
margin-top: -10px;	
}
@media only screen and (max-width: 834px) {
.bg_top_about {
padding-top: 30px;
padding-bottom: 0;
}
}

.svg_about {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
height: 50px;
bottom: -44px;
}
.svg_about02 {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
height: 50px;
bottom: -50px;
filter: blur(3px);
}
@media only screen and (max-width: 834px) {
.svg_about {
height: 30px;
bottom: -29px;
}
.svg_about02 {
height: 30px;
bottom: -35px;
}
}

.top_about .table_double td:nth-child(odd) {
padding-right: 0.5%;
}
.top_logistic .table_double td:nth-child(even) {
top_about-left: 0.5%;
}
@media only screen and (max-width: 1180px) {
.top_about .table_double td:nth-child(odd) {
padding-right: 0%;
}
.top_about .table_double td:nth-child(even) {
padding-left: 0%;
}
}
@media only screen and (max-width: 834px) {
.top_about .table_double td:nth-child(odd) {
padding-right: 0;
}
.top_about .table_double td:nth-child(even) {
display: none;
}
}

.top_img_right_sp {
float: right;
max-width: 45%;
margin-left: 5px;
margin-bottom: 5px;
}



/** PRODUCT
************************************/
.bg_top_product {
padding-top: 100px;
padding-bottom: 20px;
display: block;
position: relative;
background-color: #FFF;
}

@media only screen and (max-width: 834px) {
.bg_top_product {
padding-top: 30px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 640px) {
.bg_top_product {
padding-top: 30px;
padding-bottom: 40px;
}
}
.svg_product {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
height: 50px;
bottom: -35px;
}
.svg_product02 {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
height: 50px;
bottom: -45px;
filter: blur(3px);
}

@media only screen and (max-width: 834px) {
.svg_product {
height: 40px;
bottom: 11px;
}
.svg_product02 {
height: 40px;
bottom: 5px;
}
}


.top_product .table_double td:nth-child(odd) {
padding-right: 2%;
}
.top_product .table_double td:nth-child(even) {
padding-left: 2%;
}
@media only screen and (max-width: 1180px) {
.top_product .table_double td:nth-child(odd) {
padding-right: 1%;
}
.top_product .table_double td:nth-child(even) {
padding-left: 1%;
}
}
@media only screen and (max-width: 834px) {
.top_product .table_double td:nth-child(odd) {
display: none;
}
.top_product .table_double td:nth-child(even) {
padding-left: 0;
}
}


/** 取扱商品
************************************/
.bg_top_toriatsukai {
padding-top: 150px;
padding-bottom: 30px;
position: relative;
background-color: #BED;
}
.svg_toriatsukai {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
height: 50px;
bottom: -39px;
}
.svg_toriatsukai02 {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
height: 50px;
bottom: -45px;
filter: blur(3px);
}
@media only screen and (max-width: 834px) {
.bg_top_toriatsukai {
padding-top: 100px;
padding-bottom: 20px;
margin-top: -50px;
}
.svg_toriatsukai {
height: 30px;
bottom: -19px;
}
.svg_toriatsukai02 {
height: 25px;
bottom: -20px;
}
}


ul.list_top_tori_s {
margin: 0;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_top_tori_s li {
position: relative;
display: inline-block;
list-style: none;
margin: 0;
margin-right: 5%;
margin-bottom: 15px;
padding: 0;
width: 21.2%;
font-weight: 600;
font-size: 120%;
}
ul.list_top_tori_s li:nth-child(4n), ul.list_top_tori_s li:last-child {
margin-right: 0;
}

@media only screen and (max-width: 1180px) {
ul.list_top_tori_s li {
margin-right: 5%;
margin-bottom: 15px;
padding: 0;
width: 30%;
}
ul.list_top_tori_s li:nth-child(4n) {
margin-right: 5%;
}
ul.list_top_tori_s li:nth-child(3n), ul.list_top_tori_s li:last-child {
margin-right: 0;
}
}

@media only screen and (max-width: 834px) {
ul.list_top_tori_s li {
margin-bottom: 15px;
padding: 0;
width: 47.5%;
}
ul.list_top_tori_s li:nth-child(3n) {
margin-right: 5%;
}
ul.list_top_tori_s li:nth-child(even), ul.list_top_tori_s li:last-child {
margin-right: 0;
}
}
@media only screen and (max-width: 640px) {
ul.list_top_tori_s li {
font-size: 100%;
}
ul.list_top_tori_s li:nth-child(3n) {
margin-right: 5%;
}
ul.list_top_tori_s li:nth-child(even), ul.list_top_tori_s li:last-child {
margin-right: 0;
}
}
@media only screen and (max-width: 480px) {
ul.list_top_tori_s li {
display: block;
width: auto;
margin-bottom: 10px;
margin-right: 0;
}
ul.list_top_tori_s li:nth-child(3n) {
margin-right: 0;
}
}

ul.list_top_tori_s li a {
display: block;
color: #000;
text-decoration: none;
}
ul.list_top_tori_s li a:after {
    position: absolute;
    right: 5%;
    top: 50%;
	transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
    content: '\f061';
	font-size: 100%;
	font-weight: 600;
}

ul.list_top_tori_s li a:hover {
color: #cb3769;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
ul.list_top_tori_s li a:hover:after {
    right: 0%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.list_top_tori_s table {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
}
.list_top_tori_s table tr, .list_top_tori_s table th, .list_top_tori_s table td {
margin: 0;
padding: 0;
background: none;
border: none;
}
.list_top_tori_s table th {
width: 60px;
padding-right: 10px;
}

@media only screen and (max-width: 834px) {
.list_top_tori_s table th {
width: 40px;
padding-right: 5px;
}
}
@media only screen and (max-width: 640px) {
.list_top_tori_s table th {
width: 30px;
padding-right: 5px;
}
}

.title_top_product {
display: block;
margin-bottom: 0;
line-height: 150%;
}
.title_top_product h4 {
font-size: 150%;
margin-bottom: 0;
line-height: 130%;
}
.title_top_product h4 span {
display: block;
font-size: 60%;
line-height: 130%;
}
.title_top_product h4 a {
text-decoration: none;
}
.title_top_product p {
color: #555;
font-size: 90%;
margin-bottom: 5px;
}

ul.list_top_tori {
margin: 0;
padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.list_top_tori li {
position: relative;
display: block;
list-style: none;
margin: 0;
padding: 0;
width: calc(100% / 3 - 24px);
background-color: #FFF;
 border-radius: 10px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
margin-bottom: 96px;
}
ul.list_top_tori li .inner {
padding: 5% 7%;
}

@media only screen and (max-width: 834px) {
ul.list_top_tori li {
margin-bottom: 96px;
padding: 0;
width: calc(100% / 2 - 16px);
}
ul.list_top_tori li .inner {
padding: 5% 7%;
}
}

@media only screen and (max-width: 480px) {
ul.list_top_tori {
    display:block;
}
ul.list_top_tori li {
display: block;
margin-bottom: 88px;
width: auto;
}
ul.list_top_tori li .inner {
padding: 3% 5%;
}
}

.pic_top_tori {
position: relative;
display: block;
height: 0;
padding-bottom: 68%;
 border-radius: 10px;
 overflow: hidden;
 background-color: #F5F5F5;
}
.pic_top_tori img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: cover;
	width: 100%;
	height: 100%
}
.pic_top_tori a img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%
}
.pic_top_tori a:hover img {
	width: 150%;
	height: 150%;
	transition: all 0.7s;
}
.bt_top_tori_waku {
position: absolute;
width: 100%;
text-align: center;
bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
}
.bt_top_tori {
display: inline-block;
margin: 0 5px;
}
.bt_top_tori a {
position: relative;
	display: block;
white-space: nowrap;
	padding: 15px 40px;
	color: #FFF;
	background-color: #06F;
	font-size: 80%;
	font-weight: 600;
	line-height: 130%;
	text-align: center;
 border-radius: 30px;
	text-decoration: none;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
@media only screen and (max-width: 1080px) {
.bt_top_tori a {
white-space: nowrap;
	padding: 15px 15px;
	padding-right: 30px;
}
}
@media only screen and (max-width: 834px) {
.bt_top_tori a {
white-space: nowrap;
	padding: 10px 12px;
}
}
@media only screen and (max-width:480px) {
.bt_top_tori_waku {
text-align: center;
bottom: -56px;
}
.bt_top_tori a {
white-space: nowrap;
	padding: 10px 12px;
}
}

.bt_top_tori a:after {
    position: absolute;
    right: 10%;
    top: 50%;
	transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
    content: '\f061';
}
@media only screen and (max-width: 834px) {
.bt_top_tori a:after {
display: none;
}
}

.bt_top_tori a:hover {
	box-shadow: -1px -1px 5px rgba(0,0,0,0.5);
	color: #FFF;
	opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.bt_top_tori a:hover:after {
    right: 5%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
ul.list_top_tori li:nth-child(1) h4, ul.list_top_tori li:nth-child(1) h4 a {
color: #008137;
}
ul.list_top_tori li:nth-child(2) h4, ul.list_top_tori li:nth-child(2) h4 a {
color: #0a9944;
}
ul.list_top_tori li:nth-child(3) h4, ul.list_top_tori li:nth-child(3) h4 a {
color: #008137;
}
ul.list_top_tori li:nth-child(4) h4, ul.list_top_tori li:nth-child(4) h4 a {
color: #0c6686;
}
ul.list_top_tori li:nth-child(5) h4, ul.list_top_tori li:nth-child(5) h4 a {
color: #2d5094;
}
ul.list_top_tori li:nth-child(6) h4, ul.list_top_tori li:nth-child(6) h4 a {
color: #5a7796;
}

ul.list_top_tori li:nth-child(1) .bt_top_tori a {
background-color: #008137;
}
ul.list_top_tori li:nth-child(2) .bt_top_tori a {
background-color: #0a9944;
}
ul.list_top_tori li:nth-child(3) .bt_top_tori a {
background-color: #008137;
}
ul.list_top_tori li:nth-child(4) .bt_top_tori a {
background-color: #0c6686;
}
ul.list_top_tori li:nth-child(5) .bt_top_tori a {
background-color: #2d5094;
}
ul.list_top_tori li:nth-child(6) .bt_top_tori a {
background-color: #5a7796;
}

/** LOGISTIC
************************************/
.bg_top_logistic {
padding-top: 100px;
padding-bottom: 20px;
display: block;
position: relative;
background-color: #f3dbe4;
margin-top: -10px;	
}
@media only screen and (max-width: 834px) {
.bg_top_logistic {
padding-top: 70px;
padding-bottom: 0;
}
}
.svg_logistic {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
height: 50px;
bottom: -49px;
}
.svg_logistic02 {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
height: 50px;
bottom: -55px;
filter: blur(3px);
}
@media only screen and (max-width: 834px) {
.svg_logistic {
height: 30px;
bottom: -29px;
}
.svg_logistic02 {
height: 25px;
bottom: -30px;
}
}

.top_logistic .table_double td:nth-child(odd) {
padding-right: 5%;
}
.top_logistic .table_double td:nth-child(even) {
padding-left: 5%;
}
@media only screen and (max-width: 1180px) {
.top_logistic .table_double td:nth-child(odd) {
padding-right: 2%;
}
.top_logistic .table_double td:nth-child(even) {
padding-left: 2%;
}
}
@media only screen and (max-width: 834px) {
.top_logistic .table_double td:nth-child(odd) {
padding-right: 0;
}
.top_logistic .table_double td:nth-child(even) {
display: none;
}
}

.top_img_right_sp {
float: right;
max-width: 45%;
margin-left: 5px;
margin-bottom: 5px;
}

/** SAN-AI BRAIN
************************************/
.bg_top_brain {
padding-top: 100px;
}
@media only screen and (max-width: 834px) {
.bg_top_brain {
padding-top: 50px;
}
}

.top_brain .table_double td:nth-child(odd) {
padding-right: 5%;
}
.top_brain .table_double td:nth-child(even) {
padding-left: 5%;
}
@media only screen and (max-width: 1180px) {
.top_brain .table_double td:nth-child(odd) {
padding-right: 2%;
}
.top_brain .table_double td:nth-child(even) {
padding-left: 2%;
}
}
@media only screen and (max-width: 834px) {
.top_brain .table_double td:nth-child(odd) {
display: none;
}
.top_brain .table_double td:nth-child(even) {
padding-left: 0;
}
}

.box_top_product {
position: relative;
display: block;
background-color: #FFF;
margin: 0;
padding: 25px;
border: outset 10px #999;
}
@media only screen and (max-width: 834px) {
.box_top_product {
float: right;
max-width: 45%;
margin-left: 5px;
margin-bottom: 5px;
border: outset 5px #CCC;
box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
}



/** 会社概要
************************************/
.bg_top_company {
padding-top: 150px;
padding-bottom: 80px;
background-color: #ca3768;
color: #FFF;
margin-bottom: 0;
box-shadow: 0 -5px 5px rgba(0,0,0,0.3);
}
@media only screen and (max-width: 834px) {
.bg_top_company {
padding-top: 40px;
padding-bottom: 5px;
}	
}

ul.list_top_access {
margin: 0;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	 justify-content: center;
}
ul.list_top_access li {
display: inline-block;
list-style: none;
margin: 0;
margin-right: 5%;
padding: 0;
width: 47.5%;
text-align: center;
}
ul.list_top_access li:nth-child(even), ul.list_top_access li:last-child {
margin-right: 0;
}
.list_top_access p {
margin-bottom: 0;
font-weight: 900;
font-size: 180%;
}
.pic_top_access {
position: relative;
display: block;
height: 0;
padding-bottom: 45%;
margin-bottom: 15px;
background-color: #F5F5F5;
 border-radius: 15px;
 overflow: hidden;
}
.pic_top_access a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.pic_top_access a img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%
}
.pic_top_access a:hover img {
	width: 200%;
	height: 200%;
	transition: all 0.7s;
}

@media only screen and (max-width: 834px) {
ul.list_top_access li {
margin-right: 2%;
width: 49%;
}
.list_top_access p {
 font-size: 3.5vw;
}
.pic_top_access {
padding-bottom: 65%;
margin-bottom: 5px;
}
}

/** お知らせ
************************************/
.bg_top_news {
display: block;
padding: 100px 0;
padding-bottom: 50px;
background-color: #f4f9f9;
margin-bottom: 0 !important;		
}
@media only screen and (max-width: 834px) {
.bg_top_news {
padding: 30px 0;
padding-bottom: 10px;
margin-bottom: 0 !important;		
}
}

h3.title_top_news {
font-size: 240%;
}

ul.top_news {
margin: 0;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.top_news li {
position: relative;
display: inline-block;
vertical-align: top;
list-style: none;
margin: 0;
margin-right: 3%;
margin-bottom: 15px;
padding: 0;
background-color: #FFF;
width: 30.3%;
}
ul.top_news li:nth-child(3n), ul.top_news li:last-child {
margin-right: 0;
}
ul.top_news li .inner {
padding: 5% 5%;
padding-top: 7%;
}
@media screen and (max-width: 834px){
ul.top_news {
display: block;
margin-bottom: 20px;
}

ul.top_news li {
display: block;
margin-right: 0;
margin-bottom: 15px;
width: auto;
}
}

.top_news_arrow {
display: inline-block;
}
.top_news_arrow a {
position: absolute;
bottom: 15px;
right: 20px;
display: block;
width: 30px;
height: 7px;
		background-image: url("../../uploads/2021/11/arrow_left.png");
		background-repeat: no-repeat;
		background-size:  contain;
}
.top_news_arrow a:hover {
right: 5px;
}

ul.top_news li .tag_category {
position: absolute;
left: 5%;
top: -5px;
}
.tag_category {
display: inline-block;
white-space: nowrap;
font-size: 80%;
}
.tag_category a {
display: block;
background-color: #000;
color: #FFF;
padding: 0 10px;
padding-top: 2px;
text-decoration: none;
}
.tag_category a:hover {
background-color: #999 !important;
color: #000;
}
ul.top_news li p {
margin-bottom: 0;
  overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
ul.top_news li p.daytime {
margin-bottom: 10px;
font-weight: 600;
}
ul.top_news li p a {
display: block;
text-decoration: none;
color: #000;
}

ul.top_news li a:hover {
background-color: #F5F5F5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}



/** SDGs
************************************/
.bg_top_sdgs {
display: block;
padding: 100px 0;
padding-bottom: 50px;
background-color: #f4f9f9;
margin-bottom: 0 !important;		
}

.box_sdg {
position: relative;
display: block;
background-color: #FFF;
margin: 0;
padding: 50px;
border: outset 10px #FFF;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.box_sdg table.table_double td:nth-child(even) {
padding-left: 13%;
}
h3.box_sdg_title {
position: absolute;
left: 20px;
top: 0;
display: inline-block;
background-color: #000;
color: #FFF;
padding: 5px 20px;
font-weight: 400;
letter-spacing: 0.2em;
font-size: 80%;
border: 1px solid #FFF;
box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}

@media only screen and (max-width: 1200px) {
.box_sdg table.table_double td:nth-child(even) {
padding-left: 5%;
}
}

@media only screen and (max-width: 834px) {
.bg_top_sdgs {
padding: 20px 0;
padding-top: 40px;
margin-bottom: 0 !important;		
}
.box_sdg {
margin: 0 0;
padding: 25px;
border: outset 5px #FFF;
box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
.box_sdg table.table_double td:nth-child(even) {
padding-left: 0;
}
h3.box_sdg_title {
left: 20px;
top: -20px;
}
}

/************************************
** お知らせ
************************************/

.tag_category {
display: inline-block;
background-color: #555;
color: #FFF;
border-radius: 5px;
padding: 0 10px;
font-size: 110%;
line-height: 120%;
margin: 0 10px;
}

h3.title_news,
h4.title_news {
	font-weight: 600;
	font-size: 150%;
	padding: 5px 20px;
	border-left: 7px solid #cb3769;
	border-bottom: 1px dotted #555;
}
h3.title_news a,
h4.title_news a {
text-decoration: none;
	color: #000;
}

@media only screen and (max-width: 834px) {
h4.title_news {
	font-size: 130%;
	padding: 5px 10px;
}
}

/************************************
** エチレン
************************************/
h4.title_ethylene {
font-size: 170%;
color: #F00;
line-height: 150%;
margin-bottom: 10px;
}

h4.title_ethylene_blue {
position: relative;
font-size: 170%;
color: #06F;
line-height: 150%;
padding-left: 25px;
}
h4.title_ethylene_blue:before {
    position: absolute;
	margin-left: -25px;
  font-family: "Font Awesome 5 Free";
    content: '\f0c8';
	font-weight: 900;
}
h5.title_ethylene_blue {
font-size: 140%;
color: #06F;
line-height: 150%;
margin-bottom: 5px;
}
@media only screen and (max-width: 834px) {
h4.title_ethylene {
font-size: 140%;
}
h4.title_ethylene_blue {
font-size: 140%;
}
h5.title_ethylene_blue {
font-size: 120%;
}
}

.ethylene_img002 {
display: block;
margin: 0 auto;
max-width: 100%;
}
@media only screen and (max-width: 834px) {
.ethylene_img002 {
float: left;
display: inline-block;
margin: 0;
margin-right: 15px;
max-width: 25%;
}
}
.midashi_ethylene_green02 {
color: #090;
font-weight: 600;
font-size: 120%;
margin: 0;
}
@media only screen and (max-width: 834px) {
.midashi_ethylene_green02 {
float: left;
display: inline-block;
width: 70%;
}
}


ul.list_maru {
margin: 0;
padding: 0;
}
ul.list_maru li {
list-style-type: disc;
margin: 0;
margin-left: 20px;
padding: 0;
}

ul.list_check {
margin: 0;
padding: 0;
}
ul.list_check li {
position: relative;
list-style: none;
margin: 0;
margin-left: 20px;
padding: 0;
padding-left: -1.2em;
}
ul.list_check li:before {
position: absolute;
	margin-left: -1.2em;
  font-family: "Font Awesome 5 Free";
    content: '\f14a';
	font-weight: 400;
	color: #F00;
}


table.table_product {
table-layout: auto;
width: 100%;
text-align: center;
}
table.table_product tr, table.table_product th, table.table_product td {
margin: 0;
padding: 0;
}
table.table_product th, table.table_product td {
padding: 0.2em;
line-height: 150%;
}
@media only screen and (max-width: 834px) {
table.table_product th, table.table_product td {
padding: 0.1em;
line-height: 130%;
font-size: 2vw;
}
}

table.table_ethylene {
table-layout: auto;
width: 100%;
}
table.table_ethylene tr, table.table_ethylene th, table.table_ethylene td {
margin: 0;
padding: 0;
}
table.table_ethylene th, table.table_ethylene td {
padding: 0.2em;
line-height: 150%;
}
table.table_ethylene th {
font-size: 90%;
}
table.table_ethylene td {
padding: 0.2em;
text-align: center;
}
@media only screen and (max-width: 834px) {
table.table_ethylene th, table.table_ethylene td {
padding: 0.1em;
line-height: 130%;
font-size: 2vw;
}
}


.product_wrap {
display: flex;
}
.product_left {
width: 70%;
}
.product_right {
width: 38%;
margin-left: 2%;
}
.product_half01 {
width: 47.5%;
}
.product_half02 {
width: 47.5%;
margin-left: 5%
}
@media only screen and (max-width: 834px) {
.product_wrap {
display: block;
}
.product_left,
.product_right,
.product_half01,
.product_half02 {
display: block;
width: auto;
margin-left: 0;
margin-bottom: 20px;
}
}

/************************************
** エアドルフィン
************************************/
h4.title_listcheck {
position: relative;
font-size: 170%;
line-height: 150%;
padding: 0;
margin-bottom: 10px;
padding-left: 1.5em;
}
h4.title_listcheck:before {
position: absolute;
	margin-left: -1.0em;
  font-family: "Font Awesome 5 Free";
    content: '\f46c';
	font-weight: 900;
	font-size: 160%;
	color: #090;
}

ul.list_ad10 {
margin: 0;
padding: 0;
}
ul.list_ad10 li {
display: block;
list-style: none;
margin: 0;
margin-bottom: 10px;
padding: 0;
line-height: 150%;
}
ul.list_ad10 li h5 {
margin: 0;
padding: 0;
position: relative;
	padding-left: 1.2em;
}
ul.list_ad10 li h5:before {
position: absolute;
	margin-left: -1.2em;
  font-family: "Font Awesome 5 Free";
    content: '\f14a';
	font-weight: 400;
	color: #06F;
}
ul.list_ad10 li p {
	padding-left: 1.7em;
margin-bottom: 10px;
}

@media only screen and (max-width: 834px) {
h4.title_listcheck {
font-size: 4vw;
padding-left: 1.5em;
}
ul.list_ad10 li h5 {
font-size: 3vw;
}
}

.airdol_wrap {
display: flex;
}
.airdol_parts {
background-color: #ADD;
border-radius: 20px;
color: #FFF;
}
.airdol_parts h4 {
text-align: center;
margin: 0;
margin-bottom: 10px;
}
.airdol_parts.airdol_left {
display: inline-block;
width: 48%;
margin-right: 2%;
}
.airdol_parts.airdol_right {
display: inline-block;
width: 48%;
margin-left: 2%;
}
.airdol_parts .inner {
padding: 5%;
}
.airdol_parts.airdol_center .inner {
padding: 2.5%;
}

.airdol_parts_white {
background-color: #FFF;
color: #000;
padding: 3%;
}

.airdol_parts.airdol_center {
display: block;
margin-top: 20px;
}

@media only screen and (max-width: 640px) {
.airdol_wrap {
display: block;
}
.airdol_parts.airdol_left {
display: block;
width: auto;
margin-right: 0;
margin-bottom: 20px;
}
.airdol_parts.airdol_right {
display: block;
width: auto;
margin-left: 0;
margin-bottom: 20px;
}

.airdol_parts.airdol_center .inner {
padding: 5%;
}

.airdol_parts.airdol_right {
display: block;
width: auto;
margin-top: 0;
}
}

/************************************
** クールスペース
************************************/


.flex_coolspace {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_coolspace_box {
display: block;
width: calc(100% / 2 - 12px);
}

@media only screen and (max-width: 834px) {
.flex_coolspace {
display: block;
}
.flex_coolspace_box {
display: block;
width: auto;
}
.flex_coolspace_box:nth-child(n+2) {
margin-top: 16px;
}
}



h4.title_coolspace {
position: relative;
line-height: 150%;
padding: 0;
margin-bottom: 10px;
padding-left: 1em;
}
h4.title_coolspace:before {
position: absolute;
	margin-left: -1.0em;
  font-family: "Font Awesome 5 Free";
    content: '\f863';
	font-weight: 900;
	color: #09F;
}
h5.title_coolspace {
font-weight: normal;
line-height: 150%;
padding: 0;
margin-bottom: 10px;
	color: #06F;
}

.box_aqua {
display: block;
padding: 24px;
background-color: #CDF;
}
@media screen and (max-width: 834px){
.box_aqua {
margin: 0 auto;
padding: 16px;
}
}


ul.list_check_cool {
margin: 0;
padding: 0;
}
ul.list_check_cool li {
position: relative;
list-style: none;
display: block;
margin: 0;
margin-bottom: 8px;
padding: 0;
padding-left: 1.2em;
line-height: 150%;
}
ul.list_check_cool li:last-child {
margin-bottom: 0;
}

ul.list_check_cool li:before {
position: absolute;
	margin-left: -1.2em;
margin-top: 0.1em;
  font-family: "Font Awesome 5 Free";
    content: '\f14a';
	font-weight: 400;
	top:0;
	color: #09F;
}
ul.list_check_cool li strong {
display: inline;
margin: 0;
padding: 0;
color: #09F;
font-size: 120%;
}



.flex_veilnet {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.flex_veilnet_double40 {
display: block;
width: calc(100% / 3 - 12px);
}
.flex_veilnet_double60 {
display: block;
width: calc(100% / 3 * 2 - 12px);
}

.flex_veilnet_box {
display: block;
width: calc(100% / 3 - 12px);
background-color: #EEFFEE;
}
.flex_veilnet_box .inner {
padding: 1em;
}

@media only screen and (max-width: 834px) {
.flex_veilnet {
display: block;
}
.flex_veilnet_box {
display: block;
width: auto;
min-height: 8em;
height: 8em;
margin: 0 0;
}
.flex_veilnet_box:nth-child(n+2) {
margin-top: 16px;
}
.flex_veilnet_double40,
.flex_veilnet_double60 {
display: block;
width: auto;
}
.flex_veilnet_double60 {
margin-top: 16px;
}
}
@media only screen and (max-width: 640px) {
.flex_veilnet_box {
min-height: 11em;
height: 11em;
}
}


dl.list_cool_tokuchou {
margin: 0;
padding: 0;
}

ul.list_cool_tokuchou {
margin: 0;
padding: 0;
}
ul.list_cool_tokuchou li {
position: relative;
list-style: none;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 0;
padding-left: 2.4em;
line-height: 150%;
}

ul.list_cool_tokuchou li:before {
position: absolute;
	margin-left: -1.2em;
	width: 1.2em;
  font-family: "Font Awesome 5 Free";
    content: '\f14a';
	font-weight: 900;
	color: #09F;
	font-size: 200%;
	transform: translateY(-50%);
	top: 50%;
	text-align: center;
}
@media only screen and (max-width: 834px) {
ul.list_cool_tokuchou li {
margin-bottom: 12px;
}
}

ul.list_cool_tokuchou li.icon_creative-commons-by:before {
    content: '\f21d';
}
ul.list_cool_tokuchou li.icon_tint:before {
    content: '\f043';
}
ul.list_cool_tokuchou li.icon_history:before {
    content: '\f1da';
}
ul.list_cool_tokuchou li.icon_bolt:before {
    content: '\f0e7';
}
ul.list_cool_tokuchou li.icon_pager:before {
    content: '\f815';
	}
.imagerightcs_rimocon {
	float: right;
	margin-bottom: 4px;
	margin-left: 16px;
	max-width: 30%;
	height: auto;
}
@media only screen and (max-width: 834px) {
.imagerightcs_rimocon {
	margin-bottom: 4px;
	margin-left: 8px;
	max-width: 22%;
}
}
@media only screen and (max-width: 640px) {
.imagerightcs_rimocon {
	margin-bottom: 4px;
	margin-left: 8px;
	max-width: 26%;
}
}


.cs_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cs_parts {
display: block;
width: calc(100% / 3 - 12px);
background-color: #F5F5F5;
}
.cs_parts h5 {
text-align: center;
color: #06F;
margin: 0;
margin-bottom: 10px;
}

.cs_parts.sc_right {
display: inline-block;
}
.cs_parts .inner {
padding: 16px;
}
.cs_parts .imagecenter {
margin-bottom: 8px;
}

@media only screen and (max-width: 834px) {
.cs_parts {
display: block;
width: calc(100% / 3 - 4px);
background-color: #F5F5F5;
}
.cs_parts .inner {
padding: 8px;
}
.cs_parts h5 {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 780px) {
.cs_wrap {
display: block;
margin: 0 auto;
}
.cs_parts {
width: auto;
}
.cs_parts:nth-child(n+2) {
margin-top: 16px;
}
.cs_parts .inner {
padding: 16px;
}
.cs_parts p {
min-height: 7em;
}
.cs_parts .imagecenter {
max-width: 75%;
}
}

/************************************
** SAアームリフト
************************************/

h4.title_saarm {
position: relative;
font-size: 170%;
line-height: 150%;
padding: 0;
margin-bottom: 10px;
padding-left: 1.5em;
}
h4.title_saarm:before {
position: absolute;
	margin-left: -1.0em;
  font-family: "Font Awesome 5 Free";
    content: '\f5c3';
	font-weight: 900;
	font-size: 160%;
	color: #148;
}
h5.title_saarm {
font-weight: normal;
font-size: 160%;
line-height: 150%;
padding: 0;
margin-bottom: 10px;
	color: #06F;
}
h5.title_saarm02 {
font-size: 160%;
line-height: 150%;
padding: 0.2em 1em;
background-color: #148;
	color: #FFF;
margin-bottom: 10px;
}
@media only screen and (max-width: 834px) {
h4.title_saarm {
font-size: 4vw;
}
h5.title_saarm {
font-size: 3.8vw;
}
h5.title_saarm02 {
font-size: 3.8vw;
}
}


.wrap_saarm {
display: flex;
}
.wrap_saarm h5 {
text-align: center;
background-color: #148;
color: #FFF;
border-radius: 25px;
margin: 0;
padding: 5px 0;
font-size: 120%;
margin-bottom: 10px;
}
.wrap_saarm h6 {
font-size: 110%;
color: #148;
padding: 0;
margin: 0;
border: none;
}
.wrap_saarm p {
margin-bottom: 10px;
}
.saarm_left {
  width : calc(100% / 3) ;
}
.saarm_center {
  width : calc(100% / 3) ;
margin: 0 2%;
}
.saarm_right {
  width : calc(100% / 3) ;
}
.box_saarm {
border: solid 5px #148;
padding: 3%;
margin-bottom: 20px;
}

ul.list_feature04 {
margin: 0;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_feature04 li {
margin: 0;
padding: 0;
position: relative;
display: inline-block;
list-style: none;
margin-right: 2%;
margin-bottom: 25px;
width: 49%;
}

ul.list_feature04 li:nth-child(even), ul.list_feature04 li:last-child {
margin-right: 0;
}

ul.list_feature04 li p {
text-align: center;
font-size: 90%;
line-height: 130%;
color: #148;
}


/************************************
** mowfilm
************************************/

h4.title_mowfilm {
position: relative;
font-size: 160%;
line-height: 150%;
padding: 0;
margin-bottom: 10px;
padding-left: 2.4em;
}
h4.title_mowfilm:before {
position: absolute;
	margin-left: -1.5em;
	transform: translateY(-50%);
	top: 50%;
  font-family: "Font Awesome 5 Free";
    content: '\f8c0';
	font-weight: 900;
	font-size: 160%;
	color: #090;
}
h5.title_mowfilm {
font-weight: normal;
font-size: 160%;
line-height: 150%;
padding: 0;
margin-bottom: 10px;
	color: #090;
}
@media only screen and (max-width: 834px) {
h4.title_mowfilm {
font-size: 4vw;
}
h5.title_mowfilm {
font-size: 3.8vw;
}
}
/************************************
** セキュリティ
************************************/
ul.list_security_dm {
margin: 0;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_security_dm li {
position: relative;
display: inline-block;
list-style: none;
margin: 0;
margin-right: 2%;
margin-bottom: 25px;
padding: 0;
width: 23%;
}

ul.list_security_dm li:nth-child(4n), ul.list_security_dm li:last-child {
margin-right: 0;
}
ul.list_security_dm li h6 {
margin: 0;
text-align: center;
font-size: 110%;
}
@media only screen and (max-width: 834px) {
ul.list_security_dm li {
margin-right: 2%;
width: 49%;
}

ul.list_security_dm li:nth-child(even), ul.list_security_dm li:last-child {
margin-right: 0;
}
}

table.table_camera {
table-layout: fixed;
width: 100%;
margin: 0;
padding: 0;
border: none;
background: none;
}
table.table_camera tr, table.table_camera th, table.table_camera td {
margin: 0;
padding: 0;
border: none;
background: none;
}
table.table_camera td {
text-align: center;
padding: 1em;
font-weight: 600;
}



/************************************
** 包装・物流資材
************************************/

ul.list_logistics {
margin: 0;
margin-bottom: 50px;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_logistics li {
position: relative;
display: inline-block;
list-style: none;
margin: 0;
margin-right: 2%;
margin-bottom: 25px;
padding: 0;
width: 23%;
background-color: #FFF;
 border-radius: 10px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
ul.list_logistics li .inner {
padding: 5% 7%;
}
ul.list_logistics li:nth-child(4n), ul.list_logistics li:last-child {
margin-right: 0;
}
ul.list_logistics li h4 {
margin: 0;
text-align: center;
font-size: 110%;
font-weight: 400;
}
ul.list_logistics li h4 a {
text-decoration: none;
}
@media only screen and (max-width: 834px) {
ul.list_logistics li {
margin-right: 2%;
margin-bottom: 15px;
padding: 0;
width: 49%;
}
ul.list_logistics li .inner {
padding: 5% 7%;
}
ul.list_logistics li:nth-child(even), ul.list_logistics li:last-child {
margin-right: 0;
}
}


.wrap_double {
display: flex;
}
.wrap_double_left {
display: block;
  width: calc(100% / 2);
  margin-right: 2.5%;
}
.wrap_double_left02 {
display: block;
    width: calc(100% / calc(1 / 3));
  margin-right: 2.5%;
}

.wrap_double_right {
display: block;
  width: calc(100% / 2);
  margin-left: 2.5%;
  }
  .wrap_double_right02 {
display: block;
    width: calc(100% / calc(2 / 3));
  margin-left: 2.5%;
  }
@media only screen and (max-width: 834px) {
.wrap_double {
display: block;
}
.wrap_double_left,
.wrap_double_left02{
margin: 0;
margin-bottom: 15px;
width: auto;
}

.wrap_double_right,
.wrap_double_right02 {
margin: 0;
margin-bottom: 15px;
width: auto;
 }
}


.wrap_triple {
display: flex;
}
.wrap_triple_left {
display: block;
  width: calc(100% / 3);

}
.wrap_triple_center {
display: block;
margin: 0 5%;
  width: calc(100% / 3);

}
.wrap_triple_right {
display: block;
  width: calc(100% / 3);

}
@media only screen and (max-width: 834px) {
.wrap_triple {
display: block;
}
.wrap_triple_left {
  width: auto;
margin-bottom: 15px;
}
.wrap_triple_center {
margin: 0;
margin-bottom: 15px;
  width: auto;
}
.wrap_triple_right {
  width: auto;
}
}


table.table_kikaku {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
}
table.table_kikaku tr, table.table_kikaku th, table.table_kikaku td {
margin: 0;
padding: 0;
}
table.table_kikaku th, table.table_kikaku td {
padding: 0.5em;
text-align: center;
}
table.table_kikaku th {
white-space: nowrap;
}

.boxtitle_kikaku {
display: block;
margin-bottom: 10px;
padding: 0.2em 0;
text-align: center;
}
.kikaku_red {
background-color: #F66;
color: #FFF;
}
.kikaku_blue {
background-color: #09F;
color: #FFF;
}
.kikaku_green {
background-color: #3A3;
color: #FFF;
}
.kikaku_navy {
background-color: #15B;
color: #FFF;
}

.table_over {
display: block;
}
@media only screen and (max-width: 834px) {
.table_over {
overflow-x: scroll;
}
.table_over table {
min-width: 840px;
}
.table_over table th,
.table_over table td {
white-space: nowrap;
}
}

h4.title_inflationfilm {
display: block;
background-color: aqua;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
@media only screen and (max-width: 834px) {
h4.title_inflationfilm {
padding: 0.5em 0;
font-size: 4vw;
}
}

table.table_infration {
table-layout: fixed;
width: 100%;
margin: 0;
padding: 0;
background: none;
}
table.table_infration tr, table.table_infration th, table.table_infration td {
margin: 0;
padding: 0;
background: none;
}
table.table_infration th, table.table_infration td {
padding: 0.5em;
text-align: center;
font-size: 140%;
font-weight: 600;
}

@media only screen and (max-width: 834px) {
table.table_infration th, table.table_infration td {
text-align: left;
font-size: 3.5vw;
padding: 0;
display: block;
}
}

h4.title_autocleave {
display: block;
background-color: #932;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_autocleave {
display: block;
color: #932;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_autocleave {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_autocleave {
font-size: 4vw;
}
}


.box_shakoufilm {
display: block;
border: 1px solid #C7E;
padding: 5%;
text-align: center;
}
.box_shakoufilm p {
margin-bottom: 0;
}
h4.title_shakoufilm {
display: block;
background-color: #C7E;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_shakoufilm {
display: block;
color: #C7E;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_shakoufilm {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_shakoufilm {
font-size: 4vw;
}
}
.box_strong {
display: block;
border: 1px solid #F23;
padding: 5%;
text-align: center;
}
.box_strong p {
margin-bottom: 0;
}
h4.title_strong {
display: block;
background-color: #F23;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_strong {
display: block;
color: #F23;
font-size: 150%;
text-align: center;
}
tr.table_strong th, tr.table_strong td {
font-size: 130%;
font-weight: 900;
background-color: #FFBBCC;

}
@media only screen and (max-width: 834px) {
h4.title_strong {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_strong {
font-size: 4vw;
}
}


.box_highbarrier {
display: block;
border: 1px solid #48C;
padding: 5%;
text-align: center;
}
.box_highbarrier p {
margin-bottom: 0;
}
h4.title_highbarrier {
display: block;
background-color: #48C;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_highbarrier {
display: block;
color: #48C;
font-size: 150%;
text-align: center;
}
tr.table_highbarrier th, tr.table_highbarrier td {
font-size: 130%;
font-weight: 900;
background-color: #BDE;

}
@media only screen and (max-width: 834px) {
h4.title_highbarrier {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_highbarrier {
font-size: 4vw;
}

tr.table_highbarrier th, tr.table_highbarrier td {
font-size: 110%;
}
}

.box_sabio {
display: block;
border: 1px solid #090;
padding: 5%;
text-align: center;
}
.box_sabio p {
margin-bottom: 0;
}
h4.title_sabio {
display: block;
background-color: #090;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_sabio {
display: block;
color: #090;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_sabio {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_sabio {
font-size: 4vw;
}
}


h4.title_sealant01 {
display: block;
background-color: #F90;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_sealant01 {
display: block;
color: #F90;
font-size: 150%;
text-align: center;
}
h4.title_sealant02 {
display: block;
background-color: #E49;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_sealant02 {
display: block;
color: #E49;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_sealant01 {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_sealant01 {
font-size: 4vw;
}
h4.title_sealant02 {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_sealant02 {
font-size: 4vw;
}
}
table.table_sealant {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
background: none;
}
table.table_sealant tr, table.table_sealant th, table.table_sealant td {
margin: 0;
padding: 0;
background: none;
}
table.table_sealant th, table.table_sealant td {
padding: 0.5em;
border-left: none;
border-right: none;
vertical-align: top;
}
table.table_sealant th {
padding: 0.5em;
white-space: nowrap;
}



table.table_jisseki {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_jisseki tr, table.table_jisseki th, table.table_jisseki td {
margin: 0;
padding: 0;
background: none;
border-right: none;
}
table.table_jisseki th, table.table_jisseki td {
padding: 0.5em;
border-left: none;
border-right: none;
}
table.table_jisseki th {
text-align: center;
white-space: nowrap;
}

dl.dl_jisseki {
margin: 0;
padding: 0;
}
dl.dl_jisseki dt {
display: inline-block;
margin: 0;
padding: 0.1em 0.5em;
min-width:  120px;
text-align: center;
background-color: #F5F5F5;
}
dl.dl_jisseki dd {
display: block;
margin: 0;
margin-bottom: 10px;
padding: 0.5em;
}

table.table_kashoku {
table-layout: fixed;
width: 100%;
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_kashoku tr, table.table_kashoku th, table.table_kashoku td {
margin: 0;
padding: 0;
background: none;
}
table.table_kashoku th, table.table_kashoku td {
padding: 0.5em;
border: none;
}
table.table_kashoku th {
text-align: center;
white-space: nowrap;
background-color: #CEF;
font-size: 110%;
}

table.table_kashoku02 {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_kashoku02 tr, table.table_kashoku02 th, table.table_kashoku02 td {
margin: 0;
padding: 0;
background: none;
}
table.table_kashoku02 th, table.table_kashoku02 td {
padding: 0.5em;
border-left: none;
border-right: none;
}
table.table_kashoku02 th {
text-align: center;
white-space: nowrap;
background-color: #CEF;
font-size: 110%;
}


h4.title_pptray {
display: block;
background-color: #F79;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_pptray {
display: block;
color: #F79;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_pptray {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_pptray {
font-size: 4vw;
}
h4.title_pptray {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_pptray {
font-size: 4vw;
}
}
ul.list_matu.list_pptray li {
font-size: 120%;
font-weight: 600;
margin-bottom: 20px;
}
ul.list_matu.list_pptray li h5 {
color: #F66;
margin-bottom: 0;
}
ul.list_matu.list_pptray li p {
margin-bottom: 0;
}


h4.title_tasouseat {
display: block;
background-color: #06F;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_tasouseat {
display: block;
color: #06F;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_tasouseat {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_tasouseat {
font-size: 4vw;
}
}


h4.title_green {
display: block;
background-color: #090;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_green {
display: block;
color: #090;
font-size: 150%;
text-align: center;
}
h5.title_green02 {
display: block;
color: #090;
font-size: 150%;
}
@media only screen and (max-width: 834px) {
h4.title_green {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_green,
h5.title_green02{
font-size: 4vw;
}
}
h4.title_navy {
display: block;
background-color: #148;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_navy {
display: block;
color: #148;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_navy {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_navy {
font-size: 4vw;
}
}

h4.title_blue {
display: block;
background-color: #06F;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_blue {
display: block;
color: #06F;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_blue {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_blue {
font-size: 4vw;
}
}
h4.title_orange {
display: block;
background-color: #F90;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_orange {
display: block;
color: #F90;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_orange {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_orange {
font-size: 4vw;
}
}
h4.title_red {
display: block;
background-color: #F30;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_red {
display: block;
color: #F30;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_red {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_red {
font-size: 4vw;
}
}
h4.title_purple {
display: block;
background-color: #C6F;
color: #FFF;
padding: 0.5em 0;
font-size: 150%;
text-align: center;
border-radius: 15px;
}
h5.title_purple {
display: block;
color: #C6F;
font-size: 150%;
text-align: center;
}
@media only screen and (max-width: 834px) {
h4.title_purple {
padding: 0.5em 0;
font-size: 4vw;
}
h5.title_purple {
font-size: 4vw;
}
}



/************************************
** 会社概要
************************************/

table.table_company {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_company tr, table.table_company th, table.table_company td {
margin: 0;
padding: 0;
background: none;
}
table.table_company th, table.table_company td {
padding: 0.5em 1em;
border-left: none;
border-right: none;
	vertical-align: top;
	text-align: left;
}
table.table_company th {
white-space: normal;
}

@media only screen and (max-width: 834px) {
table.table_company th, table.table_company td {
padding: 0.2em 1em;
border: none;
}
table.table_company th {
display: inline-block;
min-width: 120px;
text-align: center;
white-space: normal;
background-color: #F5F5F5;
}
table.table_company td {
	display: block;
	margin-bottom: 15px;
}
}

ul.list_train {
	margin: 0;
	padding: 0;
}

ul.list_train li {
	list-style: none;
	display: block;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left 2px;
}

.train_jr { background-image: url(../../uploads/2022/01/icon_jr.png); }
.train_yurikamome { background-image: url(../../uploads/2022/01/icon_yurikamome.png); }
.train_asakusa { background-image: url(../../uploads/2022/01/icon_asakusa.png); }
.train_ginza { background-image: url(../../uploads/2022/01/icon_ginza.png); }
.train_mita { background-image: url(../../uploads/2022/01/icon_mita.png); }
.train_chiyoda { background-image: url(../../uploads/2022/01/icon_chiyoda.png); }
.train_fukutoshin { background-image: url(../../uploads/2022/01/icon_fukutoshin.png); }
.train_hanzomon { background-image: url(../../uploads/2022/01/icon_hanzomon.png); }
.train_hibiya { background-image: url(../../uploads/2022/01/icon_hibiya.png); }
.train_inogashira { background-image: url(../../uploads/2022/01/icon_inogashira.png); }
.train_keio { background-image: url(../../uploads/2022/01/icon_keio.png); }
.train_marunouchi { background-image: url(../../uploads/2022/01/icon_marunouchi.png); }
.train_nanboku { background-image: url(../../uploads/2022/01/icon_nanboku.png); }
.train_odakyuu { background-image: url(../../uploads/2022/01/icon_odakyuu.png); }
.train_ooedo { background-image: url(../../uploads/2022/01/icon_ooedo.png); }
.train_shinjuku { background-image: url(../../uploads/2022/01/icon_shinjuku.png); }
.train_touzai { background-image: url(../../uploads/2022/01/icon_touzai.png); }
.train_yuurakuchou { background-image: url(../../uploads/2022/01/icon_yuurakuchou.png); }

.googlemap {
    position: relative;
    padding-bottom: 62%;
    height: 0;
    overflow: hidden;
}
 
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 834px) {
.googlemap {
    padding-bottom: 90%
}
}


/************************************
** プライバシー
************************************/
dl.list_privacy {
	display: block;
	padding: 0;
	margin: 0;
}
dl.list_privacy dt {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 110%;
	font-weight: 600;
}

dl.list_privacy dd {
	clear: both;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}




/************************************
** 個別
************************************/

table.table_double,
table.table_double_only {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
}
table.table_double tr, table.table_double th, table.table_double td,
table.table_double_only tr, table.table_double_only th, table.table_double_only td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_double td:nth-child(odd),
table.table_double_only td:nth-child(odd) {
padding-right: 2%;
}
table.table_double td:nth-child(even),
table.table_double_only td:nth-child(even) {
padding-left: 2%;
}
table.table_double td.w55,
table.table_double_only td.w55 {
width: 55%;
}
table.table_double td.w60,
table.table_double_only td.w60 {
width: 60%;
}
table.table_double td.w65,
table.table_double_only td.w65 {
width: 65%;
}
table.table_double td.w70,
table.table_double_only td.w70 {
width: 70%;
}
table.table_double td.w75,
table.table_double_only td.w75 {
width: 75%;
}

@media screen and (max-width: 1023px){
table.table_double td.w55, table.table_double td.w60, table.table_double td.w65, table.table_double td.w70, table.table_double td.w75 {
width: 50%;
}
}
@media screen and (max-width: 834px){
table.table_double td {
display: block;
padding: 0;
margin-bottom: 20px;
}
table.table_double td:nth-child(odd) {
padding-right: 0;
}
table.table_double td:nth-child(even) {
padding-left: 0;
}
table.table_double td.w60, table.table_double td.w65, table.table_double td.w70, table.table_double td.w75 {
width: auto;
}
}





strong {
margin-bottom: 0;
padding: inherit;
}

.mb001 {
	margin-bottom: 70px;
}

.member_pic {
	width: 20%;
		margin-top: -10px;
}

@media only screen and (max-width: 834px) {
.mb001 {
	margin-top: -10px;
	margin-bottom: 20px;
}	
.member_pic {
	width: 30%;
}
}
	


h4.title_menber {
text-align: center;
color: #2f418f;
font-size: 180%;
margin-top: 20px;
}

h5.title_menber {
text-align: center;
font-size: 150%;
margin-top: 20px;

}
.marker_line20 {
  background: linear-gradient(transparent 20%, #fec1fe 0%);
}

@media only screen and (max-width: 834px) {
h4.title_menber {
font-size: 140%;
display: inline-block;
}

h5.title_menber {
font-size: 130%;
}	
	
}


.box_menber {
display: block;
padding: 3% 3% 1% 3%;
background-color: #f8f198;
}
.box_menber h4 {
display: block;
 border-radius: 30px;
padding: 0.3% 1%;
background-color: #0d63aa;
color: #FFF;
text-align: center;
font-weight: 400;
font-size: 150%;
}

.box_menber p {
color: #232e87;
font-weight: 600;
line-height: 220%;
}

@media only screen and (max-width: 1180px) {
.box_menber p {
font-size: 90%;
line-height: 160%;	
}
.box_menber h4 {
display: block;
 border-radius: 30px;
padding: 0.3% 1%;
background-color: #0d63aa;
color: #FFF;
text-align: center;
font-weight: 400;
font-size: 120%;
}
	
	
}

@media only screen and (max-width: 834px) {
.box_menber p {
font-size: 100%;
line-height: 160%;	
}
.box_menber h4 {
display: block;
 border-radius: 30px;
padding: 0.3% 1%;
background-color: #0d63aa;
color: #FFF;
text-align: center;
font-weight: 400;
font-size: 120%;
}	
	
}



/************************************
** フォーム
************************************/


table.form_table {
	table-layout: auto;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	border: none;
	background: nne;
}
table.form_table tr, table.form_table th, table.form_table td {
	text-align: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.form_table th, table.form_table td {
	text-align: left;
	padding: 15px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

table.form_table th {
	vertical-align: top;
	background-color: #F5F5F5;
	width: 25%;
	font-weight: 500;
}

table.form_table td {
	background-color: #FFF;
}

table.form_table .wpcf7-list-item {
	display: inline-block;
	margin-right: 15px;
	min-width: 15%;
}
@media screen and (max-width: 834px){
table.form_table {
	table-layout: fixed;
	margin-bottom: 15px;
	overflow: hidden;
}
table.form_table th, table.form_table td {
display: block;
	width: auto;
	border: none;
}
table.form_table th {
padding: 5px 10px;
}
table.form_table td {
margin-bottom: 15px;
}
} 
 .hissu {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 100%;
	padding: 2px 6px;
	margin-left: 10px !important;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFF !important;
	background-color: #F00;
}
 
 .nini {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 100%;
	padding: 2px 6px;
	margin-left: 10px !important;
	text-decoration:none;
	display:inline-block;
	color: #FFF !important;
	background-color: #06F;
}
 
select,textarea,input[type="text"],input[type="datetime"],input[type="datetime-local"],input[type="date"] {
	display:inline-block;
	margin: 3px;
	width: auto;
}
select {
	display:inline-block !important;
	min-width: 80px;
	padding: 15px !important;
}

.input-mini { width:90px !important }
.input-small { width: 200px !important }
.input-medium { width: 70% !important }
.input-large { width: 80% !important }
.input-xlarge { width: 90% !important }
.input-xxlarge { width: 90% !important }

@media screen and (max-width: 834px){
.input-small { width: 50% !important }
.input-medium { width: 90% !important }
.input-large { width: 90% !important }
.input-xlarge { width: 90% !important }
}

.btn {
	display:inline-block !important;
	width: auto !important;
	padding: 10px 100px !important;
	font-size: 130%;
	margin: 5px;
	margin-bottom:0;
	color:#333;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#f5f5f5;
	background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image:-o-linear-gradient(top,#fff,#e6e6e6);
	background-image:linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat:repeat-x;border:1px solid #ccc;
	border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color:#b3b3b3;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}
.btn:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
.btn-primary{
	color:#fff !important;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background-color:#369;
	background-image:-moz-linear-gradient(top,#F00,#900);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#F00),to(#900));
	background-image:-webkit-linear-gradient(top,#F00,#900);
	background-image:-o-linear-gradient(top,#F00,#900);
	background-image:linear-gradient(to bottom,#F00,#900);
	background-repeat:repeat-x;border-color:#F00 #900 #900;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F00',endColorstr='#900',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
@media only screen and (max-width: 834px) {
.btn {
	display:block !important;
	width: 95% !important;
	padding: 10px 10px !important;
	margin: 5px auto;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)

}
}



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

.title_product {
display: block;
margin-bottom: 0;
line-height: 150%;
}
.title_product h4 {
font-size: 150%;
margin-bottom: 0;
line-height: 130%;
}
.title_product h4 span {
display: block;
font-size: 60%;
line-height: 130%;
}
.title_product h4 a {
text-decoration: none;
}
.title_product p {
color: #555;
font-size: 90%;
margin-bottom: 5px;
}



ul.list_pro {
margin: 0;
margin-bottom: 50px;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_pro li {
position: relative;
display: inline-block;
list-style: none;
margin: 0;
margin-right: 3.3%;
margin-bottom: 100px;
padding: 0;
width: 30%;
background-color: #FFF;
 border-radius: 10px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
ul.list_pro li .inner {
padding: 5% 7%;
}
ul.list_pro li:nth-child(3n), ul.list_pro li:last-child {
margin-right: 0;
}

@media only screen and (max-width: 834px) {
ul.list_pro li {
margin-right: 3%;
margin-bottom: 100px;
padding: 0;
width: 47%;
}
ul.list_pro li .inner {
padding: 5% 7%;
}
ul.list_pro li:nth-child(3n) {
margin-right: 3%;
}
ul.list_pro li:nth-child(even), ul.list_pro li:last-child {
margin-right: 0;
}
}

@media only screen and (max-width: 480px) {
ul.list_pro li {
display: block;
margin-right: 0;
margin-bottom: 100px;
width: auto;
}
ul.list_pro li .inner {
padding: 3% 5%;
}
ul.list_pro li:nth-child(3n) {
margin-right: 0;
}
}





.pic_tori {
position: relative;
display: block;
height: 0;
padding-bottom: 100%;
 border-radius: 10px;
 overflow: hidden;
}
.pic_tori img {
	display: block;
	width: 100%;
}



/************************************
** ベールネット
************************************/

.flex_veilnet {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.flex_veilnet_double40 {
display: block;
width: calc(100% / 3 - 12px);
}
.flex_veilnet_double60 {
display: block;
width: calc(100% / 3 * 2 - 12px);
}

.flex_veilnet_box {
display: block;
width: calc(100% / 3 - 12px);
background-color: #EEFFEE;
}
.flex_veilnet_box .inner {
padding: 1em;
}

@media only screen and (max-width: 834px) {
.flex_veilnet {
display: block;
}
.flex_veilnet_box {
display: block;
width: auto;
min-height: 8em;
height: 8em;
margin: 0 0;
}
.flex_veilnet_box:nth-child(n+2) {
margin-top: 16px;
}
.flex_veilnet_double40,
.flex_veilnet_double60 {
display: block;
width: auto;
}
.flex_veilnet_double60 {
margin-top: 16px;
}
}
@media only screen and (max-width: 640px) {
.flex_veilnet_box {
min-height: 11em;
height: 11em;
}
}


.flex_veilnet_box h5 {
color: #191;
text-align: center;
  position: relative;
  display: inline-block;
  padding: 0 55px;
margin-bottom: 8px;
}

.flex_veilnet_box h5:before,
.flex_veilnet_box h5:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.flex_veilnet_box h5:before {
  left:0;
}
.flex_veilnet_box h5:after {
  right: 0;
}

.flex_veilnet_box p {
margin-top: 0;
margin-bottom: 0;
}

h4.title_listcheck_veilnet {
position: relative;
line-height: 150%;
padding: 0;
margin-bottom: 8px;
padding-left: 1em;
}
h4.title_listcheck_veilnet:before {
position: absolute;
	margin-left: -1.0em;
  font-family: "Font Awesome 5 Free";
    content: '\f46c';
	font-weight: 900;
	font-size: 90%;
	color: #191;
}

ul.list_check_veilnet {
margin: 0;
padding: 0;
}
ul.list_check_veilnet li {
display: block;
list-style: none;
margin: 0;
padding: 0;
padding-left: 1.2em;
line-height: 150%;
}
ul.list_check_veilnet li:nth-child(n+2) {
margin-top: 8px;
}
ul.list_check_veilnet li:before {
position: absolute;
	margin-left: -1.2em;
  font-family: "Font Awesome 5 Free";
    content: '\f14a';
	font-weight: 400;
	color: #191;
}
ul.list_ad10 li p {
	padding-left: 1.7em;
margin-bottom: 10px;
}

@media only screen and (max-width: 834px) {
h4.title_listcheck {
font-size: 4vw;
padding-left: 1.5em;
}
ul.list_ad10 li h5 {
font-size: 3vw;
}
}

table.table_veilnet {
table-layout: fixed;
width: 100%;
border: none;
background: none;
margin: 0;
padding: 0;
}
table.table_veilnet tr {
border: none;
background: none;
margin: 0;
padding: 0;
}
table.table_veilnet th,
table.table_veilnet td {
border: none;
background: none;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
margin: 0;
padding: 0.45em 0;
text-align: left;
font-weight: bold;
} 
table.table_veilnet th {
width: 4em;
} 


table.table_veilnet02 {
table-layout: fixed;
width: 100%;
background: none;
border-collapse: collapse;
margin: 0;
padding: 0;
}
table.table_veilnet02 tr {
border: none;
background: none;
margin: 0;
padding: 0;
}
table.table_veilnet02 th,
table.table_veilnet02 td {
background: none;
border: 1px solid #999;
margin: 0;
padding: 0.45em 0;
text-align: center;
font-weight: bold;
} 
table.table_veilnet02 th {
background-color: #F5F5F5;
} 

.flex_double2024 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_double2024only {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_double2024only_box {
display: block;
width: calc(100% / 2 - 12px);
}
.flex_double2024_box {
display: block;
width: calc(100% / 2 - 12px);
}
.flex_double2024_box:nth-child(n+3) {
margin-top: 24px;
}


@media only screen and (max-width: 834px) {
.flex_double2024 {
display: block;
}
.flex_double2024_box {
width: auto;
}
.flex_double2024_box:nth-child(n+2) {
margin-top: 16px;
}
.flex_double2024only_box {
display: block;
width: calc(100% / 2 - 4px);
}
}


table.table_kikaku_nowfilm {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
background: none;
}
table.table_kikaku_nowfilm tr, table.table_kikaku_nowfilm th, table.table_kikaku_nowfilm td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_kikaku_nowfilm th, table.table_kikaku_nowfilm td {
padding: 0.5em 0;
border-top:  1px solid #CCC;
border-bottom:  1px solid #CCC;
text-align: left;
}
table.table_kikaku_nowfilm th {
white-space: nowrap;
width: 8em;
text-align: center;
}

@media only screen and (max-width: 834px) {
table.table_kikaku_nowfilm th {
width: 4em;
text-align: center;
}
}


table.table_lineup {
	table-layout: fixed;
	width: 100%;
	border: 1px solid #094;
}
table.table_lineup tr {
	margin: 0;
	padding: 0;
}
table.table_lineup th, table.table_lineup td {
	margin: 0;
	padding: 10px;
	border-collapse: collapse;
	border: 1px solid #3A3;
	text-align: center;
	font-size: 100%;
}
table.table_lineup th {
	background-color: #3A3 !important;
	color: #FFF;
	font-weight: normal;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
table.table_lineup th:first-child {
	border-left: 1px solid #3A3;
}
 table.table_lineup th:last-child {
	border-right: 1px solid #3A3;
}


table.table_lineup200 {
	table-layout: fixed;
	width: 100%;
	border: 1px solid #3A3;
}
table.table_lineup200 tr {
	margin: 0;
	padding: 0;
}
table.table_lineup200 th, table.table_lineup200 td {
	margin: 0;
	padding: 10px;
	border-collapse: collapse;
	border: 1px solid #3A3;
	text-align: center;
	font-size: 100%;
}
table.table_lineup200 th {
	background-color: #3A3 !important;
	color: #FFF;
	font-weight: normal;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
table.table_lineup200 th:first-child {
	border-left: 1px solid #3A3;
}
 table.table_lineup200 th:last-child {
	border-right: 1px solid #3A3;
}
table.table_lineup200 td {
	background-color: #fbe6d9 !important;
}


table.table_lineup300 {
	table-layout: fixed;
	width: 100%;
	border: 1px solid #3A3;
}
table.table_lineup300 tr {
	margin: 0;
	padding: 0;
}
table.table_lineup300 th, table.table_lineup300 td {
	margin: 0;
	padding: 10px;
	border-collapse: collapse;
	border: 1px solid #3A3;
	text-align: center;
	font-size: 100%;
}
table.table_lineup300 th {
	background-color: #3A3 !important;
	color: #FFF;
	font-weight: normal;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
table.table_lineup300 th:first-child {
	border-left: 1px solid #3A3;
}
 table.table_lineup300 th:last-child {
	border-right: 1px solid #3A3;
}
table.table_lineup300 td {
	background-color: #e4f3fb !important;
}


/* パソコンではタイル型で表示 */
.slide-wrap {
  display: flex;
  margin: 0 auto;
  margin-bottom: 30px;
}


@media only screen and (max-width: 834px) {
.slide-wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  margin-bottom: 16px;
  }
table.table_lineup {
	min-width: 1080px;
}
table.table_lineup200 {
	min-width: 1080px;
}
table.table_lineup300 {
	min-width: 1080px;
}	
}


table.table_lineup th, table.table_lineup td {
	padding: 4px;
}

table.table_lineup200 th, table.table_lineup td {
	padding: 4px;
}
table.table_lineup300 th, table.table_lineup300 td {
	padding: 4px;
}

h4.title_mowfilm_size {
position: relative;
line-height: 150%;
padding: 0;
	font-weight: 400;
margin-bottom: 8px;
padding-left: 1em;
border-bottom: 1px solid #999;
}
h4.title_mowfilm_size:before {
position: absolute;
	margin-left: -1em;
	transform: translateY(-50%);
	top: 50%;
  font-family: "Font Awesome 5 Free";
    content: '\f5ae';
	font-weight: 900;
	color: #F60;
}



