@charset "UTF-8";
/* CSS Document */
/*
Theme Name: nihonsekiso
Version: 2.5.2
Template: habakiri
*/

/*------------------------------------------------------------

	リセットcss
	
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
p, pre, a, address, code, img, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a:focus, *:focus { outline:none; }
a:link,a:visited,a:hover { text-decoration: none; color: #414242; }
a:hover,input:hover { opacity: 0.85; }
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
    max-width: 100%;
}
table { border-collapse:collapse; }
li { list-style: none; }
#main { margin-bottom: 0!important; }

.wp-block-table td, .wp-block-table th {
    border: none;
}


/* ボックスサイジング */
*, *:before, *:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/*------------------------------------------------------------

	書式設定
	
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left; }
.taCenter { text-align: center; }
.taRight { text-align: right; }
.taBottom { vertical-align: bottom; }
.taCenter02 { vertical-align: middle; }

/* フォントの大きさ */

/* フォントの太さ */
.fwNormal { font-weight: normal; }
.fwBold { font-weight: bold; }


/*------------------------------------------------------------

	汎用スタイル
	
------------------------------------------------------------*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.f-left { float: left; }
.f-right { float: right; }

.flex-container {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}

/*----- スマホのみ表示 ----*/
.sp-item01 { display: none; }
.sp-item02 { display: none; }

@media screen and (max-width : 768px){
.sp-item01 { display: block; }
/*----- PCのみ表示 ----*/
.pc-item01 { display: none; }
}
@media screen and (max-width : 480px){
.sp-item02 { display: block; }
/*----- PCのみ表示 ----*/
.pc-item02 { display: none; }
}

.grecaptcha-badge {
    display: none;
}
.recaptcha-text {
    font-size: 1.2rem;
    text-align: center;
}


/*--------------------------------------------------------------------

	WP投稿用　スタイル調整 (#single-news > content > descの場合)
	
--------------------------------------------------------------------*/
#single-news .content .desc h2 {
    font-size: 1.95em;
	font-weight: bold;
}
#single-news .content .desc h3 {
    font-size: 1.56em;
	border-bottom: none;
	line-height: 1.4;
	padding: 0;
	margin: 0;
}
#single-news .content .desc h4 {
    font-size: 1.25em;
}
#single-news .content .desc a:link,
#single-news .content .desc a:visited,
#single-news .content .desc a:hover {
      color: #00a0d2;
	  text-decoration: underline;
}
#single-news .content .desc ul li {
	list-style-position: inside;
}
.wp-block-image figcaption {
	color: #555d66;
	font-size: 1.3rem;
	text-align: center;
}
.is-style-regular table {
	border-top: solid 1px;
	border-left: solid 1px;
}
.is-style-regular table tr th,
.is-style-regular table tr td {
	border-bottom: solid 1px;
	border-right: solid 1px;
	padding: .5em;
}
.wp-block-verse {
	display: block;
	padding: 11px;
	margin: 0 0 11.5px;
	line-height: 1.7;
	word-break: break-all;
	word-wrap: break-word;
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.wp-block-pullquote {
	border-top: 4px solid #555d66;
	border-bottom: 4px solid #555d66;
	margin-bottom: 28px;
	color: #40464d;
}
.wp-block-pullquote blockquote {
	border-left: none;
	margin: 1em;
	padding: 0;
}
.yrm-btn-wrapper {
	margin: 30px 0;
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	基本
	
------------------------------------------------------------------------------------------------------------------------------------------*/
html {
    font-size: 62.5%;
}
body {
    color: #414242;
	font-family: "Noto Sans JP", serif;
	font-size: 1.5rem;
	line-height: 1.7;
}
h1, h2, h3{
	line-height: 1.4;
}
#main {
    padding-top: 80px;
}
.ftype-oswald { font-family: 'Oswald', sans-serif; }
.en-ttl { font-family: 'Oswald', sans-serif; }

@media screen and (max-width:1080px){
#main {
    padding-top: 73px;
}
}

.wrap1080 {
	width: 1080px;
	margin: 0 auto;
}
@media screen and (max-width:1079px){	
.wrap1080  {
	width: 100%;
	padding: 0 20px;
}
}
.wrap768 {
	width: 768px;
	margin: 0 auto;
}
@media screen and (max-width:768px){	
.wrap768 {
	width: 100%;
    padding: 0 20px;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	共通
	
------------------------------------------------------------------------------------------------------------------------------------------*/
/* header */
#header {
    position: fixed;
    width: 100%;
    z-index: 100;
}
#header .header-inner {
    justify-content: space-between;
    align-items: center;
}
#header .header-logo {
    padding: 10px 20px;
}

#header .gnav {
    align-items: center;
}
#header .gnav > div > ul {
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    padding-right: 10px;
}
#header .gnav ul li {
    position: relative;
    list-style: none;
}
#header .gnav ul li a {
    color: #379393;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 20px 10px;
}
#header .gnav .btn-contact {
    background: #379393;
    border-radius: 3px 0 0 3px;
    padding: 20px 10px;
    margin-right: -3px;
}
#header .gnav .btn-contact a {
    color: #fff;
    background: url(images/common/icon-mail.png) center left no-repeat;
    padding-left: 40px;
}


#header .gnav .menu-item-has-children {
    position: relative;
}
#header .gnav .sub-menu {
  display: none;
}
#header .gnav .menu-item-has-children:hover .sub-menu {
  display: block;
}
#header .gnav .sub-menu {
    position: absolute;
    top: 150%;
    left: 0;
    width: 230px;
    background: #c3dfdf;
    border-top: solid 2px #379393;
    padding: 0;
}
#header .gnav .sub-menu:before {
    font-size: 1em;
    position: absolute;
    top: -20px;
    left: 10px;
    content: '▲';
    color: #379393;
}
#header .gnav .sub-menu li {
    padding: 10px 0;
    border-bottom: dashed 1px #a0a1a0;
}
#header .gnav .sub-menu li:nth-last-of-type(1) {
    border-bottom: none;
}



@media(max-width:1200px){
#header {
    padding: 6px 0;
}
#header .header-logo img {
    width: 200px;
}
#header .gnav {
    display: none;
}
#header-nav .sub-menu {
    position: absolute;
    width: 200px;
    border-top: 1px solid #eee;
  }
}



/* スマホメニュー */
.sp-menu {
	display: none;
}
@media screen and (max-width:1200px){
.sp-menu {
	display: flex;
	align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
}
#nav-drawer {
  display: inline-block;
  position: relative;
}
/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}
/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  background: #379393;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
  margin: 15px 0 0 13px;
}
#nav-open span:before {
  bottom: -8px;
  margin: 0;
}
#nav-open span:after {
  bottom: -16px;
  margin: 0;
}
/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 100000;
  top: 10px;/*全体に広がるように*/
  right: 15px;
  width: 50px;
  height: 50px;
  overflow-y: auto;
  transition: .3s ease-in-out;
  background: #379393 url(images/common/sp-menu-close.png) center center no-repeat;
  background-size: 60%;
}
/*中身*/
#nav-content {
overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  height: 100%;
  max-width: 345px;/*最大幅（調整してください）*/
  background: #ebf4f4;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(120%);
  transform: translateX(120%);/*左に隠しておく*/
}
#nav-content > div > ul {
	width: auto;
	margin: 50px 30px;
	padding-left: 0;
}
#nav-content ul li {
	display: block;
	font-size: 1.4rem;
	text-align: left;
	width: auto;
	padding: 15px 0;
}
#nav-content .submenu ul {
	margin: 0;
}
#nav-content .submenu ul li {
	font-size: 1.4rem;
	border: none;
	padding: 5px 0;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
}

/* footer */
#footer {
    position: relative;
}
#footer .footer-inner > .flex-container {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px 20px;
}
#footer .footer-inner .flex-left h3 {
    font-size: 3.2rem;
    font-weight: bold;
}
#footer .footer-inner .flex-left .text-tel {
    color: #379393;
    font-size: 5.2rem;
    font-weight: bold;
    line-height: 1.4;
    background: url(images/common/icon-tel.png) center left no-repeat;
    padding-left: 65px;
}
#footer .footer-inner .flex-left .text01 {
    text-align: center;
}
#footer .footer-inner .flex-left .btn-contact {
    margin: 20px 0 30px;
}
#footer .footer-inner .flex-left .btn-contact a {
    display: block;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    background: #379393;
    border-radius: 8px;
    padding: 15px 20px;
}
#footer .footer-inner .flex-left .btn-contact a span {
    background: url(images/common/icon-mail.png) center left 10px no-repeat;
    padding-left: 50px;
}

#footer .footer-inner .flex-right .icon-home {
    margin-bottom: 10px;
}
#footer .footer-inner .flex-right ul:nth-of-type(1) {
    width: 180px;
}
#footer .footer-inner .flex-right ul:nth-of-type(2) {
    width: 230px;
}
#footer .footer-inner .flex-right ul li {
    background: url(images/common/arrow-right04.png) center left no-repeat;
    padding-left: 20px;
}
#footer .footer-inner .flex-right .text01 {
    border-bottom: dashed 1px #A0A1A0;
    padding-bottom: 5px;
    margin: 30px 0 10px;
}

@media(max-width:768px){
#footer .footer-inner .flex-left {
    margin: 0 auto;
}
#footer .footer-inner .flex-left .text-access {
    text-align: center;
}
#footer .footer-inner .flex-right {
    margin: 0 auto;
}
#footer .footer-inner .flex-left h3 {
    font-size: 2.4rem;
}
#footer .footer-inner .flex-left .text-tel {
    font-size: 3rem;
    background: url(images/common/icon-tel.png) center left no-repeat;
    background-size: 30px auto;
    padding-left: 40px;
}
}
@media(max-width:480px){
#footer .footer-inner .flex-right .icon-home {
    margin-left: 20px;
}
#footer .footer-inner .flex-right .flex-container {
    flex-wrap: wrap;
    padding: 0 20px;
}
#footer .footer-inner .flex-right .flex-container ul {
    margin-right: 20px;
}
#footer .footer-inner .flex-right ul:nth-of-type(1) {
    width: auto;
}
#footer .footer-inner .flex-right ul:nth-of-type(2) {
    width: auto;
}
}

#page-top {
	position: absolute;
	bottom: 170px;
	right: 20px;
}
#online-box {
    position: fixed;
	bottom: 0;
	right: 0;
    background: #9bc9c9;
    border-radius: 10px 0 0 0;
    max-width: 125px;
    padding: 15px;
}
#online-box .online-text {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px;
}
#online-box .online-text span {
    color: #fff;
}
#online-box ul li:nth-of-type(1) {
    margin-bottom: 10px;
}
#footer .copy {
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    background: #379393;
    padding: 5px 0;
}

