@charset "utf-8";
/*
Theme Name: theme611
Theme URI: http://theme.o2gp.com/
Description: theme611
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;letter-spacing: 1px;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, header-2, hgroup, menu, nav, section {display: block;}

body{
font:16px "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#252525;
-webkit-text-size-adjust: none;
	background:#fff;
}

.slide_txtbx {position: absolute;top:55%;left: 13%;color: #fff;text-align: center;font-weight: 700;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.slide_txt01 {font-size: 44px;font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;letter-spacing: .1em;position: relative;display:inline-block;margin:10px auto;background-color:#77C44E;padding:10px 40px;}
.slide_txt01 span{display: block;font-size: 27px;}

html{background:#fff;}

.right{text-align:right;}
.left{text-align:left;}
.ctr{text-align:center;}
.pos_rel{position:relative;z-index:2;}
.m_topre5{margin-top:-5px;}

.f_s15{font-size:15px;}
.f_s18{font-size:18px;}
.f_s20{font-size:20px;}
.f_s22{font-size:22px;}
.f_s24{font-size:24px;}
.f_s25{font-size:25px;}
.f_s26{font-size:26px;}
.f_s28{font-size:28px;}
.f_s32{font-size:32px;}
.f_s18b{font-size:18px;font-weight:bold;}
.f_s20b{font-size:20px;font-weight:bold;}

.ltr_s1{letter-spacing:1px;}
.ltr_s4{letter-spacing:4px;}

.m_btm10{margin-bottom:10px;}
.m_btm20{margin-bottom:20px;}
.m_btm30{margin-bottom:30px;}
.m_btm40{margin-bottom:40px;}
.m_btm50{margin-bottom:50px;}
.m_btm60{margin-bottom:60px;}
.m_btm70{margin-bottom:70px;}
.m_btm80{margin-bottom:80px;}
.m_btm90{margin-bottom:90px;}
.m_btm100{margin-bottom:100px;}

.mbtm1p{margin-bottom:1%;}
.mbtm2p{margin-bottom:2%;}
.mbtm3p{margin-bottom:3%;}
.mbtm4p{margin-bottom:4%;}
.mbtm5p{margin-bottom:5%;}
.mbtm10p{margin-bottom:10%;}
.mbtm20p{margin-bottom:20%;}

.mtop1p{margin-top:1%;}
.mtop2p{margin-top:2%;}
.mtop3p{margin-top:3%;}
.mtop4p{margin-top:4%;}
.mtop5p{margin-top:5%;}
.mtop10p{margin-top:10%;}
.mtop15p{margin-top:15%;}
.mtop30p{margin-top:30%;}

.m_top10{margin-top:10px;}
.m_top20{margin-top:20px;}
.m_top30{margin-top:30px;}
.m_top40{margin-top:40px;}
.m_top50{margin-top:50px;}
.m_top60{margin-top:60px;}
.m_top70{margin-top:70px;}
.m_top80{margin-top:80px;}
.m_top90{margin-top:90px;}
.m_top100{margin-top:100px;}

.m_right8{margin-right:8px;}
.m_right80{margin-right:80px;}

.m_left50{margin-left:50px;}
.m_left80{margin-left:80px;}

.m_rl38{margin:0 38px;}
.m_rl60{margin:0 60px;}

.m_auto{margin:0 auto;}

.p_left20{padding-left:20px;}
.p_left50{padding-left:50px;}
.p_left80{padding-left:80px;}
.p_left145{padding-left:145px;}

.p_w30{padding: 0 30px;}
.p_h15{padding: 15px 0;}

.p_top30{padding-top:30px;}
.p_top50{padding-top:50px;}

.max_320{width:100%;max-width:320px;}
.max_500{width:100%;max-width:500px;}
.max_720a{width:100%;max-width:720px;}
.max_720b{width:100%;max-width:720px;}
.max_750{width:100%;max-width:750px;}
.max_800{width:100%;max-width:800px;}

.w_45p{width:100%;max-width:45%;}
.w_75p{width:100%;max-width:75%;}
.w_80p{width:100%;max-width:80%;}
.w_90p{width:100%;max-width:90%;}

.w_420px{width:100%;max-width:420px;}
.width_100{margin:-6px;width: 100%;}

.l_h15{line-height:1.5;}
.l_h18{line-height:1.8;}
.l_h2{line-height:2;}

.f_bold{font-weight:bold;}

.bor_b{border-bottom:1px solid #CCCCCC;}
.bor_n{border:0;}

.bg_grn{background:#F2F2F2;padding:60px 70px;}
.bg_grn02{background:#F2F2F2;padding:60px 70px;position:relative;z-index:1;}
.bg_grn03{background:#F2F2F2;padding:60px 70px;position:relative;z-index:1;}
.bg_white{background:rgba(255,255,255,0.8);padding:5% 8%;position:relative;}
.bg_sgrn{background:#F5FCF5;padding:40px 50px;}

.f_or {color: #f44336;}
.pc_none{display:none;}
.de_none {display:none;}
.news_bbox01{margin:50px auto;}
#header h2 img,#header-2 h2 img{width:100%;}
.f_box span{color:#77C44E;}

.small_inner{width:100%;max-width:480px;margin:0 auto;}
.inline_inner{width:100%;max-width:890px;margin:0 auto;}
.outline_inner{width:100%;max-width:1100px;margin:0 auto;}

.ctr{text-align:center;}
.ctrt{text-align:right;}

.outline_fx{display:flex;width:100%;max-width:1100px;}

.fx{display:flex;}
.fx02{display:flex;}
.fx_btw{display:flex;justify-content:space-between;}
.fx_ard{display:flex;justify-content:space-around;}
.fx-re{display:flex;flex-direction: row-reverse;}
.fx-re02{display:flex;flex-direction: row-reverse;}
.actr{align-items:center;}

.d_none{display:none;}

.red_f{color:#CC0702;letter-spacing: 4px;}
.red_fo{color:#CC0702;}
.blue_f{color:#002fa3;letter-spacing: 4px;}
.blue_fo{color:#002fa3;}
.f_bold{font-weight:bold;}
.f_normal{font-weight:normal;}
.v_ctr{vertical-align:middle;}

.top_bg01 h2.title .blue_f,.red_box h2.title .blue_f,h2.title .blue_f{color:#002fa3;letter-spacing: 4px;}
.top_bg01 h2.title .blue_fo,.red_box h2.title .blue_fo{color:#002fa3;}
.blue_box h2.title .blue_f{color: #002fa3;letter-spacing: 4px;}
.blue_box h2.title span {color: #191919;position: relative;font-weight: bold;font-size: 40px;letter-spacing: 4px;}
.blue_box h2.title {width: 100%;padding: 35px 0;}

.logo_tel img{width:15px;height:21px;}
.yu_go{font-family:"游ゴシック", "Yu Gothic";}
.tbl_ctt{width: 100%;max-width: 90%;margin: 10px auto 20px!important;}

.naname{transform: rotate(-45deg);}

.f_list a{color:#fff;}
.ft_fx img{width:100%;}

.uncategorized{display:none;}
.news_list li{list-style:none!important;border-bottom:2px solid #CCCCCC;padding:0 30px 10px;}
.news_date{margin-right:60px;}
.blue_back{background-color:#002FA3!important;}

.yoko_scroll02{display:none;}
#header ul li a:hover, #header-2 ul li a:hover{transition: 0.3s ease-in-out;opacity: 0.4;}

/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#252525;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#222;
}

.br_hover{position: relative;display: inline-block;text-decoration: none;color: #CC0702;font-weight: bold;transition:.5s;font-size:20px;}
.br_hover::after {position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 2px;background: #CC0702;transform-origin: left top;transform: scale(1, 1);transition: transform .3s;}
.br_hover:hover::after {transform: scale(0, 1);transform-origin: right top;transition: transform .3s;}
.br_hover:hover{color:#CC0702;}

.br02_hover{position: relative;display: inline-block;text-decoration: none;color: #002FA3;font-weight: bold;transition:.5s;font-size:20px;}
.br02_hover::after {position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 2px;background: #002FA3;transform-origin: left top;transform: scale(1, 1);transition: transform .3s;}
.br02_hover:hover::after {transform: scale(0, 1);transform-origin: right top;transition: transform .3s;}
.br02_hover:hover{color:#002FA3;}

.top_imgb{width:170px;height:130px;margin:0 auto 10px;display:block;}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,#footer:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post,#footer{zoom: 1;}

/*　矢印　*/
.scrollanime {opacity: 0;overflow: hidden;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
 
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(80%);}
.slide-left {transform: translateX(-80%);}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #A0A0A0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fff;
}

