@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900?family=Shippori+Mincho+B1:wght@400;500;600;700;800&display=swap');

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {    color: #222;    font-size: 1em;    line-height: 1.4;}
::-moz-selection {    background: #b3d4fc;    text-shadow: none;}
::selection {    background: #b3d4fc;    text-shadow: none;}
hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}
audio,
canvas,
iframe,
img,
svg,
video {    vertical-align: middle;}
fieldset {    border: 0;    margin: 0;    padding: 0;}
textarea {    resize: vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{ font-size:16px; line-height:1.8; color:#000; margin:0; padding:0; word-break: break-all;font-weight: 400;
  font-family: "Montserrat",  "Noto Sans JP", "Yu Gothic", YuGothic,'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

h1,h2,h3,h4,h5,h6,p,ul,dl,ol { margin-top: 0;}
h1,h2,h3,h4,h5,h6 { font-weight: 400;}
b,strong { font-weight: 700;}
img{max-width: 100%; height: auto;}

.font-noto{  font-family: "Noto Sans JP", sans-serif;  font-optical-sizing: auto;  font-weight: 400;  font-style: normal;}
.font-mont{  font-family: "Montserrat", sans-serif;  font-optical-sizing: auto;  font-weight: 400;  font-style: normal;}

/* link color */
/*
a			{ color:#000; text-decoration-color: #2AFD2F;}
a			{ color:#00008b;}
a:hover		{ color:#1888F0;}
*/
a			{ color:#1888F0;}
a:hover		{ color:#000; text-decoration: none; background-color: #2AFD2F;}

/*
a:visited	{ color:#253A6C;}
*/


/* pcDisp ／ spDisp */
.pcDisp{}
.spDisp{ display: none !important;}
@media (max-width: 767px) {
    .pcDisp{ display: none !important;}
    .spDisp{ display: block !important;}
}

.spWrap{ display: inline-block;}

/* noLink */
a.noLink,
.noLink a{ pointer-events:none; cursor:default; opacity: 0.4; }

.memo{ color:#999;}
.smaller{font-size: smaller;}
.caution{ color: #C82525;}

.caution{ color: #EA1515;}
::placeholder {  color: #CCC;}

/* bigLink */
.bigLink,
.bigLinkBlank{ cursor:pointer;}

/* 縦中央寄せ */
.vCenter{ display: flex; align-items: center;}
.vCenter .vcInner{ }

/* bottun look link */
.btn a{ display: inline-block; align-items: center; min-width: 250px; max-width: 100%; min-height: 64px; box-sizing: border-box; padding: 20px 100px 20px 35px ; background: url("/assets/img/bg_btn01.png") no-repeat right center #2AFD2F; background-size: 292px 64px; color: #000000; text-align: left; text-decoration: none;}
.btn a:hover{ opacity: 0.7; }

/* linkBtn25 */
.linkBtn25{ text-align: right;}
.linkBtn25 a{ display: inline-block; min-width: 220px; padding: 20px 60px 20px 10px; background:url("/assets/img/bg_linkBtn25.svg") no-repeat right center #000; font-size: 14px; line-height: 1.2; font-weight: bold; text-decoration: none; color: #fff; text-align: center; border-radius: 4px;}
.linkBtn25 a:hover{ opacity: 0.5; }
@media (max-width: 767px) {
    .linkBtn25{ text-align: center;}
}

/* shipporiMincho */
.shipporiMincho{font-family: "Shippori Mincho B1"; font-style: normal ; font-weight: 800;}

/* --------- アニメーションの設定 */
@keyframes slide { /* 背景が左に移動 */
    from { background-position: right 80px center; }/* 開始位置 */
    to { background-position: right center; } /* 移動後の位置 */
}

/* ============================================
     struct
   ============================================ */
.struct{ max-width: 1350px; margin-left: auto; margin-right: auto;padding-left: 25px; padding-right: 25px; box-sizing: border-box;}

.maxW1050{ max-width: 1050px; box-sizing: border-box; margin-left: auto; margin-right:auto;}
.maxW800{ max-width: 800px; margin-left: auto; margin-right: auto; }

section{ box-sizing: border-box;}

@media (max-width: 767px) {
    .struct{ padding-left: 20px; padding-right: 20px; }
}
/* ------ header */
html,body{margin: 0; padding: 0;}
header{ position: fixed; top: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; background: url("/assets/img/header_bg.png") repeat-x center bottom -2px ; z-index: 9999;}
header .inner{ display: flex; justify-content: space-between; padding-top: 21px;padding-bottom: 38px; background: url("/assets/img/bg_lineStar.svg") no-repeat right bottom;}
header h1 { margin: 0; font-size: 14px; font-weight: 500;}
header h1 img{ display: block; margin-bottom: 5px;}
header h1 a{ color: #000; text-decoration: none;}
header h1 a:hover { background-color: inherit;}
header .headerRightArea{ display: flex;}
header nav { padding-top: 5px; font-size: 14px; }
header nav ul{ list-style: none; margin: 0; padding: 0; text-align: right;font-weight: 700;}
header nav ul li{ display: inline-block; }
header nav ul li a,
header nav ul li.subNav span { display: block; padding: 8px 10px; border-radius: 3px; color: #000; line-height: 1.2; text-decoration: none; cursor: pointer;}
    header nav ul li a:hover{ background-color: #F0F2F5;}
header .navBtn{ margin-left: 20px; cursor: pointer;}

/* subNav */
header nav ul li.subNav { position: relative; }
    header nav ul li.subNav:hover > span { background-color: #F0F2F5;}
header nav ul li.subNav > ul { display: none; position: absolute; top: 30px; left: -50px; width: 350px; padding: 23px 15px 8px; background-color: #fff; border-radius: 5px; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.16); z-index: 999;}
header nav ul li.subNav > ul li{ display: block; margin: 0 0 8px ; text-align: left;}
    header nav ul li.subNav > ul li a{ display: block; background: url("/assets/img/ic_arrowR_sql_01.svg") no-repeat right 5px center;}
    header nav ul li.subNav > ul li a:hover{background-color: #F0F2F5; }
header nav ul li.subNav > ul li.child{ margin: 0 0 8px 20px; font-weight: 400; }
    header nav ul li.subNav > ul li.child a{ display: inline-block; padding-right: 20px; background: url("/assets/img/ic_arrowR_01.svg") no-repeat right 5px center; }
    header nav ul li.subNav > ul li.child a:hover{background-color: #F0F2F5; }

@media (max-width: 1030px) {
    header h1 { max-width: 80%; font-size: 12px; }
    header nav { display: none;}

}
@media (max-width: 767px) {
    header{ padding-top: 0; padding-bottom: 0; box-sizing: border-box; background-color: #fff; background-color: rgba(255,255,255,0.20); z-index: 9999;  }
    header .inner{ padding-top:18px; padding-bottom:24px;}
    header .navBtn{ margin-top: -3px;}
    header h1 { width: 268px; }
}

/* popMenu */
.popMenu{ display: none; position: fixed; width: 100%; height: 100%; box-sizing: border-box; overflow: scroll; top: 0; left: 0; padding: 20px 0; background-color: #fff; font-size: 16px; font-weight: 700; z-index: 99999;}
.popMenu .struct{ height: 100%; }
.popMenu .popMenuHeader{ position: absolute ; top: 17px; right: 15px;}
.popMenu .popMenuBody { display: flex; align-items: center; height: 100%;}
.popMenu .popMenuBody .inner{ display: flex; justify-content: center; padding: 60px 30px;}
.popMenu .popMenuBody h2{ padding-right: 50px; font-size: 13px;}
.popMenu .popMenuBody h2 img{ display: block; margin-bottom: 15px;}
.popMenu .popMenuBody .ulGroup{ display: flex; }
.popMenu ul{ list-style: none;  margin: 0 30px; padding: 0;}
.popMenu ul li a{ display: block; padding: 10px 35px 10px 0; background: url("/assets/img/ic_arrowR_sql_01.svg") no-repeat right 5px center; text-decoration: none; color: #000; }
.popMenu ul li a:hover{ opacity: 0.6; }

.popMenu ul.subItem { margin-left: 20px; }
.popMenu ul.subItem li a { display: inline-block; background: url("/assets/img/ic_arrowR_01.svg") no-repeat right 5px center; font-weight: 500;}
.popMenu ul li.sns a{ background-image: none; padding-right: 0; margin-right: 15px; font-weight: 500;}

@media (max-width: 860px) {
    .popMenu .struct{ height: inherit; }
    .popMenu .popMenuBody { align-items: flex-start;  }
    .popMenu .popMenuBody .inner{ display: block; padding: 0px 0;  }
    .popMenu .popMenuBody h2{ margin-bottom: 50px;}
}
@media (max-width: 767px) {
    .popMenu .popMenuBody .ulGroup{ display: block; }
}

/* ------ contentsWrap */
.contentsWrap{ padding-top: 142px;}
@media (max-width: 767px) {
    /*
    */
    .contentsWrap{ padding-top: 87px;}
}

/* ------ footer */
footer{font-size: 14px;}
footer .struct { }
footer .footerMidArea{ display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: flex-start;}
footer h2{ padding-top:  60px; padding-bottom: 60px; border-top: 1px solid #CCC; font-size: 13px; text-align: center;}
footer h2 img{ display: block; margin: 0 auto 15px;}
footer h3{ margin-bottom: 26px; }
footer .orgArea{ padding-bottom: 30px; }
footer .orgName{ margin-bottom: 14px; font-size: 14px; font-weight: 700;}

footer .navArea{ display: flex;}
footer .navArea ul{ list-style: none; margin: 0 0 0 40px; padding: 0 30px 0 30px; border-left: 1px solid #DEDEDE;}
footer .navArea ul li{ margin-bottom: 14px; font-weight: 700; }
    footer .navArea ul li:last-child{ margin-bottom: 0; }
footer .navArea ul li a{ display: block; padding-right: 40px; background: url("/assets/img/ic_arrowR_sql_01.svg") no-repeat right 5px center; color: #000; text-decoration: none;}
footer .navArea ul li a:hover{opacity: 0.5; }
footer .navArea ul.subItem  { margin-left: 0px; padding:0 0 0 15px; border: 0; }
footer .navArea ul.subItem li { margin-top: 5px; margin-bottom: 0px; font-weight: 500; }
footer .navArea ul.subItem li a { display: inline-block; padding-right: 25px; background-image: url("/assets/img/ic_arrowR_01.svg");}
footer .navArea ul li.sns { font-weight: 500; }
footer .navArea ul li.sns a{ background: none; }
footer .navArea ul li.sns img { margin-right: 10px;}
footer .copy { padding: 20px 0; font-size: 11px; }

.toTop{position: fixed; right: 15px; bottom: 15px;}
.toTop a:hover{background-color: inherit;}

@media (max-width: 920px) {
    footer .footerMidArea{ display: block; }
    footer .navArea{ justify-content: center; padding-bottom: 60px; font-size: 15px;}
    footer .orgArea,
    footer .copy { text-align: center;}
}
@media (max-width: 767px) {
    footer .navArea{ display: block;}
    footer .navArea ul{ margin-bottom: 14px; padding: 0 10px 0; border-left: 0;}

    footer .navArea ul:first-child{  margin-right: 0;}
    footer .orgArea,
    footer .copy { text-align: left;}
}

/* ------ common parts */

.itemHeader .comCate{ display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 6px 16px; background-color: #2AFD2F; font-size: 14px; line-height: 1.2; }

.comTags { font-size: 12px; line-height: 1.2;}
.comTags span { display: inline-block; margin-right: 12px; margin-bottom: 5px; padding: 4px 12px; border:1px solid #DDDDDD; border-radius: 20px; }

.winTags { font-size: 12px; line-height: 1.2; }
.winTags span{display: inline-block; margin-right: 12px; margin-bottom: 5px; padding: 4px 12px; background-color: #FFF100; border:1px solid #FFF100; border-radius: 20px; }

/* cookie-consent */
.cookie-consent {position: fixed;bottom: 10px;left: 10px;right: 10px;background-color: #f8f9fa; border: 1px solid #ced4da;padding: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);text-align: center;}
.cookie-consent button {margin-left: 10px;padding: 10px 20px;background-color: #007bff;color: white;border: none;cursor: pointer;}
.cookie-consent button.deny {background-color: #dc3545;}


/* ============================================
     Module style
   ============================================ */

/* ---------- companyItem */
.companyItem{ margin-bottom: 20px; }
.companyItem .img{ margin-bottom: 0; }
.companyItem h3{ margin-bottom: .5em; font-size: 16px; font-weight: 700;}
.companyItem .campany{ font-size: 13px; line-height: 1.3; font-weight: 500; }
.companyItem .campany span{ display: inline-block; padding: 8px 10px; border: 1px solid #DEDEDE; }
.companyItem .tagArea{ font-size: 11px; line-height: 1.2; font-weight: 500;}
.companyItem .tagArea span.tagBr{ display: inline; padding: 0; margin: 0;}

.companyItem .tagArea span{ display: inline-block; padding: 6px 8px; margin-right: 5px; margin-bottom: 3px; }
.companyItem .tagArea span.comType{ background-color: #2AFD2F; font-size: 10px; }
.companyItem .tagArea span.winTag { background-color: #FFF100; font-size: 10px; }
.companyItem .tagArea span.comCate,
.companyItem .tagArea span.columnCT { padding: 6px 0px; text-decoration: underline; text-decoration-color: #2AFD2F; text-decoration-thickness: 2px; }
.companyItem .date { padding: 5px 0; font-size: 12px; background: url("/assets/img/ic_arrow_thumbbox_link.svg") no-repeat right center;}
/* hover */
.companyItem.bigLink:hover h3,
.companyItem.bigLink:hover h4,
.companyItem.bigLink:hover .img{ opacity: 0.5; }
.companyItem.bigLink:hover .date {
    animation: slide .2s linear; /* 動作「slide」は上部の「アニメーションの設定」部に記述 */
}
@media (max-width: 767px) {
    .companyItem .tagArea span.tagBr{ display: block; }
}
/* ---------- newsItem */
.newsItem h3{ font-size: 14px; line-height: 1.4; }
.newsItem .entryBody{ margin-bottom: 1em; font-size: 14px; line-height: 1.6; }
.newsItem .date { padding: 5px 0; font-size: 12px; background: url("/assets/img/ic_arrow_thumbbox_link.svg") no-repeat right center;}
/* hover */
.newsItem.bigLink:hover h3,
.newsItem.bigLink:hover .img{ opacity: 0.5; }
.newsItem.bigLink:hover .date {
    animation: slide .2s linear; /* 動作「slide」は上部の「アニメーションの設定」部に記述 */
}

/* ---------- ttlStar */
.ttlStar{ padding-left: 30px; background: url("/assets/img/mark_star.png") no-repeat left center; background-size: 21px;}

/* ---------- indexNav */
.contentsWrap .indexNav{ padding: 24px 24px 12px;  border: 1px solid #DEDEDE; }
.contentsWrap .indexNav .mark{ margin: 0px 0 15px; padding-left: 20px; background: url("/assets/img/mark_dot02.svg") no-repeat left center; background-size: 13px 14px; font-size: 13px; font-weight: bold;}
.contentsWrap .indexNav ul{ margin: 0; padding: 0; list-style: none;}
.contentsWrap .indexNav ul li{ margin: 0 0 0.5em; padding: 0 0 0 18px; background: url("/assets/img/comDetail_index_list_bg.svg") no-repeat left top 7px; font-weight: bold;}
.contentsWrap .indexNav ul li a{ color: #000; text-decoration-color: #2AFD2F; text-decoration-thickness: 2px;}

/* ---------- columnItem */
.columnItem{ width: 412px; margin-bottom: 20px;}
.columnItem .img{ margin-bottom: 0; }
.columnItem .txt{ position: relative; width: 85%; margin-top: -55px; background-color: #fff; }
.columnItem h3{ margin-bottom: .5em; font-size: 24px; font-weight: 700;}
.columnItem .sub{ font-size: 14px;}
.columnItem .date { padding: 5px 0; font-size: 12px; background: url("/assets/img/ic_arrow_thumbbox_link.svg") no-repeat right center;}
/* hover */
.columnItem.bigLink:hover h3,
.columnItem.bigLink:hover h4,
.columnItem.bigLink:hover .img{ opacity: 0.5; }
.columnItem.bigLink:hover .date {
    animation: slide .2s linear; /* 動作「slide」は上部の「アニメーションの設定」部に記述 */
}


/* ============================================
     HOME
   ============================================ */
/* ----------  .secHome.topArea */
.secHome.topArea  { display: flex; justify-content: space-between; padding-bottom: 30px;}
.secHome.topArea .leftArea ,
.secHome.topArea .rightArea { width: 49%; width: calc( 50% - 15px ); }
.secHome.topArea .leftArea .companyItem h3{ font-size: 38px; line-height: 1.4;}
.secHome.topArea .rightArea .companyItem { display: flex; justify-content: space-between;}
.secHome.topArea .rightArea .companyItem .txt{ width: 50%;}
.secHome.topArea .rightArea .companyItem .img{ width: 47%; width: calc( 50% - 20px );}

@media (max-width: 767px) {
    .secHome.topArea  { flex-wrap: wrap;}
    .secHome.topArea .leftArea ,
    .secHome.topArea .rightArea { width: 100%; }
    .secHome.topArea .rightArea .companyItem { flex-direction: row-reverse;}
    .secHome.topArea .leftArea .companyItem h3{ font-size: 22px;}
}

/* ----------  .secHome.pickupNewsArea */
.secHome.pickupNewsArea{ padding: 40px 0 30px;  background-color: #F0F2F5;}
.secHome.pickupNewsArea .inner{ display: flex;}
.secHome.pickupNewsArea .inner .secTtl { flex-grow: 0; flex-shrink: 0; margin-right: 80px;  white-space: nowrap;}
.secHome.pickupNewsArea .inner .secBody { flex-grow: 2; }
.secHome.pickupNewsArea .secTtl h2{ font-size: 13px; font-weight: 700;}
.secHome.pickupNewsArea .secTtl p{ font-size: 24px; font-weight: 700; }
.secHome.pickupNewsArea .item { margin-bottom: 10px; background-color: #fff; border-radius: 4px; }
.secHome.pickupNewsArea .item a{ display: block; padding:24px 55px 24px 24px; background: url("/assets/img/ic_arrowR_sql_01.svg") no-repeat right 15px center; color: #000; text-decoration: none; }
    .secHome.pickupNewsArea .item a:hover{ 
        opacity: 0.5; 
        animation: slide .2s linear;
        /* 動作「slide」は上部の「アニメーションの設定」部に記述 */
    }
.secHome.pickupNewsArea .item p{ margin-bottom: 0; }
.secHome.pickupNewsArea .item .date{ padding:3px 0 3px 14px; background: url("/assets/img/mark_dot.svg") no-repeat left center; font-size: 12px; line-height: 1.2; }
.secHome.pickupNewsArea .item .entryTtl{ line-height: 1.6; }

@media (max-width: 767px) {
    .secHome.pickupNewsArea .inner{ display: block;}

}
/* ----------  .secHome.featured */
.secHome.featured{ padding-top: 40px; padding-bottom: 40px;  }
.secHome.featured .secTtl h2{ padding-top: 12px; border-top: 1px solid #DEDEDE; font-size: 13px; font-weight: 700;}
.secHome.featured .secTtl .col2Flex{ justify-content: space-between; align-items: flex-end; padding: 60px 0; }
.secHome.featured .secTtl .col2Flex p{ margin-bottom: 0; }
.secHome.featured .secTtl .en{ font-size: 68px; line-height: 0.95; font-weight: 600;letter-spacing: -1px;}
.secHome.featured .secBody .companyItem{ display: flex; }
.secHome.featured .secBody .companyItem .img{ width: 412px; max-width: 50%; padding-right: 30px; flex-shrink: 0;}
.secHome.featured .secBody .companyItem .txt{ flex-grow: 2;}
.secHome.featured .secBody .companyItem.van h3{ font-size: 24px;}
.secHome.featured .secBody .col2Flex { flex-wrap: wrap; justify-content: space-between; padding-top: 60px;padding-bottom: 40px;}
.secHome.featured .secBody .col2Flex > .companyItem { width: 48%; width: calc( 50% - 15px ); }
.secHome.featured .secBody .col2Flex > .companyItem .img { padding-right: 0; padding-left: 20px; }
@media (max-width: 767px) {
    .secHome.featured .secTtl .col2Flex{ display: block; padding: 10px 0 20px;}
    .secHome.featured .secTtl .col2Flex .en{ margin-bottom: 15px; font-size: 9vw;}
    .secHome.featured .secBody .col2Flex {display: block; padding-top: 20px;}
    .secHome.featured .secBody .companyItem{ display: block; }
    .secHome.featured .secBody .companyItem.van h3{ font-size: 17px;}
    .secHome.featured .secBody .companyItem .img{ width: 100%; max-width: 100%; padding-right: 0; margin-bottom: 15px; }
    .secHome.featured .secBody .col2Flex > .companyItem { display: flex; flex-direction: row-reverse;width: 100%;}
    .secHome.featured .secBody .col2Flex > .companyItem .img { max-width: 40%; margin-right: 20px; padding: 0; }
}

/* ----------  .secHome.buzColumn */
.secHome.buzColumn{ padding-top: 25px; padding-bottom: 40px; background-color: #F1F8F1; }
.secHome.buzColumn .secTtl h2{ padding-top: 12px; font-size: 13px; font-weight: 700;}
.secHome.buzColumn .secTtl .col2Flex{ justify-content: space-between; align-items: flex-end; padding: 60px 0; }
.secHome.buzColumn .secTtl .col2Flex p{ margin-bottom: 0; }
.secHome.buzColumn .secTtl .col2Flex p.description{ text-align: right;}
.secHome.buzColumn .secTtl .en{ font-size: 68px; line-height: 0.95; font-weight: 600;letter-spacing: -1px;}

.secHome.buzColumn .columnItem .txt{ padding-top: 5px; padding-right: 10px; background-color: #F1F8F1; }

@media (max-width: 767px) {
    .secHome.buzColumn .secTtl .col2Flex{ display: block; padding: 10px 0 20px;}
    .secHome.buzColumn .secTtl .col2Flex .en{ margin-bottom: 15px; font-size: 9vw;}
    .secHome.buzColumn .secTtl .col2Flex p.description { text-align: left;}
    .secHome.buzColumn .secTtl .col2Flex p.description br { display: none;}
    
    .secHome.buzColumn .secBody .columnItem h3 { font-size: 17px; }
}

/* ----------  .secHome.instagram */
.secHome.instagram{ padding-top: 40px; padding-bottom: 40px;  }
.secHome.instagram .secTtl h2{ padding-top: 12px; border-top: 1px solid #DEDEDE; font-size: 13px; font-weight: 700;}
.secHome.instagram .secTtl .col2Flex{ justify-content: space-between; align-items: flex-end; padding: 60px 0; }
.secHome.instagram .secTtl .col2Flex p{ margin-bottom: 0; }
.secHome.instagram .secTtl .col2Flex p.description{ text-align: right;}
.secHome.instagram .secTtl .en{ font-size: 68px; line-height: 0.95; font-weight: 600;letter-spacing: -1px;}

@media (max-width: 767px) {
    .secHome.instagram .secTtl .col2Flex{ display: block; padding-top: 0; }
    .secHome.instagram .secTtl .col2Flex .en{ margin-bottom: 15px; font-size: 9vw;}
}
/* ----------  .secHome.newsArea */
.secHome.newsArea{ padding-top: 40px; padding-bottom: 40px;  }
.secHome.newsArea .secTtl h2{ padding-top: 12px; border-top: 1px solid #DEDEDE; font-size: 13px; font-weight: 700;}
.secHome.newsArea .secTtl .col2Flex{ justify-content: space-between; align-items: flex-end; padding: 60px 0; }
.secHome.newsArea .secTtl .col2Flex p{ margin-bottom: 0; }
.secHome.newsArea .secTtl .en{ font-size: 68px; line-height: 0.95; font-weight: 600;letter-spacing: -1px;}
.secHome.newsArea .secBody { display: flex;}
.secHome.newsArea .secBody .flexChild{ flex-grow: 1; flex-shrink: 0; width: 32%; width: calc( (100% - 60px)  / 3 ); box-sizing: border-box; margin-right: 30px; }
.secHome.newsArea .secBody .flexChild:last-child{ margin-right: 0; }
.secHome.newsArea .newsItem.van h3{ font-size: 24px; }
.secHome.newsArea .followArea .newsItem { display: flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 30px;}
.secHome.newsArea .followArea .newsItem .img{ width: 39%; width: calc( 45% - 10px ); box-sizing: border-box; }
.secHome.newsArea .followArea .newsItem .txt{ width: 59%; width: calc( 55% - 10px ); box-sizing: border-box; }
@media (max-width: 767px) {
    .secHome.newsArea .secBody { display: block;}
    .secHome.newsArea .secTtl .en{ font-size: 9vw; }
    .secHome.newsArea .secTtl .col2Flex{ padding: 10px 0 30px; }
    .secHome.newsArea .secBody .flexChild{ width: 100%;}
    .secHome.newsArea .newsItem.van { margin-bottom: 30px;}
    .secHome.newsArea .newsItem.van h3{ font-size: 17px; }
    .secHome.newsArea .followArea .newsItem { flex-direction: row; margin-bottom:20px; }
}
/* ----------  .secHome.supportList */
.secHome.supportList{ padding-top: 40px; padding-bottom: 40px;  }
.secHome.supportList .secTtl h2{ padding-top: 12px; border-top: 1px solid #DEDEDE; font-size: 13px; font-weight: 700;}
.secHome.supportList .secTtl .col2Flex{ justify-content: space-between; align-items: flex-end; padding: 60px 0; }
.secHome.supportList .secTtl .col2Flex p{ margin-bottom: 0; }
.secHome.supportList .secTtl .en{ font-size: 68px; line-height: 0.95; font-weight: 600;letter-spacing: -1px;}
@media (max-width: 767px) {
    .secHome.supportList .secTtl .en{ font-size: 9vw; padding-bottom: 15px;}
    .secHome.supportList .secTtl .col2Flex{ display: block; padding: 10px 0 30px; }


}
/* ------ conceptArea */
.conceptArea{ background: linear-gradient(180deg, #ffffff, #F0F0F0);}

/* ------ key visual */
section.secHomeVisual { display: flex; align-items: flex-end; max-width: 1366px; margin-left: auto; margin-right: auto; padding: 0 0px 60px; }
section.secHomeVisual .scrollBtn{  flex-grow: 0; flex-shrink: 0;}
/* animation */
section.secHomeVisual .scrollBtn{ animation: sdl99 1.5s  infinite;}
    @keyframes sdl99 {
      0% {      transform: translateY(-10px);  }
      50% {      transform: translateY(0px);  }
      100% {      transform: translateY(-10px);  }
    }
section.secHomeVisual .visual{ flex-grow: 1; flex-shrink: 1; position: relative; }
section.secHomeVisual .visual .txtWrap{ position: absolute; left:3%; bottom: 6%;  width: 45%;}
section.secHomeVisual .leadingItem h3{ margin-bottom: 15px; font-size: 4vw; font-weight: 700; line-height: 1.4; text-shadow: 2px 2px 8px rgba(0,0,0,0.50) ; color: #fff;  }

section.secHomeVisual .leadingItem .campany{ margin-bottom: 8px ;font-size: 18px; font-weight: 700; line-height: 1.4; text-shadow: 2px 2px 8px rgba(0,0,0,0.50) ; color: #fff;  }

/* bx-slider */
section.secHomeVisual .bx-wrapper{ margin-bottom: 0; box-sizing: border-box; background-color: inherit; border: 0; box-shadow: none;}
section.secHomeVisual .bx-wrapper .bx-pager { position: absolute; right: 0; bottom: 6%; width: 40%;  }
section.secHomeVisual .bx-wrapper .bx-pager.bx-default-pager a { background-color: inherit; width:inherit; height: inherit; margin: 0 5px; padding: 20px; text-indent: 0px ; font-size: 18px; line-height: 1.2; font-weight: 500; color: #fff; text-decoration: none; text-shadow: 2px 2px 8px rgba(0,0,0,0.50) ;}
section.secHomeVisual .bx-wrapper .bx-pager.bx-default-pager a.active { background: url("/assets/img/slide_num_bg_cr.svg") no-repeat center center;}

@media (min-width: 1300px) {
    section.secHomeVisual .leadingItem h3{ font-size: 64px; }
}
@media (max-width: 767px) {
    section.secHomeVisual { padding: 0; }

    section.secHomeVisual .visual .txtWrap{ position: absolute; left:6%; bottom: 80px;  width: 88%;}
    section.secHomeVisual .bx-wrapper .bx-pager { position: absolute; right: inherit; left: 6%; bottom: 15px; width: 88%;  }
    section.secHomeVisual .leadingItem h3{ font-size: 28px; }
}

/* ------ secHomeAbout */
section.secHomeAbout{ display: flex; padding-top:  60px; padding-bottom: 150px; background: url("/assets/img/about_backimg.svg") center bottom no-repeat;}
section.secHomeAbout .secHeader{ width: 40%; box-sizing: border-box; padding-right: 30px; }
section.secHomeAbout .secHeader h2{ font-size: 32px; word-break: normal;}
section.secHomeAbout .secHeader h2 img{ vertical-align: baseline; }
section.secHomeAbout .secBody{ width: 60%; box-sizing: border-box; font-size: 18px; line-height: 2.2;}
@media (max-width: 767px) {
    section.secHomeAbout{ display: block; padding-top:  60px; padding-bottom: 60px; background-size: 421px 483px; background-repeat: repeat-y;}
    section.secHomeAbout .secHeader{ width: 100%; padding-right: 0; }
    section.secHomeAbout .secBody{ width: 100%; font-size: 16px; line-height: 1.8;}
}

/* ------ secHomeNews */
section.secHomeNews{ padding-top: 120px; padding-bottom: 60px; }
section.secHomeNews .secHeader{ display: flex; justify-content: space-between;}
section.secHomeNews .secHeader h2 { margin-bottom: 60px; padding-left: 75px; background: url("/assets/img/mark_star.png") no-repeat left center; background-size: 29px; font-size: 32px; }
section.secHomeNews .secHeader p { margin-top: 18px;}

section.secHomeNews .secBody{}
section.secHomeNews .homeNewsList{ display: flex; margin-bottom: 60px; flex-wrap: wrap;}
section.secHomeNews .homeNewsList a:hover{ background-color: inherit;}
section.secHomeNews .homeNewsList .boxItem{ position: relative; width: 32%; /*min-width: 320px;*/ margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dddddd; border-left: 2px solid #2AFD2F; padding: 25px 25px 10px; }
    section.secHomeNews .homeNewsList .boxItem:nth-child(3n){ margin-right: 0; }

section.secHomeNews .homeNewsList .boxItem .imgArea{ display: flex; justify-content: space-between; align-items: center;}
section.secHomeNews .homeNewsList .boxItem .imgArea .img{ overflow: hidden;}
section.secHomeNews .homeNewsList .boxItem .date{ text-align: right;font-weight: 500;}
section.secHomeNews .homeNewsList .boxItem .year{ display: block; font-size: 11px;}
section.secHomeNews .homeNewsList .boxItem .day{ display: block; }
section.secHomeNews .homeNewsList .boxItem h3 { margin-bottom: 0.5em; font-size: 18px; font-weight: 700; }

/* リンク時画像拡大 */
section.secHomeNews .homeNewsList .boxItem.bigLink:hover { border-left: 2px solid #2AFD2F; }
section.secHomeNews .homeNewsList .boxItem.bigLink .img img{ transition:.2s all;}
section.secHomeNews .homeNewsList .boxItem.bigLink:hover .img img{  transform:scale(1.2,1.2);  transition: .2s all;}
section.secHomeNews .homeNewsList .boxItem.bigLink:hover h3 span { background-color: #2AFD2F;  }

section.secHomeNews .homeNewsList .boxItem .cate { position: absolute; top: 0; right: 0; margin: 0; padding: 5px 15px;  background-color: #2AFD2F; font-size: 13px; line-height: 1.2; }

@media (max-width: 1080px) {
    section.secHomeNews .homeNewsList .boxItem{ position: relative; width: 49%;}
        section.secHomeNews .homeNewsList .boxItem:nth-child(3n){ margin-right: 2%; }
        section.secHomeNews .homeNewsList .boxItem:nth-child(2n){ margin-right: 0; }
}
@media (max-width: 767px) {
    section.secHomeNews .homeNewsList{ flex-wrap: wrap;}

    section.secHomeNews{ padding-top: 60px; padding-bottom: 60px; }
    section.secHomeNews .secHeader{ display: block; }
    section.secHomeNews .secHeader h2 { margin-bottom: 0px; padding-left: 0px; padding-top: 30px; background-position: left top ;  }
    section.secHomeNews .secHeader p { margin-top: 0;}
    section.secHomeNews .homeNewsList .boxItem{ width: 100%; min-width: inherit;}

}
@media (max-width: 540px) {
    section.secHomeNews .homeNewsList .boxItem h3,
    section.secHomeNews .homeNewsList .boxItem .txt { text-align: left;}
}

/* ------ secHomeLeading */
section.secHomeLeading{ padding-top: 60px ;  padding-bottom: 60px ; }
section.secHomeLeading .secHeader{ display: flex; justify-content: space-between;}
section.secHomeLeading .secHeader h2 { margin-bottom: 60px; padding-left: 75px; background: url("/assets/img/mark_star.png") no-repeat left center; background-size: 29px; font-size: 32px; line-height: 1.4; word-break: normal;}
section.secHomeLeading .secHeader p { margin-top: 18px;}
section.secHomeLeading .secBody p{ margin-bottom: 0; }

@media (max-width: 767px) {
    section.secHomeLeading{ padding-top: 60px ;  padding-bottom: 60px ; }
    section.secHomeLeading .secHeader{ display: block; margin-bottom: 60px; }
    section.secHomeLeading .secHeader h2 { margin-bottom: 0px; padding-left: 0px; padding-top: 30px; background-position: left top ;  }
    section.secHomeLeading .secHeader p { margin-top: 0;}
}

/* leadingItem  */
.leadingList .leadingItem{ width: 100%; margin-bottom: 60px; }
.leadingList .leadingItem .img{ width: 615px; max-width: 50%; box-sizing: border-box; flex-shrink: 0; flex-grow: 0;  margin-right: 72px; text-align: center;}
    .leadingItem .img img{ display: inline-block; border-left: 2px solid #2AFD2F ;}
.leadingList .leadingItem .txt{ box-sizing: border-box; flex-grow: 1; }
.leadingList .leadingItem .txt .vcInner{ width: 100% ; box-sizing: border-box; flex-grow: 1; }

.leadingList .leadingItem .itemHeader{ position: relative; margin-bottom: 30px; padding-right: 128px; font-size: 16px;}
.leadingList .leadingItem .itemHeader .date{ position: absolute; top: 0; right: 0;}
.leadingList .leadingItem h3 {  padding-right: 128px; font-size: 32px; line-height: 1.4;}
.leadingList .leadingItem .campany { margin-bottom: 1em; }

/* homeLeadingAddList */
section .secBody .homeLeadingAddList .leadingItem { margin-bottom: 60px; }
section .secBody .homeLeadingAddList .leadingItem .itemHeader{ margin-bottom: 10px; padding-right: 80px; }
section .secBody .homeLeadingAddList .leadingItem .img{ margin-bottom: 24px; text-align: center;}
section .secBody .homeLeadingAddList .leadingItem h3 { padding-right:0; font-size: 18px;}
section .secBody .homeLeadingAddList .leadingItem .date { display: block;}

/* リンク時画像拡大 */
.homeLeadingAddList .leadingItem.bigLink .img ,
.leadingList .leadingItem.bigLink .img { overflow: hidden; }
.homeLeadingAddList .leadingItem.bigLink .img img,
.leadingList .leadingItem.bigLink .img img{ transition:.2s all;}
.homeLeadingAddList .leadingItem.bigLink:hover .img img,
.leadingList .leadingItem.bigLink:hover .img img{  transform:scale(1.2,1.2);  transition: .2s all;}
.homeLeadingAddList .leadingItem.bigLink:hover h3 span ,
.leadingList .leadingItem.bigLink:hover h3 span { background-color: #2AFD2F;}

@media (max-width: 1200px) {
    
    .leadingList .leadingItem .itemHeader .date{ position: inherit; top: inherit; right: inherit; display: block;}
    .leadingList .leadingItem .itemHeader ,
    .leadingList .leadingItem h3 { padding-right: 0; }
    
}
@media (max-width: 767px) {
    section.secHomeLeading{ padding-top: 60px ;  padding-bottom: 60px ; }
    section.secHomeLeading .secHeader{ display: block; margin-bottom: 60px; }
    section.secHomeLeading .secHeader h2 { margin-bottom: 0px; padding-left: 0px; padding-top: 30px; background-position: left top ;  }
    section.secHomeLeading .secHeader p { margin-top: 0;}
    .leadingList .leadingItem.col2Flex{ display: block;}
    .leadingList .leadingItem .img{ width: 615px; max-width: 100%; margin: 0 auto 20px;}
    
    section .secBody .homeLeadingAddList .leadingItem .itemHeader{ margin-bottom: 5px; padding-right: 0; }
    .homeLeadingAddList.col3Flex { display: block;}
    .homeLeadingAddList.col3Flex .boxItem{ width: 100%; margin-right: 0; text-align: left;}
}
@media (max-width: 540px) {
    .leadingList .leadingItem .itemHeader{ margin-bottom: 10px; font-size: 12px;}

    .itemHeader .comCate { margin-right: 5px; padding: 3px 10px; font-size: 12px; }
    .itemHeader .date { font-size: 12px; }
    .leadingList .leadingItem h3 { font-size: 18px;}
}

/* ------ secHomeSupport */
section.secHomeSupport { max-width: 100%; padding-top: 60px; padding-bottom: 60px;  }
section.secHomeSupport .secHeader{ display: flex; justify-content: space-between; }
section.secHomeSupport .secHeader h2 { margin-bottom: 30px; padding-left: 75px; background: url("/assets/img/mark_star.png") no-repeat left center; background-size: 29px; font-size: 32px; }
section.secHomeSupport .secHeader p { margin-top: 18px;}

section.secHomeSupport .secBody{ padding:50px 20px;  }
section.secHomeSupport .secBody p{  }

@media (max-width: 767px) {
    section.secHomeSupport { max-width: 100%; margin-top: 0; padding: 60px 0 120px; background-size: 651px 217px; background-repeat: repeat;}
    section.secHomeSupport .secHeader{ display: block; margin-bottom: 0; }
    section.secHomeSupport .secHeader h2 { margin-bottom: 0px; padding-left: 0px; padding-top: 30px; background-position: left top ;  }
    section.secHomeSupport .secHeader p { margin-top: 0;}
    section.secHomeSupport .secBody{ padding:0;  }
}

/* ------ secHomeLink */
section.secHomeLink{}
section.secHomeLink { padding-top: 120px; padding-bottom: 120px; }
section.secHomeLink .secHeader h2 {font-size: 32px; text-align: center;}
section.secHomeLink .secBody .boxItem { text-align: center;}

/* ============================================
     pages
   ============================================ */
.bread{ margin-top:  0px; margin-bottom: 30px; font-size: 10px; text-align: right; color: #777;}
.bread a{ color: #000; text-decoration: none;}
.bread a:hover{ background: none; opacity: 0.5;}
@media (max-width: 767px) {
    .bread{ margin-top:  0px; margin-bottom: 0; }
}

/* pageTtl  */
.pageTtl { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 60px; font-size: 36px;}
.pageTtl .en { margin-bottom: 1em; font-size: 14px; font-weight: 700;}

.areaTtl { font-size: 37px; font-weight: 700; }

.entryHeaderArea .starNote{ padding-left: 35px; background: url("/assets/img/mark_star.png") no-repeat left center; background-size: 23px;}
.entryHeaderArea .staticPageTtl{border-bottom: 1px solid #000; font-size: 64px; font-weight: 300; }

@media (max-width: 767px) {
    .pageTtl { font-size: 22px; margin-bottom: 30px;}

}

/* localNav */
.localNav{ margin-bottom: 80px; padding: 40px 0; background-color: #F0F0F0;}
.localNav .col2Nav{ display: flex; flex-wrap: nowrap;}
.localNav .col2Nav .item{ width: 50%; box-sizing: border-box; padding: 0 60px; border-left: 1px solid #000; }
    .localNav .col2Nav .item:hover{ background-color: #F9F9F9;  }
    .localNav .col2Nav .item:first-child{ border-left: 0;}
.localNav .col2Nav .item .ttl{ margin-bottom: 30px; padding-left: 35px; background: url("/assets/img/mark_star.svg") no-repeat left center; background-size: 23px; font-size: 18px; font-weight: bold;}
.localNav .col2Nav .item .txt { font-size: 14px;}
.localNav .col2Nav .item .mark { text-align: right;}
.localNav .col2Nav .item .mark a{ display: inline-block; width: 50px; height: 50px; background: url("/assets/img/btn_footernav_pc.svg") no-repeat right center; background-size: 38px 38px; text-indent: 100%; overflow: hidden; white-space: nowrap;}

@media (max-width: 767px) {
    .areaTtl{font-size: 27px; }
    .entryHeaderArea .staticPageTtl{ padding: 20px 0; font-size: 28px; }
    .localNav .col2Nav .item{ padding: 0 10px; }

}

/* ページ送り CSS */
.pagenavi{ padding:60px 0 ; text-align: center;font-size:12px; font-weight:500; line-height:1; /* text-align: center; */ }
.pagenavi a,
.pagenavi span{ display:inline-block; padding:12px 17px; margin-left:5px; margin-bottom:5px; box-sizing: border-box; background:#fff; border:1px solid #DEDEDE; border-radius: 100%; font-size: 14px; line-height: 1.2; text-decoration:none; color:#000; transition: all 0.3s; vertical-align: top;}
    .pagenavi a.prev,
    .pagenavi a.next{ width: 50px; background: no-repeat center; border: 0; text-indent: -500px; white-space: nowrap; overflow: hidden;}
    .pagenavi a.prev{ background-image: url("/assets/img/mark_arrow_prev.svg"); background-position: 10px center; }
    .pagenavi a.next{ background-image: url("/assets/img/mark_arrow_next.svg"); background-position: 0px center; }
.pagenavi a:hover {opacity: 0.5;}
.pagenavi span.current{ background-color:#F0F2F5; color:#000;}


/*  newsList
-------------------------------- */
.newsList.col2Flex{ flex-wrap: wrap; justify-content: space-between;}
.newsList.col2Flex .newsItem{ display: flex; justify-content: space-between; flex-direction: row-reverse; width: 49%; width: calc( 50% - 15px ); margin-bottom: 30px; }
.newsList.col2Flex .newsItem .img,
.newsList.col2Flex .newsItem .txt{ width: 49%; width: calc( 50% - 10px );}
.newsList.col2Flex .newsItem h3{ font-size: 16px;}

@media (max-width: 767px) {
    .newsList.col2Flex{ display: block;}
    .newsList.col2Flex .newsItem{ flex-direction: row; width: 100%; margin-bottom: 20px; }
    .newsList.col2Flex .newsItem .img{ max-width: 35%;}
    .newsList.col2Flex .newsItem .txt{ width: 63%; width: calc( 65% - 20px );}
}
@media (max-width: 540px) {
}
  

/*  entry page
-------------------------------- */
.entryHeaderArea { padding-bottom: 30px; }
.entryHeaderArea .entryTtl{margin-bottom: 0px; padding: 10px 0 30px; font-size: 38px; line-height: 1.4; font-weight: 700; }
.entryHeaderArea .date{ font-size: 12px; line-height: 1.2; }

.entryBodyArea { max-width: 1050px; margin-left: auto; margin-right: auto; }
.entryBodyArea .entryImgArea { margin-left: auto; margin-right: auto; padding-bottom: 60px;}
.entryBodyArea .entryImgArea p{ margin-bottom: 5px; }
.entryBodyArea .entryImgArea .caption { font-size: 14px;}
.entryBodyArea .backBtn{ padding-top: 60px;}

.entryContentArea{}
.entryContentArea h2,
.entryContentArea h3,
.entryContentArea h4,
.entryContentArea h5{ margin-bottom: 0.5em; font-weight: 700; line-height: 1.5;}
    .entryContentArea h2{ font-size: 34px; }
    .entryContentArea h3{ font-size: 27px; color: #008000;
        background: url("/assets/img/mark_star.svg") no-repeat left top; background-size: 21px 21px; padding-left: 25px;}
    .entryContentArea h4{ font-size: 24px; }
    .entryContentArea h5{ font-size: 18px; }

@media (max-width: 767px) {
    .entryHeaderArea .entryTtl{ margin-bottom: 20px; padding: 10px 0; font-size: 22px; }
    .entryContentArea h2{ font-size: 22px; }
    .entryContentArea h3{ font-size: 18px; }
    .entryContentArea h4{ font-size: 16px; }
    .entryContentArea h5{ font-size: 16px; }
    .entryBodyArea { padding-left: 35px; padding-right: 35px;}

}


/*  about page
-------------------------------- */
.aboutSection{ }
.aboutSection .visual .mark{ margin-bottom: 30px; padding-left: 25px; background: url("/assets/img/mark_dot02.svg") no-repeat left center; font-size: 14px; }
.aboutSection .visual .secTtl{ margin-bottom: 30px; font-size: 40px; font-weight: 300; }
.aboutSection h4{ font-size: 27px; font-weight: 500; }
.aboutSection .lead{ font-size: 18px; }

/* aboutKV */
.aboutKV{padding-top: 60px;padding-bottom: 60px;}
@media (max-width: 767px) {
    .aboutKV{padding-top: 0px;padding-bottom: 0px;}
}

/* aboutHeader */
section.entryHeaderArea.aboutHeader{ padding-bottom: 0; }

/* aboutSCC */
section.aboutSCC{ padding-top: 60px; padding-bottom: 60px; background: url("/assets/img/about_backimg.svg") center bottom no-repeat;
    background: url("/assets/img/about_backimg.svg"),linear-gradient(0deg, rgb(230, 230, 230), rgb(255, 255, 255)) ;
    background-repeat: repeat-y; background-position: center;  font-size: 16px;}
section.aboutSCC .visual { margin-bottom: 100px; text-align: center;}
section.aboutSCC .visual img{ width: 100%; }
section.aboutSCC h4 { margin:1.5em 0  .8em; }
section.aboutSCC .imgBox { padding: 40px 0 0; }
@media (max-width: 767px) {
    section.aboutSCC{ padding-top: 0px; padding-bottom: 30px; }
}s
/* aboutMission */
section.aboutMission{ padding-bottom: 60px; }
section.aboutMission .visual{ margin-bottom: 100px; padding-top: 80px; padding-bottom: 80px; background: url("/assets/img/about_img002@2x.jpg") no-repeat center; background-size: cover;  color: #fff; font-size: 22px; }
section.aboutMission .visual .secTtl{ font-weight: bold; }

section.aboutMission .visual .txt{ padding-left: 100px;}

section.aboutMission .entryBodyArea h4{ margin: 60px 0 20px }
section.aboutMission .entryBodyArea .col3Flex { margin-bottom: 40px; }
section.aboutMission .entryBodyArea .col3Flex .boxItem{ padding-bottom: 0; margin-bottom: 20px; }
section.aboutMission .entryBodyArea .col3Flex .boxItem .ttl{ margin-bottom: 0.5em; font-weight: bold;}
section.aboutMission .entryBodyArea .imgBox{  max-width: 760px; margin: 60px auto;}
section.aboutMission .entryBodyArea .imgBox .ttl{ font-size: 26px; font-weight: 500; }

.aboutMission .aboutMissionItemArea { margin-bottom: 60px; border-bottom: 1px solid #ddd; }
.aboutMission .aboutMissionItemArea .aboutMissionItem{ padding-top: 20px; border-top: 1px solid #ddd; }
.aboutMission .aboutMissionItemArea .aboutMissionItem p{ margin-bottom: 0.5em; }
.aboutMission .aboutMissionItemArea .aboutMissionItem .col2Flex{ flex-wrap: wrap; max-width:850px;  margin-left: auto; margin-right: 0; }
.aboutMission .aboutMissionItemArea .aboutMissionItem .col2Flex .item{ width: 50%; box-sizing: border-box; padding-left: 30px; padding-bottom: 20px; }
.aboutMission .aboutMissionItemArea .aboutMissionItem .itemTtl{ padding-left: 30px; background: url("/assets/img/mark_star.svg") no-repeat left top 2px; background-size: 23px; font-weight: bold;}
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorGreen .itemTtl{ background-image: url("/assets/img/mark_star.svg"); }
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorPpl .itemTtl{ background-image: url("/assets/img/mark_star_ppl.svg"); }
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorLB .itemTtl{ background-image: url("/assets/img/mark_star_LB.svg"); }
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorYG .itemTtl{ background-image: url("/assets/img/mark_star_YG.svg"); }
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorOrg .itemTtl{ background-image: url("/assets/img/mark_star_org.svg"); }
.aboutMission .aboutMissionItemArea .aboutMissionItem .item .ttl{ padding-left: 20px; background: url("/assets/img/mark_dot.svg") no-repeat left top 7px; background-size: 13px; font-weight: bold;}
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorPpl .item .ttl{ background-image: url("/assets/img/mark_dot_ppl.svg"); }
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorLB .item .ttl{ background-image: url("/assets/img/mark_dot_LB.svg"); }
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorYG .item .ttl{ background-image: url("/assets/img/mark_dot_YG.svg"); }
    .aboutMission .aboutMissionItemArea .aboutMissionItem.colorOrg .item .ttl{ background-image: url("/assets/img/mark_dot_org.svg"); }
.aboutMission .aboutMissionItemArea .aboutMissionItem .item .txt{ padding-left: 20px; }

@media (max-width: 767px) {
    section.aboutMission .visual{ margin-bottom: 40px; padding-top: 30px; padding-bottom: 30px; }
    .aboutMission .aboutMissionItemArea .aboutMissionItem .col2Flex .item{ width: 100%; }
}

/* aboutLOGO */
section.aboutLOGO { padding-top: 120px; padding-bottom: 60px; }
section.aboutLOGO .visual{ padding-bottom: 30px;  }
section.aboutLOGO .visual .mark{ padding-top: 5px; border-top: 1px solid #DEDEDE; }
section.aboutLOGO .entryBodyArea .boxItem { padding-left: 30px; padding-right: 30px; }
section.aboutLOGO .entryBodyArea .txt p{ margin-bottom: 2em; }

@media (max-width: 767px) {
    .aboutSection h4{ font-size: 18px; font-weight: bold;}
    section.aboutSCC{ font-size: 16px;}
    section.aboutSCC .visual { margin-bottom: 30px;}
    section.aboutLOGO .entryBodyArea .boxItem { padding-left: 10px; padding-right: 10px; }
    section.aboutSCC h4 { margin-bottom: 20px; }
    section.aboutSCC .imgBox { padding: 40px 0; }
    
    section.aboutMission .visual{ font-size: 16px; }
    section.aboutSection .visual .secTtl{ font-size: 26px; }
    section.aboutMission .visual .txt{ padding-left: 0;}
    section.aboutMission .entryBodyArea .imgBox .ttl{ font-size: 18px;}
    
    .aboutLOGO .col2Flex { display: block;}
    .aboutLOGO .col2Flex .img { margin-bottom: 40px;}
    .aboutLOGO .col2Flex .txt { text-align: left;}
    
}
@media (max-width: 540px) {
    section.aboutMission .entryBodyArea .col3Flex { margin-bottom: 0;}
    .aboutMission .col3Flex.newsList .boxItem{display: block; border: 0; padding-left: 15px; padding-top: 0; border-left: 1px solid #2AFD2F;}
    .aboutMission .col3Flex.newsList .boxItem .txt{ margin-bottom: 0; }
    .aboutMission .btn { text-align: center; }
}


/*  comDetail page
-------------------------------- */
.comDetailSection .num{ padding-left: 30px; background: url("/assets/img/mark_dot02.svg") no-repeat left center; font-size: 14px;}
.comDetailSection.entryHeaderArea{ position: relative; }
.comDetailSection.entryHeaderArea .entryTtl{margin-bottom: 20px; padding:40px 0 10px; border-bottom: 0; }
.comDetailSection.entryHeaderArea .comName,
.comDetailSection.entryHeaderArea .comTags { padding-right: 350px;}
.comDetailSection.entryHeaderArea .sns{position: absolute; bottom: 60px; right: 50px;}
.comDetailSection.entryHeaderArea .sns span,
.comDetailSection.entryHeaderArea .sns a{ margin-left: 10px; }
.comDetailSection.comDetailKeyVis { margin-bottom: 90px; text-align: center;}

.comDetailSection.entryHeaderArea.companyItem .date { background: none;}

.comContentWrap{ display: flex; }
.comContentWrap .contentArea{ padding-right: 60px; padding-bottom: 60px; }
.comContentWrap .subAreaSide{ flex-grow: 0; flex-shrink: 0; width: 352px; box-sizing: border-box; }

.comContentWrap .contentArea{ padding-right: 60px; padding-bottom: 60px; }
.comContentWrap .contentArea h3{ margin-bottom: 0.5em; padding-left: 35px; background: url("/assets/img/mark_star.svg") no-repeat left 8px; background-size: 30px; font-size: 28px; font-weight: 800; font-family: "Shippori Mincho B1"; font-style: normal ; }
.comContentWrap .contentArea h4{ margin-bottom: 0.5em; font-size: 20px; font-weight: 500; }
.comContentWrap .contentArea hr{ border-top: 1px solid #000; }

.subAreaSide{}
.subAreaSide .comRecommend{ padding: 30px 30px 10px; border: 1px solid #DDDDDD; }
.subAreaSide .star{ margin: 10px 0 30px; padding-left: 30px; background: url("/assets/img/mark_star.svg") no-repeat left center; background-size: 23px; font-size: 14px; font-weight: 700;}
.subAreaSide .comRecommend .item{ padding-bottom: 0px;/* padding:40px 0;  border-top: 1px solid #000;*/}
.subAreaSide .comRecommend .itemHeader { margin-bottom: 5px;}
.subAreaSide .comRecommend .itemHeader .comCate { font-size: 12px;}
.subAreaSide .comRecommend .img { margin-bottom: 10px; }
.subAreaSide .comRecommend h4 { margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 1.4; }
.subAreaSide .comRecommend .comName { font-size: 14px; margin-bottom: 40px; }
.subAreaSide .comRecommend .date { font-size: 12px; }

.comDetailCompany .inner{ border-top: 1px solid #DEDEDE; }
.comDetailCompany .mark{ margin: 10px 0 30px; padding-left: 30px; background: url("/assets/img/mark_dot02.svg") no-repeat left center; background-size: 13px 14px; font-size: 13px; font-weight: bold;}
.comDetailCompany .comName{ margin-bottom: 30px; font-size: 27px; font-weight: bold;}
.comDetailCompany .comBody{ width: 832px; max-width: 100%; margin-left: auto; margin-right: auto;}
.comDetailCompany .comBody .outline{ margin-bottom: 1.5em; }

.comDetailCompany .comBody .comSpecFlex{ display: flex; flex-direction: row-reverse; }
.comDetailCompany .comBody .comSpecFlex .comSpec{ flex-grow: 1; padding-right: 80px; }
.comDetailCompany .comBody .comSpecFlex .comSpec table{ width: 100%; border-top: 1px solid #ddd; border-spacing:0;}
.comDetailCompany .comBody .comSpecFlex .comSpec table th,
.comDetailCompany .comBody .comSpecFlex .comSpec table td{ padding: 25px 0; border-bottom: 1px solid #ddd;text-align: left; font-weight: 400;}
.comDetailCompany .comBody .comSpecFlex .comSpec table th{ padding-right:15px;  white-space: nowrap;}
.comDetailCompany .comBody .comSpecFlex .comSpec table td div{ padding-left: 35px; border-left: 1px solid #000;}
.comDetailCompany .comBody .comSpecFlex .comSpec table td div span.comType{ display: inline-block; margin-right: 15px;}
.comDetailCompany .comBody .comSpecFlex .keyword { padding-top: 10px; font-size: 14px;}
.comDetailCompany .comBody .comSpecFlex .keyword span::after{content:"、";}
.comDetailCompany .comBody .comSpecFlex .keyword span:last-child::after{content:"";}

.comDetailCompany .comBody .comSpecFlex .img{ flex-grow: 0; flex-shrink: 0; }

@media (max-width: 767px) {
    .comDetailSection.entryHeaderArea{ padding-bottom: 0; }

    .comDetailSection.entryHeaderArea .inner{ padding: 0px 0 0px; }
    .comDetailSection.entryHeaderArea .entryTtl{margin-bottom: 0; padding:20px 0 10px ;  }
    
    .comDetailSection.entryHeaderArea .comName,
    .comDetailSection.entryHeaderArea .comTags { padding-right: 0;}
    .comDetailSection.entryHeaderArea .sns { position: inherit; bottom: inherit; right: inherit; margin-top: 30px; text-align: right;}
    .comDetailSection.comDetailKeyVis { margin-bottom: 30px; margin-left: -20px; margin-right: -20px; }
    
    .comContentWrap{ display: block; }
    .comContentWrap .contentArea{ padding-right: 15px; padding-left: 15px; padding-bottom: 60px; }
    .comContentWrap .contentArea h3{ padding-left: 25px; background-size: 20px; font-size: 18px; }
    .comContentWrap .contentArea h4{ margin-bottom: 0.5em; font-size: 18px;}
    .comContentWrap .contentArea h5{ margin-bottom: 0.5em; font-size: 16px;}
    
    .comContentWrap .subAreaSide{ width: 100%; }
    
    .comDetailCompany .inner{ padding:30px 0; }
    .comDetailCompany .comName{ font-size: 18px; }
    
    .comDetailCompany .comBody .outline{ margin-bottom: 30px; font-size: 16px;}
    .comDetailCompany .comBody .comSpecFlex{ display: block; }
    .comDetailCompany .comBody .comSpecFlex .comSpec{ padding-right: 0; }
    .comDetailCompany .comBody .comSpecFlex .img{ margin-bottom: 30px; text-align: center; }
    
    .subAreaSide .comRecommend{ padding: 20px; margin-bottom: 60px; }
    .subAreaSide .item .img{ text-align: center;}
    
}

/*  comList page
-------------------------------- */
/* searchModule */
.searchModule { padding-bottom: 100px; }
.searchModule .mark{ margin: 10px 0 30px; padding-left: 30px; background: url("/assets/img/mark_dot02.svg") no-repeat left center; background-size: 13px 14px; font-size: 14px; }
.searchModule .secTtl { margin-bottom: 40px ; font-size: 40px; font-weight: 300; }
.searchModule .searchAreaDispBtn { display: none; padding: 20px; border: 1px solid #000; background: url("/assets/img/mark_arrow_down.svg") no-repeat right 20px center; }
.searchModule table { width: 100%; border: 1px solid #ddd; border-bottom: 0; border-spacing: 0;}
.searchModule table th, 
.searchModule table td { padding: 30px; border-bottom: 1px solid #ddd; vertical-align: center; }
.searchModule table th { white-space: nowrap; width: 10%;}
.searchModule table td { width: 90%; padding-left: 0; }
.searchModule table td div { padding-left: 30px; border-left: 1px solid #000;}

.btnForm input{display: none;}
.btnForm label.iconDisp{ display: inline-block; padding: 5px 20px 5px 25px; margin-top: 4px; margin-bottom: 4px; background: url("/assets/img/checkBox.svg") no-repeat left 4px ; line-height: 1.2; cursor: pointer; }
.btnForm input:checked+label { background-image:url("/assets/img/checkBox_on.svg"); }

@media (max-width: 767px) {
    .searchModule { padding-bottom: 60px; }
    .searchModule .secTtl{ font-size: 26px;}
    .searchModule .searchAreaDispBtn { display: block;}

    .searchModule .btnSet { display: none; transition: all .3s;}
    .searchModule .btnSet.open { display: block;}
    .searchModule table th, 
    .searchModule table td { display: block; padding: 20px; text-align: left;}
    .searchModule table th { width: inherit; padding-bottom: 0; border-bottom: 0;}
    .searchModule table td { width: inherit; padding-left: 0; }
    .searchModule table th br{ display: none;}
    .searchModule table td div { border-left: 0;}
}

/* companyList */
.companyList { padding-bottom: 60px; }
.companyList .companyItem { display: flex; justify-content: space-between; flex-direction: row-reverse;}
.companyList .companyItem .img { flex-shrink: 0; width: 400px; max-width: 40%; margin-right: 30px;}
.companyList .companyItem .txt { flex-grow: 2; flex-shrink: 1; }
.companyList .companyItem .txt h3{ font-size: 24px; }
@media (max-width: 767px) {
    .companyList .companyItem .txt h3{ font-size: 16px; }
    .companyList .companyItem .txt .columnSubTtl{ font-size: 14px; }
    .companyList .companyItem .img { max-width: 35%; margin-right: 20px;}


}
/*  contact page
-------------------------------- */
.contactMsg { padding-top: 30px ;padding-bottom: 30px ; font-size: 18px;}
.contactMsg .ttl{font-size: 28px;}

.contactForm{ margin-bottom: 60px; padding-top: 60px; padding-bottom: 60px; background-color: #F0F0F0;}
.contactForm table{ width: 100%; }
.contactForm th,
.contactForm td{ text-align: left; vertical-align: top; padding: 10px 20px; font-weight: 500;}
.contactForm th { white-space: nowrap;}
.contactForm th span{ display: inline-block; width: 3em; color: #EA1515; }

.contactForm input[ type='text' ],
.contactForm input[ type='email' ],
.contactForm textarea{ width: 100%; max-width: 90%; padding: 10px; border: 1px solid #DDD; }
.contactForm input[ type='checkbox' ]{ display: inline-block; border: 1px solid #000; width:20px; height: 20px; }
.contactForm input[ type='submit' ]{ display: block; margin-top: 40px ; padding: 20px 120px; background: url("/assets/img/mark_arrow_RT_bk.svg") no-repeat left 90px center #2AFD2F; border: 0; cursor: pointer;}
.contactForm input[ type='submit' ]:hover{ opacity: 0.7; }

.wpcf7#wpcf7-f194-p195-o1 form .wpcf7-response-output { margin-top: -150px; margin-bottom: 150px; }

@media (max-width: 767px) {
    .contactForm th,
    .contactForm td{ display: block;}
    .contactForm th { padding-bottom: 0; }
    .contactForm th p{ margin-bottom: 0; }
    .contactForm th span{ width: inherit;}
}

/*  四方よし（　プレページ　）winwin
-------------------------------- */
.winWinSection{}
.winWinSection.struct1050{ max-width: 1050px; }
.winWinSection .pageTtl{ font-size: 38px;}

.winWinSection h3{ font-size: 28px; font-weight: 700; }
.winWinSection .lead{ max-width: 800px; margin: 80px auto 120px; font-size: 22px; }
.winWinSection .caption  { font-size: 13px; color: #999;}

.winWinSection .btn {margin-bottom: 5px;}
.winWinSection .btn a {display: flex;align-items: center;width: 400px;max-width: 100%;min-height: 64px;box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 20px 70px 20px 35px;background: url(/assets/img/bg_btn01.png) no-repeat right center #2AFD2F;background-size: 292px 64px;color: #000000;text-decoration: none;}

.winWinDeclaration{ margin-bottom: 120px;}
.winWinAwards{margin-bottom: 120px;}
.winWinIntroduction{margin-bottom: 120px;}
.winWinIntroduction h3{ text-align: center;}
.winWinIntroduction .comming{ padding: 30px 0; text-align: center; font-size: 24px; font-weight: 700; color: #999;}

@media (max-width: 767px) {
    .winWinSection .pageTtl{ padding-top: 30px; padding-left: 0; background-position: left top; background-size: 30px; font-size: 28px;}
    .winWinSection .lead {margin :40px auto 60px; }
    .winWinDeclaration{ margin-bottom: 60px;}
    .winWinAwards{margin-bottom: 60px;}
    .winWinIntroduction{margin-bottom: 60px;}
    .winWinIntroduction h3{ text-align: left;}
}

/* for HOME */
section.secHomeAbout .secBody .winwinInfo{ margin: 40px 0 0; padding: 10px 0 0; border-top: 1px solid #999; font-size: 16px;}
section.secHomeAbout .secBody .winwinInfo .winwinTtl{ margin: 0;  font-size: 18px; font-weight: 700;}
section.secHomeAbout .secBody .btn a {display: flex;align-items: center;width: 400px;max-width: 100%;height: 64px;box-sizing: border-box;padding: 3px 70px 3px 35px;background: url(/assets/img/bg_btn01.png) no-repeat right center #2AFD2F;background-size: 292px 64px;color: #000000;text-decoration: none;}


/*  仙台「四方よし」とは　shihouyoshi
-------------------------------- */
/* inPageNav */
.inPageNav a{ display: inline-block ; margin:0 15px 10px 0; padding: 5px 50px 5px 15px; background: url("/assets/img/mark_arrow_down02.svg") no-repeat right 12px center #F0F0F0; border-radius: 100px; font-size: 14px; line-height: 1.2; font-weight: 700; color: #000; text-decoration: none;}

/*  Youtubeのiframeをレスポンシブ化 */
.shihouSection .youtubeBase { background-color: #F0F0F0; padding: 30px;}
.shihouSection .youtubeWrap { max-width: 832px; margin: 0 auto;}
.shihouSection .youtubeResponsive { position: relative; width: 100%; padding-top: 56.25%;/* 16:9 */ margin-bottom: 8px;}
.shihouSection .youtubeResponsive iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
@media (max-width: 767px) {
    .shihouSection .youtubeBase { padding: 0;}
}

/* shihouSection settings */
.shihouSection .secTtl{}
.shihouSection .secTtl .dot{margin-bottom: 30px; padding-left: 25px; background: url("/assets/img/mark_dot02.svg") no-repeat left center; font-size: 14px;}
.shihouSection .secTtl h3{margin-bottom: 30px; font-size: 40px; font-weight: 300;}
.shihouSection .lead { font-size: 18px;}
@media (max-width: 767px) {
    .shihouSection .secTtl .dot{margin-bottom: 15px; }
    .shihouSection .secTtl h3{margin-bottom: 0; font-size: 25px; }
}
/* entryHeaderArea */
.shihouSection.entryHeaderArea { padding-bottom: 40px;}
.shihouSection.entryHeaderArea h2.staticPageTtl{ border-bottom: 0;}
@media (max-width: 767px) {
    .shihouSection.entryHeaderArea { padding-bottom: 20px;}
}

/* shihouAbout */
section.shihouAbout{ padding-top: 40px; padding-bottom: 100px; font-size: 18px; background: url("/assets/img/about_backimg.svg") center bottom no-repeat;
    background: url("/assets/img/about_backimg.svg"),linear-gradient(0deg, rgb(230, 230, 230), rgb(255, 255, 255)) ;
    background-repeat: repeat-y; background-position: center bottom; }
.shihouAbout .lead{ margin-top: 60px; margin-bottom: 80px;}
.shihouAbout .fourYoshi{ margin-bottom: 50px;}
.shihouAbout .imgTtl{ margin-bottom: 40px; font-size: 28px; font-weight: 400;}

/* for floatBox*/
.shihouAbout .floatBox .imgLeft{ width: 45%; margin-right: 10%;}
.shihouAbout .floatBox .txtStop .itemBox{ margin-bottom: 50px; padding-left: 16px; border-left: 2px solid #2AFD2F; }
.shihouAbout .floatBox .txtStop .itemBox h4{ margin-bottom: 8px; font-size: 16px; font-weight: 700;}

/* for col2Flex*/
.shihouAbout .col2Flex { flex-wrap: wrap; }
.shihouAbout .col2Flex .boxItem{ margin-bottom: 50px; padding-left: 16px; border-left: 2px solid #2AFD2F; }
.shihouAbout .col2Flex .boxItem h4{ margin-bottom: 8px; font-size: 16px; font-weight: 700;}
.shihouAbout .col2Flex .boxItem p{ margin-bottom: 0; }

@media (max-width: 767px) {
    section.shihouAbout{ padding-top: 20px; padding-bottom: 50px; }
    .shihouAbout .floatBox .imgLeft{ width: inherit; margin-right: inherit;}
    .shihouAbout .lead{ margin-top: 30px; margin-bottom: 40px;}
}


/* shihouSignup */
.shihouSignup{ padding-top: 100px; padding-bottom: 60px; }
.shihouSignup .lead{ margin: 40px auto 60px; }
@media (max-width: 767px) {
    .shihouSignup{ padding-top: 50px; padding-bottom: 30px; }
    .shihouSignup .lead{ margin: 20px auto 30px; }
}
/* shihouInitiative */
section.shihouInitiative{ padding-top: 60px; padding-bottom: 60px;}
.shihouInitiative .lead{ margin: 60px auto 40px;}
.shihouInitiative .btn{ text-align: center;}
@media (max-width: 767px) {
    section.shihouInitiative{ padding-top: 30px; padding-bottom: 30px;}
    .shihouInitiative .lead{ margin: 30px auto 20px;}
}
/* shihouAward */
section.shihouAward{ padding-top: 60px; padding-bottom: 60px;}
.shihouAward .lead{ margin: 40px auto 60px; }
@media (max-width: 767px) {
    section.shihouAward{ padding-top: 30px; padding-bottom: 30px;}
    .shihouAward .lead{ margin: 20px auto 30px; }
}
/* shihouWinner */
section.shihouWinner{ padding-top: 60px; padding-bottom: 60px;}
.shihouWinner .secBody{ margin-top: 60px;}
.shihouWinner h4{ font-size: 28px;}
.shihouWinner .winnerList{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd; }
.shihouWinner .winnerList a:hover{ background: none; }
.shihouWinner .winnerList .imgLeft{ width: 200px; }
.shihouWinner .winnerList .txtStop{ display: flex; flex-wrap: wrap; }
.shihouWinner .winnerList .txtStop .flexItem{ width: 32%; margin-right: 2%; margin-bottom: 15px; text-align: center; font-size: 14px; line-height: 1.4;}
    .shihouWinner .winnerList .txtStop .flexItem:nth-child(3n){ margin-right: 0; }
.shihouWinner .winnerList .txtStop .flexItem p{ margin-bottom: 5px;}
@media (max-width: 1180px) {
    .shihouWinner .winnerList .txtStop .flexItem{ width: 49%; margin-right: 2%; }
        .shihouWinner .winnerList .txtStop .flexItem:nth-child(3n){ margin-right: 2%; }
        .shihouWinner .winnerList .txtStop .flexItem:nth-child(2n){ margin-right: 0; }
}
@media (max-width: 767px) {
    section.shihouWinner{ padding-top: 30px; padding-bottom: 30px;}
    .shihouWinner .secBody{ margin-top: 30px;}
    .shihouWinner h4{ font-size: 18px;}
}
/* shihouDesign */
section.shihouDesign{ padding-top: 60px; padding-bottom: 60px; }
.shihouDesign .secBody{ margin-top: 60px;}
.shihouDesign .secBody .imgLeft{ width: 46%; padding: 0 2% 30px; text-align: center;}
@media (max-width: 767px) {
    section.shihouDesign{ padding-top: 30px; padding-bottom: 30px; }
}


/*  宣言企業の募集について　shihouboshu
-------------------------------- */
/* boshuSection settings */
.boshuSection .secTtl{}
.boshuSection { padding-top: 40px; padding-bottom: 40px;}
.boshuSection .secTtl .dot{margin-bottom: 30px; padding-left: 25px; background: url("/assets/img/mark_dot02.svg") no-repeat left center; font-size: 14px;}
.boshuSection .secTtl h3{margin-bottom: 30px; font-size: 40px; font-weight: 300;}
.boshuSection .lead { font-size: 18px;}
@media (max-width: 767px) {
    .boshuSection .secTtl{ margin-bottom: 30px;}
    .boshuSection .secTtl .dot{margin-bottom: 15px; }
    .boshuSection .secTtl h3{margin-bottom: 0; font-size: 25px; }
}
/* table.boshuTbl */
table.boshuTbl{ width: 100%; border-bottom: 1px solid #000; border-spacing:0;}
table.boshuTbl th,
table.boshuTbl td{ border-top: 1px solid #000;  padding: 12px 32px; vertical-align: top; text-align: left; font-weight: 400;}
table.boshuTbl th{ white-space: nowrap; background-color: #F0F0F0;}
table.boshuTbl td{ }
@media (max-width: 767px) {
    table.boshuTbl{  }
    table.boshuTbl th,
    table.boshuTbl td{ display: block;  padding: 6px; }
    table.boshuTbl th{ white-space: pre-wrap; border-top: 1px solid #000;}
    table.boshuTbl td{ padding-bottom: 24px; border-top: 0; }
}



/* entryHeaderArea */
.boshuSection.entryHeaderArea { padding-bottom: 0;}
@media (max-width: 767px) {
    .boshuSection.entryHeaderArea { padding-bottom: 20px;}
}

/* boshuLnav */
.boshuLnav .col2Flex .boxItem{ width: 50%; box-sizing: border-box; margin: 0; padding: 0 5%; border-left: 1px solid #000;}
    .boshuLnav .col2Flex .boxItem:first-child{ border: 0;}
.boshuLnav .col2Flex .boxItem .inPageNav{margin-bottom: 0;}

@media (max-width: 767px) {
    .boshuSection.boshuLnav{ padding-top:0; padding-bottom: 0;}
    .boshuLnav .col2Flex { flex-wrap: wrap; }
    .boshuLnav .col2Flex .boxItem{ width: 100%; margin: 0 8%; padding: 30px 0; border-left: 0; border-top: 1px solid #000; text-align: left;}
    .boshuLnav .col2Flex .boxItem:nth-child(2n) { margin-right: 8%;}
}
/* boshuCompany */

/*
.boshuSection.boshuCompany { padding-top: 120px; }
@media (max-width: 767px) {
    .boshuSection.boshuCompany { padding-top: 60px; }
}
*/

/* boshuAdvantage */
.boshuAdvantage {}
.boshuAdvantage .item { align-items: center; margin-bottom: 45px; border: 1px solid #DDDDDD; border-left: 2px solid #2AFD2F;}
.boshuAdvantage .item .img{ width: 50%; box-sizing: border-box; margin-right: 0; padding: 30px; vertical-align: middle; text-align: center;}
    .boshuAdvantage .item .boxItem:first-child{ padding: 30px; }
.boshuAdvantage .item .img img{ vertical-align: middle;}
.boshuAdvantage .item .txt{ padding: 30px 30px 30px 0; font-size: 18px; }
.boshuAdvantage .item .txt .catch{ display: inline-block; position: relative; padding: 10px 30px ; margin-top: 6px; line-height: 1.4;}
    .boshuAdvantage .item .txt .catch::before,
    .boshuAdvantage .item .txt .catch::after{ display: inline-block; position: absolute; content: ""; width: 6px ;height: 32px;  border: 1px solid #000;transform: translateY(-50%) translateX(-50%); }
    .boshuAdvantage .item .txt .catch::before{ border-right: 0; margin-right: 20px; left: 0; top: 50%;}
    .boshuAdvantage .item .txt .catch::after{ border-left: 0; margin-left: 20px; right: 0; top: 50%;}
.boshuAdvantage .item .txt h4{ font-size: 28px;}
.boshuAdvantage .item .txt .design{ margin-top: 60px; font-size: 16px;}
/* boshuAdvantage -- 表彰 */
.boshuAdvantage .img .caption{display: block; margin-top: 10px; font-weight: 700;}

@media (max-width: 767px) {
    .boshuAdvantage .item.col2Flex { flex-wrap: wrap;}
    .boshuAdvantage .item .boxItem.img{ width: 100%; margin-bottom: 0; padding-bottom: 0; }
    .boshuAdvantage .item .txt{ padding: 30px; text-align: left; font-size: 16px; }
    .boshuAdvantage .item .txt .catch{ display: inline-block; position: relative; padding: 10px 20px ; margin-top: 6px; line-height: 1.4;}
        .boshuAdvantage .item .txt .catch::before,
        .boshuAdvantage .item .txt .catch::after{ width: 6px; height: 25px; }
        .boshuAdvantage .item .txt .catch::before{ border-right: 0; margin-right: 20px; left: 0; top: 50%;}
        .boshuAdvantage .item .txt .catch::after { border-left: 0; margin-left: 20px; right: 0; top: 50%;}
    .boshuAdvantage .item .txt h4{ font-size: 20px;}
}

/* boshuFlow */
.boshuFlow{}
.boshuFlow .col2Flex .boxItem{ width: 50%; box-sizing: border-box;}
.boshuFlow .col2Flex .boxItem.secBody{ text-align: center;}
.boshuFlow .secBody{ }
@media (max-width: 767px) {
    .boshuFlow .col2Flex { flex-wrap: wrap;}
    .boshuFlow .col2Flex .boxItem{ width: 100%; }
    .boshuFlow .col2Flex .secTtl.boxItem{ padding-bottom: 30px; text-align: left;}
}

/* boshuApplication */
.boshuApplication {}


/*  supportList page
-------------------------------- */
.supportSection.entryHeaderArea{ }
.supportSection.entryHeaderArea .staticPageTtl{ position: relative;}
.supportSection.entryHeaderArea .addTxt{ position: absolute; bottom: 20px; right: 0px; font-size: 16px; font-weight: 400;}

.supportList .listArea { margin-bottom: 60px; }
.supportList .listArea .item{ margin-bottom: 15px; padding: 22px 22px 0 ; border: 1px solid #dedede; }
.supportList .listArea .item .itemHeader{ background: url("/assets/img/btn_accordion_open.svg") no-repeat top right; cursor: pointer;}
    .supportList .listArea .item .itemHeader:hover{ opacity: 0.7;}
    .supportList .listArea .item.open .itemHeader{ background-image: url("/assets/img/btn_accordion_current.svg");}
.supportList .listArea .item .ttl{ margin: 0 0 5px ; padding-right: 50px; font-size: 24px; font-weight: bold; line-height: 1.4; }

.supportList .listArea .item .tags{ margin-bottom: 5px;}
.supportList .listArea .item .tags span{ display: inline-block; margin-right: 0px; font-size:11px; line-height:1.2; font-weight: 500;}

    .supportList .listArea .item .tags span.period{  padding: 5px 15px; background-color: #2AFD2F; font-size: 10px; color: #000; }
    .supportList .listArea .item .tags span.period.off{ background-color: #CCC; }
    .supportList .listArea .item .tags span.attempt{  padding: 5px 5px; text-decoration: underline; text-decoration-color: #2AFD2F; text-decoration-thickness: 2px;  }


.supportList .listArea .item .entryStatus{ padding-left: 24px; background: url("/assets/img/mark_clock.svg") no-repeat left center; font-size: 14px; line-height: 1.4; font-weight: 700;}

.supportList .listArea .item .itemBody{ padding-top: 15px; overflow: hidden; border-top:4px solid #000;}
.supportList .listArea .item .itemBody .outline{}
.supportList .listArea .item .itemBody table{ width: 100%; margin-bottom: 22px; border-top: 1px solid #000;border-spacing:0; }
.supportList .listArea .item .itemBody table th,
.supportList .listArea .item .itemBody table td{ padding: 10px; text-align: left;border-bottom: 1px solid #000; vertical-align: top; }
.supportList .listArea .item .itemBody table th{ width: 20%; background-color:#F0F0F0 ; white-space: nowrap; }

@media (max-width: 767px) {
    .supportList .listArea .item .ttl{ font-size: 24px;}
    .supportSection.entryHeaderArea .addTxt{ position: relative; bottom: inherit; right: inherit; margin-top: 10px; font-size: 15px;}
    .supportList .listArea .item .itemBody .linkBtn25 a{ min-width: 160px; }
}


/* ============================================
     utility
   ============================================ */

/*  btnArea  */
.btnArea { text-align: center;}
.btnArea a ,
.btnArea button { display: inline-block; padding: 10px 50px;  border: 0; border-radius: 100px; background-color:#000;  color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; cursor: pointer; }
.btnArea a:hover ,
.btnArea button:hover { opacity: 0.5;}

/*  boshuDlBtn  */
a.boshuDlBtn{ display: inline-block; padding: 8px 80px 8px 8px; border: 1px solid #000; font-size: 14px; line-height: 1.4; color: #000; text-decoration: none; background-image: url("/assets/img/mark_dl_circle.svg"); background-repeat:  no-repeat; background-position: right 10px center; }

/* 横並びボタン */
.shihouSignupBtnArea{ display: flex; padding: 40px 0; border: 1px solid #000; border-width: 1px 0; }
.shihouSignupBtnArea .item{ width: 50%; box-sizing: border-box; padding: 0 30px; border-left: 1px solid #000; text-align: center; }
    .shihouSignupBtnArea .item:first-child{ border-left: 0; }
    .shihouSignupBtnArea.oneCol .item{ width: 100%; }
.shihouSignupBtnArea h4 span{display: inline-block; padding-left: 30px; background: url("/assets/img/mark_star.svg") no-repeat left center; background-size: 23px; font-size: 18px;}
@media (max-width: 767px) {
    .shihouSignupBtnArea{ display: block; padding: 0 20px; border: 1px solid #ddd; }
    .shihouSignupBtnArea .item{ width: inherit; padding: 30px 0; border-left: 0; border-top: 1px solid #000; }
        .shihouSignupBtnArea .item:first-child{ border: 0; }
}


/*  align
-------------------------------- */
.txtAlignLeft{ text-align:left !important;}
.txtAlignRight{ text-align:right !important;}
.txtAlignCenter{ text-align:center !important;}


/*  WordPress 画像配置用CSS
-------------------------------- */
.alignleft { float:left; margin:0 20px 20px 0;}
.alignright { float:right; margin: 0 0 20px 20px;}
.aligncenter { display:block; text-align:center; margin:20px auto;}
@media only screen and (max-width: 740px) {
    .alignleft ,
    .alignright ,
    .aligncenter { display:block; float:none; text-align:center; margin:20px auto;}
}

/*  flexBox
-------------------------------- */
.col4Flex,
.col3Flex,
.col2Flex{ display: flex; flex-wrap: nowrap;}

.col2Flex .boxItem{ width: 49%; box-sizing: border-box;  margin-right: 2%;}
   .col2Flex .boxItem:nth-child(2n){ margin-right: 0; }
.col3Flex .boxItem{ width: 32%; box-sizing: border-box; margin-right: 2%; }
   .col3Flex .boxItem:nth-child(3n){ margin-right: 0; }
.col4Flex .boxItem{ width: 23.5%; box-sizing: border-box; margin-right: 2%; }
   .col4Flex .boxItem:nth-child(4n){ margin-right: 0; }

@media (max-width: 767px) {
   .col2Flex .boxItem{ width: 100%; margin-right: 0; text-align: center;}
   .col3Flex .boxItem,
   .col4Flex .boxItem{ width: 49%; box-sizing: border-box;  margin-right: 2%; }
      .col3Flex .boxItem:nth-child(3n){ margin-right: 2%; }
      .col4Flex .boxItem:nth-child(4n){ margin-right: 2%; }
      .col3Flex .boxItem:nth-child(2n),
      .col4Flex .boxItem:nth-child(2n){ margin-right: 0; }
}
@media (max-width: 540px) {
   .col2Flex .boxItem{ }
   .col3Flex .boxItem,
   .col4Flex .boxItem{ width: 100%; margin-right: 0; text-align: center;}
      .col3Flex .boxItem:nth-child(3n){ margin-right: 0; }
      .col4Flex .boxItem:nth-child(4n){ margin-right: 0; }
    
}

/*  floatBox
-------------------------------- */
.floatBox:before,
.floatBox:after {    content: " ";    display: table;}
.floatBox:after {    clear: both;}
.floatBox {    *zoom: 1;}

.floatBox .imgLeft{ float:left; margin:0 30px 30px 0;}
.floatBox .imgRight{ float:right; margin:0 0 30px 30px;}
.floatBox .txtFloat{}
.floatBox .txtStop{ overflow:hidden;}

@media (max-width: 767px) {
  .floatBox .imgLeft,
  .floatBox .imgRight{ float:none; margin:0 auto 30px; text-align:center;}
}



/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {    display: none !important;}
.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;
    position: absolute;    width: 1px;    white-space: nowrap; /* 1 */}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;    white-space: inherit;}
.invisible {    visibility: hidden;}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {    clear: both;}


/*  font-size
-------------------------------- */
.font10{ font-size:10px !important;}
.font11{ font-size:11px !important;}
.font12{ font-size:12px !important;}
.font13{ font-size:13px !important;}
.font14{ font-size:14px !important;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font17{ font-size:17px !important;}
.font18{ font-size:18px !important;}
.font19{ font-size:19px !important;}
.font20{ font-size:20px !important;}
.font22{ font-size:22px !important;}
.font24{ font-size:24px !important;}
.font26{ font-size:26px !important;}
.font28{ font-size:28px !important;}
.font30{ font-size:30px !important;}
.font32{ font-size:32px !important;}
.font34{ font-size:34px !important;}
.font36{ font-size:36px !important;}
.font38{ font-size:38px !important;}
.font40{ font-size:40px !important;}

/*  margin
-------------------------------- */
/*top*/
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

/*right*/
.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/*bottom*/
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

/*left*/
.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/* both side */
.ms00{margin-left:0 !important; margin-right:0 !important;}
.ms05{margin-left:5px !important; margin-right:5px !important;}
.ms10{margin-left:10px !important; margin-right:10px !important;}
.ms15{margin-left:15px !important; margin-right:15px !important;}
.ms20{margin-left:20px !important; margin-right:20px !important;}
.ms25{margin-left:25px !important; margin-right:25px !important;}
.ms30{margin-left:30px !important; margin-right:30px !important;}
.ms35{margin-left:35px !important; margin-right:35px !important;}
.ms40{margin-left:40px !important; margin-right:40px !important;}
.ms45{margin-left:45px !important; margin-right:45px !important;}
.ms50{margin-left:50px !important; margin-right:50px !important;}

/*  padding
-------------------------------- */
/*top*/
.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

/*right*/
.pr00{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/*bottom*/
.pb00{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

/*left*/
.pl00{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* both side */
.ps00{padding-left:0 !important; padding-right:0 !important;}
.ps05{padding-left:5px !important; padding-right:5px !important;}
.ps10{padding-left:10px !important; padding-right:10px !important;}
.ps15{padding-left:15px !important; padding-right:15px !important;}
.ps20{padding-left:20px !important; padding-right:20px !important;}
.ps25{padding-left:25px !important; padding-right:25px !important;}
.ps30{padding-left:30px !important; padding-right:30px !important;}
.ps35{padding-left:35px !important; padding-right:35px !important;}
.ps40{padding-left:40px !important; padding-right:40px !important;}
.ps45{padding-left:45px !important; padding-right:45px !important;}
.ps50{padding-left:50px !important; padding-right:50px !important;}



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}