@media(max-width:480px){
#page-top {
	position: absolute;
	bottom: 130px;
	right: 10px;
}
#online-box {
    max-width: 100px;
    padding: 10px;
}
#online-box .online-text {
    font-size: 1.2rem;
}
}



/* pagenavi */
.wp-pagenavi {
    margin: 80px 0 40px;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: none;
	margin: 15px;
}
.wp-pagenavi a {
    font-weight: bold;
}
.wp-pagenavi span.current {
    color: #fff;
    background: #379393;
    padding: 4px 13px;
}

@media(max-width:768px){
.wp-pagenavi a, .wp-pagenavi span {
    font-size: 1.2rem;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	トップページ
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#home .main-img img {
    width: 100%;
    min-height: inherit!important;
}

/* service-block */
#home .service-block {
    padding: 80px 0;
}
#home .service-block .box01 {   
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 80px;
}
#home .service-block .box01 .flex-left {
    width: 45%;
}
#home .service-block .box01 .flex-right {
    font-size: 1.7rem;
    width: 45%;
}
#home .service-block .box01 h2 {
    font-size: 3.2rem;
}
#home .service-block .box02 {
    justify-content: space-between;
    flex-wrap: wrap;
}
#home .service-block .box02 .flex-box {
    width: 32%;
}
#home .service-block .box02 .flex-box .text01 {
    color: #379393;
    font-size: 1.8rem;
    font-weight: bold;
    background: url(images/common/arrow-right01.jpg) center left no-repeat;
    padding-left: 40px;
}
#home .service-block .box02 .flex-box .text-box {
    position: relative;
}
#home .service-block .box02 .flex-box h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #fff;
    font-size: 2.4rem;
    text-align: center;
    width: 100%;
    height: 100%;
}

@media(max-width:768px){
#home .service-block {
    padding: 40px 0;
}
#home .service-block .box01 {   
    padding-bottom: 40px;
}
#home .service-block .box01 .flex-left {
    width: 100%;
    margin-bottom: 20px;
}
#home .service-block .box01 .flex-right {
    font-size: 1.4rem;
    width: 100%;
}
#home .service-block .box01 h2 {
    font-size: 2.2rem;
    text-align: center;
}
 .flex-box .text01 {
    font-size: 1.5rem;
}
#home .service-block .box02 .flex-box h3 {
    font-size: 1.8rem;
}
}
@media(max-width:480px){
#home .service-block .box02 .flex-box {
    width: 100%;
    margin-bottom: 20px;
}
#home .service-block .box02 .flex-box img {
    width: 100%;
}
}

/* outer-other01 */
#home .outer-other01 {
    position: relative;
    background: #EBF4F4 url(images/common/bg-deco01.jpg) top center no-repeat;
    background-size: 100% auto;
    padding: 80px 0;
}
#home .outer-other01-inner {
    justify-content: space-between;
    flex-wrap: wrap;
}
#home .outer-other01 .flex-left {
    width: 61%;
}
#home .outer-other01 .flex-right {
    width: 35%;
}

@media(max-width:768px){
#home .outer-other01 {
    background: #EBF4F4 url(images/common/bg-deco01.jpg) top left no-repeat;
    background-size: auto 26px;
    padding: 40px 0;
}
#home .outer-other01 .flex-left {
    width: 100%;
    margin-bottom: 30px;
}
#home .outer-other01 .flex-right {
    width: 100%;
}
}
@media(max-width:480px){
#home .outer-other01 .text-box {
    padding: 0 20px;
}
}

#home .outer-other01 .case-box {
    position: relative;
    margin-bottom: 20px;
}
#home .outer-other01 .use-box {
    position: relative;
}
#home .outer-other01 .text-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
#home .outer-other01 .text-box-inner {
    max-width: 455px;
}
#home .outer-other01 .text-box h2 {
    display: block;
    color: #fff;
    font-size: 3.8rem;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
#home .outer-other01 .text-box .text01-base {
    position: relative;
    padding: 10px;
}
#home .outer-other01 .text-box .text01-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(images/home/bg-color01.jpg);
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}
#home .outer-other01 .text-box .text01 {
    position: relative;
    color: #fff;
}
#home .outer-other01 .case-box .btn-more {
    position: absolute;
    bottom: 0;
    right: 0;
}
#home .outer-other01 .case-box .btn-more a {
    color: #fff;
    background: #008C9F url(images/common/arrow-right03.png) center right 10px no-repeat;
    padding: 3px 100px 2px 10px;
}
#home .outer-other01 .use-box .btn-more {
    position: absolute;
    bottom: 0;
    right: 0;
}
#home .outer-other01 .use-box .btn-more a {
    color: #fff;
    background: #008C9F url(images/common/arrow-right03.png) center right 10px no-repeat;
    padding: 3px 100px 2px 10px;
}

@media(max-width:768px){
#home .outer-other01 .text-box h2 {
    font-size: 2rem;
    margin-bottom: 10px;
}
#home .outer-other01 .text-box .text01 {
    font-size: 1.3rem;
}
}

#home .outer-other01 .news-box {
    margin-bottom: 30px
}
#home .outer-other01 .news-box h2 {
    font-size: 2.8rem;
    margin-bottom: 10px;
}
#home .outer-other01 .news-box .item-box {
    position: relative;
    background: #fff;
    padding: 30px 20px;
}
#home .outer-other01 .news-box .btn-more {
    position: absolute;
    top: -30px;
    right: 0;
}
#home .outer-other01 .news-box .btn-more a {
    color: #fff;
    font-size: 1.6rem;
    background: #379393 url(images/common/arrow-right02.png) top 12px right 7px no-repeat;
    border-radius: 5px 5px 0 0;
    padding: 5px 25px 5px 20px;
}
#home .outer-other01 .news-box .item {
    border-top: dashed 1px #A0A1A0;
    padding: 10px 0;
}
#home .outer-other01 .news-box .item:nth-last-of-type(1) {
    border-bottom: dashed 1px #A0A1A0;
}
#home .outer-other01 .news-box .item .day {
    display: inline-block;
    font-size: 1.2rem;
    margin-right: 5px;
}
#home .outer-other01 .news-box .item .cat {
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    background: #40A9B7;
    border-radius: 3px;
    padding: 0 10px 2px;
}
#home .outer-other01 .news-box .item h3 {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 5px;
}
#home .environ-box a {
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    background: #fff;
    border: solid 6px #C3DFDF;
    padding: 10px;
    margin-bottom: 10px;
}
#home .quality-box a {
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    background: #fff;
    border: solid 6px #C3DFDF;
    padding: 10px;
}

@media(max-width:768px){
#home .outer-other01 .news-box h2 {
    font-size: 2.4rem;
    margin-bottom: 10px;
}
#home .outer-other01 .news-box .item h3 {
    font-size: 1.6rem;
}
#home .quality-box a {
    font-size: 2rem;
}
#home .environ-box a {
    font-size: 2rem;
}
}


/* link-block */
.link-block {
    position: relative;
    background: url(images/home/link-bg01.jpg) top center no-repeat;
    background-size: cover;
    min-height: 600px;
}
.link-block img {
    width: 100%;
}
.link-block .text-base {
    justify-content: center;
    align-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px 0 30px;
}
.link-block .text-base h2 {
    color: #fff;
    font-size: 3rem;
    text-align: center;
    text-shadow: 2px 2px 3px #333333;
    width: 100%;
}
.link-block .text-base ul {
    text-align: center;
    width: 320px;
}
.link-block .text-base ul li {
    background: #008C9F;
    text-align: left;
    width: 350px;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.link-block .text-base ul li a {
    display: block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    background: url(images/common/arrow-right03.png) center right 10px no-repeat;
    width: 100%;
}

@media(max-width:768px){
.link-block {
    background: url(images/home/link-bg01-sp.jpg) top center no-repeat;
    background-size: cover;
    min-height: 600px;
}
.link-block .text-base {
    padding: 60px 0 20px;
}
.link-block .text-base h2 {
    font-size: 2.2rem;
    margin-bottom: 20px;
}
.link-block .text-base ul {
    width: 280px;
}
.link-block .text-base ul li {
    width: 100%;
    padding: 5px 0 5px 10px;
    margin-bottom: 5px;
}
.link-block .text-base ul li a {
    background: url(images/common/arrow-right03.png) center right 10px no-repeat;
    background-size: 60px auto;
    font-size: 1.4rem;
}
}
@media(max-width:480px){
.link-block {
    background: url(images/home/link-bg01-sp.jpg) top center no-repeat;
    background-size: cover;
    min-height: 450px;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	サブページ
	
------------------------------------------------------------------------------------------------------------------------------------------*/
.sub-page .page-head {
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
}
.sub-page .page-head::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    background: url("images/common/head-deco01.png") bottom left repeat-x;
    height: 50%;
    width: 100%;
}
.sub-page .page-head h1 {
    color: #fff;
    font-size: 3.6rem;
    font-weight: bold;
}

@media(max-width:768px){
.sub-page .page-head h1 {
    font-size: 2.6rem;
}
}


.sub-page .seihin-block {
    padding: 80px 0;
}
.sub-page .seihin-block h2 {
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
}
.sub-page .seihin-block .en-ttl {
    color: #80c5cf;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}
.sub-page .seihin-block .flex-container {
    flex-wrap: wrap;
    margin: 50px 0 0;
}
.sub-page .seihin-block .flex-container .flex-box {
    width: 31%;
    margin: 0 3% 60px 0;
}
.sub-page .seihin-block .flex-container .flex-box:nth-of-type(3n) {
    margin: 0 0 60px;
}
.sub-page .seihin-block .flex-container .flex-box h3 {
    color: #379393;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 10px 0 5px;
}

@media(max-width:768px){
.sub-page .seihin-block {
    padding: 40px 0;
}
.sub-page .seihin-block h2 {
    font-size: 2.6rem;
}
.sub-page .seihin-block .en-ttl {
    font-size: 1.6rem;
}
.sub-page .seihin-block .flex-container {
    justify-content: space-between;
    margin: 30px 0 0;
}
.sub-page .seihin-block .flex-container .flex-box {
    width: 47%;
    margin: 0 0 40px;
}
.sub-page .seihin-block .flex-container .flex-box:nth-of-type(3n) {
    margin: 0 0 40px;
}
.sub-page .seihin-block .flex-container .flex-box h3 {
    font-size: 1.8rem;
    margin: 10px 0 5px;
}
}

.sub-page .link-block::before {
    display: none;
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	グーテンベルク
	
------------------------------------------------------------------------------------------------------------------------------------------*/
.blockeditor {
    padding: 80px 20px;
}
.blockeditor h2 {
    color: #fff;
    font-size: 2.4rem;
    background: #379393 url(images/common/icon-shiryou.png) top 14px left 15px no-repeat;
    margin-bottom: 10px;
    padding: 10px 10px 10px 50px;
}
.blockeditor h3 {
    color: #379393;
    font-size: 2rem;
    font-weight: bold;
}
@media(max-width:768px){
.blockeditor {
    padding: 40px 20px;
}
.blockeditor h2 {
    font-size: 2.2rem;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	品質への取り組み
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#quality .page-head {
    background: url(images/common/head-quality.jpg) bottom center no-repeat;
    background-size: cover;
}


#quality .top-block {
    padding: 60px 0;
}
#quality .top-block-inner {
    border: solid 10px #c3dfdf;
    padding: 30px 50px;
}
#quality .top-block h2 {
    font-size: 3rem;
    text-align: center;
}
#quality .top-block .en-ttl {
    color: #c3dfdf;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
#quality .top-block ul li {
    border-bottom: solid 1px #cacaca;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#quality .top-block ul li::before {
    content: "1";
    display: inline-block;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    background: #379393;
    border-radius: 30px;
    padding: 3px 15px;
    margin-right: 10px;
}
#quality .top-block ul li:nth-of-type(2)::before {
    content: "2";
}
#quality .top-block ul li:nth-of-type(3)::before {
    content: "3";
}
#quality .top-block ul li:nth-of-type(4)::before {
    content: "4";
}