textarea{height:auto;line-height:1.5;width:100%;}
.wpcf7-form .wpcf7-submit {width: 150px !important;height: 40px !important;margin-bottom: 50px;}

.blue input[type="submit"],.blue input[type="reset"],.blue input[type="button"]{padding:3px 10px;background: #002fa3;border:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;line-height:1.5;font-size:100%;color:#fff;transition:.5s;}

.blue input[type="submit"]:hover,.blue input[type="reset"]:hover,.blue input[type="button"]:hover{background: #fff;cursor:pointer;border:1px solid #002fa3;color:#002fa3;transition:.5s;}

input[type="submit"],input[type="reset"],input[type="button"]{padding:3px 10px;background: #CC0702;border:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;line-height:1.5;font-size:100%;color:#fff;transition:.5s;}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{background: #fff;cursor:pointer;border:1px solid #CC0702;color:#CC0702;transition:.5s;}

*:first-child+html input[type="submit"]{padding:3px;}

/* レイアウト
------------------------------------------------------------*/
.hd_info{font-size: 18px;font-weight: bold;color:#fff;text-align: right;margin-top:-10px;}
.hd_info span{font-weight: bold;}
.hd_info .fas{color:#1e6460;}
#wrapper, .inner{
margin:0 auto;
width:1100px;
}

#bg_ichi{background:url(images/bg_ichi.png) no-repeat;background-size:cover;padding:30px 0;}

header .inner {margin: 0 auto 0;width: 100%;max-width: 95%;display: flex;justify-content: space-between;align-items: center;}

#header{
overflow:hidden;
background:#CC0702;
}

#header-2{
overflow:hidden;
background:#002FA3;
}

#content{
width:100%;
padding:0;
}

#sidebar{
float:right;
width:225px;
padding:30px 0;
display:none;
}

#footer{
clear:both;
}

.menu span{display:none;}

