 @charset "UTF-8";
 /*
* Theme Name: 北栄電設
* Author: MONDO.llc
* Version:
* Description: 
*/
 html {
     font-size: 62.5%; /* font-sizeは16pxの62.5%の10px */
     scroll-behavior: smooth;
 }
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-style: normal;
     font-weight: normal;
     vertical-align: baseline;
     background: transparent;
 }
 body {
     line-height: 1;
 }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
 }
 ul {
     list-style: none;
 }
 blockquote, q {
     quotes: none;
 }
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
 }
 a {
     margin: 0;
     padding: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
 }
 /* change colours to suit your needs */
 ins {
     background-color: #ff9;
     color: #000;
     text-decoration: none;
 }
 /* change colours to suit your needs */
 mark {
     background-color: #ff9;
     color: #000;
     font-style: italic;
     font-weight: bold;
 }
 del {
     text-decoration: line-through;
 }
 abbr[title], dfn[title] {
     border-bottom: 1px dotted;
     cursor: help;
 }
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 /* change border colour to suit your needs */
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #cccccc;
     margin: 1em 0;
     padding: 0;
 }
 input, select {
     vertical-align: middle;
 }
 img {
     max-width: 100%;
     height: auto;
     border: none;
 }
 body {
     font-family: "Noto Sans JP", sans-serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     color: #3c3c3c;
     font-size: 1.6rem;
     line-height: 1.8;
     font-weight: 300;
     letter-spacing: 0.05em;
 }
 main {
     overflow: hidden;
 }
 @media only screen and (max-width: 800px) {
     body {
         font-size: 14px;
     }
 }
 /************************************ a:link a:hoverの設定*/
 a:link, a:visited {
     color: #3c3c3c;
     text-decoration: none;
 }
 a:hover, a:active {
     color: #3c3c3c;
     text-decoration: underline;
 }
 /************************************ サイト幅の設定（meta内のviewportも同様の数値を記入　※960px以下の場合は960pxに設定するiPad向け）*/
 .container {
     max-width: 1200px;
     min-width: 1054px;
     margin: auto;
 }
 @media only screen and (max-width: 800px) {
     .container {
         max-width: inherit;
         min-width: inherit;
         width: 100%;
     }
 }
 /************************************ コンテンツ*/
 .contents {
     max-width: 1200px;
     margin: auto;
 }
 @media only screen and (max-width: 800px) {
     .contents {
         float: none;
         width: auto;
         padding: 0 0 60px;
     }
 }
 /************************************テーブル*/
 .table-bordered {
     border-collapse: collapse;
     border: solid 1px #eeeeee;
     width: 100%;
 }
 .table-bordered th, .table-bordered td {
     border: solid 1px #eeeeee;
     padding: 5px 20px;
 }
 .table-bordered th {
     width: 20%;
     vertical-align: middle;
     color: #FFFFFF;
     background-color: #06b6bc;
 }
 /************************************テーブルレスポンシブ仕様*/
 @media only screen and (max-width: 800px) {
     .sp-listlayout {
         border: none !important
     }
     .sp-listlayout tr {
         display: block;
         margin-bottom: 5px
     }
     .sp-listlayout th {
         border: none !important;
         display: list-item;
         width: 100%;
     }
     .sp-listlayout td {
         border: none !important;
         display: list-item;
         list-style: none;
         width: 100%;
     }
     .sp-listlayout {
         table-layout: fixed
     }
     .sp-listlayout * {
         word-wrap: break-word
     }
 }
 /************************************投稿本文内の表示崩れについて*/
 /*WP必須クラス*/
 .wp-caption {
     max-width: 100%;
     margin-bottom: 10px;
 }
 .wp-caption-text {
     padding: 10px;
     margin-bottom: 0;
 }
 .sticky {
     background: #FAFAFA;
     border-top: 4px solid #F00;
     margin-left: -20px;
     margin-right: -20px;
     padding: 18px 20px;
 }
 .gallery-caption {
     font-size: 0.8em;
 }
 .bypostauthor {
     color: #999;
 }
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     height: 1px;
     overflow: hidden;
     position: absolute !important;
     width: 1px;
 }
 pre {
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     white-space: pre-wrap;
     word-wrap: break-word;
 }
 h1, h2, h3, h4, h5 {
     -ms-word-wrap: break-word;
     word-wrap: break-word;
 }
 /*---投稿大枠---*/
 .postdata {
     text-align: left;
 }
 .postdata p {
     -ms-word-wrap: break-word;
     word-wrap: break-word;
 }
 .postdata::after {
     clear: both;
     content: "";
     display: block;
 }
 /*---配置　右---*/
 .postdata .alignright {
     float: right;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 /*---配置　左---*/
 .postdata .alignleft {
     float: left;
     margin-right: 20px;
     margin-bottom: 20px;
 }
 /*---配置　中央---*/
 .postdata .aligncenter {
     clear: both;
     display: block;
     margin: 0 auto 20px;
 }
 /*---テーブル---*/
 .postdata table {
     border-left: 1px solid #bfbfbf;
     border-top: 1px solid #bfbfbf;
     border-right: 1px solid #bfbfbf;
 }
 .postdata table th {
     border-bottom: 1px solid #bfbfbf;
 }
 .postdata table td {
     border-bottom: 1px solid #bfbfbf;
 }
 /*---フォント---*/
 .postdata em {
     font-style: italic !important;
 }
 .postdata strong {
     font-weight: bold !important;
 }
 .postdata iframe {
     max-width: 100%;
 }
 /* スマホ時に回り込みを解除*/
 @media only screen and (max-width: 800px) {
     .postdata .alignright {
         float: none;
         display: block;
         margin: 0 auto 20px;
         text-align: center;
     }
     .postdata .alignleft {
         float: none;
         display: block;
         margin: 0 auto 20px;
         text-align: center;
     }
 }
 .postdata p {
     -ms-word-wrap: break-word;
     word-wrap: break-word;
 }
 /***************************/
 /********【アーカイブ】********/
 /***************************/
 /************************************詳細はこちらボタン(01_04 追加)*/
 /* more-btn */
 .more-btn a {
     background-color: #f9bab3;
     color: #FFFFFF;
     padding: 5px 10px;
 }
 .more-btn a:hover {
     text-decoration: none;
     background-color: #FCD2D3;
 }
 /************************************ 特記 スマホ時*/
 @media only screen and (max-width: 800px) {}
 /*WP用 投稿表示*/
 img.centered {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 img.alignright {
     padding: 4px;
     margin: 0 0 2px 12px;
     display: inline;
 }
 img.alignleft {
     padding: 4px;
     margin: 0 12px 2px 0;
     display: inline;
 }
 .alignright {
     float: right;
 }
 .alignleft {
     float: left
 }
 /***************************/
 /********【ヘッダー】********/
 /***************************/
 #link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #link09, #link10 {
     margin-top: -100px; /* 固定ナビの高さ分のネガティブマージン */
     padding-top: 100px; /* 打ち消し用のパディング */
 }
 @media only screen and (max-width: 800px) {
     #link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #link09, #link10 {
         margin-top: -70px; /* 固定ナビの高さ分のネガティブマージン */
         padding-top: 70px; /* 打ち消し用のパディング */
     }
 }
 /********************/
 /**gnav**/
 /********************/
 .trapezoid {
     width: 100%;
     min-width: 1054px;
     padding: 0 0 48vw;
     min-height: 50vw;
     background: url("https://hokueidensetsu.com/wp/wp-content/themes/temp_hokuei/images/top_main_bg.png")no-repeat right center/cover;
 }
 @media only screen and (max-width: 800px) {
     .trapezoid {
         min-width: inherit;
         padding: 0 0 0px;
         min-height: inherit;
     }
 }
 /****mega nav****/
 .gnav_ar {
     width: 100%;
     height: 90px;
     min-width: 1024px;
     z-index: 200;
     transition: all .2s ease-in;
     background: none;
     position: relative;
     z-index: 10;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 /****/
 .gnav_ar.clone-nav {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 10;
     width: 100%;
     transition: .3s;
     transform: translateY(-100%);
     background: #fff;
 }
 .gnav_ar.clone-nav:before {
     position: absolute;
     content: "";
     right: 0;
     top: 0;
     width: 80%;
     border-bottom: 90px solid #005631;
     border-left: 55px solid transparent;
 }
 .gnav_ar.is-show {
     transform: translateY(0);
 }
 .gnav_ar.clone-nav .megamenu-inner {}
 /****/
 .gnav_ar .logo {
     width: 20%;
     padding: 0 0 0 20px;
     margin: 0px 0 0;
 }
 .gnav_ar .logo img {
     width: 220px;
 }
 /****/
 .gnav_ar .gnav-bx {
     width: 80%;
     padding: 0 0px 0 0;
     /* flexbox */
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 /****/
 .gnav {
     width: 100%;
     /* flexbox */
     display: flex;
     justify-content: flex-end; /*水平方向の揃え*/
     align-items: center; /*垂直方向の揃え*/
 }
 /****nav****/
 .gnav li {
     text-align: center;
     transition: all .3s ease-in-out;
     font-size: 1.6rem;
     letter-spacing: 0.2em;
 }
 .gnav a {
     color: #fff;
     padding: 30px 50px 30px 20px;
     display: block;
     transition: .3s;
     position: relative;
 }
 .gnav a:hover {
     color: #FFD500;
 }
 /****/
 .gnav a:before {
     position: absolute;
     content: "";
     background: url("images/shared/ico_outlet_wh.svg") no-repeat center center/cover;
     width: 24px;
     height: 15.5px;
     left: 0;
     top: 42%;
     transform: translate(-50%, 0%);
     -webkit-transform: translate(-50%, 0%);
     -ms-transform: translate(-50%, 0%);
     transition: .5s;
 }
 .gnav a:after {
     position: absolute;
     content: "";
     background: url("images/shared/ico_cord_wh.svg") no-repeat center center/cover;
     width: 24px;
     height: 69px;
     left: 0;
     top: -80px;
     transform: translate(-50%, 0%);
     -webkit-transform: translate(-50%, 0%);
     -ms-transform: translate(-50%, 0%);
     transition: .5s;
 }
 .gnav a:hover:before {
     background: url("images/shared/ico_outlet_yl.svg") no-repeat center center/cover;
 }
 .gnav a:hover:after {
     background: url("images/shared/ico_cord_yl.svg") no-repeat center center/cover;
     top: -18px;
 }
 .gnav li:hover a {
     text-decoration: none;
 }
 /****/
 .gnav > li:hover .megamenu {
     max-height: 9999px;
     opacity: 1;
     top: 60px;
     padding: 0px 0;
 }
 .megamenu {
     max-height: 0;
     opacity: 0;
     overflow: hidden;
     width: 200px;
     position: absolute;
     top: 30px;
     left: 50%;
     transform: translate(-50%, 30px);
     -webkit-transform: translate(-50%, 30px);
     -ms-transform: translate(-50%, 30px);
     transition: all .2s ease-in;
     z-index: 999;
 }
 .megamenu-inner {
     margin: auto;
     padding: 0px 0 20px;
 }
 .megamenu-inner li {
     padding: 0;
     font-size: 1.5rem;
     letter-spacing: 0.05em;
     width: 100% /*width: calc( (100% / 4) ) !important;
	max-width: 50%;
	min-width: 25%;*/
 }
 .megamenu-inner a {
     width: 200px;
     padding: 5px 25px;
     display: block;
     transition: all .2s ease-in;
     text-align: center;
     opacity: .3;
     transition: .3s;
 }
 .megamenu-inner a:hover {
     opacity: 1;
 }
 .megamenu-inner a:hover:after {
     display: none;
 }
 .megamenu-inner-img {
     margin: 0 0 10px;
 }
 .megamenu-inner-text img {
     margin: 0 5px 0 0;
 }
 /****top_main_img****/
 .top_main_img {
     width: 100%;
     min-width: 1054px;
     position: absolute;
     z-index: 2;
     overflow: hidden;
 }
 /****Main logo****/
 .top_main_img .main_txt {
     font-size: 3.4vw;
     font-weight: bold;
     color: #fff;
     letter-spacing: 0.05em;
     position: absolute;
     z-index: 3;
     top: 16%;
     left: 12%;
     line-height: 1.5;
     writing-mode: vertical-rl;
 }
 .top_main_img .main_txt span {
     display: block;
     padding: 2em 0 0;
     font-weight: bold;
     position: relative;
 }
 .top_main_img .main_txt span:before {
     position: absolute;
     content: "";
     background: url("images/shared/ico_thunder_yl.svg") no-repeat center center/cover;
     width: 1vw;
     height: 3vw;
     margin: -4vw 0 0;
     right: 2vw;
 }
 /****slick****/
 .top_slider {
     width: 100%;
     margin: 0 auto;
     padding: 0 5vw;
 }
 .top_slider img {
     width: 100%;
 }
 /****copy****/
 .top_main_img .copy {
     font-family: "Roboto Condensed", sans-serif;
     font-size: 1.3rem;
     color: #9D9D9D;
     letter-spacing: 0.4em;
     transform: rotate(90deg);
     position: absolute;
     left: -120px;
     bottom: 50%;
 }
 @media only screen and (max-width: 800px) {
     .top_main_img {
         min-width: inherit;
         height: auto;
         position: static;
     }
     /****Main logo****/
     .top_main_img .main_txt {
         font-size: 4.0rem;
         top: 15%;
         left: 8vw;
     }
     .top_main_img .main_txt span:before {
         width: 3vw;
         height: 10vw;
         margin: -12vw 0 0;
         right: 6vw;
     }
     /****slick****/
     .top_slider {
         padding: 50px 0vw 0;
     }
 }
 /****news****/
 .top_main_img .post_ar {
     position: absolute;
     bottom: 7px;
     right: 0;
     z-index: 5;
     max-width: 500px;
     width: 30vw;
     background: #000;
     margin: 0 5vw 0 0;
     color: #fff;
     padding: 15px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .top_main_img .bx_ttl {
     width: 25%;
     text-align: center;
 }
 .top_main_img .bx_post {
     width: 75%;
     border-left: solid 1px #fff;
     padding: 0 20px;
     font-size: 1.4rem;
 }
 .top_main_img .bx_post a {
     color: #fff;
     display: block;
 }
 .top_main_img .ttl {
     font-size: 1.6rem;
 }
 .top_main_img .post_date {}
 .top_main_img .post_ttl {
     /****末尾を三点リーダー****/
     width: 100%;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 .top_main_img .post_btn a {
     display: block;
     color: #fff;
 }
 @media only screen and (max-width: 800px) {
     .top_main_img .post_ar {
         position: static;
         max-width: inherit;
         width: 100%;
         margin: -10px 0vw 0 0;
         padding: 15px 0;
     }
     .top_main_img .bx_ttl {
         width: 25%;
         padding: 0 0px;
         font-size: 1.4rem;
     }
     .top_main_img .bx_post {
         width: 75%;
         border-left: solid 1px #fff;
         padding: 0 20px;
         font-size: 1.3rem;
     }
     .top_main_img .post_ttl {
         /****末尾を三点リーダー****/
         -webkit-line-clamp: 2;
     }
     .top_main_img .ttl {
         font-size: 1.4rem;
     }
 }
 /***************************/
 /********【フッター】********/
 /***************************/
 /*------footer info-----*/
 #foot_info_ar {
     width: 100%;
     min-width: 1054px;
     background: #005631;
     padding: 30px 0;
     clear: both;
     color: #fff;
     margin: 200px 0 0;
 }
 #foot_info_ar .ttl {
     font-size: 2.4rem;
     text-align: center;
     margin: 0 0 20px;
     font-weight: bold;
 }
 #foot_info_ar .bx_ar {
     max-width: 1000px;
     margin: auto;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: center;
 }
 #foot_info_ar .bx {
     width: 50%;
     border-right: solid 1px #fff;
     text-align: center;
 }
 #foot_info_ar .bx:last-child {
     border-right: none;
 }
 /****/
 #foot_info_ar .mail a, #foot_info_ar .tel a {
     display: block;
     color: #fff;
     transition: .3s;
 }
 #foot_info_ar .mail a {
     font-size: 2.4rem;
     font-weight: bold;
     position: relative;
     padding: 20px 0px 20px 45px;
     display: inline-block;
 }
 #foot_info_ar .mail a:before {
     position: absolute;
     content: "";
     background: url(images/shared/ico_mail_yl.svg) no-repeat center center/100% auto;
     width: 32px;
     height: 33px;
     left: 0px;
     top: 26px;
 }
 #foot_info_ar .tel a {
     font-size: 2.4em;
     font-weight: bold;
     position: relative;
     padding: 20px 0px 20px 45px;
     display: inline-block;
     letter-spacing: 0.1em;
     font-family: "Roboto Condensed", sans-serif;
 }
 #foot_info_ar .tel a:before {
     position: absolute;
     content: "";
     background: url(images/shared/ico_tel_yl.svg) no-repeat center center/100% auto;
     width: 32px;
     height: 33px;
     left: 0px;
     top: 38px;
 }
 #foot_info_ar .mail a:hover, #foot_info_ar .tel a:hover {
     text-decoration: none;
     transform: scale(1.1);
 }
 @media only screen and (max-width: 800px) {
     #foot_info_ar {
         min-width: inherit;
         margin: 100px 0 0;
     }
     #foot_info_ar .ttl {
         font-size: 2.0rem;
     }
     #foot_info_ar .bx_ar {
         max-width: inherit;
     }
     #foot_info_ar .bx {
         width: 50%;
         padding: 0 10px;
     }
     /****/
     #foot_info_ar .mail a {
         font-size: 1.6rem;
         padding: 40px 0px 0px;
     }
     #foot_info_ar .mail a:before {
         left: 0px;
         top: 0px;
         right: 0;
         margin: auto;
     }
     #foot_info_ar .tel a {
         font-size: 1.8rem;
         padding: 45px 0px 0px;
     }
     #foot_info_ar .tel a:before {
         left: 0px;
         top: 0px;
         right: 0;
         margin: auto;
     }
 }
 /*------footer-----*/
 #foot_ar {
     position: relative;
     width: 100%;
     min-width: 1054px;
     background: url("images/shared/bg_foot.jpg") no-repeat center bottom/cover;
     padding: 100px 0 0px;
     text-align: center;
     color: #fff;
     font-size: 1.6rem;
 }
 #foot_ar a {
     color: #fff;
     transition: .3s;
 }
 #foot_ar a:hover {
     text-decoration: none;
     opacity: 0.7;
 }
 #foot_ar .logo {
     max-width: 260px;
     margin: 0 auto 50px;
 }
 #foot_ar .add {
     line-height: 2.4em;
     margin: 0 0 50px;
 }
 #foot_ar .nav {
     margin: 0 0 50px;
 }
 #foot_ar .nav ul {
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
 }
 #foot_ar .nav ul li {
     position: relative;
 }
 #foot_ar .nav ul li:after {
     position: absolute;
     content: "";
     background: #fff;
     width: 1px;
     height: 15px;
     right: 0px;
     top: 18px;
 }
 #foot_ar .nav ul li:last-child:after {
     display: none;
 }
 #foot_ar .nav ul li a {
     display: block;
     padding: 0.5em 2.5em;
     position: relative;
 }
 #foot_ar .mail a {
     display: inline-block;
     padding: 15px 20px;
     min-width: 200px;
     border: solid 1px #fff;
     margin: 0 auto 40px;
 }
 #foot_ar .policy {
     margin: 0 auto 60px;
 }
 @media only screen and (max-width: 800px) {
     #foot_ar {
         width: 100%;
         min-width: inherit;
         padding: 80px 0px 0px;
     }
     #foot_ar .logo {
         max-width: 220px;
         margin: 0 auto 30px;
     }
     #foot_ar .add {
         margin: 0 0 40px;
     }
     #foot_ar .nav ul li:after {
         height: 15px;
         top: 12px;
     }
     #foot_ar .nav ul li a {
         padding: 0.5em 1em;
         font-size: 1.3rem;
     }
     #foot_ar .nav ul li a:last-child:after {
         display: none;
     }
     #foot_ar .mail a {
         padding: 10px 20px;
         font-size: 1.3rem;
     }
     #foot_ar .policy {
         margin: 0 auto 50px;
         font-size: 1.3rem;
     }
 }
 /*------copyright-----*/
 .footer_copyright-area {
     width: 100%;
     min-width: 1054px;
     background: #fff;
     text-align: center;
     padding: 15px 0px;
 }
 .copyright_typo {
     font-family: "Noto Sans JP", sans-serif;
     font-size: 1.2rem;
     padding: 0px 0px 0 40px;
     text-align: center;
     display: inline-block;
     background: url("images/shared/ico_outlet_bk.svg") no-repeat left center/30px 20px;
 }
 @media only screen and (max-width: 800px) {
     .footer_copyright-area {
         min-width: inherit;
         padding: 10px 0px;
     }
     .copyright_typo {
         font-size: 1.0rem;
         padding: 0px 0px 0 30px;
         background: url("images/shared/ico_outlet_bk.svg") no-repeat left center/25px 15px;
     }
 }
 /***************************/
 /********【index】********/
 /***************************/
 /********common********/
 .top_common_ttl_ar {
     padding: 0 10px 5px 0;
     margin: 0 0 40px;
 }
 .top_common_ttl {
     font-family: "Roboto Condensed", sans-serif;
     font-size: 3.8rem;
     font-weight: bold;
     letter-spacing: 0.01em;
     position: relative;
     display: inline-block;
 }
 .top_common_ttl.bg_gr:after, .top_common_ttl.bg_bk:after {
     position: absolute;
     content: "";
     width: 100%;
     height: 4px;
     left: 0px;
     bottom: 0px;
 }
 .top_common_ttl.bg_gr:after {
     background: url("images/shared/bor_gr.svg") no-repeat left center/cover;
 }
 .top_common_ttl.bg_bk:after {
     background: url("images/shared/bor_bk.svg") no-repeat left center/cover;
 }
 @media only screen and (max-width: 800px) {
     .top_common_ttl_ar {
         margin: 0 0 30px;
     }
     .top_common_ttl {
         font-size: 2.8rem;
     }
 }
 /********01********/
 #cont01_ar {
     clear: both;
     padding: 120px 0px;
 }
 #cont01_ar .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 #cont01_ar .bx_img {
     width: 50%;
 }
 #cont01_ar .bx_txt {
     width: 50%;
     padding: 0 0 0 100px;
 }
 #cont01_ar .img {
     text-align: center;
 }
 #cont01_ar .txt {
     font-size: 1.6rem;
     margin: 0 0 50px;
 }
 @media only screen and (max-width: 800px) {
     #cont01_ar {
         clear: both;
         padding: 80px 0px;
     }
     #cont01_ar .bx_ar {
         /* flexbox */
         display: block;
     }
     #cont01_ar .bx_img {
         width: 100%;
     }
     #cont01_ar .bx_txt {
         width: 100%;
         padding: 0 0 0 0px;
     }
     #cont01_ar .txt {
         font-size: 1.4rem;
         margin: 0 0 40px;
     }
     #cont01_ar .bt {
         margin: 0 0 40px;
     }
 }
 /********02********/
 #cont02_ar {
     width: 100%;
     min-width: 1054px;
     background: #005631;
     clear: both;
     color: #fff;
 }
 #cont02_ar .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 #cont02_ar .bx_img {
     width: 50%;
     margin: -68px -75px 0 0;
 }
 #cont02_ar .bx_txt {
     width: 50%;
     padding: 50px 100px 50px 0;
 }
 #cont02_ar .img {
     text-align: center;
 }
 #cont02_ar .txt {
     font-size: 1.6rem;
     margin: 0 0 50px;
 }
 @media only screen and (max-width: 800px) {
     #cont02_ar {
         min-width: inherit;
         padding: 80px 0px 120px;
     }
     #cont02_ar .bx_ar {
         /* flexbox */
         display: block;
         justify-content: flex-start;
         align-items: center;
     }
     #cont02_ar .bx_img {
         width: 100%;
         margin: 0px 0px 0 0;
     }
     #cont02_ar .bx_txt {
         width: 100%;
         padding: 0px 0px 0px 0;
     }
     #cont02_ar .txt {
         font-size: 1.4rem;
         margin: 0 0 40px;
     }
 }
 /********03********/
 #cont03_ar {
     clear: both;
     padding: 120px 0px 0;
 }
 #cont03_ar .bx_img {
     position: relative;
     z-index: 1;
 }
 #cont03_ar .img {
     text-align: center;
 }
 #cont03_ar a {
     position: relative;
     z-index: 2;
     background: #FFD500;
     text-align: center;
     padding: 50px 60px;
     color: #005631;
     max-width: 800px;
     margin: -90px auto 0;
     color: #005631;
     display: block;
     transition: .3s;
 }
 #cont03_ar a:after {
     position: absolute;
     content: "";
     background: url("images/shared/btn_arr_gr.svg") no-repeat center center/cover;
     width: 60px;
     height: 60px;
     right: 20px;
     top: 75px;
     transition: .3s;
 }
 #cont03_ar a:hover:after {
     right: 10px;
 }
 #cont03_ar a:hover {
     background: #FFE933;
     text-decoration: none;
 }
 #cont03_ar .ttl {
     font-size: 3.2rem;
     font-weight: bold;
     margin: 0 0 20px;
     line-height: 1.6
 }
 #cont03_ar .txt {
     font-size: 1.6rem;
 }
 @media only screen and (max-width: 800px) {
     #cont03_ar {
         padding: 0px 0px 60px;
         margin: -11vw 0 0;
     }
     #cont03_ar .bx_img {
         margin: 0 -20px;
     }
     #cont03_ar a {
         padding: 30px 25px 80px;
         margin: -55px auto 0;
     }
     #cont03_ar a:after {
         width: 40px;
         height: 40px;
         right: 0px;
         left: 0;
         top: inherit;
         bottom: 25px;
         margin: auto;
     }
     #cont03_ar a:hover {
         background: #FFE933;
         text-decoration: none;
     }
     #cont03_ar .ttl {
         font-size: 2.4rem;
     }
     #cont03_ar .txt {
         font-size: 1.4rem;
     }
 }
 /***************************/
 /********【common】********/
 /***************************/
 /********【button】********/
 .css_bt_st.bg_yl a, .css_bt_st.bg_gr a {
     border-radius: 100px;
     text-align: center;
     font-size: 2.2rem;
     position: relative;
     padding: 15px 100px 15px 80px;
 }
 .css_bt_st.bg_yl a {
     background: #ffd500;
     color: #005631;
 }
 .css_bt_st.bg_gr a {
     background: #005631;
     color: #fff;
 }
 .css_bt_st.bg_yl a .css_bt_fo, .css_bt_st.bg_gr a .css_bt_fo {
     font-weight: bold;
 }
 .css_bt_st.bg_yl a:after, .css_bt_st.bg_gr a:after {
     position: absolute;
     content: "";
     width: 38px;
     height: 38px;
     right: 20px;
     top: 50%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     transition: .3s;
 }
 .css_bt_st.bg_yl a:after {
     background: url(images/shared/btn_arr_gr.svg) no-repeat center center;
 }
 .css_bt_st.bg_gr a:after {
     background: url(images/shared/btn_arr_yl.svg) no-repeat center center;
 }
 .css_bt_st.bg_yl a:hover:after, .css_bt_st.bg_gr a:hover:after {
     right: 10px;
 }
 @media only screen and (max-width: 800px) {
     .css_bt_st.bg_yl a, .css_bt_st.bg_gr a {
         font-size: 1.6rem;
         padding: 10px 50px 10px 30px;
     }
     .css_bt_st.bg_yl a:after, .css_bt_st.bg_gr a:after {
         width: 30px;
         height: 30px;
         right: 10px;
     }
 }
 /****/
 .css_bt_st a {
     display: inline-block;
     padding: 15px 80px 15px 0;
     vertical-align: middle;
     position: relative;
 }
 .css_bt_st.gr a:after, .css_bt_st.bk a:after {
     position: absolute;
     content: "";
     width: 60px;
     height: 60px;
     right: 0px;
     top: 50%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     transition: .3s;
 }
 .css_bt_st.gr a:after {
     background: url(images/shared/btn_arr_gr.svg) no-repeat center center;
 }
 .css_bt_st.bk a:after {
     background: url(images/shared/btn_arr_bk.svg) no-repeat center center;
 }
 .css_bt_st.bk a {
     color: #fff;
 }
 .css_bt_st a:hover {
     text-decoration: none;
 }
 .css_bt_st.gr a:hover:after, .css_bt_st.bk a:hover:after {
     right: -10px;
 }
 .css_bt_fo {
     font-size: 1.8rem;
 }
 @media only screen and (max-width: 800px) {
     .css_bt_st a {
         padding: 10px 50px 10px 0;
     }
     .css_bt_st.gr a:after, .css_bt_st.bk a:after {
         width: 40px;
         height: 40px;
     }
     .css_bt_st.gr a:hover:after, .css_bt_st.bk a:hover:after {
         right: -10px;
     }
     .css_bt_fo {
         font-size: 1.6rem;
     }
 }
 /********【table】********/
 .common_tbl2 {
     width: 100%;
 }
 .common_tbl2 th {
     text-align: left;
     vertical-align: middle;
     padding: 1em 0em;
     font-size: 1.8rem;
     font-weight: bold;
     border-bottom: solid 2px #005631;
 }
 .common_tbl2 td {
     text-align: left;
     vertical-align: middle;
     padding: 1em 0em;
     border-bottom: solid 2px #C6C6C6;
 }
 .tbl_pad {
     display: block;
     padding: 0 0 20px;
 }
 @media only screen and (max-width: 800px) {
     .common_tbl2 th {
         width: 100%;
         text-align: center;
         list-style: none !important;
         padding: 0.5em 0em;
         -webkit-text-size-adjust: 100%;
         font-size: 1.4rem;
     }
     .common_tbl2 td {
         width: 100%;
         text-align: center;
         padding: 0.5em 0em;
         -webkit-text-size-adjust: 100%;
     }
 }
 /********【sigle contents】********/
 strong {
     font-weight: bold;
 }
 .topics_sec section ul {
     padding-left: 1.5em;
 }
 .topics_sec section ul li {
     list-style: outside disc;
 }
 .topics_sec section ol {
     padding-left: 1.5em;
 }
 .topics_sec section ol li {}
 .topics_sec section em {
     font-style: italic; /*斜体*/
 }
 .aligncenter {
     margin: 0 auto !important;
     text-align: center !important;
     display: block;
 }
 .postdata p, .postdata ul, .postdata ol {
     margin-bottom: 20px;
 }
 .postdata ul li {
     list-style: disc;
 }
 .postdata ol li {
     list-style: decimal;
 }
 .postdata strong {
     font-weight: bold;
 }
 .postdata em {
     font-style: italic;
 }
 .postdata a {
     text-decoration: underline;
 }
 .postdata a:hover {
     text-decoration: none;
 }
 /********【headline】********/
 .trapezoid_under {
     width: 100%;
     min-width: 1054px;
     padding: 0 0 0px;
     min-height: 46vw;
     background: url("https://hokueidensetsu.com/wp/wp-content/themes/temp_hokuei/images/shared/h2_bg.png")no-repeat right center/cover;
     margin: 0 0 100px;
 }
 @media only screen and (max-width: 800px) {
     .trapezoid_under {
         min-width: inherit;
         padding: 0 0 0px;
         min-height: inherit;
     }
 }
 /****/
 .h2 {
     width: 100%;
     min-width: 1054px;
     position: relative;
     z-index: 3;
     padding: 0 5vw;
     margin: 0 0 120px;
 }
 .h2 .img {
     text-align: center;
 }
 .h2 .jp {
     font-size: 3.4vw;
     font-weight: bold;
     color: #fff;
     letter-spacing: 0.05em;
     position: absolute;
     z-index: 3;
     top: 38%;
     left: 12%;
     line-height: 1.5;
     letter-spacing: 0.1em;
 }
 .h2 .copy {
     font-family: "Roboto Condensed", sans-serif;
     font-size: 1.3rem;
     color: #9D9D9D;
     letter-spacing: 0.4em;
     transform: rotate(90deg);
     position: absolute;
     left: -120px;
     bottom: 50%;
 }
 @media only screen and (max-width: 800px) {
     .h2 {
         min-width: inherit;
         padding: 50px 0vw 0;
         margin: 0 0 80px;
     }
     .h2 .jp {
         font-size: 2.8rem;
         top: 45%;
         left: 10%;
     }
 }
 /****/
 .h3 {
     text-align: center;
     margin: 0 0 60px;
 }
 .h3 .jp {
     font-size: 3.6rem;
     font-weight: bold;
     display: inline-block;
     position: relative;
     padding: 0 0 5px;
 }
 .h3 .jp:after {
     position: absolute;
     content: "";
     background: url("images/shared/h3_bg.svg") no-repeat center left/cover;
     width: 100%;
     height: 4px;
     left: 0px;
     bottom: 0px;
 }
 @media only screen and (max-width: 800px) {
     .h3 {
         margin: 0 0 40px;
     }
     .h3 .jp {
         font-size: 2.4rem;
     }
 }
 /**************************/
 /********下層ページ用********/
 /**************************/
 /***************************/
 /********【servic】********/
 /***************************/
 /********【cont01】********/
 .page_service .cont01 {}
 .page_service .cont01 .txt {
     line-height: 2.4em;
     max-width: 960px;
     margin: 0 auto 60px;
 }
 .page_service .cont01 .img {
     text-align: center;
     margin: 0 0 20px;
 }
 /****/
 .page_service .cont01 .bx_ar {
     margin: 0 -4%;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_service .cont01 .bx {
     width: 25.333%;
     margin: 0 4%;
 }
 .page_service .cont01 .num {
     font-family: "Roboto Condensed", sans-serif;
     font-size: 9.0rem;
     color: #005631;
     font-weight: bold;
 }
 .page_service .cont01 .ttl {
     font-size: 2.4rem;
     font-weight: bold;
     margin: -20px 0 20px;
 }
 .page_service .cont01 .txt {
     line-height: 2.0em;
 }
 @media only screen and (max-width: 800px) {
     .page_service .cont01 {
         padding: 0 0 0px;
     }
     .page_service .cont01 .txt {
         line-height: 2.0em;
         margin: 0 auto 40px;
     }
     .page_service .cont01 .img {
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     /****/
     .page_service .cont01 .bx_ar {
         margin: 0 0%;
         /* flexbox */
         display: block;
     }
     .page_service .cont01 .bx {
         width: 100%;
         margin: 0 0% 0px;
     }
     .page_service .cont01 .num {
         font-size: 5.0rem;
     }
     .page_service .cont01 .ttl {
         font-size: 2.0rem;
         margin: -20px 0 10px;
     }
 }
 /********【cont02】********/
 .page_service .cont02 .img {
     text-align: center;
 }
 .page_service .cont02 .txt_ar {
     background: #D3E8DA;
     opacity: 0.85;
     padding: 60px 80px;
     margin: -80px 0 0;
 }
 .page_service .cont02 .h3 .jp {
     padding: 0 30px 10px
 }
 .page_service .cont02 .list_ar {
     max-width: 700px;
     margin: 0 auto 20px;
 }
 .page_service .cont02 .list_ar ul li {
     position: relative;
     padding: 0 0 0 .75rem;
     margin: 0 0 5px;
 }
 .page_service .cont02 .list_ar ul li:before {
     position: absolute;
     content: "";
     background: #005631;
     width: 12px;
     height: 12px;
     margin: 9px 0 0 -.75em;
 }
 .page_service .cont02 .txt {
     text-align: right;
 }
 @media only screen and (max-width: 800px) {
     .page_service .cont02 .img {
         text-align: center;
     }
     .page_service .cont02 .txt_ar {
         background: #D3E8DA;
         opacity: 0.85;
         padding: 40px 20px;
         margin: -40px 0 0;
     }
     .page_service .cont02 .h3 .jp {
         padding: 0 0px 5px
     }
     .page_service .cont02 .list_ar ul li {
         padding: 0 0 0 1rem;
     }
     .page_service .cont02 .list_ar ul li:before {
         width: 10px;
         height: 10px;
         margin: 9px 0 0 -1em;
     }
 }
 /***************************/
 /********【recruit】********/
 /***************************/
 /********【common】********/
 .page_recruit .side_nav {
     position: fixed;
     top: 20%;
     right: 0px;
     z-index: 10;
 }
 .page_recruit .side_nav .bt a {
     border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
     writing-mode: vertical-rl;
     display: block;
     padding: 20px 15px;
     margin: 0 0px 20px 0;
     font-weight: bold;
     transition: .3s;
 }
 .page_recruit .side_nav .bt a:hover {
     text-decoration: none;
     transform: scale(1.15);
 }
 .page_recruit .side_nav .bg_yl a {
     background: #ffd500;
     color: #005631;
 }
 .page_recruit .side_nav .bg_gr a {
     background: #005631;
     color: #fff;
 }
 @media only screen and (max-width: 800px) {
     .page_recruit .side_nav {
         top: 10%;
         right: 20px;
     }
     .page_recruit .side_nav .bt a {
         border-radius: 5px 0px 0px 5px / 5px 0px 0px 5px;
         padding: 15px 7px;
         margin: 0 0px 10px 0;
         font-size: 1.4rem;
     }
 }
 /********【cont01】********/
 .page_recruit .cont01 {
     padding: 0 0 120px;
 }
 .page_recruit .cont01 .ttl {
     font-size: 3.6rem;
     font-weight: bold;
     text-align: center;
     margin: 0 0 60px;
 }
 .page_recruit .cont01 .yl {
     color: #FFC100;
     font-weight: bold;
 }
 .page_recruit .cont01 .txt {
     max-width: 960px;
     margin: 0 auto 80px;
 }
 .page_recruit .cont01 .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 .page_recruit .cont01 .bt {
     width: 50%;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_recruit .cont01 {
         padding: 0 0 60px;
     }
     .page_recruit .cont01 .ttl {
         font-size: 2.4rem;
         margin: 0 0 50px;
     }
     .page_recruit .cont01 .txt {
         margin: 0 auto 40px;
     }
     .page_recruit .cont01 .bx_ar {
         /* flexbox */
         display: block;
         text-align: center;
     }
     .page_recruit .cont01 .bt {
         width: 100%;
         margin: 0 0 20px;
     }
 }
 /********【cont02】********/
 .page_recruit .cont02 {
     padding: 0 0 120px;
 }
 .page_recruit .cont02 .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 .page_recruit .cont02 .bx_img {
     width: 48%;
     margin: 0 2% 0 0;
 }
 .page_recruit .cont02 .bx_txt {
     width: 48%;
     margin: 0 0 0 2%;
 }
 .page_recruit .cont02 .img {
     text-align: center;
 }
 .page_recruit .cont02 .age {
     font-size: 2.0rem;
     color: #005631;
     margin: 0 0 10px;
     font-weight: bold;
 }
 .page_recruit .cont02 .ttl {
     font-size: 2.4rem;
     margin: 0 0 20px;
     font-weight: bold;
 }
 .page_recruit .cont02 .txt {
     line-height: 2.0em;
 }
 @media only screen and (max-width: 800px) {
     .page_recruit .cont02 {
         padding: 0 0 60px;
     }
     .page_recruit .cont02 .bx_ar {
         /* flexbox */
         display: block;
     }
     .page_recruit .cont02 .bx_img, .page_recruit .cont02 .bx_txt {
         width: 100%;
         margin: 0 0% 0 0;
     }
     .page_recruit .cont02 .img {
         margin: 0 0 20px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .page_recruit .cont02 .age {
         font-size: 1.6rem;
     }
     .page_recruit .cont02 .ttl {
         font-size: 2.0rem;
     }
 }
 /********【cont03】********/
 .page_recruit .cont03 {
     padding: 0 0 120px;
 }
 .page_recruit .cont03 .ttl {
     font-size: 2.4rem;
     color: #005631;
     text-align: center;
     margin: 0 0 40px;
     font-weight: bold;
 }
 /****/
 .page_recruit .cont03 .bx_ar {
     margin: 0 0 80px;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 .page_recruit .cont03 .bx {
     width: 40%;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 /****/
 .page_recruit .cont03 .bx_ico {
     width: 25%;
     text-align: center;
 }
 .page_recruit .cont03 .ico {
     width: 56px;
     margin: 0 auto 5px;
 }
 .page_recruit .cont03 .time {
     font-size: 2.4rem;
     color: #005631;
     font-weight: bold;
 }
 .page_recruit .cont03 .txt {
     font-size: 1.8rem;
     font-weight: bold;
 }
 /****/
 .page_recruit .cont03 .bx_arr {
     position: relative;
     margin: 0 -1%;
 }
 .page_recruit .cont03 .com {
     font-size: 1.8rem;
     color: #005631;
     font-weight: bold;
 }
 .page_recruit .cont03 .com:after {
     position: absolute;
     content: "";
     background: #005631;
     width: 48px;
     height: 5px;
     border-radius: 5px;
     left: -6px;
     bottom: -5px;
 }
 .page_recruit .cont03 .img {
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_recruit .cont03 {
         padding: 0 0 60px;
     }
     .page_recruit .cont03 .ttl {
         font-size: 2.0rem;
         margin: 0 0 30px;
     }
     /****/
     .page_recruit .cont03 .bx_ar {
         margin: 0 0 40px;
         /* flexbox */
         display: block;
     }
     .page_recruit .cont03 .bx {
         width: 100%;
         margin: 0 0 30px;
         padding: 0 0 30px;
         border-bottom: solid 5px #005631;
         /* flexbox */
         display: block;
     }
     .page_recruit .cont03 .bx:last-child {
         margin: 0 0 0px;
         padding: 0 0 0px;
         border-bottom: none;
     }
     /****/
     .page_recruit .cont03 .bx_ico {
         width: 100%;
     }
     .page_recruit .cont03 .ico {
         width: 50px;
     }
     .page_recruit .cont03 .time {
         font-size: 2.2rem;
     }
     .page_recruit .cont03 .txt {
         font-size: 1.6rem;
     }
     /****/
     .page_recruit .cont03 .bx_arr {
         margin: 0 auto;
         text-align: center;
         padding: 25px 0 25px 60px;
     }
     .page_recruit .cont03 .com {
         font-size: 1.6rem;
     }
     .page_recruit .cont03 .com:after {
         position: absolute;
         content: "";
         background: #005631;
         width: 5px;
         height: 50px;
         border-radius: 5px;
         left: 0px;
         right: 0;
         margin: auto;
         top: 0;
     }
     .page_recruit .cont03 .sp_img {
         text-align: center;
         margin: 0px auto 40px;
         max-width: 400px;
     }
 }
 /********【cont04】********/
 .page_recruit .cont04 {
     padding: 0 0 120px;
 }
 .page_recruit .cont04 .tbl {
     margin: 0 0 80px;
 }
 .page_recruit .cont04 .tbl th {
     width: 22%;
 }
 .page_recruit .cont04 .notice {
     font-size: 1.3rem;
 }
 .page_recruit .cont04 .bt {
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_recruit .cont04 {
         padding: 0 0 60px;
     }
     .page_recruit .cont04 .tbl {
         margin: 0 0 40px;
     }
     .page_recruit .cont04 .tbl th, .page_recruit .cont04 .tbl td {
         width: 100%;
         text-align: left
     }
     .page_recruit .cont04 .tbl th {
         padding: 0.5em 0 0;
     }
     .page_recruit .cont04 .tbl td {
         padding: 0 0 0.5em;
         border-bottom: solid 2px #C6C6C6 !important;
         font-size: 1.3rem;
     }
     .page_recruit .cont04 .notice {
         font-size: 1.2rem;
         display: block;
     }
     .page_recruit .cont04 .bt {}
 }
 /********【cont05】********/
 .page_recruit .cont05 .txt {
     max-width: 960px;
     margin: 0 auto 80px;
 }
 .page_recruit .cont05 .bt {
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_recruit .cont05 .txt {
         margin: 0 auto 40px;
     }
 }
 /********【cont03】********/
 .page_company .cont03 .map iframe {
     width: 100%;
     height: 450px;
 }
 @media only screen and (max-width: 800px) {
     .page_company .cont03 .map iframe {
         height: 500px;
     }
 }
 /********【cont02】********/
 .page_company .cont02 {
     padding: 0 0 120px;
 }
 .page_company .cont02 .tbl td {
     widows: 25%;
 }
 @media only screen and (max-width: 800px) {
     .page_company .cont02 {
         padding: 0 0 60px;
     }
     .page_company .cont02 .tbl th, .page_company .cont02 .tbl td {
         width: 100%;
         text-align: left
     }
     .page_company .cont02 .tbl th {
         padding: 0.5em 0 0;
     }
     .page_company .cont02 .tbl td {
         padding: 0 0 0.5em;
         border-bottom: solid 2px #C6C6C6 !important;
         font-size: 1.3rem;
     }
 }
 /***************************/
 /********【page_company 】********/
 /***************************/
 /********【cont01】********/
 .page_company .cont01 {
     padding: 0 0 120px;
 }
 .page_company .cont01 .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_company .cont01 .bx_img {
     width: 48%;
     margin: 0 2% 0 0;
 }
 .page_company .cont01 .bx_txt {
     width: 48%;
     margin: 0 0 0 2%;
 }
 .page_company .cont01 .img {
     text-align: center;
 }
 .page_company .cont01 .ttl {
     font-size: 3.0rem;
     margin: 0 0 20px;
     font-weight: bold;
 }
 .page_company .cont01 .txt {
     line-height: 2.0em;
     margin: 0 0 30px;
 }
 @media only screen and (max-width: 800px) {
     .page_company .cont01 {
         padding: 0 0 60px;
     }
     .page_company .cont01 .bx_ar {
         /* flexbox */
         display: block;
         justify-content: flex-start;
         align-items: flex-start;
     }
     .page_company .cont01 .bx_img {
         width: 100%;
         margin: 0 0% 0 0;
     }
     .page_company .cont01 .bx_txt {
         width: 100%;
         margin: 0 0 0 0%;
     }
     .page_company .cont01 .img {
         margin: 0 0 30px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .page_company .cont01 .ttl {
         font-size: 2.0rem;
     }
     .page_company .cont01 .name {
         text-align: right
     }
 }
 /***************************/
 /********【page_news 】********/
 /***************************/
 /********【archive】********/
 .page_news .archive .post_ar {
     padding: 30px 0;
     position: relative;
 }
 .page_news .archive .post_ar:after {
     position: absolute;
     content: "";
     background: url("images/news/news01.svg") no-repeat center left/cover;
     width: 100%;
     height: 2px;
     left: 0px;
     bottom: 0px;
 }
 .page_news .archive .date {
     font-family: "Roboto Condensed", sans-serif;
     font-weight: bold;
     margin: 0 0 7px;
     color: #005631;
 }
 .page_news .archive .ttl {
     font-size: 2.2rem;
     font-weight: bold;
     /****末尾を三点リーダー****/
     width: 100%;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 .page_news .archive .post_ar a {
     display: block;
     transition: .3s;
 }
 .page_news .archive .post_ar a:hover {
     text-decoration: none;
     transform: translateX(10px);
 }
 @media only screen and (max-width: 800px) {
     .page_news .archive .post_ar {
         padding: 15px 0;
     }
     .page_news .archive .post_ar:after {
         height: 1px;
     }
     .page_news .archive .date {
         margin: 0 0 0px;
     }
     .page_news .archive .ttl {
         font-size: 1.6rem;
     }
 }
 /***************************/
 /********【page_news 】********/
 /***************************/
 /********【archive】********/
 .page_news .archive .post_ar {
     padding: 30px 0;
     position: relative;
 }
 .page_news .archive .post_ar:after, .page_news .archive .ttl_detail:after {
     position: absolute;
     content: "";
     background: url("images/news/news01.svg") no-repeat center left/cover;
     width: 100%;
     height: 2px;
     left: 0px;
     bottom: 0px;
 }
 .page_news .archive .date {
     font-family: "Roboto Condensed", sans-serif;
     font-weight: bold;
     margin: 0 0 7px;
     color: #005631;
 }
 .page_news .archive .ttl, .page_news .archive .ttl_detail {
     font-size: 2.2rem;
     font-weight: bold;
 }
 .page_news .archive .ttl {
     /****末尾を三点リーダー****/
     width: 100%;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 .page_news .archive .post_ar a {
     display: block;
     transition: .3s;
 }
 .page_news .archive .post_ar a:hover {
     text-decoration: none;
     transform: translateX(10px);
 }
 @media only screen and (max-width: 800px) {
     .page_news .archive .post_ar {
         padding: 15px 0;
     }
     .page_news .archive .post_ar:after {
         height: 1px;
     }
     .page_news .archive .date {
         margin: 0 0 0px;
     }
     .page_news .archive .ttl, .page_news .archive .ttl_detail {
         font-size: 1.6rem;
     }
 }
 /****/
 .page_news .archive .single_ar .ttl_detail {
     position: relative;
     margin: 0 0 40px;
     padding: 0 0 20px;
 }
 .page_news .archive .single_ar .txt_detail {
     margin: 0 0 80px;
 }
 .page_news .archive .bt {
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_news .archive .single_ar .ttl_detail {
         position: relative;
         margin: 0 0 30px;
         padding: 0 0 10px;
     }
     .page_news .archive .single_ar .txt_detail {
         margin: 0 0 60px;
     }
 }
 /***************************/
 /********【page_policy 】********/
 /***************************/
 /********【cont01】********/
 .page_policy .cont01 .txt_ar {
     margin: 0 0 50px;
 }
 .page_policy .cont01 .ttl {
     font-size: 2.0rem;
     margin: 0 0 20px;
 }
 .page_policy .cont01 .txt {}
 .page_policy .cont01 .txt.bor {
     margin: 20px 0 0;
     padding: 20px 5vw 20px 0;
     border-top: dashed 2px #3c3c3c;
     border-bottom: dashed 2px #3c3c3c;
     display: inline-block;
 }
 @media only screen and (max-width: 800px) {
     .page_policy .cont01 .txt_ar {
         margin: 0 0 40px;
     }
     .page_policy .cont01 .ttl {
         font-size: 1.8rem;
     }
 }
 /***************************/
 /********【page_contact】********/
 /***************************/