@media(max-width:768px){
#quality .top-block {
    padding: 40px 0;
}
#quality .top-block-inner {
    border: solid 10px #c3dfdf;
    padding: 30px 20px;
}
#quality .top-block h2 {
    font-size: 2.4rem;
}
#quality .top-block .en-ttl {
    font-size: 1.6rem;
    margin-bottom: 10px;
}
}


#quality .about-block {
    padding-bottom: 80px;
}
#quality .about-block h2 {
    color: #fff;
    font-size: 2.4rem;
    background: #379393 url(images/common/icon-shiryou.png) top 14px left 15px no-repeat;
    margin-bottom: 30px;
    padding: 10px 10px 10px 50px;
}
#quality .about-block .flex-container {
    justify-content: space-between;
    flex-wrap: wrap;
}
#quality .about-block .flex-left {
    width: 40%;
}
#quality .about-block .flex-left .item {
    margin-bottom: 20px;
}
#quality .about-block .flex-left .item h3 {
    color: #379393;
    font-size: 2rem;
    font-weight: bold;
}
#quality .about-block .flex-left img {
    max-width: 168px;
}
#quality .about-block .flex-right {
    width: 58%;
    max-width: 580px;
}

@media(max-width:768px){
#quality .about-block {
    padding-bottom: 40px;
}
#quality .about-block h2 {
    font-size: 2.2rem;
}
#quality .about-block .flex-left {
    width: 100%;
    margin-bottom: 20px;
}
#quality .about-block .flex-left .item {
    margin-bottom: 10px;
}
#quality .about-block .flex-left .item h3 {
    font-size: 1.8rem;
}
#quality .about-block .flex-right {
    width: 100%;
    max-width: 100%;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	品質への取り組み グーテンベルク
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#quality .blockeditor .top-block {
    padding: 0;
}
#quality .blockeditor .top-block .text01 {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}
#quality .blockeditor .policy-list li {
    border-bottom: solid 1px #cacaca;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#quality .blockeditor .policy-list li::before {
    content: "1";
    display: inline-block;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    background: #379393;
    border-radius: 30px;
    padding: 3px 15px;
    margin-right: 10px;
}
#quality .blockeditor .policy-list li:nth-of-type(2)::before {
    content: "2";
}
#quality .blockeditor .policy-list li:nth-of-type(3)::before {
    content: "3";
}
#quality .blockeditor .policy-list li:nth-of-type(4)::before {
    content: "4";
}

@media(max-width:768px){
#quality .blockeditor .top-block .text01 {
    font-size: 2.4rem;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	環境への取り組み
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#kankyou .page-head {
    background: url(images/common/head-kankyou.jpg) bottom center no-repeat;
    background-size: cover;
}


#kankyou .top-block {
    padding: 60px 0;
}
#kankyou .top-block-inner {
    border: solid 10px #c3dfdf;
    padding: 30px 50px;
}
#kankyou .top-block h2 {
    font-size: 3rem;
    text-align: center;
}
#kankyou .top-block .en-ttl {
    color: #c3dfdf;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
#kankyou .top-block ul li {
    border-bottom: solid 1px #cacaca;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#kankyou .top-block ul li::before {
    content: "1";
    display: inline-block;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    background: #379393;
    border-radius: 30px;
    padding: 3px 15px;
    margin-right: 10px;
}
#kankyou .top-block ul li:nth-of-type(2)::before {
    content: "2";
}
#kankyou .top-block ul li:nth-of-type(3)::before {
    content: "3";
}
#kankyou .top-block ul li:nth-of-type(4)::before {
    content: "4";
}

@media(max-width:768px){
#kankyou .top-block {
    padding: 40px 0;
}
#kankyou .top-block-inner {
    border: solid 10px #c3dfdf;
    padding: 30px 20px;
}
#kankyou .top-block h2 {
    font-size: 2.4rem;
}
#kankyou .top-block .en-ttl {
    font-size: 1.6rem;
    margin-bottom: 10px;
}
}



#kankyou .about-block {
    padding-bottom: 80px;
}
#kankyou .about-block h2 {
    color: #fff;
    font-size: 2.4rem;
    background: #379393 url(images/common/icon-shiryou.png) top 14px left 15px no-repeat;
    margin-bottom: 30px;
    padding: 10px 10px 10px 50px;
}
#kankyou .about-block .flex-container {
    justify-content: space-between;
    flex-wrap: wrap;
}
#quality .about-block .flex-left {
    width: 40%;
}
#kankyou .about-block .flex-left .item {
    margin-bottom: 20px;
}
#kankyou .about-block .flex-left .item h3 {
    color: #379393;
    font-size: 2rem;
    font-weight: bold;
}
#kankyou .about-block .flex-left img {
    max-width: 168px;
}
#kankyou .about-block .flex-right {
    width: 58%;
    max-width: 580px;
}

@media(max-width:768px){
#kankyou .about-block {
    padding-bottom: 40px;
}
#kankyou .about-block h2 {
    font-size: 2.2rem;
}
#kankyou .about-block .flex-left {
    width: 100%;
    margin-bottom: 20px;
}
#kankyou .about-block .flex-left .item {
    margin-bottom: 10px;
}
#kankyou .about-block .flex-left .item h3 {
    font-size: 1.8rem;
}
#kankyou .about-block .flex-right {
    width: 100%;
    max-width: 100%;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	環境への取り組み グーテンベルク
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#kankyou .blockeditor .top-block {
    padding: 0;
}
#kankyou .blockeditor .top-block .text01 {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}
#kankyou .blockeditor .policy-list li {
    border-bottom: solid 1px #cacaca;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#kankyou .blockeditor .policy-list li::before {
    content: "1";
    display: inline-block;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    background: #379393;
    border-radius: 30px;
    padding: 3px 15px;
    margin-right: 10px;
}
#kankyou .blockeditor .policy-list li:nth-of-type(2)::before {
    content: "2";
}
#kankyou .blockeditor .policy-list li:nth-of-type(3)::before {
    content: "3";
}
#kankyou .blockeditor .policy-list li:nth-of-type(4)::before {
    content: "4";
}

@media(max-width:768px){
#kankyou .blockeditor .top-block .text01 {
    font-size: 2.4rem;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	FSC®森林認証
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#fsc .page-head {
    background: url(images/common/head-fsc.jpg) bottom center no-repeat;
    background-size: cover;
}

#fsc .about-block {
    padding: 80px 0;
}
#fsc .about-block h2 {
    color: #fff;
    font-size: 2.4rem;
    background: #379393 url(images/common/icon-shiryou.png) top 14px left 15px no-repeat;
    margin-bottom: 30px;
    padding: 10px 10px 10px 50px;
}
#fsc .about-block .flex-container {
    justify-content: space-between;
    flex-wrap: wrap;
}
#fsc .about-block .flex-left {
    width: 40%;
}
#fsc .about-block .flex-left .text01 {
    margin-bottom: 30px;
}
#fsc .about-block .flex-left .item {
    margin-bottom: 20px;
}
#fsc .about-block .flex-left .item h3 {
    color: #379393;
    font-size: 2rem;
    font-weight: bold;
}
#fsc .about-block .flex-left img {
    max-width: 168px;
}
#fsc .about-block .flex-right {
    width: 58%;
    max-width: 580px;
}
#fsc .box01 {
    border: solid 10px #c3dfdf;
    padding: 20px;
    margin-top: 30px 20px;
}
#fsc .box01 h3 {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

@media(max-width:768px){
#fsc .about-block {
    padding: 40px 0;
}
#fsc .about-block h2 {
    font-size: 2.2rem;
}
#fsc .about-block .flex-left {
    width: 100%;
    margin-bottom: 20px;
}
#fsc .about-block .flex-left .item {
    margin-bottom: 10px;
}
#fsc .about-block .flex-left .item h3 {
    font-size: 1.8rem;
}
#fsc .about-block .flex-right {
    width: 100%;
    max-width: 100%;
}
#fsc .box01 h3 {
    font-size: 1.6rem;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	緩衝材なら積層段ボール
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#cardboard .page-head {
    background: url(images/common/head-cardboard.jpg) bottom center no-repeat;
    background-size: cover;
}


#cardboard .top-block {
	padding: 60px 0;
}
#cardboard .top-block h2 {
	font-size: 3.6rem;
}
#cardboard .top-block .en-ttl {
	color: #80C5CF;
	font-size: 1.8rem;
	font-weight: bold;
}
#cardboard .top-block .flex-left {
    width: 50%;
	padding: 0 30px 0 0;
	border-right: solid 1px #C9C9C9;
}
#cardboard .top-block .flex-right {
    width: 50%;
	padding: 0 0 0 30px;
}
#cardboard .top-block .flex-right .item {
	margin-bottom: 20px;
}
#cardboard .top-block .flex-right h3 {
	color: #379393;
	font-size: 2.2rem;
}

@media(max-width:480px){
#cardboard .top-block {
	padding: 20px 0;
}
#cardboard .top-block h2 {
	font-size: 2.6rem;
}
#cardboard .top-block .flex-container {
    flex-wrap: wrap;
    justify-content: center;
}
#cardboard .top-block .flex-left {
    text-align: center;
    border-right: none;
    width: auto;
    padding: 0;
    margin-bottom: 20px;
}
#cardboard .top-block .flex-right {
    width: auto;
    padding: 0;
}
#cardboard .top-block .flex-right h3 {
	font-size: 1.8rem;
}
}