.outline_inner{width:100%;max-width:1100px;margin:0 auto;}
.in_inner{width:100%;max-width:900px;margin:0 auto;}
.flow_fx{display: flex;margin: 0 auto;text-align: center;justify-content: space-around;flex-wrap: wrap;}
h4.triangle{font-size:20px;position:relative;padding-left:25px;color: #fff;font-weight:bold;font-family: "游ゴシック", "Yu Gothic";}
h4.triangle:before{position:absolute;content:"";width:20px;height:20px;display:inline-block;border:10px solid transparent;box-sizing:border-box;border-left-color:#fff;top:10px;left:0;}
h4.triangle:hover{opacity:0.5;}
#footer ul li a:hover{opacity:0.5;color:#fff;}


/* ヘッダー
*****************************************************/
#header .bg{background:#CC0702;}

.panel{margin:0 auto;width:100%;max-width:1100px;}

/* ヘッダー */
.hd_top{background: url(images/front_01.jpg) no-repeat ; background-size: cover; background-position: center;padding: 20px 0 0;}
.hd_top02{background: url(images/front_04.jpg) no-repeat ; background-size: cover; background-position: center;padding: 20px 0 0;}
.hd_company{background: url(images/hd_company.jpg) no-repeat ; background-size: cover; background-position: center;padding:20px 0;}
.hd_reform{background: url(images/hd_reform.jpg) no-repeat ; background-size: cover; background-position: center;padding:20px 0;}
.hd_archive{background: url(images/hd_archive.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_contact{background: url(images/hd_contact.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_single{background: url(images/hd_news.jpg) no-repeat ; background-size: cover; background-position: center;padding:20px 0;}
.t_box{position:absolute;left:0;right:0;margin:44px auto!important;}
.temhd{background: url(images/themb.jpg) no-repeat ; background-size: cover; background-position: center;padding:30px 0;}
.hd_ffacility{background: url(images/h2_fact.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_mfacility{background: url(images/h2_msetsu.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_fcompany{background: url(images/h2_company.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_mcompany{background: url(images/h2_mcompany.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_mcontact{background: url(images/h2_mcontact.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_ftechnology{background: url(images/h2_tec.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_mtechnology{background: url(images/h2_mtec.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_fnews{background: url(images/h2_news.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_mnews{background: url(images/h2_mnews.jpg) no-repeat ; background-size: cover; background-position: center;}

.hd_top h2.title,.hd_top02 h2.title{background:none;font-weight:bold;}

.news_list .cat{display:none;}

.front_flex {display: flex;justify-content: center;flex-direction:row-reverse;margin: 0 0;}
.front_flex02 {display: flex;justify-content: center;margin: 0 0;}

.front_bx01 {background: url(images/front_02.jpg) no-repeat center center;width: 50vw;background-size: cover;}
.front_bx05 {background: url(images/front_03.jpg) no-repeat center center;width: 50vw;background-size: cover;}
.front_bx06 {background: url(images/front_05.jpg) no-repeat center center;width: 50vw;background-size: cover;}
.front_bx07 {background: url(images/front_06.jpg) no-repeat center center;width: 50vw;background-size: cover;}
.front_bx02{width: 50vw;color: #fff;background:#BA672F;padding: 40px 0 90px;}
.front_bx08{width: 50vw;color: #fff;background:#77C44E;padding: 40px 0 90px;}
.front_bx03{width: 100%;max-width: 461px;margin-left: auto;margin-right: 100px;}
.front_bx04{width: 100%;max-width: 461px;margin-right: auto;margin-left: 100px;}
#front_bg01 {background: url(images/front_07.jpg) no-repeat center #ddd;background-size: cover;width: 100%;padding: 60px 0 65px;}
.front_mainbx01 {background: rgba(255,255,255,.8);width: 1100px;margin: 0 auto;min-height: 280px;color: #333;padding:45px 0 0;}
.front_mainbx01 .about_mainbx02 {padding: 0 10%;line-height: 2;}
.thumb_box{width:326px;height:auto;}
.thumb_box img{width:100%;max-width:326px;height:auto;}
.rec_box{width:100%;max-width:449px;}
.news_box{padding:15px 30px;}
.main{position:relative;}

/* 会社概要 */
#com_bg01 {background: url(images/com_01.jpg) no-repeat center #ddd;background-size: cover;width: 100%;padding: 60px 0 65px;}
.com_mainbx01 {background: rgba(255,255,255,.8);width: 890px;margin: 0 auto;min-height: 233px;color: #333;}
.bg_grn02:before{position:absolute;content:"";bottom:30px;left:0;width:503px;height:813px;background: url(images/com_bgb.png) no-repeat;z-index:-1;}
.bg_grn02:after{position:absolute;content:"";top:50px;right:0;width:536px;height:832px;background: url(images/com_bga.png) no-repeat;z-index:-1;}
.bg_grn03:before{position:absolute;content:"";bottom:30px;left:0;width:534px;height:733px;background: url(images/com_bga02.png) no-repeat;z-index:-1;}
.bg_grn03:after{position:absolute;content:"";top:50px;right:0;width:503px;height:745px;background: url(images/com_bgb02.png) no-repeat;z-index:-1;}
.com_box{background:#fff;-moz-box-shadow: 1px 2px 20px -3px rgba(173, 173, 173, 0.8);-webkit-box-shadow: 1px 2px 20px -3px rgba(173, 173, 173, 0.8);-ms-box-shadow: 1px 2px 20px -3px rgba(173, 173, 173, 0.8);box-shadow: 1px 2px 20px -3px rgba(173, 173, 173, 0.8);padding:30px 0;position: relative;z-index:1;}
.com_bg01{position:relative;z-index:0;}
.com_bg01:before{position:absolute;top:0;left:0;content:"";background:url(images/com_bg01.png) no-repeat;width:100%;max-width:845px;height:597px;}
.com_bg01:after{position:absolute;bottom:0;right:0;content:"";background:url(images/com_bg02.png) no-repeat;width:100%;max-width:845px;height:597px;z-index:0;}

/* 技術紹介 */
.box_title{font-size:38px;font-weight:bold;line-height: 65px;text-align:center;}
.box_title02{font-size:38px;font-weight:bold;line-height: 65px;text-align:left;}
.tec_bg01{background:url(images/tec_bg01.png) no-repeat;background-size:75% auto;background-position:top center;padding-bottom:50px;}
.tec_fx01{display:flex;justify-content:space-between;margin:120px auto 50px;}
.tec_box01 img{width:134px;text-align: center;margin: 20px auto;display: block;}
.tec_box01{width: 100%;max-width: 300px;border: 2px solid #1A1A1A;padding:20px;font-weight:bold;}
.tec_sbox01{display: block;background: #fff;text-align: center;padding: 10px;border: 2px solid #191919;margin-top: -75px;}
.tec_box02{width: 100%;max-width: 546px;margin-right: auto;font-weight:bold;line-height:2;}
.tec_box04{width: 100%;max-width: 546px;margin-left: auto;font-weight:bold;line-height:2;padding-left:150px;}
.tec_00{display: block;margin-left: auto;margin-right: 50px;}
.tec_002{display: block;margin-right: auto;margin-left: 50px;}
.tec_box02 span{font-weight:bold;display:block;font-size:32px;line-height: 1.4;position:relative;}
.tec_box04 span{font-weight:bold;display:block;font-size:32px;line-height: 1.4;position:relative;}
.tec_box03 img{width:65px;padding-right:30px;}
.tec_box03{margin-bottom:30px;margin-left: -20px;}

/* トップページ */
.top_bg01{background:url(images/top_bg01.png) no-repeat;background-size:cover;background-position:top center;padding:40px 0 110px;}
.ftop_bg01{background:url(http://www.yamatai-mfg.co.jp/wpyama/wp-content/uploads/2021/02/ftop_bg01.png) no-repeat;background-size:cover;background-position:top center;padding:40px 0 110px;}
.top_bg01 h2.title,.red_box h2.title{width:100%;padding: 35px 0;font-family: "游ゴシック", "Yu Gothic"!important;}
h2.title span,h2.title2 span{font-family: "游ゴシック", "Yu Gothic";}
.top_bg02 .box_title02{font-family: "游ゴシック", "Yu Gothic";}
.top_bg02 .box_title02 .blue_f{font-family: "游ゴシック", "Yu Gothic";}
.top_bg01 h2.title .red_f,.red_box h2.title .red_f{color: #CC0702;letter-spacing: 4px;}
.top_bg01 h2.title span,.red_box h2.title span {color: #191919;position: relative;font-weight: bold;font-size: 40px;letter-spacing: 4px;}
.top_bg01 h2.title:before,.red_box h2.title:before{background:url(images/h2_tlogo.svg) no-repeat;}
.blue_h2 h2.title:before{background:url(http://www.yamatai-mfg.co.jp/wpyama/wp-content/uploads/2021/02/h2_tlogo02.svg) no-repeat;}
.top_bg02{position:relative;z-index:1;}
.top_bc01{position:absolute;top:0;right:0;width:80%;background:#F7F7F7;height:597px;z-index:-1;}
.top_bg03{-moz-box-shadow: 1px 1px 13px 8px rgba(132, 132, 132, 0.29);-webkit-box-shadow: 1px 1px 13px 8px rgba(132, 132, 132, 0.29);-ms-box-shadow: 1px 1px 13px 8px rgba(132, 132, 132, 0.29);box-shadow: 1px 1px 13px 8px rgba(132, 132, 132, 0.29);padding:20px 0;margin-top: -70px;position: relative;z-index: 1;background:#fff;}
.top_box01{width: 100%;max-width: 262px;-moz-box-shadow: 1px 1px 13px 5px rgba(132, 132, 132, 0.2);-webkit-box-shadow: 1px 1px 13px 5px rgba(132, 132, 132, 0.2);-ms-box-shadow: 1px 1px 13px 5px rgba(132, 132, 132, 0.2);box-shadow: 1px 1px 13px 5px rgba(132, 132, 132, 0.2);background:#fff;}
.red_bb{font-size:20px;color:#fff;text-align:center;background:#CC0702;padding:5px 0;}
.blue_bb{font-size:20px;color:#fff;text-align:center;background:#002FA3;padding:5px 0;}
.top_box02{padding:3px 8px 10px;background:#fff;}
.top_box03{width:100%;max-width:90%;padding-top:10px;margin:0 auto;}
.top_bg04{position:relative;height: 405px;margin-top: 100px;}
.top_bg05{position:absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);z-index:1;}
.animated{z-index:1;position:relative;}
.main_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index:999;font-size: 40px;line-height: 60px;color: #fff;-moz-text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.8);-webkit-text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.8);-ms-text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.8);text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.8);font-family: "游ゴシック", "Yu Gothic";font-weight:bold;width: 100%;}

/* reform */
#ref_bg01 {background: url(images/ref_01.jpg) no-repeat center #ddd;background-size: cover;width: 100%;padding: 270px 0;position: relative;}
.ref_mainbx01{width: 551px;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);overflow: hidden;z-index: 5;padding: 30px 0 70px;background: rgba(255,255,255,.8);}
.ref_mainbx02{padding:10px 12%;}
.ref_bg{background:url(images/bg_ref.jpg) no-repeat;padding:60px 70px;background-size:cover;background-position:center;}
.ref_tgrn{color:#77C44E;display:block;font-size:26px;padding-bottom:20px;font-weight:bold;}
.ref_fx{display:flex;justify-content:space-around;background:#fff;padding:30px 0 25px;align-items:center;margin:25px 0;}
.ref_box01{width:100%;max-width:440px;}
.ref_box02{width:100%;max-width:497px;}

/* サイト説明文 + 住所
----------------------------------*/
#header h1,#header-2 h1,#header p{
float:left;
padding:3px 0;
color: #fff;
font-size:90%;
font-weight:normal;
}

#header p{
float:right;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2,#header-2 h2{
clear:both;
float:left;
padding:30px 0 10px;
color: #444;
font-size:160%;
font-weight:bold;
}

/* サブナビゲーション
----------------------------------*/
#header ul,#header-2 ul{float:right;line-height: 110px;}

#header ul li{
display:inline;
margin-left:10px;
}

#header ul li a,#header-2 ul li a{
padding-left:15px;
background:url(images/arrowSub.png) no-repeat 0 50%;
color: #fff;
font-weight:bold;
font-size:18px;
transition: 0.3s ease-in-out;
}
#header ul li a:hover{background-position:3px 50%;color: #fff;transition: 0.3s ease-in-out;opacity:0.2;}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
line-height:0;
text-align:center;
z-index:0;
background:#CC0702;
padding-bottom:70px;
position:relative;
}
#mainImg .main_00{width:100%;height:auto;position:relative;max-width: 55%;text-align: left;display: block;-moz-box-shadow: 10px 10px 35px -7px rgba(66, 66, 66, 0.85);
-webkit-box-shadow: 10px 10px 35px -7px rgba(66, 66, 66, 0.85);
-ms-box-shadow: 10px 10px 35px -7px rgba(66, 66, 66, 0.85);
box-shadow: 10px 10px 35px -7px rgba(66, 66, 66, 0.85);}

.main_box{position: absolute;right: 0;bottom: 0;margin-bottom:0;-moz-box-shadow: -5px -3px 35px -7px rgba(66, 66, 66, 0.85);
-webkit-box-shadow: -5px -3px 35px -7px rgba(66, 66, 66, 0.85);
-ms-box-shadow: -5px -3px 35px -7px rgba(66, 66, 66, 0.85);
box-shadow: -5px -3px 35px -7px rgba(66, 66, 66, 0.85);width:100%;max-width:35%;}
.tbox01{width:100%;max-width:33%;}
.tbox02{width:100%;max-width:22%;}

#mainImg a:hover img{opacity:.9;}

article.archive span{padding-left:10px;}

#breadcrumbs ul{display:flex;}

.box{overflow: hidden;position: relative;width: 100%;cursor: pointer;}
.box-bg01{background: url(http://www.yamatai-mfg.co.jp/wpyama/wp-content/uploads/2021/02/all_01.jpg) center center / cover no-repeat;width: 100%;height: 100vh;position: relative;z-index: 0;transition: .3s ease-in-out;}
.box-bg02{background: url(http://www.yamatai-mfg.co.jp/wpyama/wp-content/uploads/2021/02/all_02.jpg) center center / cover no-repeat;width: 100%;height: 100vh;position: relative;z-index: 0;transition: .3s ease-in-out;}
.box-bg01:hover{transform: scale(1.1);}
.box-bg01::before{content: "";height: 100%;position: absolute;width: 100%;z-index: -1;}
.box-bg02:hover{transform: scale(1.1);}
.box-bg02::before{content: "";height: 100%;position: absolute;width: 100%;z-index: -1;}
.box-text{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);pointer-events: none;}
.all_box01{font-size:24px;font-family: "游ゴシック", "Yu Gothic";font-weight:bold;background:url(images/all_bbg02.png) no-repeat;background-size: contain;background-position:center;padding: 130px 100px 120px 120px;}
.all_box01 span{font-size:42px;font-weight:bold;font-family: "游ゴシック", "Yu Gothic";}
.sample1-2::before{left: 3px;width: 25px;height: 4px;background: #fff;}
.sample1-2::after{left: 3px;width: 22px;height: 22px;border-top: 4px solid #fff;border-right: 4px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.arrow{position: relative;display: block;padding: 20px 0;color: #fff;vertical-align: middle;text-decoration: none;font-size: 15px;margin-top: 15px;}
.arrow::before,
.arrow::after{position: absolute;top: 0;bottom: 0;left: 40%;margin: auto;content: "";vertical-align: middle;}
.toppage{position:relative;}
.all_b01{position:absolute;top:10%;color:#fff;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);font-family: "游ゴシック", "Yu Gothic";font-weight:bold;font-size:46px;text-align:center;}
.all_b01 span{font-size:41px;}
.all_b02{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);color:#fff;}
.all_b03{position:absolute;bottom:12%;color:#fff;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width:846px;text-align:center;margin:0 auto;font-size:28px;font-family: "游ゴシック", "Yu Gothic";font-weight:bold;}
.diamond__inner{font-size:24px;font-weight:bold;font-family: "游ゴシック", "Yu Gothic";}
.diamond__inner span{font-size:36px;font-family: "游ゴシック", "Yu Gothic";}
.diamond{background:url(images/all_bbg01.png) no-repeat;background-size: contain;background-position:center;padding: 150px;}

.none #breadcrumbs ul li:nth-child(3){display:none;}
.none #breadcrumbs ul li:nth-child(4){display:none;}

/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:30px 0 5px;
padding:5px 0;
font-size:130%;
}

h2.title {width: 315px;font-size: 30px;padding: 35px;margin: 25px auto;text-align: center;position:relative;}
h2.title:before{position:absolute;content:"";top:0;background:url(images/h2_logo.svg) no-repeat;width:197px;height:127px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}

h2.title2 {width: 315px;font-size: 30px;font-weight:bold;padding: 35px;margin: 25px auto;text-align: center;position:relative;}
h2.title2:before{position:absolute;content:"";top:0;background:url(images/h2_logo02.svg) no-repeat;width:197px;height:127px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
h2.title span{color: #fff;position: relative;font-weight: bold;font-size: 40px;letter-spacing: 4px;}

h2.title2 span{color: #fff;position: relative;font-weight: bold;font-size: 40px;letter-spacing: 4px;}

h2.first{margin-top:25px;}

.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:15px;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin:5px 0 0 15px;
list-style:disc;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1, .post h2, .post h3, .post h4{clear:both;}

.post h1{
margin:20px 0;
padding:5px 10px;
font-size:150%;
color: #fff;
border-radius:4px;
background:#4b88db;
box-shadow:0 0 3px rgba(0,0,0,0.2); 
}

.post h3{
margin:10px 0;
font-size:120%;
font-weight:normal;
color:#777;
}

h3.com_mds{font-weight: bold;font-size: 36px;text-align: center;padding: 30px 1.3em;color: #252525;position:relative;display: table;margin: 0 auto;letter-spacing: 4px;}
h3.com_mds::before {position: absolute;content: url("images/h3_logo.svg");width:21px;height: 21px;}
h3.com_mds::before {left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);top:-15px;}
h3.com_mds::after {left: 5%;top: 27px;}

h3.com_mds02{font-weight: bold;font-size: 36px;text-align: center;padding: 30px 1.3em;color: #252525;position:relative;display: table;margin: 0 auto;letter-spacing: 4px;}
h3.com_mds02::before {position: absolute;content: url("images/h3_logo02.svg");width:21px;height: 21px;}
h3.com_mds02::before {left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);top:-15px;}
h3.com_mds02::after {left: 5%;top: 27px;}

.about_mainbx02{padding: 0 10%;}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}
.column-1 {vertical-align:middle!important;}

.post table{
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
width:100%;
}

.post table th{
padding:7px 10px 7px 5px;
border-width: 0 0 1px 1px;
font-weight:bold;
}

.wpcf7-form input {
    width: 75% !important;
}

.post table td{
padding:20px 35px;
border-width: 0 0 1px 1px;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

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

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}
.btn--orange,
a.btn--green {color: #fff;background-color: #77C44E;border-radius:2px;padding:15px 50px;display:inline-block;margin:0 auto;transition:.5s;}
.btn--green:hover,
a.btn--green:hover {color: #77C44E;background: #fff;border:1px solid #77C44E;transition:.5s;}


/* フッター　ウィジェット
*****************************************************/
.widgetWrap{
margin: 0 0 20px;
padding: 3px;
border:1px solid #fff;
background:#f4f4f4;
box-shadow:0 0 3px rgba(0,0,0,0.5); 
}

section.widget, .widgetInfo,#calendar_wrap{
padding: 10px 7px;
border:1px solid #eee;
background: #fff;
}

#banners img{
max-width:300px;
height:auto;
margin-bottom:10px;
box-shadow:0 0 3px rgba(0,0,0,0.5); 
}

#banners a:hover img{box-shadow:0 0 4px rgba(255,255,255,0.7);}

section.widget h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:100%;
font-weight:normal;
color: #333;
border-bottom:1px solid #ccc;
}

section.widget a{
display:block;
padding:3px 0 3px 13px;
background:url(images/arrow.png) no-repeat 0 50%;
}

section.widget ul.sub-menu{margin-left:10px;}

section.widget a:hover{background-position: 3px 50%;}

#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:100px;
vertical-align:bottom;
}


/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;background:none;padding:0;text-decoration:underline;}
#calendar_wrap table td#prev a, #calendar_wrap table td#next a{text-decoration:none;}


/* お知らせ　
-------------*/
.newsTitle{clear:both;margin:0 0 20px;padding:5px 0;font-size:100%;color: #333;border-bottom:1px solid #ccc;}

.newsTitle h3{float:left;font-weight:normal;}

.newsTitle p{float:right;padding:0 0 0 10px;font-size:.8em;background:url(images/arrow.png) no-repeat 0 50%;}

.news p{clear:both;padding-bottom:2px;border-bottom: 1px solid #ccc;}

.news p:last-child{border:0;}

.news p a{display:block;padding:5px 0;color:#333;font-style:italic;font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.news a span{color:#777;font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}

.news span{padding-left:10px;}

.news a:hover span{color:#222;}



/* フッター
*****************************************************/
#footerWrapper{width:990px;margin-right:-30px;}

#footer aside{float:left;width:300px;margin-right:30px;}

#copyright{clear:both;padding:5px;text-align:center;font-size:90%;zoom:1;color:#fff;background:transparent;}

#footer {clear: both;}
#footer ul li {display: inline-block;vertical-align: text-top;text-align: left;padding: 5px 0;margin: 0 20px;font-size: 18px;}
#footer ul li a {display: block;padding: 0 0 0 12px;overflow: hidden;}
.footer_inner{padding: 20px 0;}
.f_box{font-size:16px;}

.ft_fx{display: flex;justify-content: space-between;width: 100%;max-width: 1100px;margin: 0 auto 20px;line-height: 2;align-items:center;}
.flow_bx {background: url(images/flow_bg.jpg) no-repeat center;background-size: cover;padding: 62px 0;}
.flow_line {background: rgba(255,255,255,.5);width: 100%;max-width: 1100px;border-radius: 9px;margin: 0 auto;padding:5px 36px 36px;text-align: center;}
.flow_txt01 {font-size: 25px;text-align: center;line-height: 25px;margin-bottom: 30px;}
.f_list ul{display:flex;}
.ft_cbg{background:url(images/f_bg01.jpg);padding:45px 0;}
#ft_btm{background: url(http://www.yamatai-mfg.co.jp/wpyama/wp-content/uploads/2021/02/f_bg02.jpg) no-repeat;padding: 50px 0 0;color:#fff;background-size:cover;}
.ft_cbg02{background:url(images/f_bbg01.jpg);padding:45px 0;}
#ft_btm02{background: url(images/f_bbg02.jpg) no-repeat;padding: 50px 0 0;color:#fff;background-size:cover;}
.ft_cnt{width:100%;max-width:460px;border:1px solid #fff;padding:15px 10px;color:#fff;font-weight:bold;font-size:22px;text-align:center;display:block;transition:.5s;line-height: 35px;}
.ft_cnt02{background:#fff;width:100%;max-width:482px;text-align:center;padding:10px 0;color:#CC0702;display:block;font-weight:bold;transition:.5s;}
.ft_cnt02:hover{background:#CC0702;width:100%;max-width:482px;text-align:center;padding:10px 0;color:#fff;display:block;font-weight:bold;transition:.5s;border:2px solid #fff;}
.ft_cnt03{background:#fff;width:100%;max-width:482px;text-align:center;padding:10px 0;color:#002FA3;display:block;font-weight:bold;transition:.5s;}
.ft_cnt03:hover{background:#002FA3;width:100%;max-width:482px;text-align:center;padding:10px 0;color:#fff;display:block;font-weight:bold;transition:.5s;border:2px solid #fff;}
.fcon_box{width:100%;max-width:482px;}
.page-item-45{display:none!important;}

/* page navigation
------------------------------------------------------------*/
.pagenav{clear:both;width: 100%;height: 30px;margin: 5px 0 20px;}

.prev{float:left}

.next{float:right;}

#pageLinks{clear:both;text-align:center;}


/* トップページ 最新記事3件
------------------------------------------------------------*/
.thumbWrap{width:990px;margin:20px -35px 20px 0;}

.thumbWrap li{float:left;width:300px;margin:0 30px 0 0;padding:2px 0 40px;background:none;}

/* 最新記事リンク */
ul.thumb h3{margin-top:10px;padding:3px;font-weight:normal;font-size:100%;text-align:center;border:1px solid #e2e2e2;border-radius:4px;background:url(images/tp.png);}

ul.thumb h3 span{display:block;padding:5px 3px;border-radius:3px;background:#8fc8ee url(images/mainnavBg.png) repeat-x;}

ul.thumb h3 a{color:#fff;}

ul.thumb h3:hover span{background:#444;}


/* メインメニュー
------------------------------------------------------------*/
.fix-header{line-height:66px;top:-66px;left:0;text-align:center;width:100%;margin:0 auto;color:#fff;position:fixed;opacity:0;z-index:1000;background:#CC0702;}
#header-2 .fix-header{line-height:66px;top:-66px;left:0;text-align:center;width:100%;margin:0 auto;color:#fff;position:fixed;opacity:0;z-index:1000;background:#002FA3;}
.fix-header-contents{width:100%;margin:0 auto;display:flex;justify-content:space-between;max-width: 95%;}
.fix-header ul{list-style-type:none}
.fix-header li{float:left;margin-right:32px}
.fix-header li a,.fix-header li a:visited{color:#fff;text-decoration:none}
.fix-header li:last-child{margin-right:0}
#fix-header-logo{display:flex;width:45%;padding-top:20px;}
#fix-header-logo h1{color:#000;text-align:left;text-align:left;padding-left:30px}
#fix-header-logo .head_h1{max-width:100%}
#fix-header-logo img{width:100%;z-index:999;position:relative}
#fix-header-menus{text-align:right}
#scroll-fix-menu img{padding-bottom:5px;border-bottom:2px solid #fff}
#scroll-fix-menu .current-menu-item img{border-bottom:2px solid #0f142a}
#scroll-fix-menu a img:hover{border-bottom:2px solid #0f142a;transition:border-color .6s ease-out}
.main-navigation .on-off{display:none;}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a {color:#fff;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;opacity:0.4;}

nav#mainNav {clear: both;position: relative;z-index: 200;padding-bottom:20px;}

nav#mainNav ul li{float: left;position: relative;}

nav#mainNav ul li:first-child{}

nav#mainNav ul li a {font-weight: bold;display: block;text-align: center;float: left;height: 40px;line-height: 40px;padding:15px 38px 0px;;font-size:120%;color:#fff;transition: 0.3s ease-in-out;}

nav#mainNav ul li a span,nav#mainNav ul li a strong{display:block;font-size:90%;line-height:1.4;}

nav#mainNav ul li a span{
font-size:70%;
}

nav#mainNav ul ul{width:160px;}

nav#mainNav ul li ul{display: none;}

nav#mainNav ul li:hover ul{display: block;position: absolute;top:60px;left:0;z-index:500;}

nav#mainNav ul li li{padding:0 0 0 10px;margin:0;float: none;height:40px;line-height:40px;width:160px;border:0;background:#8fc8ee url(images/mainnavBg.png) repeat-x;border-bottom:1px solid #fff;}

nav#mainNav ul li li:first-child{border-left:0;}

nav#mainNav ul li li a{width:100%;height:40px;padding:0 0 0 ;line-height:40px;font-size:95%;text-align:left;}

nav#mainNav ul li li.current-menu-item a{font-weight:bold;}

nav#mainNav ul li li:hover{background:url(images/mainnavBg.png) repeat-x 0 100%;}

nav#mainNav ul li:hover ul li:last-child{border:0;}
.menu span {display: none;}

@media only screen and (max-width: 1700px){
	.all_b01 span {font-size: 35px;}
	.all_b01{font-size:30px;}
	.all_box01 span{font-size:35px;}
}
@media only screen and (max-width: 1600px){
	.all_box01 span{font-size:30px;}
	.all_box01{font-size:19px;padding: 90px 70px 60px 80px;}
	.all_box01 span{font-size:26px;}
	.all_b03{font-size:25px;}
}

@media only screen and (max-width: 1500px){
	.slide_txtbx {top:50%;left: 10%;}
	.slide_txt01 {font-size: 40px;}
	.top_bg01 h2.title span, .red_box h2.title span,.box_title02{font-size:33px;}
	h2.title:before{width:174px;}
	.all_b01 span {font-size: 30px;}
	.diamond{padding:90px;}
	.diamond__inner{font-size:17px;}
	.diamond__inner span{font-size:25px;}
}

@media only screen and (max-width: 1280px){
	.slide_txtbx {top: 50%;}
	.slide_txt01 {font-size: 35px;}
	.fx .tec_00,.fx-re .tec_002{max-width:50%;}
	.fx02 .tec_00,.fx-re02 .tec_002{max-width:50%;}
	.tec_box04{padding-left:100px;max-width:40%;}
	.tec_box02{max-width:40%;}
	.tec_box04 span,.tec_box02 span{font-size:27px;}
	.bg_grn02:after{background-size:contain;width: 350px;}
	.bg_grn02:before{background-size:contain;bottom: -100px;width: 370px;}
	.bg_grn03:after{background-size:contain;width: 350px;}
	.bg_grn03:before{background-size:contain;bottom: -100px;width: 370px;}
	.top_bg01{padding: 20px 0 70px;margin-bottom: -5px;}
	.top_bg01 h2.title span, .red_box h2.title span, .box_title02 {font-size: 30px;}
}

@media only screen and (max-width: 1024px){
	.slide_txt01 {font-size: 30px;}
	.slide_txtbx {top: 50%;left: 35%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
	.front_bx03 {max-width: 80%;margin-right: 50px;}
	.front_bx04 {max-width: 80%;margin-left: 50px;}
	.front_mainbx01{width:80%;}
	.thumb_box {height: auto;width: 260px;}
	.tcom_box{;margin: 50px auto 0;}
	.rec_box{max-width: 40%;}
	.ft_fx,header .inner,.outline_inner{max-width:95%;}
	nav#mainNav ul li a{padding: 15px 20px 0px;font-size: 110%;}
	.ref_mainbx01{width:50%;left:45%;}
	.ref_box01{max-width: 48%;}
	.ref_box02{max-width:45%;}
	.sp_w45{width:45%;}
	.inner{width:95%;}
	h2.title span,.box_title,h2.title2 span{font-size:35px;}
	h3.com_mds{font-size:32px;}
	.ft_cnt02,.ft_cnt03{max-width:400px;margin:0 auto;font-size:24px;}
	.ft_fx img {width: 90%;}
	.fix-header li{margin-right:0;}
	.post table td{padding:20px;}
	.bg_white {padding:5% 6%;}
	.bg_grn02{padding: 60px 50px;}
	.bg_grn{padding:60px 0;}
	.fac_box01{width:100%;max-width:45%;margin:0 auto;}
	.tec_box01{max-width:28%;}
	.tec_sbox01{font-size:16px;}
	.tec_box04 span, .tec_box02 span {font-size: 24px;}
	.fx .tec_00, .fx-re .tec_002 {max-width: 45%;}
	.fx02 .tec_00, .fx-re02 .tec_002 {max-width: 45%;}
	.tec_box03 img {width: 55px;}
	.max_500 {max-width: 450px;}
	.max_320 {max-width: 300px;}
	.top_bg02 .w_75p {max-width: 90%;}
	.box_title02{line-height:55px;}
	.red_bb,.blue_bb,.top_box03{font-size:17px;}
	.top_box01{max-width:220px;}
	.top_bg04 .outline_inner{max-width:90%;}
	.slide-left img{margin-top:68px;}
	.all_b01, .all_b01 span{font-size:22px;}
	.all_b03{font-size:20px;}
	.all_box01{font-size:15px;}
	.all_box01 span{font-size:20px;}
	.sample1-2::after{width:17px;height:17px;}
	.sample1-2::before{width:22px;}
	.arrow{margin-top:5px;}
	.diamond__inner{font-size:15px;}
	.diamond__inner span{font-size:22px;}
}

@media only screen and (max-width: 959px){
	.max_320 {max-width: 220px;}
	.bg_grn03{padding: 60px 10px;}
	.p_w100 iframe{width:100%;}
	.pc_none{display:inline;}
	.sp_none,.hd_info{display:none;}
	.h_fx{display:flex;justify-content:space-between;}
	.sp_logo img,.thumb_box{width:100%;}
	#header h2{padding:0;}
	.h_fx{align-items:center;padding: 10px;}
	.slide_txtbx {top: 50%;left: 40%;width:100%;}
	.slide_txt01{padding: 5px 15px;}
	.temhd{padding:20px 0;}
	#nav-content .hd_info{display:inline-block;margin-top: 20px;margin-left: 25px;}
	.hd_info span{color:#fff;}
	.front_flex,.front_flex02{flex-direction:column-reverse;}
	.front_bx02,.front_bx08{width:100%;padding: 20px 0 60px;}
	.front_bx01,.front_bx05,.front_bx06,.front_bx07{width:100%;height:300px;}
	.front_bx03{margin-right:auto;}
	.front_bx04{margin-left:auto;}
	h3.com_mds02{font-size:30px;}
	.front_mainbx01{padding:0;}
	.front_mainbx01 .about_mainbx02{padding:40px 8%;}
	.rec_box{max-width:80%;margin-top: 20px;}
	.f_list{margin-right: 20px;margin-top: 20px;}
	.ref_mainbx01{left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 70%;top:10%;padding: 30px 0 50px;}
	#ref_bg01{padding:250px 0;}
	.ref_box02{max-width:80%;}
	.ref_fx{flex-direction:column-reverse;}
	.ref_box01 {max-width: 75%;margin-top: 20px;}
	.bg_sgrn{width: 100%;max-width: 80%;margin: 40px auto 0;}
	.sp_rot{transform: rotate(-30deg);margin-bottom: 15px;}
	.com_mainbx01{max-width: 80%;padding: 0 0 35px;min-height:0;}
	.com_box{margin:20px auto;text-align:center;}
	.bg_grn{padding: 60px 0px;}
	.post table td.column-1{padding: 20px 0;}
	.post table td.column-2{padding: 20px 15px;}
	.inner {width: 80%;}
	#header ul{float:none;display:flex;flex-direction:column;}
	.bg_grn02 {padding: 60px 10px;}
	.fx_ard{flex-direction:column;align-items:center;}
	.fac_box01{margin-bottom:30px;}
	.tec_fx01{flex-direction:column;align-items:center;}
	.tec_box01 {max-width: 75%;margin-bottom: 100px;padding: 20px 30px;}
	.tec_box01:last-child{margin-bottom:0;}
	.tec_sbox01{width: 100%;max-width: 60%;margin: -75px auto 0;}
	.tec_sbox01 {font-size: 18px;}
	.fx-re02,.fx02{flex-direction:column-reverse;align-items:center;margin-bottom: 50px;}
	.tec_box02{max-width:80%;margin-right:0;}
	.fx02 .tec_00, .fx-re02 .tec_002 {max-width: 75%;margin:0;}
	.tec_box04{padding:0;max-width:80%;margin-left:0;}
	.tec_box03{margin-left:auto;}
	.fx_btw{align-items:center;}
	.max_500,.max_320{margin-bottom:30px;}
	.fcon_box{margin-top:30px;}
	.ft_fx{flex-direction:column;}
	.ft_fx img{width:100%;}
	#ft_btm{background-position:center;}
	.f_box {font-size: 18px;}
	.fx_btw{flex-direction:column;}
	.inline_inner{max-width:80%;}
	header .inner {margin: 0px auto 0;}
	.sp_ctr{text-align:center;}
	#header ul li a:hover{color: #fff;}
	.box-bg02,.box-bg01{height:50vh;}
	.all_b03 {font-size: 20px;width: 90%;margin: 0 auto;bottom: 4%;}
	.all_b01, .all_b01 span {font-size: 22px;width: 90%;}
	.all_b01{top:4%;}
	
	/*チェックボックス等は非表示に*/
.nav-unshown {display:none;}

/*アイコンのスペース*/
#nav-open {display: inline-block;width: 30px;height: 22px;vertical-align: middle;margin-right:10px;}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {position: absolute;height: 3px;/*線の太さ*/width: 30px;/*長さ*/border-radius: 3px;background: #fff;display: block;content: '';cursor: pointer;}
#nav-open span:before {bottom: -8px;}
#nav-open span:after {bottom: -16px;}

/*閉じる用の薄黒カバー*/
#nav-close {display: none;/*はじめは隠しておく*/position: fixed;z-index: 99999;top: 5%;/*全体に広がるように*/right: 26px;width:7%;height: 5%;background:#C61414;opacity: 0.8;transition: .3s ease-in-out;}
#header-2 #nav-close{background-color:#002FA3;}
#nav-close img{display:block;margin:0px auto;padding: 5px 5px 7px;background: #C61414;}
#nav-close .menu_blue{display:block;margin:0px auto;padding: 5px 5px 7px;background: #002FA3;}
/*中身*/
#nav-content {overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;/*最前面に*/width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/max-width: 100%;/*最大幅（調整してください）*/height: 100%;background:rgba(38,31,31,0.9);/*背景色*/transition: .3s ease-in-out;/*滑らかに表示*/-webkit-transform: translateX(-105%);transform: translateX(-105%);/*左に隠しておく*/padding-top:2%;color:#fff;}
#nav-content ul li{margin-top:;margin-bottom:2%;padding-left:3%;}
	
#nav-content ul li a{color:#fff;font-size: 130%;}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {display: block;/*カバーを表示*/opacity: 1;}

#nav-input:checked ~ #nav-content {-webkit-transform: translateX(0%);transform: translateX(0%);/*中身を表示（右へスライド）*/box-shadow: 6px 0 25px rgba(0,0,0,.15);}
	
	.top_bg05{position:relative;left: 0%;transform: translateX(0%);-webkit-transform: translateX(0%);-ms-transform: translateX(0%);}
	.top_bg04{height:inherit;margin: 80px 0 50px;}
	.top_box01 {max-width: 260px;margin: 0 auto 20px;}
	.top_bg04 .fx_btw{flex-wrap: wrap;flex-direction:row;}
	.top_bg03{width:95%;margin:-30px auto 0;}
	.slide-left img{margin-top:0;}
	.fdr{flex-direction:row;}
	.tbox02{width: 100%;max-width: 35%;margin: 0 auto 20px;}
	.red_box .fx_btw{flex-direction: row;flex-wrap: wrap;}
	.top_bg03 .sp_33{width:100%;max-width:30%;}
	.top_bg03 .fx_btw{flex-direction: row;}
	.box_title .p_left145{padding:0;}
	.p_left145 .blue_f{letter-spacing:1px;}
	.outline_inner{max-width:90%;}
	.max_500{max-width:48%;}
	.top_bg03 .inline_inner{max-width:90%;}
	#header h2, #header-2 h2{padding:10px 0;}
	.all .fx{flex-direction: column;}
	#header ul, #header-2 ul {line-height: 90px;float:none;}
	.main_txt{width:90%;}
}

@media only screen and (max-width: 644px){
	.fdr,.top_bg03 .fx_btw{flex-direction:column;}
	#nav-content ul li a{font-size:100%;}
	.hd_info .f_s28{font-size:23px;}
	#nav-content{max-width:100%;}
	.sp_logo{width:75%;}
	.d_none{display:inline;}
	.di_none{display:none;}
	.slide_txt01 {font-size: 20px;padding: 5px 10px;margin:5px auto;}
	.slide_txtbx{left: 50%;width: 100%;top:50%;}
	.temhd{padding:0;}
	h2.title{margin:0 auto;padding: 35px 0 0 0;font-size:24px;}
	.hd_top{margin-top:-8px;}
	#mainImg{padding-top:20px;padding-bottom: 80px;}
	h3.com_mds02,h3.com_mds{font-size:25px;padding: 30px 1.5em 15px;}
	.front_bx02, .front_bx08{padding:5px 0 35px;}
	.front_mainbx01{width:90%;}
	h2.title2{font-size: 24px;padding: 35px 0;margin: 15px auto;}
	.sp_pdd{padding-top:20px;}
	.spm_top25{margin-top:25px;}
	.tcom_box {margin: 15px auto 0;width:90%;}
	.tcom_box img{width:100%;}
	.rec_box{max-width:100%;}
	.ft_cnt{max-width:85%;}
	.news_box {padding: 15px 0;font-size: 17px;}
	.news_box .m_left50 {margin-left: 18px;}
	.ft_fx{flex-direction:column;}
	.f_list{display:none;}
	.f_box{font-size:15px;}
	#to_top_scrollup {bottom: 105px!important;}
	#footerfix {background: rgba(0,0,0,.5);color: #FFF;width: 100%;min-height: 62px;position: fixed;z-index: 1000;bottom: 0;}
	ul.ftfix_sp {width: 100%;box-sizing: border-box;display: flex;}
	ul.ftfix_sp li {float: left;width: 50%;height: 72px;color: #fff;border-right: 1px solid #fff;padding-top: 10px!important;text-align: center;vertical-align: middle;display: inline-block;}
	ul.ftfix_sp li a {color: #fff;}
	ul.ftfix_sp li.li_last {border-right: 0!important;}
	.ref_mainbx01{width:90%;padding: 10px 0 30px;}
	.ref_mainbx02{padding: 0 10%;}
	.ref_bg{padding: 20px 10px;margin-bottom:10px;}
	.sp_w45 {width: 90%;}
	.ref_box02,.ref_box01,.com_mainbx01{max-width:90%;}
	.bg_sgrn{padding: 20px 20px;}
	.m_top70{margin-top:40px;}
	.about_mainbx02 {padding: 0 15px;}
	#com_bg01{padding:40px 0;}
	.tablepress .tbl_ctt th {display: block;width: 100%;text-align: left;}
	.archive .fx{flex-direction: column;text-align: left;margin: 0 auto 10px;}
	.archive .fx img{width:90%;}
	article.archive span {padding-left:0;}
	.archive .m_left50{margin-left:0;}
	.hd_single{padding:20px 0;}
	.tbl_ctt th, .tbl_ctt td {display: block;width: 100%;padding:5px 0!important;}
	.tbl_ctt th{margin-top:10px;}
	.tablepress-id-1 td,.tablepress-id-2 td,.tablepress-id-3 td,.tablepress-id-4 td,.tbl_ctt td {display: block;width: 100% !important;}
	.post table td.column-2 {padding: 20px 0px;margin-bottom: 10px;border-bottom: 0;}
	.post table td.column-1{font-weight:bold;}
	.post table td.column-1 {padding: 10px 0 20px;text-align:center;margin:0;border-top: 0;}
	.front_bx01, .front_bx05, .front_bx06, .front_bx07 {width: 100%;height: 200px;}
	.front_mainbx01 .about_mainbx02 {padding: 20px 7%;line-height: 1.8;}
	.front_mainbx01 .about_mainbx02 .m_top50{margin-top:25px;}
	#front_bg01{padding:40px 0 45px;}
	.thumb_box img{max-width:80%;}
	.sp_mbtm15{margin-bottom:15px;}
	.ref_tgrn {font-size: 22px;padding-bottom: 10px;}
	#breadcrumbs{font-size:14px;}
	.sp_inner{width:100%;max-width:95%;margin:0 auto;}
	#header h1, #header-2 h1{font-size:14px;}
	.tbl_ctt{max-width: 100%;}
	.inline_inner {max-width: 90%;}
	h2.title,h2.title2{padding: 20px 0 20px 0;}
	h2.title:before,h2.title2:before {width: 130px;background-size: contain;}
	h2.title span,h2.title2 span{font-size:28px;}
	.box_title{font-size:25px;line-height:48px;}
	.box_title br{display:none;}
	.box_title .p_left145{padding-left:0;display:inline;}
	.tec_bg01 .box_title{text-align:left;padding-left:10px;}
	#header h2 img, #header-2 h2 img {width: 85%;}
	#nav-close{width:47px;height:47px;}
	.inner {width: 90%;}
	.ft_cnt{font-size:18px;}
	.ft_cnt .f_s15 {font-size: 17px;}
	.fcon_box{max-width:90%;}
	.ft_cnt02,.ft_cnt03{font-size:18px;}
	#header h2, #header-2 h2 {margin-top:10px;}
	#fix-header-logo{width:75%;}
	.bg_grn02:before,.bg_grn02:after{background:none;}
	iframe{width:100%;max-width:100%;}
	.fac_box01{max-width:90%;}
	.yoko_scroll02{display:inline;}
	.yoko_scroll {
	/*中身スクロールします*/
   overflow: auto;
	/*テーブルを入れた場合、セル内の文字を折り返ししないようにします*/
   white-space: nowrap;
	/*惰性を与えてスムーズなスクロールにしますよ*/
   -webkit-overflow-scrolling: touch;
	width: 95%;margin: 0 auto;
}
.yoko_scroll::-webkit-scrollbar{
	/*スクロールバーを出しますよ*/
   height: 5px;
}
.yoko_scroll::-webkit-scrollbar-track{
	/*スクロールバーの背景の色*/
   background: #F1F1F1;
}
.yoko_scroll::-webkit-scrollbar-thumb {
	/*スクロールバーの色を変えるなら*/
   background: #BCBCBC;
}
	.yoko_scroll table td{padding:10px!important;}
	.outline_inner .m_top80 {margin-top: 50px;}
	.bg_grn {padding: 50px 0px;}
	.tec_sbox01 {font-size: 16px;max-width: 90%;}
	.tec_box03 img {width: 30px;padding-right: 10px;}
	.tec_box04 span, .tec_box02 span {font-size: 21px;}
	.tec_box02{font-size: 17px;}
	.tec_box02,.tec_box04,.max_500{max-width:90%;}
	.tec_sbox01 .f_s32 {font-size: 28px;}
	.m_top100 {margin-top: 80px;}
	.m_top100 .m_top50{margin-top:30px;}
	.main_box{max-width:40%;}
	.top_bg01 h2.title:before, .red_box h2.title:before{top:10%;}
	.tbox01{max-width:85%;}
	.top_bg01 {padding: 20px 0 40px;}
	.m_top50 {margin-top: 30px;}
	.tbox02 {width: 100%;max-width: 45%;margin-bottom: 20px;}
	.box_title02 {font-size: 24px;}
	.box_title02 br{display:none;}
	.box_title02 {line-height: 40px;}
	.top_bg02 .fx{flex-wrap:wrap;width: 100%;max-width: 90%;margin: 0 auto;}
	.top_bg02 .fx img{width:100%;}
	.top_bg02 .fx .m_right8{margin-right:0;width: 45%;margin: 0 auto;}
	.top_bg03 .fx_btw div{margin:15px auto 10px;}
	.slide-left{display:none;}
	.top_bg05{position:relative;left: 0%;transform: translateX(0%);-webkit-transform: translateX(0%);-ms-transform: translateX(0%);}
	.top_box01{max-width:90%;margin-bottom: 30px;}
	.top_box01 img{display:block;margin:0 auto;}
	.top_bg04{height:inherit;margin: 80px 0 50px;}
	.red_bb,.blue_bb{width: 92%;margin: 0 auto;}
	.news_date{margin-right:25px;}
	.news_list li{margin:0!important;padding: 0 15px 10px;}
	.sp_45{width:45%;margin:0 auto;}
	.top_bg03{margin-top: -20px;}
	#fix-header-logo img{}
	.h_fx {align-items: center;padding: 20px 10px;}
	.fix-header,#header-2 .fix-header {line-height: 48px;}
	#nav-close{top:3%;right:24px;}
	.top_bg04 .fx_btw{flex-wrap: wrap;flex-direction:column;}
	.top_bg03 .sp_33{max-width:100%;}
	#header-2 h2{padding:0;}
	.bg_grn03:before,.bg_grn03:after{display:none;}
	.blue_box h2.title span{font-size:30px;}
	.all_b01{top:1%;width:100%;}
	.all_b03{font-size:17px;}
	.diamond__inner span{font-size:17px;}
	.diamond{padding:0;width: 180px;height: 140px;}	
	.diamond__inner {font-size: 15px;margin: 0 auto;text-align: center;padding: 50px 0;}
	.all_box01{padding: 50px 35px 10px 40px;}
	.all_b03{bottom:1%;}
	.all_b01{font-size:19px;}
	.all_b01, .all_b01 span {font-size: 18px;}
	.all_box00{margin-bottom:20px;}
	.main_txt{font-size:20px;line-height: 30px;width:90%;}
	div{font-size:17px;}
	.blue_f{letter-spacing:1px;}
	#mainImg .main_00{max-width:80%;}
	#header ul, #header-2 ul {line-height: 60px;}
}

@media only screen and (max-width: 375px){
	.all_b01 span {font-size: 16px;}
	.all_b03 {font-size: 16px;}
	.all_b01{font-size:16px;}
}