@charset "utf-8";

/**********リセット**********/
*{margin:0; padding:0; box-sizing:border-box; list-style:none; font-weight:normal; line-height:1;}

/*iOSでのデフォルトスタイルをリセット*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: rgb(239, 239, 239);
  color: #333;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  opacity:0.8; transition:.5s;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/**********共通**********/
html{font-size:62.5%;}
body{font-family:'BIZ UDPGothic', sans-serif; font-size:1.6rem; color:#333;}
.inner{max-width:1200px; margin:auto;}

.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.fl{float:left;}
.fr{float:right;}
.spacer{height:40px;}

a,a:hover{color:#333; text-decoration:none; cursor:pointer;}
a:hover{opacity:0.8; transition:.5s;}
img{max-width:100%; height:auto; vertical-align:top;}

input[type="text"],input[type="email"],input[type="password"],input[type="tel"],select,textarea{
padding:10px; border-radius:2px; border:1px #ccc solid; margin-bottom:5px; font-size:1.6rem; width:100%;
}
select{width:100%;}
input[type="submit"],input[type="button"]{outline:none; cursor:pointer; font-size:1.6rem; font-weight:700; padding:20px 40px; font-family:'BIZ UDPGothic', sans-serif;}
_::-webkit-full-page-media, _:future, :root select{
-webkit-appearance:none; -moz-appearance:none; appearance:none;
}

/*FontAwesome*/
.fa_ico:before{font-family:'Font Awesome 5 Free','Font Awesome 5 Brands'; font-weight:700; margin-right:5px;}
.fa_ico:after{font-family:'Font Awesome 5 Free','Font Awesome 5 Brands'; font-weight:700; margin-left:5px;}

/*YouTubeレスポンシブ表示*/
.youtube iframe{
aspect-ratio:16/9;
width:100%;
height:auto;
}

/**********ヘッダ**********/
header{background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2);}
.header_column{display:flex; justify-content:space-between; align-items:center; height:90px;}
.header_column .logo h1 a{display:flex; gap:10px; align-items:center;}
.header_column .logo h1 .logo{width:70px; height:60px;}
.header_column .logo h1 .logo_cn{width:280px; height:auto;}
.header_column .logo h1 .logo_cn_en{width:200px; height:auto;}
.header_column .logo h1 .sub{display:block; font-size:1.4rem; font-weight:700; margin-bottom:10px;}
.header_column .logo h1 .name{display:block; font-size:2.2rem; font-weight:700;}

.h_menu{display:flex; gap:30px; align-items:center;}
.h_menu_l .lang{margin-bottom:15px;}
.h_menu_l .lang .menu_list{display:flex; column-gap:20px; row-gap:5px; justify-content:flex-end;}
.h_menu_l .lang .menu_list a{font-size:1.4rem; font-weight:700;}
.h_menu_l .lang .menu_list a:before{content:'\f105'; color:#00b0b0;}
.h_menu_l .main_menu .menu_list{display:flex; column-gap:40px;}
.h_menu_l .main_menu .menu_list li{text-align:center;}
.h_menu_l .main_menu .menu_list li.rsp{display:none;}
.h_menu_l .main_menu .menu_list a{position:relative; font-weight:700;}
.h_menu_l .main_menu .menu_list a:after{position:absolute; left:0; bottom:-5px; content:''; width:100%; height:3px; background:#fff;}
.h_menu_l .main_menu .menu_list a:hover:after{background:#ffb111; transition:.5s;}
.h_menu_r .menu_list a{display:block; background:#00b0b0; color:#fff; font-size:1.4rem; font-weight:700; text-align:center; padding:22px 10px; height:90px;}
.h_menu_r .menu_list a i{display:block; font-size:20px; margin-bottom:12px;}

/*レスポンシブ用*/
#menu-btn-check{display:none;}

/**********メイン**********/
main{}
section{margin:60px auto;}
article{}

h1,h2,h3{font-weight:700; line-height:1.8;}

/*トップページ*/
.slider{max-width:1200px; margin:auto; position:relative;}
.slider .ccopy{position:absolute; top:50%; right:100px; transform:translateY(-50%); width:680px; text-align:center; padding:20px; background:rgba(255,255,255,.8); z-index:1;}
.slider .ccopy .txt1{display:block; font-size:2.4rem; line-height:1.5; margin-bottom:20px;}
.slider .ccopy .txt2{display:block; font-size:2.0rem;}
.slider .ccopy .txt2 .cl_00b0b0{color:#00b0b0; font-weight:700;}
.slider .ccopy .txt2 .cl_ffb111{color:#ffb111; font-weight:700;}

section#news{}
section#news h2{font-size:2.4rem; font-weight:700; text-align:center; margin-bottom:40px;}
section#news h2 span{position:relative;}
section#news h2 span:before{position:absolute; left:0; bottom:-20px; content:''; width:100%; height:3px; background:#00b0b0;}
section#news h2 span:after{position:absolute; right:0; bottom:-20px; content:''; width:50%; height:3px; background:#ffb111;}
.more{text-align:right; margin-bottom:10px;}
.more a{font-size:1.4rem;}
.more a:before{content:'\f105'; color:#00b0b0;}
.link_blank a{text-decoration:underline;}
.news_list{border:1px #ccc solid;}
.news_list li{border-bottom:1px #ccc solid;}
.news_list li:last-child{border-bottom:0;}
.news_list a{display:block; padding:20px;}
.news_list a:hover{background:#f5f5f5;}
.news_list a .date{font-size:1.2rem; color:#ccc; margin-right:20px; display:inline-block;}

section#topics{}
.topics_column{display:flex; gap:40px; justify-content:center; align-items:center;}
.topics_column .block{max-width:580px; position:relative;}
.topics_column .block .txt{position:absolute; bottom:70%; left:50%; transform:translateX(-50%); font-size:2.4rem; color:#00b0b0; text-align:center; line-height:1.2;}

/*個別ページ*/
section#page{}
section#page h2{font-size:2.4rem; font-weight:700; line-height:1.2; color:#00b0b0; text-align:center; margin-bottom:40px;}
section#page h3{font-size:2.0rem; font-weight:700; line-height:1.2; text-align:center; margin-bottom:20px;}
.post{max-width:1000px; margin:auto;}
.post p{line-height:1.8; margin-bottom:20px;}
.post ul.page_list{padding-left:40px; margin-bottom:40px;}
.post ul.page_list li{line-height:1.2; list-style:disc; margin-bottom:10px;}
.post ul.page_list li:last-child{margin-bottom:0;}
.post table{border-collapse:collapse; width:100%; margin-bottom:20px;}
.post table th,
.post table td{padding:15px; border:1px #ccc solid; line-height:1.2;}
.post table th{background:#f5f5f5; text-align:left; font-weight:700;}
.post table p:last-child{margin-bottom:0;}
.post table ul.page_list{margin-bottom:0;}
.post p a{text-decoration:underline; color:#00b0b0;}
.post p a:hover{text-decoration:none;}

.products_column{display:flex; gap:40px;}
.products_column .block{flex:1;}
.products_column .block a{display:block; padding:20px; text-align:center; color:#fff;}
.products_column .block a.pro_1{background:#00b0b0;}
.products_column .block a.pro_2{background:#ffb111;}
.products_column .block a i{display:block; font-size:20px; margin-bottom:10px;}
.product_block{border:1px #ccc solid; padding:20px; position:relative;}
.product_block .sub_name{font-size:2.0rem; color:#00b0b0; margin-bottom:20px;}
.product_block .name{font-size:2.0rem; line-height:1.2; border-left:5px #00b0b0 solid; padding-left:10px; margin-bottom:20px;}
.product_block .pdf_button{position:absolute; top:20px; right:20px; font-size:1.4rem; font-weight:700; color:#00b0b0;}
.product_block .pdf_button:before{content:'\f15c';}
.detail_column{display:flex; gap:20px;}
.detail_column .left,
.detail_column .right{flex:1;}
.detail_column .img{margin:20px auto; text-align:center;}
.detail_column .jis{font-size:1.4rem; line-height:2; text-align:center;}
.detail_column table{table-layout:fixed; font-size:1.4rem;}
.detail_column table th,
.detail_column table td{padding:10px;}
.detail_column table th{color:#00b0b0;}
.pro_menu{display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin-bottom:40px;}
.pro_menu a{display:block; width:150px; text-align:center; padding:10px; background:#f5f5f5; color:#00b0b0; border:1px #00b0b0 solid;}
.pro_menu a:before{content:'\f105';}

.kasozai_column{display:flex; gap:40px; margin-bottom:40px;}
.kasozai_column .pic{width:360px;}
.kasozai_column .txt{width:calc(100% - 400px);}

.contact_form th{width:300px;}
.contact_button{text-align:center; margin-bottom:20px;}
.contact_comfirm{border:1px #ccc solid; border-radius:20px; padding:20px; text-align:center;}
.contact_comfirm p{margin-bottom:0;}
.att{background:#ffb111; color:#fff; font-size:1.2rem; border-radius:5px; padding:2px 4px; margin-left:5px;}
.hosoku{display:block; font-size:1.4rem;}
.mw_wp_form_confirm .hosoku{display:none;}
.wpcf7-spinner{display:block !important;}
.grecaptcha-badge{margin-bottom:110px;}

/*記事ページ*/
.breadcrumbs{font-size:1.2rem; max-width:1200px; margin:10px auto;}
.pagenavi{clear:both; font-size:1.4rem; text-align:center;}
.pagenavi .prev{float:left;}
.pagenavi .prev:before{font-family:"Font Awesome 5 Free"; font-weight:700; content:"\f104"; color:#00b0b0; margin-right:5px;}
.pagenavi .next{float:right;}
.pagenavi .next:after{font-family:"Font Awesome 5 Free"; font-weight:700; content:"\f105"; color:#00b0b0; margin-left:5px;}
.pagenavi .to_list{color:#00b0b0; display:inline-block; border:1px #00b0b0 solid; padding:10px;}
.wp-pagenavi a,
.wp-pagenavi span{display:inline-block; font-size:1.4rem;}
.single_date{font-size:1.4rem; text-align:right;}

/**********フッタ**********/
footer{position:relative; padding-top:40px;}
footer:before{position:absolute; left:0; top:0; content:''; width:100%; height:3px; background:#00b0b0;}
footer:after{position:absolute; right:0; top:0; content:''; width:50%; height:3px; background:#ffb111;}
.footer_content .menu_list{display:flex; gap:30px; justify-content:center; flex-wrap:wrap; margin-bottom:40px;}
.footer_content .menu_list a{font-weight:700;}
.footer_content .logo{text-align:center;}
.footer_content .logo .logo{width:70px; height:60px; margin-bottom:20px;}
.footer_content .logo .logo_cn{width:280px; height:auto;}
.footer_content .logo .logo_cn_en{width:200px; height:auto;}
.footer_content .logo .sub{display:block; font-size:1.4rem; font-weight:700; margin-bottom:10px;}
.footer_content .logo .name{display:block; font-size:2.2rem; font-weight:700; margin-bottom:20px;}
.footer_content .address{text-align:center; font-size:1.4rem; line-height:1.5; margin-bottom:40px;}
.copyright{font-size:1.4rem; text-align:center; margin-bottom:20px;}
#pagetop{position:fixed; right:20px; bottom:20px; background:rgba(239,239,239,.8); border-radius:50%; width:80px; height:80px;}
#pagetop:before{font-family:"Font Awesome 5 Free"; font-weight:700; font-size:40px; content:"\f077"; color:#00b0b0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/**********レスポンシブ**********/
@media(max-width:1200px){
.inner{padding:0 20px;}
.breadcrumbs{padding:0 20px;}
.h_menu_l .main_menu .menu_list{column-gap:20px;}
.h_menu_l .main_menu .menu_list li{max-width:140px;}
}/*1200*/

@media(max-width:1024px){
/*レスポンシブメニューここから*/
.menu-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  background: #00b0b0;
  z-index: 3;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: '';
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
}
.menu-btn span:before {
  bottom: 8px;
}
.menu-btn span:after {
  top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
  background: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span:before {
  bottom: 0;
  transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span:after {
  top: 0;
  transform: rotate(-45deg);
}
.menu-content {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 100%;
  transition: all 0.5s;
  padding-top: 60px;
  background: rgba(255,255,255,.9);
  z-index: 2;
}
#menu-btn-check:checked ~ .menu-content {
  left: 0;
}
.h_menu_l .main_menu .menu_list{flex-direction:column;}
.h_menu_l .main_menu .menu_list li{border-bottom:1px #00b0b0 solid;}
.h_menu_l .main_menu .menu_list li a{display:block; padding:20px; text-align:left;}
#menu-btn-check:checked ~ .menu-content .menu_list li.rsp{display:block;}
/*レスポンシブメニューここまで*/

.header_column{justify-content:flex-start; column-gap:20px;}
.h_menu_l .lang{margin-bottom:0;}
.h_menu_l .lang .menu_list{flex-direction:column;}
.h_menu_l .main_menu .menu_list a:after{content:none;}
.h_menu_r{display:none;}
.slider .ccopy{top:auto; bottom:0; right:auto; transform:none; width:100%;}
.topics_column{flex-direction:column;}
.kasozai_column{flex-direction:column; align-items:center;}
.kasozai_column .txt,
.kasozai_column .pic{width:auto;}
.post table.rsp th,
.post table.rsp td{display:block; width:100%;}
.detail_column{flex-direction:column;}
}/*1024*/

@media(max-width:834px){}/*834*/

@media(max-width:600px){
html{font-size:50%;}
section{margin:40px auto;}
.inner{padding:0 10px;}
.breadcrumbs{padding:0 10px;}
.header_column{justify-content:center;}
.header_column .logo h1 .txt{display:none;}
.slider .ccopy{position:static;}
#pagetop{width:50px; height:50px;}
#pagetop:before{font-size:30px;}
}/*600*/

@media(max-width:430px){}/*430*/
@media(max-width:375px){}/*375*/