#cardboard .point-block {
	background: #EBF4F4 url(images/common/bg-deco01.jpg) top center no-repeat;
    background-size: 100% auto;
    padding: 80px 0 40px;
}
#cardboard .point-block .flex-container {
	justify-content: space-between;
	flex-wrap: wrap;
	background: #fff;
	padding: 40px;
	margin-bottom: 30px;
}
#cardboard .point-block .flex-left {
	width: 45%;
}
#cardboard .point-block .flex-right {
	width: 50%;
}
#cardboard .point-block .flex-left h3 {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 30px;
}

@media(max-width:480px){
#cardboard .point-block {
    padding: 40px 0 10px;
}
#cardboard .point-block .flex-container {
	padding: 30px 20px;
	margin-bottom: 30px;
}
#cardboard .point-block .flex-left {
	width: 100%;
    margin-bottom: 10px;
}
#cardboard .point-block .flex-right {
	width: 100%;
}
#cardboard .point-block .flex-left h3 {
	font-size: 2.2rem;
	margin-bottom: 10px;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	緩衝材なら積層段ボール　グーテンベルク
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#cardboard .blockeditor .box01 {
	background: #fff;
	padding: 40px;
	margin-bottom: 30px;
}
#cardboard .blockeditor .point-block h3 {
    color: #414242;
    font-size: 3.2rem;
    font-weight: bold;
    background: none;
    padding: 0;
    margin-bottom: 30px;
}

@media(max-width:781px){
#cardboard .blockeditor .box01 {
	background: #fff;
	padding: 30px 20px;
	margin-bottom: 30px;
}
}
@media(max-width:480px){
#cardboard .blockeditor .box01 {
	background: #fff;
	padding: 30px 20px;
	margin-bottom: 30px;
}
#cardboard .blockeditor .point-block h3 {
	font-size: 1.8rem;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	段ボールパレット
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#palette .page-head {
    background: url(images/common/head-palette.jpg) bottom center no-repeat;
    background-size: cover;
}


#palette .top-block {
	padding: 60px 0;
}
#palette .top-block h2 {
	font-size: 3.6rem;
}
#palette .top-block .en-ttl {
	color: #80C5CF;
	font-size: 1.8rem;
	font-weight: bold;
}
#palette .top-block .flex-left {
    width: 50%;
	padding: 0 30px 0 0;
	border-right: solid 1px #C9C9C9;
}
#palette .top-block .flex-right {
    width: 50%;
	padding: 0 0 0 30px;
}
#palette .top-block .flex-right .item {
	margin-bottom: 20px;
}
#palette .top-block .flex-right h3 {
	color: #379393;
	font-size: 2.2rem;
}

@media(max-width:480px){
#palette .top-block {
	padding: 20px 0;
}
#palette .top-block h2 {
	font-size: 2.6rem;
}
#palette .top-block .flex-container {
    flex-wrap: wrap;
    justify-content: center;
}
#palette .top-block .flex-left {
    text-align: center;
    border-right: none;
    width: auto;
    padding: 0;
    margin-bottom: 20px;
}
#palette .top-block .flex-right {
    width: auto;
    padding: 0;
}
#palette .top-block .flex-right h3 {
	font-size: 1.8rem;
}
}


#palette .type-block {
    background: #EBF4F4 url(images/common/bg-deco01.jpg) top center no-repeat;
    background-size: 100% auto;
    padding: 80px 0;
}
#palette .type-block .type-box {
    background: #fff;
    padding: 40px 80px;
}
#palette .type-block .type01 {
    margin-bottom: 60px;
}
#palette .type-block .type-box .ttl-box {
    margin-bottom: 60px;
}
#palette .type-block .type-box h2 {
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: 20px;
}
#palette .type-block .type-box .text01 {
    color: #379393;
    font-size: 2.8rem;
    font-weight: bold;
    text-align: center;
}
#palette .type-block .type-box .text02 {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
#palette .type-block .type-box .item {
    margin-bottom: 40px;
}
#palette .type-block .type-box .item:nth-last-of-type(1) {
    margin-bottom: 0;
}
#palette .type-block .type-box .item h3 {
    color: #fff;
    font-size: 2.2rem;
    background: #379393;
    border-radius: 4px;
    padding: 5px 15px;
    margin-bottom: 20px;
}
#palette .type-block .type-box .item .flex-container {
    flex-wrap: wrap;
    justify-content: space-between;
}
#palette .type-block .type-box .item .flex-container .flex-box {
    text-align: center;
    width: 48%;
    margin-bottom: 40px;
}
#palette .type-block .type-box .item .flex-container .flex-box .btn-modal {
    text-align: center;
    margin: 20px 0 0;
}
#palette .type-block .type-box .item .flex-container .flex-box .btn-modal a {
    color: #379393;
    border: solid 1px #379393;
    border-radius: 3px;
    padding: 2px 10px;
}

/* これが無いとモーダルウィンドウ表示の際に余白が出る */
*{
  margin: 0;
  padding: 0;
}
/* モーダル全体(背景＋本体) */
.modal{
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}
/* モーダル背景 */
.js-modal-close {
  position: absolute;
  top: 16%;
  right: 25%;
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
}
.js-modal-close:hover {
    opacity: 0.8;
}
/* モーダル本体 */
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  justify-content: center!important;
  align-items: center;
  transform: translate(-50%, -50%);
  overflow: scroll; /* はみ出た部分はスクロールさせる */
  height: 50%;/* これが無いと「overflow:scroll」が利かない */
  width: 50%;/* これが無いと「overflow:scroll」が利かない */
  background: white;
  padding: 40px;
}
/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}
.modal-content img {
    max-width: 100%;
    max-height: 100%;
}

@media(max-width:480px){
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  justify-content: center!important;
  align-items: center;
  transform: translate(-50%, -50%);
  overflow: scroll; /* はみ出た部分はスクロールさせる */
  height: 80%;/* これが無いと「overflow:scroll」が利かない */
  width: 80%;/* これが無いと「overflow:scroll」が利かない */
  background: white;
  padding: 20px;
}
.js-modal-close {
  top: 10px;
  right: 20px;
}
}

@media(max-width:480px){
#palette .type-block {
    padding: 40px 0;
}
#palette .type-block .type-box {
    background: #fff;
    padding: 30px 20px;
}
#palette .type-block .type-box h2 {
    font-size: 2.2rem;
    margin-bottom: 10px;
}
#palette .type-block .type-box .text01 {
    font-size: 2rem;
}
#palette .type-block .type-box .ttl-box {
    margin-bottom: 30px;
}
#palette .type-block .type-box .item h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}
#palette .type-block .type-box .item .flex-container {  
    flex-wrap: wrap;
}
#palette .type-block .type-box .item .flex-container .flex-box {
    text-align: center;
    width: 100%;
    margin: 0 0 30px;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	サイン・ディスプレイ素材
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#display .page-head {
    background: url(images/common/head-display.jpg) bottom center no-repeat;
    background-size: cover;
}


#display .top-block {
    padding: 80px 0;
}
#display .top-block h2 {
	font-size: 3.6rem;
}
#display .top-block .en-ttl {
	color: #80C5CF;
	font-size: 1.8rem;
	font-weight: bold;
}
#display .top-block .flex-left {
    width: 55%;
	padding: 0 30px 0 0;
	border-right: solid 1px #C9C9C9;
}
#display .top-block .flex-right {
    width: 45%;
	padding: 0 0 0 30px;
}

@media(max-width:480px){
#display .top-block {
    padding: 40px 0;
}
#display .top-block h2 {
	font-size: 2.6rem;
}
#display .top-block .en-ttl {
	font-size: 1.6rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#display .top-block .flex-container {
    flex-wrap: wrap;
}
#display .top-block .flex-left {
    text-align: center;
    border-right: none;
    width: auto;
    padding: 0;
    margin-bottom: 20px;
}
#display .top-block .flex-right {
    width: auto;
    padding: 0;
}
}


#display .point-block {
    background: #EBF4F4 url(images/common/bg-deco01.jpg) top center no-repeat;
    background-size: 100% auto;
    padding: 120px 0;
}
#display .point-block .flex-container { 
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
}
#display .point-block .flex-container .flex-box {
    position: relative;
    background: #fff;
    padding: 40px;
}
#display .point-block .flex-container .flex-box01 {
    width: 48%;
    margin-bottom: 80px;
}
#display .point-block .flex-container .flex-box02 {
    width: 31%;
}
#display .point-block .flex-container .flex-box h3 {
    color: #379393;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}
#display .point-block .flex-container .flex-box h4 {
    font-size: 1.8rem;
    font-weight: bold;
    border-top: solid 1px #c9c9c9;
    padding: 10px 0 0;
    margin-top: 10px;
}
#display .point-block .flex-container .flex-box table tr th {
    text-align: left;
}
#display .point-block .flex-container .item01::after {
    content: "1";
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 20px;
    color: #80c5cf;
    font-size: 12rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    opacity: 0.6;
}
#display .point-block .flex-container .item02::after {
    content: "2";
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 20px;
    color: #80c5cf;
    font-size: 12rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    opacity: 0.6;
}
#display .point-block .flex-container .item03::after {
    content: "3";
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 20px;
    color: #80c5cf;
    font-size: 12rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    opacity: 0.6;
}
#display .point-block .flex-container .item04::after {
    content: "4";
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 20px;
    color: #80c5cf;
    font-size: 12rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    opacity: 0.6;
}
#display .point-block .flex-container .item05::after {
    content: "5";
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 20px;
    color: #80c5cf;
    font-size: 12rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    opacity: 0.6;
}
#display .point-block .btn-work {
    text-align: center;
}
#display .point-block .btn-work img {
    width: 457px;
}

@media(max-width:768px){
#display .point-block {
    padding: 60px 0;
}
#display .point-block .flex-container { 
    margin-bottom: 0;
}
#display .point-block .flex-container .flex-box {
    padding: 20px;
}
#display .point-block .flex-container .flex-box01 {
    width: 100%;
    margin-bottom: 50px;
}
#display .point-block .flex-container .flex-box02 {
    width: 100%;
    margin-bottom: 50px;
}
#display .point-block .flex-container .item01::after {
    font-size: 9rem;
    top: -50px;
    right: 10px;
}
#display .point-block .flex-container .item02::after {
    font-size: 9rem;
    top: -50px;
    right: 10px;
}
#display .point-block .flex-container .item03::after {
    font-size: 9rem;
    top: -50px;
    right: 10px;
}
#display .point-block .flex-container .item04::after {
    font-size: 9rem;
    top: -50px;
    right: 10px;
}
#display .point-block .flex-container .item05::after {
    font-size: 9rem;
    top: -50px;
    right: 10px;
}
}
@media(max-width:480px){
#display .point-block .flex-container .flex-box h3 {
    font-size: 2rem;
}
#display .point-block .flex-container .flex-box h4 {
    font-size: 1.6rem;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	サイン・ディスプレイ素材 グーテンベルク
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#display .blockeditor {
    padding-bottom: 0;
}
#display .blockeditor .top-block {
    padding: 0;
}

