html,body {width: 100%; box-sizing:border-box;}
* {font-family:Noto Serif JP;}
html { color:#111111; font-weight:400;font-family:Noto Serif JP;}
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
}
/*common*/
.cl {clear:both; font-size:0px; line-height:0px;}
img {border-style:none; vertical-align: bottom;}
form {margin:0px; padding:0px;}
.imgfl {float:left; margin:0px 40px 10px 0px;}
.imgfr {float:right; margin:0px 0px 10px 40px;}
.txt-s {font-size:10px; line-height:16px;}
.txt-m {font-size:12px; line-height:18px;}
.txt-l {font-size:17px; line-height:34px;}
.txt-l2 {font-size:18px; line-height:36px;}
.txt-l3 {font-size:20px; line-height:44px;}
.tar {text-align:right;}
.tac {text-align:center!important;}
.tal {text-align:left!important;}
.pctac {text-align:center!important;}
.pchid {display:none;}/*PCで非表示にするもの*/
.sphid {}/*スマホで非表示にするもの*/
.spimg {width:auto; height:auto; padding:0px 0px 10px 0px;}
a {color:#666666; text-decoration:none;}
a:hover {color:#999999; text-decoration:underline;}
strong {font-weight:600;}
/*box*/
.tx {padding:0px 0px 40px 0px;}
.tx2 {padding:0px 0px 20px 0px;}
.tx3 {padding:0px 0px 0px 0px;}
.tx_padding {padding:0px 0px 20px 0px;}
.tx p {margin:0px; padding:0px 0px 20px 0px;}
.tx2 p {margin:0px; padding:0px 0px 10px 0px;}
.tx3 p {margin:0px; padding:0px 0px 0px 0px;}
.tx_padding p {padding:0px 0px 10px 0px;}
/* ----- Index ----- */
.index {display:block;margin:0px; text-align:center; padding:0px 0px 40px 0px; margin-bottom:20px;}
.index_en {font-size:40px; line-height:50px; margin-bottom:10px; text-align:center; font-family:Mukta; font-weight:700; padding:0px 5px 0px 5px; color:#111111;}
.index_ja {font-weight:600;display:inline; color:#111111;margin:0px; padding:0px 0px 0px 0px;font-size:20px; line-height:38px; font-weight:600;}
.main_contents h1 {margin:0px 0px 30px 0px; margin:center; padding:20px 0px 20px 0px; text-align:center; font-size:30px; line-height:46px; font-weight:600;}
.main_contents h2 {margin:20px 0px 30px 0px; margin:center; padding:20px 0px 20px 0px; text-align:center; font-size:30px; line-height:46px; font-weight:600;}
.main_contents h3 {display:block; margin:0px 0px 20px 0px; padding:13px 15px 15px 0px; font-size:22px; line-height:30px; font-weight:600;}
.main_contents h4 {display:block; margin:0px 0px 20px 0px; padding:10px 15px 10px 15px;border-left:3px solid #695e4d; color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.main_contents h5 {display:block; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px;color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.engtitle {font-size:26px; line-height:26px; font-family:Mukta; font-weight:700;}
.jptitle {font-size:20px; line-height:20px; font-weight:600;}
.imgindex {display:block; margin:0px; padding:0px;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #4e8c36;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #bbbbbb;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
.ami {background-image:url(../images/ami.gif);}
/* ----- MainBox ----- */
.base {padding:70px 0px 70px 0px;}
.base2 {padding:0px 0px 50px 0px;}
.container {width:800px; margin:0px auto; }
.container600 {width:600px; margin:0px auto; }
.container_in {padding:40px 40px 40px 40px;}
/* ----- Main ----- */
body {background-color:#ffffff; min-width:1080px; margin:0px; text-align:left; padding:0px; color:#111111; position:relative;}
#spbase {width:100%; margin:0px auto;}
/*loading*/
.loading { position: fixed;z-index:9999999;top: 0; left: 0;width: 100%;height: 100%; display: flex; flex-direction: column;justify-content: center;}
.progress-container { width: 150px; margin:0px auto; height: 20px;rgba(0,0,0,0.0); background-color:#eeeeee; overflow: hidden; transform: rotate(-45deg);}
.progress-bar {width: 0%; height: 100%;background: linear-gradient(90deg, #111111, #111111); transition: width 0.3s ease;}
.loading-text {display:none;}
.loading_mask {position: fixed; z-index:9999999; width:100%; height:110vh; background-color:#ffffff; text-decoration:none;}
/* ----- Head ----- */
header {position:fixed; z-index:99999; top:0; left:0; width:100%; background:rgba(255,255,255,0.8);}
#header {width:100%; min-width:1080px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header h1 {display:block; text-align:center; width:280px; margin:0px; padding:0px; padding-top:10px; padding-bottom:10px;}
#header h1 img {width:90%; height:auto;}
#header_right {width:800px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_r_contactbox {width:22.8571%;}
#header_r_contactbox ul {margin:0px; padding:0px; display:flex; justify-content:flex-end; flex-wrap: wrap;}
#header_r_contactbox ul li {list-style:none; width:50%;}
#header_r_menu {width:77.14285%; display: flex; flex-direction: column;justify-content: center;}
#header_r_menu ul {margin:0px; padding:0px 30px 0px 30px; display:flex; justify-content:flex-end; flex-wrap: wrap;}
#header_r_menu ul li {list-style:none; padding-left:15px; padding-right:15px;}
#header_r_menu ul li a {font-size:15px; line-height:30px; font-weight:500;}
#header_r_menu ul li a {color:#222222; text-decoration:none;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#header_r_menu ul li a:hover {color:#999999; text-decoration:none;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
/* ----- TopImage----- */
.topimage {position:relative;}
.swiper-wrapper {}
.swiper-slide {height:0; padding-top:62.5%;background-size:cover;}
.slide1 {background-image:url(../images_v2/topimage/01.jpg);}
.slide2 {background-image:url(../images_v2/topimage/02.jpg);}
.slide3 {background-image:url(../images_v2/topimage/03.jpg);}
.slide4 {background-image:url(../images_v2/topimage/04.jpg);}
.slide5 {background-image:url(../images_v2/topimage/06.jpg);}
.slide6 {background-image:url(../images_v2/topimage/07.jpg);}
/*Introduction*/
#top_introduction { width:100%; padding-bottom:10%; padding-top:10%;}
#top_introduction_in {margin:0px auto; display: flex; justify-content: flex-end;}
#top_introduction_tx {writing-mode: vertical-rl; margin:0px auto;}
#top_introduction_tx h2 {display:inline; font-size:70px; font-weight:500; background-color:#444444; color:#ffffff; padding:20px; }
#top_introduction_tx_box {font-size:19px; font-weight:500; line-height:40px;margin-right:50px;}
/*Introduction2*/
#top_introduction2 {width:100%; padding-top:10%;padding-bottom:5%;}
#top_introduction2_in {width:1080px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;}
#top_introduction2_title {width:20%;}
#top_introduction2_title h2 {writing-mode: vertical-rl; font-size:30px; line-height:40px; font-weight:500; margin:0px; padding:0px;}
#top_introduction2_subtx {width:15%; padding-top:50px; writing-mode: vertical-rl; font-size:18px; line-height:28px; font-weight:400; display: flex; flex-direction: column;justify-content: center;}
#top_introduction2_main {width:60%; display:flex; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;}
.top_introduction2_box {width:30%; padding-top:50px; }
.top_introduction2_box h3 {height:100px; display: flex; flex-direction: column;justify-content: center; writing-mode: vertical-rl; font-size:26px;font-weight:500; width:100%; margin:0px auto; padding:0px; border-bottom:5px solid #000000; }
.top_introduction2_box_tx_out {display: flex; justify-content: center;align-items: center; flex-wrap: wrap;}
.top_introduction2_box_tx {writing-mode: vertical-rl; padding-top:40px; font-size:18px; line-height:28px; font-weight:400;}
/*Products*/
#products {width:100%; padding-top:5%;padding-bottom:5%; }
#products_in {width:1080px; margin:0px auto; display:flex; justify-content:flex-start; flex-wrap: wrap;}
.products_box {width:100%; display:flex; justify-content:flex-start; flex-wrap: wrap; }
.is-hidden {display:none;}
.products_container {width:23%; height:400px; overflow:hidden; margin:1%; position:relative;}
.products_container a img {width:100%; height:400px; object-fit: cover;}
.products_container a img {filter:grayscale(100%); object-fit: cover; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out;}
.products_container a img:hover {filter:grayscale(0%) brightness(0.6); transform: scale(1.05); object-fit: cover; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out;}
.products_more {width:300px; margin:0px auto; text-align:center;}
.products_more button {margin-top:20px; width:100%; height:60px; color:#ffffff; background-color:#444444; border:1px solid #444444; cursor:pointer;}
.products_more button:hover {margin-top:20px; width:100%; height:60px; color:#ffffff; background-color:#666666; border:1px solid #444444; cursor:pointer;}
.products_container .products_tx {opacity:0; position:absolute; top:40%; left:0; right:0; color:#ffffff; color:#ffffff; text-align:center; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out;}
.products_container:hover .products_tx {opacity:1; position:absolute; top:40%; left:0; right:0; color:#ffffff; color:#ffffff; text-align:center; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}
/*top news*/
#top_news {width:100%; padding-top:5%;padding-bottom:5%;}
#top_news_in {width:1080px; margin:0px auto; }
#top_news_in h2 {font-size:30px; line-height:40px; font-weight:500; margin:0px; padding:0px 0px 20px 0px;}
.news_gyo {}
.news_gyo a {padding:10px; background-color:#ffffff; color:#444444; display:flex; justify-content:space-between; flex-wrap: wrap; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.news_gyo a:hover {padding:10px; background-color:#f9f9f9; text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.news_date {width:13%; font-size:16px; line-height:26px; font-weight:500;}
.news_tx {width:87%;}
.news_tx_title { font-size:20px; line-height:30px; font-weight:500; color:#000000;}
.news_tx_detail { font-size:14px; line-height:26px; font-weight:400; color:#666666;}
/*foot*/
footer {background-color:#555555;}
#footer {width:100%; min-width:1080px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer h1 {display:block; text-align:center; width:280px; margin:0px; padding:0px; padding-top:10px; padding-bottom:10px;}
#footer h1 img {width:90%; height:auto;}
#footer_right {width:800px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_r_contactbox {width:22.8571%;}
#footer_r_contactbox ul {margin:0px; padding:0px; display:flex; justify-content:flex-end; flex-wrap: wrap;}
#footer_r_contactbox ul li {list-style:none; width:50%;}
#footer_r_menu {width:77.14285%; display: flex; flex-direction: column;justify-content: center;}
#footer_r_menu ul {margin:0px; padding:0px 30px 0px 30px; display:flex; justify-content:flex-end; flex-wrap: wrap;}
#footer_r_menu ul li {list-style:none; padding-left:15px; padding-right:15px;}
#header_r_menu ul li a {font-size:15px; line-height:30px; font-weight:500;}
#footer_r_menu ul li a {color:#ffffff; text-decoration:none;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#footer_r_menu ul li a:hover {color:#cccccc; text-decoration:none;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.blog_entry {}
.blog_entry img {max-width:100%; height:auto;}
.products_single img {width:100%; max-width:100%; height:auto;}
.alignleft {float:left; padding:10px;}
.alignright {float:right; padding:10px;}
.aligncenter {clear:both; text-align:center; padding:10px; margin:0px auto; display:block;}
.products_tag ul {display:flex; justify-content:flex-start; flex-wrap: wrap; margin:0px; padding:0px;}
.products_tag ul li {list-style:none; padding:5px;}
.products_tag ul li a {background-color:#999999; font-size:15px; color:#ffffff; padding:5px 10px 5px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.products_list {display:flex; justify-content:flex-start; flex-wrap: wrap;}
.products_list_box {width:23%; margin:1%;}
.products_list_box a {color:#000000;}
.products_list_box a:hover {text-decoration:none;}
.products_list_img {}
.products_list_img img {width:100%!important; height:280px; object-fit: cover; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.products_list_img img:hover {width:100%!important; height:280px; object-fit: cover; transform: scale(1.03); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.products_list_short_title {padding-top:5px; text-align:center; font-size:14px; line-height:22px;}
/*recruit*/
.recruit_shokushu_base {border:1px solid #cccccc; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; margin-bottom:10px; cursor:pointer;}
.recruit_shokushu_base summary {display:block; padding:15px 15px 15px 20px; font-size:22px; font-weight:500; text-align:center;}
.recruit_shokushu_base summary:active {display:block; padding:15px 15px 15px 20px; font-size:22px; font-weight:500; text-align:center;}
.recruit_shokushu {padding:20px; font-size:18px; line-height:36px;}
.recruit_shokushu_base {transition: .5s;}
.recruit_shokushu_base[open] {
background: #f5f5f5;
}
.privacy_policy_box {height:150px; overflow-y: scroll; background-color:#f5f5f5; font-size:13px; line-height:22px; padding:10px;}
/*catalog*/
.catalog {padding-bottom:0px; display:flex; justify-content:space-between; flex-wrap: wrap; border:1px solid #eeeeee; margin-bottom:20px;}
.catalog_title {width:60%; padding:20px; display: flex; flex-direction: column;justify-content: center;}
.catalog_bt {width:30%; padding:20px; display: flex; flex-direction: column;justify-content: center;}
.catalog_bt_in {display:block;text-align:center; font-weight:400; padding:10px 12px 10px 12px; background-color:#111111; color:#ffffff; text-align:center;}
@media screen and (max-width:640px){
.imgfl {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.imgfr {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.pchid {display:block;}
.sphid {display:none!important;}
.tabhid {display:none!important;}
.spimg {display:blokc; width:100%; max-width:270px; margin:0px auto;}
.pctac {text-align:left!important;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:14px; line-height:28px;}
.txt-l2 {font-size:16px; line-height:32px;}
.txt-l3 {font-size:18px; line-height:38px;}
.txt-l4 {font-size:24px; line-height:48px;}
/*index*/
.index {display:block;margin:0px; text-align:center; padding:20px 0px 20px 0px; margin-bottom:20px;}
.index_en {font-size:18px; line-height:30px; margin-bottom:10px; text-align:center; font-family:Mukta; font-weight:700; padding:0px 5px 0px 5px;color:#111111;}
.index_ja {font-weight:600;display:inline; color:#111111; margin:0px; padding:0px 0px 0px 0px;font-size:22px; line-height:36px; font-weight:600;}
.main_contents h1 {margin:0px 0px 30px 0px; margin:center; padding:20px 0px 20px 0px; text-align:center; font-size:24px; line-height:36px; font-weight:600;}
.main_contents h2 {margin:20px 0px 30px 0px; margin:center; padding:20px 0px 20px 0px; text-align:center; font-size:20px; line-height:30px; font-weight:600;}
.main_contents h3 {display:block; margin:0px 0px 20px 0px; padding:13px 15px 15px 0px; font-size:20px; line-height:30px; font-weight:600;}
.main_contents h4 {display:block; margin:0px 0px 20px 0px; padding:10px 15px 10px 15px;border-left:3px solid #695e4d; color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.main_contents h5 {display:block; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px;color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #d5d5d5;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #d5d5d5;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
/* ----- MainBox ----- */
.base {padding:20px 0px 20px 0px;}
.container {width:96%; margin:0px auto; display:block;}
.container600 {width:96%; margin:0px auto; display:block;}
.container_in {padding:10px;}
/* ----- Main ----- */
body {padding-top:60px; min-width:auto;}/*スマホ版メニュー分下げる*/
#spbase {width:100%; min-width:320px;}
/* ----- Head ----- */
header {position:fixed; z-index:99999; top:0; left:0; width:100%; background:rgba(255,255,255,0.8);}
#header {width:100%; min-width:auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header h1 {display:block; text-align:left;; width:100%; margin:0px; padding:0px; padding-top:0px; padding-bottom:0px;}
#header h1 img {width:80%; max-width:390px; height:auto;}
#header_right {width:100%; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_r_contactbox {display:none;}
#header_r_menu {display:none;}
/* ----- TopImage----- */
.topimage {position:relative;}
.swiper-wrapper {}
.swiper-slide {height:0; padding-top:62.5%;background-size:cover;}
/*Introduction*/
#top_introduction {width:100%; margin:0px auto; padding-bottom:20%; padding-top:20%;}
#top_introduction_in {width:90%; margin:0px auto;margin:0px auto; display: flex; justify-content: flex-end;}
#top_introduction_tx {writing-mode: horizontal-tb; margin:0px auto;}
#top_introduction_tx h2 {display:inline; font-size:25px; font-weight:500; background-color:#444444; color:#ffffff; padding:20px; }
#top_introduction_tx_box {font-size:15px; line-height:30px; font-weight:400;margin-right:0px; margin-top:50px;}
/*Introduction2*/
#top_introduction2 {width:100%; padding-top:10%;padding-bottom:15%;}
#top_introduction2_in {width:90%; margin:0px auto; display:block;}
#top_introduction2_title {width:100%;}
#top_introduction2_title h2 {writing-mode: horizontal-tb; font-size:26px; line-height:36px; font-weight:500; margin:0px; padding:0px;}
#top_introduction2_main {width:100%; display:block;}
#top_introduction2_subtx {width:100%; padding-top:30px; writing-mode: horizontal-tb; font-size:18px; line-height:28px; font-weight:400; display: flex; flex-direction: column;justify-content: center;}
.top_introduction2_box {width:100%; padding-top:20px; }
.top_introduction2_box h3 {writing-mode: horizontal-tb; padding-top:20px; padding-bottom:10px; height:auto; display: flex; flex-direction: column;justify-content: center; font-size:20px;font-weight:500; width:100%; margin:0px auto; border-bottom:5px solid #000000; }
.top_introduction2_box_tx_out {display: flex; justify-content: center;align-items: center; flex-wrap: wrap;}
.top_introduction2_box_tx {writing-mode: horizontal-tb; padding-top:20px; font-size:18px; line-height:28px; font-weight:400;}
/*Products*/
#products {width:100%; padding-top:10%;padding-bottom:10%; }
#products_in {width:100%; margin:0px auto; display:flex; justify-content:flex-start; flex-wrap: wrap;}
.products_box {width:100%; display:flex; justify-content:flex-start; flex-wrap: wrap; }
.is-hidden {display:none;}
.products_container {width:48%; height:300px; overflow:hidden; margin:1%; position:relative;}
.products_container a img {width:100%; height:400px; object-fit: cover;}
.products_container a img {filter:grayscale(100%); object-fit: cover; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out;}
.products_container a img:hover {filter:grayscale(0%) brightness(0.6); transform: scale(1.05); object-fit: cover; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out;}
.products_more {width:300px; margin:0px auto; text-align:center;}
.products_more button {margin-top:20px; width:100%; height:60px; color:#ffffff; background-color:#444444; border:1px solid #444444; cursor:pointer;}
.products_more button:hover {margin-top:20px; width:100%; height:60px; color:#ffffff; background-color:#666666; border:1px solid #444444; cursor:pointer;}
.products_container .products_tx {opacity:0; position:absolute; top:40%; left:0; right:0; color:#ffffff; color:#ffffff; text-align:center; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out;}
.products_container:hover .products_tx {opacity:1; position:absolute; top:40%; left:0; right:0; color:#ffffff; color:#ffffff; text-align:center; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}
/*top news*/
#top_news {width:100%; padding-top:5%;padding-bottom:5%;}
#top_news_in {width:90%; margin:0px auto; }
#top_news_in h2 {font-size:30px; line-height:40px; font-weight:500; margin:0px; padding:0px 0px 20px 0px;}
.news_gyo {}
.news_gyo a {padding:10px; background-color:#ffffff; color:#444444; display:flex; justify-content:space-between; flex-wrap: wrap; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.news_gyo a:hover {padding:10px; background-color:#f9f9f9; text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.news_date {width:100%; font-size:16px; line-height:26px; font-weight:500;}
.news_tx {width:100%;}
.news_tx_title { font-size:20px; line-height:30px; font-weight:500; color:#000000;}
.news_tx_detail { font-size:14px; line-height:26px; font-weight:400; color:#666666;}
/*foot*/
footer {background-color:#555555;}
#footer {width:100%; min-width:320px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer h1 {display:block; text-align:center; width:280px; margin:0px; padding:0px; padding-top:10px; padding-bottom:10px;}
#footer h1 img {width:90%; height:auto;}
#footer_right {width:100%; display:block;}
#footer_r_contactbox {width:50%; margin:0px auto;}
#footer_r_contactbox ul {margin:0px; padding:0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_r_contactbox ul li {list-style:none; width:50%;}
#footer_r_menu {width:100%; display: flex; flex-direction: column;justify-content: center;}
#footer_r_menu ul {margin:0px; padding:0px 30px 10px 30px; display:block;}
#footer_r_menu ul li {list-style:none; text-align:center; padding-left:0px; padding-right:0px;}
#footer_r_menu ul li a {display:block; width:100%; border:1px solid #999999; padding:5px 0px 5px 0px; margin-bottom:2px; font-size:15px; line-height:26px; font-weight:500;}
#footer_r_menu ul li a {color:#ffffff; text-decoration:none;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#footer_r_menu ul li a:hover {color:#cccccc; text-decoration:none;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.products_list {display:block;}
.products_list_box {width:100%; margin:0px; margin-bottom:30px;}
/*catalog*/
.catalog {padding-bottom:0px; display:block; border:1px solid #eeeeee; margin-bottom:20px;}
.catalog_title {width:100%; padding:20px 10px 0px 10px; display: flex; flex-direction: column;justify-content: center;}
.catalog_bt {width:100%; padding:10px; display: flex; flex-direction: column;justify-content: center;}
.catalog_bt_in {display:block;text-align:center; font-weight:400; padding:10px 12px 10px 12px; background-color:#111111; color:#ffffff; text-align:center;}
}