#display .blockeditor .point-block .flex-container { 
    margin-bottom: 0;
}
#display .blockeditor .point-block .flex-container .flex-box01 {
    margin-bottom: 40px;
}

#display .blockeditor .btn-work {
    padding: 0 20px;
}
#display .blockeditor .btn-work img {
    width: 457px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	事業紹介 グーテンベルク
	
------------------------------------------------------------------------------------------------------------------------------------------*/
.service .blockeditor .top-block {
    justify-content: space-between;
    gap: 0;
}
.service .blockeditor .top-block h2 {
    color: #414242;
    font-size: 3.2rem;
    font-weight: bold;
    padding: 0;
    background: none;
}
.service .blockeditor .top-block .en-ttl {
	color: #80C5CF;
	font-size: 1.8rem;
	font-weight: bold;
}
.service .blockeditor .top-block .wp-block-column {
    flex-basis: inherit;
    flex-grow: initial;
    width: 47%;
}
.service .blockeditor .top-block .wp-block-column:nth-of-type(1) {
    border-right: solid 1px #C9C9C9;
    padding: 0 30px 0 0;
}

@media(max-width:781px) {
.service .blockeditor .top-block {
    padding: 0 20px!important;
}
.service .blockeditor .top-block .wp-block-column:nth-of-type(1) {
    border-right: none;
    padding: 0;
}
}
@media(max-width:480px){
.service .blockeditor .top-block h2 {
    font-size: 2.6rem;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	制作事例
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#archive-work .page-head {
    background: url(images/common/head-display.jpg) bottom center no-repeat;
    background-size: cover;
}


#archive-work .cat-block {
    padding: 30px 0 80px;
}
#archive-work .cat-block .wrap1080 {
    position: relative;
}
#archive-work .cat-block .en-ttl {
    position: absolute;
    top: -10px;
    left: 0;
    color: #80c5cf;
    font-size: 3rem;
}
#archive-work .cat-block ul {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 100px;
}
#archive-work .cat-block ul li {
    border-left: solid 1px #379393;
}
#archive-work .cat-block ul li:nth-last-of-type(1) {
    border-right: solid 1px #379393;
}
#archive-work .cat-block ul li a {
    color: #379393;
    font-size: 2.2rem;
    line-height: 1;
    padding: 0 15px;
}

@media(max-width:480px){
#archive-work .cat-block {
    padding: 10px 0 40px;
}
#archive-work .cat-block .en-ttl {
    position: static;
    font-size: 1.8rem;
    text-align: center;
}
#archive-work .cat-block ul {
    padding-left: 0;
}
#archive-work .cat-block ul li {
    text-align: center;
    border-bottom: solid 1px #379393;
    border-left: none;
    border-right: none;
    padding: 10px 0 5px;
    width: 100%;
}
#archive-work .cat-block ul li:nth-last-of-type(1) {
    border-right: none;
}
#archive-work .cat-block ul li a {
    font-size: 2rem;
}
}


#archive-work .archive-block h2 {
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
}
#archive-work .archive-block .en-ttl {
    color: #80c5cf;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
#archive-work .archive-block .flex-container {
    flex-wrap: wrap;
}
#archive-work .archive-block .flex-box {
    width: 31%;
    margin: 0 3% 60px 0;
}
#archive-work .archive-block .flex-box:nth-of-type(3n) {
    margin: 0 0 60px;
}
#archive-work .archive-block .flex-box h3 {
    color: #379393;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 10px 0;
}
#archive-work .archive-block .flex-box .material {
    margin: 10px 0;
}
#archive-work .archive-block .flex-box .material span {
    color: #fff;
    background: #379393;
    padding: 2px 10px;
    margin-right: 10px;
}
#archive-work .archive-block .flex-box ul li {
    display: inline-block;
    margin-right: 10px;
}
#archive-work .archive-block .flex-box ul li img {
    height: 77px;
    width: auto;
}

@media(max-width:768px){
#archive-work .archive-block h2 {
    font-size: 2.6rem;
}
#archive-work .archive-block .en-ttl {
    font-size: 1.6rem;
    margin-bottom: 20px;
}
#archive-work .archive-block .flex-container {
    justify-content: space-between;
}
#archive-work .archive-block .flex-box {
    width: 47%;
    margin: 0 0 50px;
}
#archive-work .archive-block .flex-box:nth-of-type(3n) {
    margin: 0 0 40px;
}
#archive-work .archive-block .flex-box h3 {
    font-size: 1.8rem;
}
#archive-work .archive-block .flex-box ul li {
    margin: 0 0 5px;
}
#archive-work .archive-block .flex-box ul li img {
    height: 57px;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	お問い合わせ
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#contact .page-head {
    background: url(images/common/head-contact.jpg) bottom center no-repeat;
    background-size: cover;
}


#contact .top-block  {
    text-align: center;
    padding: 40px 0;
}
#contact .top-block .text01 {
    font-size: 2.6rem;
    line-height: 1.4;
    margin-bottom: 20px;
}
#contact .top-block h2 {
    font-size: 3.6rem;
    font-weight: 500;
}
#contact .top-block .text-tel span {
    color: #379393;
    font-size: 5.2rem;
    font-weight: bold;
    line-height: 1.4;
    background: url(images/common/icon-tel.png) center left no-repeat;
    padding-left: 65px;
}

@media(max-width:768px){
#contact .top-block  {
    text-align: center;
    padding: 20px 0 40px;
}
#contact .top-block .text01 {
    font-size: 2rem;
    margin-bottom: 10px;
}
#contact .top-block h2 {
    font-size: 2.4rem;
}
#contact .top-block .text-tel span {
    font-size: 4rem;
}
}


#contact .mail-block {
    background: #ebf4f4;
    padding: 40px;
}
#contact .mail-block span.red {
    color: #379393;
}
#contact .mail-block h2 {
    font-size: 3.6rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}
#contact .mail-block .box01 {
    justify-content: center;
}
#contact .mail-block table {
    width: 100%;
    margin: 30px 0;
}
#contact .mail-block table tr th {
    text-align: left;
    vertical-align: top;
    padding: 10px;
}
#contact .mail-block table tr td {
    padding: 10px;
}

#contact .mail-block input,
#contact .mail-block select,
#contact .mail-block textarea {
    border: none;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
}
#contact .mail-block .btn-send {
    background: #008C9F;
    text-align: left;
    width: 350px;
    height: 50px;
    padding: 5px 10px;
    margin: 0 auto;
}
#contact .mail-block .btn-send input {
    display: block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    background: url(images/common/arrow-right03.png) center right 10px no-repeat;
    width: 100%;
}

@media(max-width:768px){
#contact .mail-block {
    padding: 30px 20px;
}
#contact .mail-block h2 {
    font-size: 2.4rem;
}
#contact .mail-block-inner {
    padding: 20px 0 0;
}
#contact .mail-block table tr th {
    display: block;
    width: 100%;
}
#contact .mail-block table tr td {
    display: block;
    width: 100%;
}
#contact .mail-block .btn-send {
    width: 100%;
    height: 50px;
}
}


#contact .privacy-block {
    padding: 80px 0;
}
#contact .privacy-block h2 {
    font-size: 3.6rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
#contact .privacy-block .box01 {
    border: solid 10px #c3dfdf;
    padding: 40px;
}
#contact .privacy-block .item {
    margin-bottom: 40px;
}
#contact .privacy-block .item:nth-of-type(1) {
    margin-top: 40px;
}
#contact .privacy-block .item h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

@media(max-width:768px){
#contact .privacy-block {
    padding: 40px 0;
}
#contact .privacy-block h2 {
    font-size: 2.4rem;
    margin-bottom: 10px;
}
#contact .privacy-block .box01 {
    padding: 20px;
}
#contact .privacy-block .item {
    margin-bottom: 30px;
}
#contact .privacy-block .item:nth-of-type(1) {
    margin-top: 30px;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	サンクスページ
	
------------------------------------------------------------------------------------------------------------------------------------------*/
.page-id-819 .sub-page-contents #main {
    padding-top: 40px;
}

@media(max-width:768px){
.page-id-819 .sub-page-contents #main {
    padding-top: 0;
}
.page-id-819 .page-header {
    padding: 20px 0;
}
.page-id-819 .page-header__title {
    font-size: 20px;
}
.page-id-819 #main .box01 {
    padding: 0 20px;
}
.page-id-819 #main .box01 h3 {
    font-size: 20px;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	用途で探す
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#youto .page-head {
    background: url(images/common/head-youto.jpg) bottom center no-repeat;
    background-size: cover;
}


#youto .top-block {
    padding: 40px 0 80px;
}
#youto .top-block h2 {
    font-size: 3.6rem;
}
#youto .top-block .en-ttl {
    color: #80c5cf;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}
#youto .top-block .flex-container {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
#youto .top-block .flex-container .flex-box {
    width: 28%;
}
#youto .top-block .flex-container .flex-box h3 {
    color: #379393;
    font-size: 2.2rem;
    margin-bottom: 10px;
}
#youto .top-block .flex-container .flex-box img {
    width: 168px;
    max-width: 100%;
    margin-top: 20px;
}

@media(max-width:768px){
#youto .top-block {
    padding: 40px 0;
}
#youto .top-block h2 {
    font-size: 2.6rem;
}
#youto .top-block .en-ttl {
    font-size: 1.6rem;
    margin-bottom: 10px;
}
#youto .top-block .flex-container .flex-box h3 {
    font-size: 1.8rem;
}
}
@media(max-width:480px){
#youto .top-block .flex-container .flex-box {
    width: 100%;
    margin-bottom: 30px;
}
#youto .top-block .flex-container .flex-box img {
    width: 60%;
    max-width: 100%;
}
}



#youto .youto-block {
    background: #EBF4F4 url(images/common/bg-deco01.jpg) top center no-repeat;
    background-size: 100% auto;
    padding: 80px 0;
}
#youto .youto-block-inner {
    background: #fff;
    padding: 40px;
}
#youto .youto-block h2 {
    font-size: 3.2rem;
    margin-bottom: 30px;
}
#youto .youto-block .flex-container {
    justify-content: space-between;
    border-bottom: dashed 1px #605f5b;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#youto .youto-block .flex-container .flex-left p {
    font-size: 2rem;
}
#youto .youto-block .flex-container .flex-right a {
    display: block;
    color: #008c9f;
    font-size: 2rem;
    text-align: left;
    text-decoration: underline;
    width: 200px;
}

@media(max-width:768px){
#youto .youto-block {
    padding: 40px 0;
}
#youto .youto-block-inner {
    padding: 30px 20px;
}
#youto .youto-block h2 {
    font-size: 2.2rem;
    margin-bottom: 20px;
}
#youto .youto-block .flex-container {
    flex-wrap: wrap;
}
#youto .youto-block .flex-container .flex-left {
    width: 100%;
}
#youto .youto-block .flex-container .flex-right {
    width: 100%;
}
#youto .youto-block .flex-container .flex-left p {
    font-size: 1.6rem;
}
#youto .youto-block .flex-container .flex-right a {
    font-size: 1.6rem;
}
}


.btn-seihin {
    text-align: center;
    padding: 80px 0;
}
.btn-seihin a {
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    background: #379393;
    border-radius: 8px;
    padding: 10px 40px;
}

@media(max-width:480px){
.btn-seihin {
    text-align: center;
    padding: 40px 0;
}
.btn-seihin a {
    display: block;
    font-size: 1.6rem;
    padding: 10px 20px;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	会社案内
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#about .page-head {
    background: url(images/common/head-about.jpg) bottom center no-repeat;
    background-size: cover;
}


#about .main-wrap h2 {
    color: #fff;
    font-size: 2.4rem;
    background: #379393 url(images/common/icon-shiryou.png) top 14px left 15px no-repeat;
    margin-bottom: 10px;
    padding: 10px 10px 10px 50px;
}
@media(max-width:768px){
#about h2 {
    font-size: 2.2rem;
}
}

#about .main-wrap {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 80px 0;
}
#about .main-wrap > .flex-left {
    width: 70%;
}
#about .main-wrap > .flex-right {
    width: 20%;
}

@media(max-width:768px){
#about .main-wrap {
    padding: 40px 0;
}
#about .main-wrap > .flex-left {
    width: 100%;
    order: 2;
}
#about .main-wrap > .flex-right {
    width: 100%;
    order: 1;
    margin-bottom: 30px;
}
}


#about .about-block {
    padding: 0 0 80px;
}
#about .about-block table {
    width: 100%;
}
#about .about-block table tr th {
    font-size: 1.7rem;
    text-align: left;
    border-bottom: solid 1px #cacaca;
    padding: 10px;
}
#about .about-block table tr td {
    font-size: 1.7rem;
    text-align: left;
    border-bottom: solid 1px #cacaca;
    padding: 10px;
}
#about .about-block table tr td .paleft {
    padding-left: 20px;
}
#about .about-block table tr td a {
    display: inline-block;
    color: #008c9f;
    text-decoration: underline;
    padding-left: 20px;
    margin-bottom: 30px;
}

@media(max-width:768px){
#about .about-block {
    padding: 0 0 40px;
}
#about .about-block table tr th {
    width: 110px;
}
}


#about .history-block {
    padding-bottom: 80px;
}
#about .history-block table {
    width: 100%;
}
#about .history-block table tr th {
    color: #80c5cf;
    font-size: 2.4rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    text-align: left;
    border-bottom: solid 1px #cacaca;
    padding: 7px;
}
#about .history-block table tr td {
    font-size: 1.7rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 1px #cacaca;
    padding: 7px;
}

@media(max-width:768px){
#about .history-block {
    padding-bottom: 40px;
}
#about .history-block table tr th {
    font-size: 2rem;
}
}


#about .access-block iframe {
    margin-top: 30px;
}


#about .sidebar h2 {
    color: #379393;
    font-size: 2.4rem;
    text-align: left;
    line-height: 1;
    border-bottom: solid 1px #379393;
    background: none;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

@media(max-width:768px){
#about .sidebar ul li a {
    display: block;
    padding: 5px 0;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	会社案内 グーテンベルク仕様
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#about .blockeditor .table01 {
    width: 100%;
}
#about .blockeditor .table01 tr td:nth-of-type(1) {
    font-size: 1.7rem;
    text-align: left;
    border-bottom: solid 1px #cacaca;
    padding: 10px;
}
#about .blockeditor .table01 tr td:nth-of-type(2) {
    font-size: 1.7rem;
    text-align: left;
    border-bottom: solid 1px #cacaca;
    padding: 10px;
}
#about .blockeditor .table01 tr td .paleft {
    padding-left: 20px;
}
#about .blockeditor .table01 tr td a {
    display: inline-block;
    color: #008c9f;
    text-decoration: underline;
}

#about .blockeditor .history tr td:nth-of-type(1) {
    color: #80c5cf;
    font-size: 2.4rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
@media(max-width:768px){
#about .blockeditor .history tr td:nth-of-type(1) {
    font-size: 2rem;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	SDGsへの取り組み
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#sdgs .page-head {
    background: url(images/common/head-sdgs.jpg) bottom center no-repeat;
    background-size: cover;
}

#sdgs .top-block {
    margin: 60px 0 80px;
}
#sdgs .top-block .catch {
    font-size: 3.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
#sdgs .top-block .sdgs-logo {
    margin: 40px 0 30px;
}
#sdgs .top-block .flex-container {
    flex-wrap: wrap;
    justify-content: space-between;
}
#sdgs .top-block .flex-container li {
    width: 15%;
    margin-bottom: 10px;
}
@media(max-width:480px){
#sdgs .top-block {
    margin: 40px 0;
}
#sdgs .top-block .catch {
    font-size: 2.6rem;
}
#sdgs .top-block .flex-container li {
    width: 31%;
    margin-bottom: 10px;
}
}

#sdgs .attempt-block h2 {
    color: #fff;
    font-size: 2.4rem;
    background: #379393 url(images/common/icon-shiryou.png) top 14px left 15px no-repeat;
    padding: 10px 10px 10px 50px;
}
#sdgs .attempt-block .box01 {
    margin: 60px 0;
}
#sdgs .attempt-block h3 {
    font-size: 3.2rem;
    font-weight: bold;
    border-left: solid 9px #008c9f;
    margin-bottom: 10px;
    padding-left: 10px;
}
#sdgs .attempt-block .box01 .flex-container {
    margin: 20px 0 0;
}
#sdgs .attempt-block .box01 .flex-container li {
    width: 15%;
    margin-right: 2%;
}
#sdgs .attempt-block .box01 .flex-container li:nth-last-of-type(1) {
    margin-right: 0;
}

@media(max-width:480px){
#sdgs .attempt-block .box01 {
    margin: 40px 0;
}
#sdgs .attempt-block h3 {
    font-size: 2.4rem;
}
#sdgs .attempt-block .box01 .flex-container {
    flex-wrap: wrap;
}
#sdgs .attempt-block .box01 .flex-container li {
    width: 31%;
    margin-right: 3%;
    margin-bottom: 10px;
}
#sdgs .attempt-block .box01 .flex-container li:nth-of-type(3n) {
    margin-right: 0;
}
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	SDGsへの取り組み　グーテンベルク
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#sdgs .blockeditor .catch {
    font-size: 3.2rem;
    margin-bottom: 20px;
}
#sdgs .blockeditor h3 {
    color: #414242;
    font-size: 3.2rem;
    font-weight: bold;
    border-left: solid 9px #008c9f;
    margin-bottom: 10px;
    padding-left: 10px;
}
#sdgs .blockeditor .sdgs-item-box {
    gap: 10px;
    margin-bottom: 10px!important;
}
#sdgs .blockeditor .sdgs-item-box .wp-block-column {
    margin-bottom: 0!important;
}

@media(max-width:781px){
#sdgs .blockeditor .sdgs-item-box:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 30%!important;
    margin-bottom: 10px;
}
}
@media(max-width:480px){
#sdgs .blockeditor .catch-text {
  text-align: left;
}
#sdgs .blockeditor h3 {
    font-size: 2.4rem;
}
#sdgs .blockeditor .sdgs-item-box:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 30%!important;
    margin-bottom: 10px;
}
}



/*------------------------------------------------------------------------------------------------------------------------------------------

	ニュース
	
------------------------------------------------------------------------------------------------------------------------------------------*/
#archive-news .page-head {
    background: url(images/common/head-news.jpg) bottom center no-repeat;
    background-size: cover;
}


#archive-news .cat-list {
    padding: 80px 0 40px;
}
#archive-news .cat-list ul li {
    background: #66bac5;
    border-radius: 4px;
    margin-right: 10px;
}
#archive-news .cat-list ul li a {
    display: block;
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    min-width: 130px;
}

@media(max-width:768px){
#archive-news .cat-list {
    padding: 40px 0 30px;
}
#archive-news .cat-list ul {
    flex-wrap: wrap;
    justify-content: space-between;
}
#archive-news .cat-list ul li {
    width: 48%;
    margin: 0 0 10px;
}
#archive-news .cat-list ul li a {
    display: block;
    font-size: 1.6rem;
    width: 100%;
    min-width: inherit;
}
}


#archive-news .archive-block {
    padding-bottom: 80px;
}
#archive-news .archive-block h2 {
    font-size: 3.8rem;
    font-weight: bold;
    margin-bottom: 30px;
}
#archive-news .archive-block .flex-container {
    border-bottom: solid 1px #ababab;
    padding: 15px 0;
}
#archive-news .archive-block .flex-container:nth-of-type(1) {
    border-top: solid 1px #ababab;
}
#archive-news .archive-block .flex-container .day p {
    font-size: 1.4rem;
    width: 90px;
}
#archive-news .archive-block .flex-container .cat p {
    color: #fff;
    background: #66bac5;
    border-radius: 4px;
    padding: 0 10px;
}
#archive-news .archive-block .flex-container .ttl h3 {
    font-size: 1.6rem;
    margin-left: 15px;
}

@media (max-width:480px){
#archive-news .archive-block h2 {
    font-size: 2.6rem;
    margin-bottom: 20px;
}
#archive-news .archive-block .flex-container {
    flex-wrap: wrap;
}
#archive-news .archive-block .flex-container .ttl {
    width: 100%;
    margin: 5px 0 0;
}
#archive-news .archive-block .flex-container .ttl h3 {
    margin-left: 0;
}
}

.lb-data .lb-number {
    display: none!important;
}


/*----------------------------------------------------------------------------------------------------------------------------------------

	お知らせ　詳細
	
----------------------------------------------------------------------------------------------------------------------------------------*/
#single-news .page-head {
    background: url(images/common/head-news.jpg) bottom center no-repeat;
    background-size: cover;
}

#single-news .single-block {
    padding: 70px 0;
}
#single-news .content {
	justify-content: space-between;
}

@media (max-width:768px){
#single-news .single-block {
    padding: 40px 0;
}
#single-news .content {
	flex-wrap: wrap;
    padding: 0 20px;
}
}


/* news-content */
#single-news .news-content {
	width: 67.75%;
    margin-bottom: 50px;
}
#single-news .news-content .day {
	display: inline-block;
    font-size: 1.6rem;
    margin-right: 10px;
}
#single-news .news-content ul.cat {
    display: inline-block;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
#single-news .news-content ul.cat li {
    display: inline-block;
    color: #fff;
    text-align: center;
    list-style: none;
    background: #66bac5;
    border-radius: 3px;
    padding: 2px 10px;
    margin-right: 5px;
}
#single-news .news-content h2 {
	font-size: 3.2rem;
	font-weight: bold;
	border-bottom: dotted 2px #ababab;
    padding-bottom: 10px;
	margin: 10px 0;
}
#single-news .news-content .desc table {
    margin: 30px 0;
}
#single-news .news-content .desc table td {
    min-width: 100px;
    padding: 10px 0;
}
#single-news .news-content .desc .wp-block-columns,
#single-news .news-content .desc .wp-block-image {
    margin: 30px 0;
}
#single-news .news-content .btn-more {
    text-align: center;
    margin: 50px 0;
}
#single-news .news-content .btn-more a {
    display: inline-block;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    background: #ababab url("images/common/arrow-right02.png") center right 10px no-repeat;
    border-radius: 8px;
    padding: 5px 20px 5px 10px;
    width: 300px;
}

@media (max-width:767px){
#single-news .news-content {
	width: 100%;
	margin-bottom: 20px;
}
#single-news .news-contentinner {
    padding: 10px 0 20px;
    margin-bottom: 30px;
}
#single-news .news-content .cat {
    font-size: 1.3rem;
    padding: 0 10px;
}
#single-news .news-content h2 {
	font-size: 2rem;
}
#single-news .news-content .day {
    font-size: 1.3rem;
}
#single-news .news-content .btn-more a {
    font-size: 1.6rem;
}
}


/* news-sideber */
#single-news .news-sideber {
	width: 24.07%;
}
#single-news .news-sideber .side-box {
	margin-bottom: 80px;
}
#single-news .news-sideber .side-box .text01 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    background: #379393;
    border-radius: 5px;
    padding: 2px 10px;
    margin-bottom: 10px;
}
#single-news .news-sideber .item {
    border-bottom: dotted 2px #ababab;
    padding: 10px 0;
    margin: 0 0 10px;
}
#single-news .news-sideber .side-box .cat {
    display: inline-block;
    flex-wrap: wrap;
    justify-content: space-between;
}
#single-news .news-sideber .side-box .cat li {
    display: inline-block;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    list-style: none;
    background: #66bac5;
    border-radius: 3px;
    padding: 0 10px;
    margin-right: 5px;
}
#single-news .news-sideber .side-box .text02 {
    font-size: 1.6rem;
    font-weight: bold;
}
#single-news .news-sideber .cat-list li {
    list-style: none;
    border-bottom: dotted 2px #ababab;
    padding: 10px 0;
}
#single-news .news-sideber .cat-list li a {
    font-size: 1.6rem;
    font-weight: bold;
}


@media (max-width:768px){
#single-news .news-sideber {
	width: 100%;
}
#single-news .news-sideber .side-box {
	margin-bottom: 40px;
}
#single-news .news-sideber .side-box02 {
    margin-bottom: 0;
}
#single-news .news-sideber .side-box .text01 {
    font-size: 1.6rem;
}
#single-news .news-sideber .cat-list li a {
    font-size: 1.5rem;
    font-weight: bold;
}
}



/*----------------------------------------------------------------------------------------------------------------------------------------

	製品　一覧
	
----------------------------------------------------------------------------------------------------------------------------------------*/
#archive-seihin .page-head {
    background: url(images/common/head-seihin.jpg) bottom center no-repeat;
    background-size: cover;
}
#archive-seihin .cat-list {
    align-items: center;
    width: 1080px;
    margin: 20px auto 40px;
}
#archive-seihin .cat-list .text01 {
    color: #80c5cf;
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    margin-right: 20px;
}
#archive-seihin .cat-list ul {
    border-left: solid 1px #379393;
    margin-top: 5px;
}
#archive-seihin .cat-list ul li {
    border-right: solid 1px #379393;
    padding: 0 10px;
}
#archive-seihin .cat-list ul li a {
    color: #379393;
    font-size: 2.2rem;
    font-weight: bold;
}

@media(max-width:768px){
#archive-seihin .cat-list {
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
    margin: 20px auto 30px;
}
#archive-seihin .cat-list .text01 {
    font-size: 2rem;
    text-align: center;
    width: 100%;
}
#archive-seihin .cat-list ul {
    flex-wrap: wrap;
    border: none;
    width: 100%;
}
#archive-seihin .cat-list ul li {
    text-align: center;
    border-right: none;
    border-bottom: solid 1px #379393;
    width: 100%;
    margin-bottom: 5px;
}
#archive-seihin .cat-list ul li a {
    font-size: 1.4rem;
}
}


#archive-seihin .archive-block .box01 {
    margin-bottom: 80px;
}
#archive-seihin .archive-block .box01 h2 {
    text-align: center;
}
#archive-seihin .archive-block .box01 .en-ttl {
    text-align: center;
    color: #80c5cf;
    margin-bottom: 20px;
}
#archive-seihin .archive-block .box01 .flex-container {
    flex-wrap: wrap;
}
#archive-seihin .archive-block .box01 .flex-container .flex-box {
    width: 30%;
    margin: 0 2% 40px 0;
}
#archive-seihin .archive-block .box01 .flex-container .flex-box:nth-of-type(3n) {
    margin: 0 0 40px 0;
}
#archive-seihin .archive-block .box01 .flex-container .flex-box h3 {
    color: #379393;
    font-size: 2.2rem;
    margin: 10px 0 10px;
}

@media(max-width:768px){
#archive-seihin .archive-block .box01 {
    margin-bottom: 40px;
}
#archive-seihin .archive-block .box01 .flex-container {
    justify-content: space-between;
}
#archive-seihin .archive-block .box01 .flex-container .flex-box {
    width: 47%;
    margin: 0 0 40px 0;
}
#archive-seihin .archive-block .box01 .flex-container .flex-box h3 {
    font-size: 1.8rem;
    margin: 10px 0 5px;
}
}



/*----------------------------------------------------------------------------------------------------------------------------------------

	製品　詳細
	
----------------------------------------------------------------------------------------------------------------------------------------*/
#single-seihin .page-head {
    background: url(images/common/head-seihin.jpg) bottom center no-repeat;
    background-size: cover;
}

#single-seihin .cat-list {
    align-items: center;
    width: 1240px;
    margin: 20px auto 40px;
}
#single-seihin .cat-list .text01 {
    color: #80c5cf;
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    margin-right: 20px;
}
#single-seihin .cat-list ul {
    border-left: solid 1px #379393;
    margin-top: 5px;
}
#single-seihin .cat-list ul li {
    border-right: solid 1px #379393;
    padding: 0 10px;
}
#single-seihin .cat-list ul li a {
    color: #379393;
    font-size: 2.2rem;
    font-weight: bold;
}

@media(max-width:1240px){
#single-seihin .cat-list {
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
    margin: 20px auto 30px;
}
#single-seihin .cat-list .text01 {
    font-size: 2rem;
    width: 100%;
}
#single-seihin .cat-list ul {
    flex-wrap: wrap;
    border: none;
}
#single-seihin .cat-list ul li {
    text-align: center;
    border-right: none;
    border-bottom: solid 1px #379393;
    width: 100%;
    margin-bottom: 5px;
}
#single-seihin .cat-list ul li a {
    font-size: 1.4rem;
}
}

#single-seihin .main-wrap {
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 1.7rem;
    width: 1240px;
    margin: 0 auto 80px;
}
#single-seihin .main-wrap .main-contents {
    width: 70%;
}
#single-seihin .main-wrap .sideber {
    width: 25%;
}

@media(max-width:1240px){
#single-seihin .main-wrap {
    width: 100%;
    padding: 0 20px;
}
}
@media(max-width:768px){
#single-seihin .main-wrap .main-contents {
    width: 100%;
    margin-bottom: 40px;
}
#single-seihin .main-wrap .sideber {
    width: 100%;
}
}


#single-seihin .main-contents h2 {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 20px;
}
#single-seihin .main-contents h3 {
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    background: #339999 url("images/common/icon-shiryou.png") top 9px left 10px no-repeat;
    padding: 5px 10px 5px 50px;
    margin: 30px 0 20px;
}
#single-seihin .main-contents h4 {
    color: #379393;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
}
#single-seihin .main-contents .main-img {
    margin-bottom: 20px;
}

@media(max-width:768px){
#single-seihin .main-contents h2 {
    font-size: 2.6rem;
}
#single-seihin .main-contents h3 {
    font-size: 2rem;
    padding: 5px 10px 10px 50px;
    margin: 40px 0 20px;
}
#single-seihin .main-contents h4 {
    margin: 30px 0 0;
}
}

/* テキストスタイル */
#single-seihin .main-contents .desc-box .text01 {
    font-size: 2.4rem;
    font-weight: bold;
    border-top: solid 1px #231815;
    border-bottom: solid 1px #231815;
    padding: 5px 0;
    margin-bottom: 20px;
}
#single-seihin .main-contents .desc-box .text02 {
    font-size: 2rem;
    font-weight: bold;
}
#single-seihin .main-contents .desc-box .text02::before {
    content: "■";
    color: #379393;
}


/* ページ内リンク */
#single-seihin .main-contents ul.pagenai-link {
    border-left: solid 1px #414242;
    margin: 20px 0 10px;
}
#single-seihin .main-contents ul.pagenai-link li {
    border-right: solid 1px #414242;
    padding: 0 10px;
}
#single-seihin .main-contents ul.pagenai-link li a {
    text-decoration: underline;
}
@media(max-width:768px){
#single-seihin .main-contents ul.pagenai-link {
    border-left: none;
    flex-wrap: wrap;
}
#single-seihin .main-contents ul.pagenai-link li {
    margin-bottom: 5px;
    width: 50%;
}
#single-seihin .main-contents ul.pagenai-link li:nth-of-type(2n) {
    border-right: none;
}
#single-seihin .main-contents ul.pagenai-link li a {
    font-size: 1.4rem;
}
}

/* リスト */
#single-seihin .main-contents ol.list-type01 li {
    position: relative;
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
    padding-left: 25px;
    margin-bottom: 20px;
}
#single-seihin .main-contents ol.list-type01 li:before {
    position: absolute;
    left: 0;
    display: marker;
    content: "(" counter(cnt) ") ";
}

/* テキストと画像 */
.wp-block-media-text .wp-block-media-text__content {
    align-self: auto;
    padding: 0 5% 0 0;
}

@media(max-width:768px){
.wp-block-media-text .wp-block-media-text__content {
    padding: 0;
}
}

/* 仕様テーブル */
@media(max-width:768px){
#single-seihin .main-contents .table-box,
#single-seihin .main-contents .wp-block-table {
    overflow: auto; /*スクロールさせる*/
    white-space: nowrap; /*文字の折り返しを禁止*/
}
}
#single-seihin .main-contents table {
    width: 100%;
}
#single-seihin .main-contents .table-type01 table tr td {
    border-bottom: solid 1px #cacaca;
    padding: 10px 0;
}
#single-seihin .main-contents .table-type01 table tr td:nth-of-type(1) {
    font-weight: bold;
    padding-right: 10px;
    min-width: 110px;
}
#single-seihin .main-contents .table-type02 {
    margin-bottom: 20px;
}
#single-seihin .main-contents .table-type02 tr td {
    border-bottom: solid 1px #cacaca;
    padding: 10px 0;
}
#single-seihin .main-contents .table-type02 tr th {
    font-weight: bold;
    border-bottom: solid 1px #cacaca;
    padding: 10px 10px 10px 0;
}
#single-seihin .main-contents .table-type03 table tr td {
    border-bottom: solid 1px #cacaca;
    padding: 10px 0;
}
#single-seihin .main-contents .table-type03 table tr:nth-of-type(1) td {
    font-weight: bold;
    padding-right: 10px;
}
#single-seihin .main-contents .table-type04 table tr td {
    border-bottom: solid 1px #cacaca;
    padding: 10px;
}
#single-seihin .main-contents .table-type04 table tr:nth-of-type(1) td,
#single-seihin .main-contents .table-type04 table tr td:nth-of-type(1),
#single-seihin .main-contents .table-type04 table tr td:nth-of-type(2) {
    font-weight: bold;
}

#single-seihin .main-contents .table-img table {
    border-top: solid 1px #cacaca;
}
#single-seihin .main-contents .table-img tr th {
    font-weight: bold;
    text-align: center;
    border-bottom: solid 1px #cacaca;
}
#single-seihin .main-contents .table-img tr th:nth-of-type(1) {
    text-align: left;
}
#single-seihin .main-contents .table-img tr td {
    vertical-align: middle;
    border-bottom: solid 1px #cacaca;
    padding: 10px 20px;
    min-width: 120px;
}
#single-seihin .main-contents .table-img tr td:nth-of-type(2),
#single-seihin .main-contents .table-img tr td:nth-of-type(3) {
    text-align: center;
    padding: 20px 20px;
}
#single-seihin .main-contents .table-img tr td img {
    padding-top: 10px;
}


@media(max-width:768px){
/* 2カラム */
#single-seihin .main-contents .colum02 {
    flex-wrap: wrap;
}
#single-seihin .main-contents .colum02 .wp-block-column {
    flex-basis: 100%!important;
    flex-grow: initial;
    width: 100%;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
    flex-basis: 100%!important;
}
}


/* 横幅 */
.width-auto {
    width: auto!important;
}


/* ーーーーー　各ページ調整　ーーーーー */
/* 耐水セキソー */
.postid-166 .table01 tr td span.icon01 {
    background: url("images/seihin/waterp/waterp-img05.png") top left no-repeat;
    background-size: auto 100%;
    padding-left: 35px;
}
.postid-166 .table01 tr td span.icon02 {
    background: url("images/seihin/waterp/waterp-img06.png") top left no-repeat;
    background-size: auto 100%;
    padding-left: 50px;
}

/* アングル */
.postid-173 .main-contents .table-type02 tr:nth-of-type(1) td,
.postid-173 .main-contents .table-type02 tr:nth-of-type(2) td,
.postid-173 .main-contents .table-type02 tr:nth-of-type(3) td,
.postid-173 .main-contents .table-type02 tr:nth-of-type(4) td:nth-of-type(1),
.postid-173 .main-contents .table-type02 tr:nth-of-type(4) td:nth-of-type(4),
.postid-173 .main-contents .table-type02 tr:nth-of-type(5) td:nth-of-type(1),
.postid-173 .main-contents .table-type02 tr:nth-of-type(5) td:nth-of-type(4){
    border-left: solid 1px #cacaca;
    padding: 10px 0 10px 20px!important;
}


/* ーーーーー　サイドバー　ーーーーー */
#single-seihin .sideber {
margin-bottom: 40px;
}
#single-seihin .sideber-inner {
    background: #EBF4F4;
    padding: 25px;
}
#single-seihin .sideber h2 {
    color: #379393;
    font-size: 2.4rem;
    font-weight: bold;
    border-bottom: solid 1px #379393;
    margin-bottom: 15px;
}
#single-seihin .sideber h3 {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 5px;
}
#single-seihin .sideber .box01 {
    margin-bottom: 40px;
}
#single-seihin .sideber .box01:nth-last-of-type(1) {
    margin-bottom: 0;
}
#single-seihin .sideber .box01 ul li {
    background: url("images/common/arrow-right04.png") top 9px left no-repeat;
    margin-bottom: 5px;
    padding-left: 20px;
}


#single-seihin .w48 {
    flex-basis: auto;
    width: 48%;
}
#single-seihin .w24 {
    flex-basis: auto;
    width: 24%;
}

@media(max-width:768px){
#single-seihin .w48 {
    flex-basis: auto;
    width: 100%;
    margin-bottom: 20px;
}
#single-seihin .w24 {
    flex-basis: auto;
    width: 100%;
    margin-bottom: 20px;
}
}



/*----------------------------------------------------------------------------------------------------------------------------------------

	用途で探す
	
----------------------------------------------------------------------------------------------------------------------------------------*/
#usage .page-head {
    background: url(images/common/head-youto.jpg) bottom center no-repeat;
    background-size: cover;
}
#usage .top-block p {
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    margin: 80px 0;
}
@media(max-width:768px){
#usage .top-block p {
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 40px 0;
}
}


#usage .usage-block {
    background: #EBF4F4 url(images/common/bg-deco01.jpg) top center no-repeat;
    background-size: 100% auto;
    padding: 100px 0 80px;
}
#usage .usage-block h2 {
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
}
#usage .usage-block h3 {
    color: #fff;
    font-size: 2.4rem;
    background: #379393 url(images/common/icon-shiryou.png) top 14px left 15px no-repeat;
    margin-bottom: 10px;
    padding: 10px 10px 10px 50px;
}
#usage .usage-block .flex-container {
    flex-wrap: wrap;
    justify-content: space-between;
}
#usage .usage-block .flex-container .flex-box {
    width: 48%;
    background: #fff;
    margin-bottom: 60px;
}
#usage .usage-block .flex-container .flex-box .img-box {
    position: relative;
}
#usage .usage-block .flex-container .flex-box .img-box .name {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 2.5rem;
    background: #008c9f;
    padding: 0 20px;
}
#usage .usage-block .flex-container .flex-box .text-box {
    padding: 30px;
}
#usage .usage-block .flex-container .flex-box .text-box .text01 {
    border-left: solid 5px #008c9f;
    padding-left: 5px;
    line-height: 1.2;
    margin-bottom: 10px;
}
#usage .usage-block .flex-container .flex-box .text-box h4 {
    color: #008c9f;
    font-size: 2.6rem;
    font-weight: normal;
    border-bottom: dashed 1px #605f5b;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#usage .usage-block .flex-container .flex-box .text-box ul li {
    display: inline-block;
    background: #a0a1a0 url("images/usage/arrow01.png") center right 5px no-repeat;
    border-radius: 5px;
    padding: 0 10px;
    width: 48%;
    margin-bottom: 5px;
}
#usage .usage-block .flex-container .flex-box .text-box ul li a {
    display: block;
    color: #fff;
    font-size: 1.8rem;
}
#usage .usage-block .gaibu-link {
    background: #ebf4f4;
    padding: 20px 30px;
    margin: 10px 0 0;
}
#usage .usage-block .gaibu-link p {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 5px;
}
#usage .usage-block .gaibu-link .flex-container {
    justify-content: space-between;
    align-items: center;
}
#usage .usage-block .gaibu-link .flex-container a {
    display: inline-block;
    width: 48%;
}
#usage .usage-block .btn-seihin {
    padding: 0;
}
@media(max-width:1000px){
#usage .usage-block .flex-container .flex-box .text-box ul li a {
    font-size: 1.2rem;
    padding-right: 10px;
}
}
@media(max-width:768px){
#usage .usage-block {
    padding: 80px 0 60px;
}
#usage .usage-block {
    background: #EBF4F4 url(images/common/bg-deco01.jpg) top center no-repeat;
    background-size: 100% auto;
    padding: 40px 0 40px;
}
#usage .usage-block h2 {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
#usage .usage-block h3 {
    color: #fff;
    font-size: 2rem;
    background: #379393 url(images/common/icon-shiryou.png) top 12px left 15px no-repeat;
    margin-bottom: 10px;
    padding: 10px 10px 10px 50px;
}
#usage .usage-block .flex-container .flex-box .img-box .name {
    font-size: 2rem;
    padding: 0 10px;
}
#usage .usage-block .flex-container .flex-box .text-box {
    padding: 20px;
}
#usage .usage-block .flex-container .flex-box .text-box h4 {
    font-size: 1.8rem;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
}
@media(max-width:480px){
#usage .usage-block .flex-container .flex-box {
    width: 100%;
    margin-bottom: 30px;
}
}


#usage .switch-block {
    position: relative;
    padding: 120px 0 80px;
}
#usage .switch-block::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/common/bg-deco02.png) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 37px;
}
#usage .switch-block h2 {
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
#usage .switch-block .box01 {
    flex-wrap: wrap;
    justify-content: space-between;
    background: #ebf4f4;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 40px;
}
#usage .switch-block .box01 .flex-left {
    border-right: dashed 1px #605f5b;
    width: 25%;
    padding-right: 25px;
}
#usage .switch-block .box01 .flex-right {
    width: 75%;
    padding-left: 30px;
}
#usage .switch-block .box01 .num {
    color: #80c5cf;
    font-size: 2.2rem;
    font-weight: bold;
}
#usage .switch-block .box01 .num span {
    font-size: 3.4rem;
}
#usage .switch-block .box01 h3 {
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 10px;
}

@media(max-width:768px){
#usage .switch-block {
    position: relative;
    padding: 80px 0 40px;
}
#usage .switch-block h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
}
}
@media(max-width:480px){
#usage .switch-block .box01 {
    padding: 20px;
    margin-bottom: 20px;
}
#usage .switch-block .box01 .flex-left {
    border-right: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
}
#usage .switch-block .box01 .flex-right {
    width: 100%;
    padding-left: 0;
}
#usage .switch-block .box01 .num {
    line-height: 1.2;
    margin-bottom: 5px;
}
#usage .switch-block .box01 h3 {
    font-size: 2rem;
    margin-bottom: 10px;
}
#usage .switch-block .box01 h3 br {
    display: none;
}
}