@charset "UTF-8";

/*----------------------------------------------------------*/
/* カスタマイズ用CSS
/*----------------------------------------------------------*/

*{
    margin: 0;
    padding: 0;
}
html{
	box-sizing:border-box;
	line-height:1;
	font-size: 62.5%; /*  50 56.25 62.5 68.75 75*/
    background: #fff;
}
html {
    visibility: hidden;
}
html.wf-active {
    visibility: visible;
}
body {
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-style: normal;
	font-weight: 400;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt" 1;
    overflow-x: hidden;
    counter-reset: count;
    animation: fadeIn 2.5s ease 0s 1 normal;
    letter-spacing: .05em;
    color: #111;
}

#all_wrap { position: relative; }
#all_wrap .content a { color: #000; font-weight: 400; transition: ease 0.2s; }
#all_wrap .content a:hover { color: #000; font-weight: 400; text-decoration: underline; transition: ease 0.2s; }
#all_wrap .single_content img { width: 100%; height: auto; padding: 0; margin: 0 auto; }

#all_wrap .content a.wp-block-button__link {
    display: block;
    width: 50%;
    color: #fff;
    transition: ease 0.2s;
    position: relative;
    padding: 10px 20px;
    margin: 0 auto;
}
#all_wrap .content a.wp-block-button__link:hover { text-decoration: none; opacity: 0.8; transition: ease 0.2s; }
#all_wrap .content a.wp-block-button__link::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0,-50%) rotate(-45deg);
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transition: ease 0.2s;
}
#all_wrap .content a.wp-block-button__link:hover::after {
    right: 18px;
    transition: ease 0.2s;
}

/* スクロールの幅の設定 */
html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* スクロールの背景の設定 */
html::-webkit-scrollbar-track {
  border-radius: 0;
  box-shadow: 0 0 4px #fff inset;
}

/* スクロールのつまみ部分の設定 */
html::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #c8c8c8;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#all_wrap .single_content a { color: #000; font-weight: 400; transition: ease 0.2s; }
#all_wrap .single_content a:hover { color: ##000; font-weight: 400; text-decoration: underline; transition: ease 0.2s; }


/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap { position: relative; overflow: hidden; }
    #all_wrap .content a.wp-block-button__link {
        display: block;
        width: 90%;
        color: #fff;
        transition: ease 0.2s;
        position: relative;
        padding: 10px 50px;
        margin: 0 auto;
    }
}

/*ページトップ*/
#to_top {
    width: 50px;
    height: auto;
    display: block;
    padding: 0;
    margin: 0;
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 999;
}
#to_top > img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

/*reCAPTCHA*/
.grecaptcha-badge {
	z-index: 999;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #to_top {
        width: 30px;
        height: auto;
        display: block;
        padding: 0;
        margin: 0;
        position: fixed;
        bottom: 130px;
        right: 10px;
        z-index: 999;
    }
}

/************************************************************/
/*　アニメーション
/************************************************************/

/* その場でフェードイン */
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.fadeshow {
    animation: fadeIn 2s cubic-bezier(0.42, 0, 1, 1);
    -webkit-animation: fadeIn 2s cubic-bezier(0.42, 0, 1, 1);
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 左からスラインドイン */
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    transition: all 0.5s ease;
}

/* 右からスラインドイン */
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    transition: all 0.5s ease;
}

/* 下からスラインドイン */
@-webkit-keyframes slideInBtm {
    from {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes slideInBtm {
    from {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.slideInBtm {
    -webkit-animation-name: slideInBtm;
    animation-name: slideInBtm;
    transition: all 0.5s ease;
}

/* 中心からズームイン */
@-webkit-keyframes slideInZoom {
    from {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes slideInZoom {
    from {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.slideInZoom {
    -webkit-animation-name: slideInZoom;
    animation-name: slideInZoom;
    transition: all 0.5s ease;
}


/************************************************************/
/*　共通
/************************************************************/

/*本文*/
#all_wrap .content {
    font-size: 15px;
    line-height: 2;
    padding: 0;
    margin: 0 auto 100px;
}
.secBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto 100px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*本文*/
    #all_wrap .content {
        font-size: 15px;
        line-height: 2;
        padding: 0;
        margin: 0 auto 50px;
    }
    .secBox {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto 50px;
    }
    .l-wrapper-full .secBox {
        width: calc(100% - 60px);
        max-width:  calc(100% - 60px);
        padding: 0;
        margin: 0 auto 50px;
    }
}

/*フレックス2列*/
.flexBox {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.flexBox > div {
    width: 48%;
    padding: 0;
    margin: 0 0 20px;
}

/*フレックス3列*/
.flexBox3 {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 80px;
    position: relative;
}
.flexBox3::after {
    content: '';
    display: block;
    width: 23%;
}
.flexBox3 > div {
    width: 31%;
    padding: 0;
    margin: 0 0 20px;
}
.flexBox3 > div > img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

/*フレックス4列*/
.flexBox4 {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 80px;
    position: relative;
}
.flexBox4::before {
    order: 1;
}
.flexBox4::before,
.flexBox4::after {
    content: '';
    display: block;
    width: 23%;
}
.flexBox4 > div {
    width: 23%;
    padding: 0;
    margin: 0 0 20px;
}
.flexBox4 > div > img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
/*フレックス画像*/
.imgFlex {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.imgFlex > figure {
	width: 35%;
	padding: 0;
	margin: 0 50px 0 0;
}
.imgFlex > div {
	width: 65%;
	padding: 0;
	margin: 0;
}
#all_wrap .content .imgFlex > div > p {
	padding: 0;
	margin: 0 auto 10px;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*フレックス2列*/
    .flexBox {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: stretch;
        align-items: stretch;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .flexBox > div {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
    }

    /*フレックス3列*/
    .flexBox3 {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: stretch;
        align-items: stretch;
        flex-wrap: wrap;
        margin-bottom: 20px;
        position: relative;
    }
    .flexBox3::after {
        content: '';
        display: block;
        width: 23%;
    }
    .flexBox3 > div {
        width: 31%;
        padding: 0;
        margin: 0 0 20px;
    }
    .flexBox3 > div > img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

    /*フレックス4列*/
    .flexBox4 {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: stretch;
        align-items: stretch;
        flex-wrap: wrap;
        margin-bottom: 20px;
        position: relative;
    }
    .flexBox4::before {
        order: 1;
    }
    .flexBox4::before,
    .flexBox4::after {
        content: '';
        display: none;
    }
    .flexBox4 > div {
        width: 48%;
        padding: 0;
        margin: 0 0 10px;
    }
    .flexBox4 > div > img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
	
	/*フレックス画像*/
	.imgFlex {
		width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.imgFlex > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.imgFlex > div {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#all_wrap .content .imgFlex > div > p {
		padding: 0;
		margin: 0 auto 10px;
	}
}

/************************************************************/
/*　コンテンツ整形
/************************************************************/
#all_wrap p {
    font-size: 15px;
    line-height: 2;
    font-weight: 400;
    font-feature-settings: "palt" 1;
    font-style: normal;
}
#all_wrap .content p {
    font-size: 15px;
    line-height: 2;
    padding: 0;
    margin: 0 auto 20px;
}
#all_wrap .content p {
    font-size: 15px;
    line-height: 2;
    padding: 0;
    margin: 0 auto 20px;
}
#all_wrap img.alignleft {
    margin-right: 30px;
    margin-bottom: 30px;
}
#all_wrap img.alignright {
    margin-left: 30px;
    margin-bottom: 30px;
}

/*カスタマイズ*/
#all_wrap .content div {
    margin-top: 0;
}
#all_wrap .content .wp-block-columns {
    margin-top: 0;
    align-content: flex-start;
    align-items: flex-start;
}
#all_wrap .content .wp-block-spacer {
    padding: 0;
    margin: 0;
}
#all_wrap .l-wrapper .postContents .content .wp-block-columns h3:first-of-type,
#all_wrap .l-wrapper .pageContents .content .wp-block-columns h3:first-of-type,
#all_wrap .l-wrapper .postContents .content .wp-block-columns h4:first-of-type,
#all_wrap .l-wrapper .pageContents .content .wp-block-columns h4:first-of-type,
#all_wrap .l-wrapper .postContents .content .wp-block-columns h5:first-of-type,
#all_wrap .l-wrapper .pageContents .content .wp-block-columns h5:first-of-type {
    margin-top: 0;
}
#all_wrap .l-wrapper .postContents .content p.toriatsukai,
#all_wrap .l-wrapper .pageContents .content p.toriatsukai {
    display: inline-block;
    background: #33BBED;
    color: #FFF;
    padding: 11px 35px 10px;
    border-radius: 40px;
}

/*投稿ページ　タグ下マージン*/
#all_wrap .l-wrapper .dateList {
    margin-bottom: 5px;
}

/*下マージン*/
#all_wrap .l-wrapper .pageContents .content .mb0,
#all_wrap .l-wrapper .postContents .content .mb0 { margin-bottom: 0px; }
#all_wrap .l-wrapper .pageContents .content .mb5,
#all_wrap .l-wrapper .postContents .content .mb5 { margin-bottom: 5px; }
#all_wrap .l-wrapper .pageContents .content .mb10,
#all_wrap .l-wrapper .postContents .content .mb10 { margin-bottom: 10px; }
#all_wrap .l-wrapper .pageContents .content .mb20,
#all_wrap .l-wrapper .postContents .content .mb20 { margin-bottom: 20px; }
#all_wrap .l-wrapper .pageContents .content .mb30,
#all_wrap .l-wrapper .postContents .content .mb30 { margin-bottom: 30px; }
#all_wrap .l-wrapper .pageContents .content .mb40,
#all_wrap .l-wrapper .postContents .content .mb40 { margin-bottom: 40px; }
#all_wrap .l-wrapper .pageContents .content .mb50,
#all_wrap .l-wrapper .postContents .content .mb50 { margin-bottom: 50px; }
#all_wrap .l-wrapper .pageContents .content .mb60,
#all_wrap .l-wrapper .postContents .content .mb60 { margin-bottom: 60px; }
#all_wrap .l-wrapper .pageContents .content .mb70,
#all_wrap .l-wrapper .postContents .content .mb70 { margin-bottom: 70px; }
#all_wrap .l-wrapper .pageContents .content .mb80,
#all_wrap .l-wrapper .postContents .content .mb80 { margin-bottom: 80px; }
#all_wrap .l-wrapper .pageContents .content .mb90,
#all_wrap .l-wrapper .postContents .content .mb90 { margin-bottom: 90px; }
#all_wrap .l-wrapper .pageContents .content .mb100,
#all_wrap .l-wrapper .postContents .content .mb100 { margin-bottom: 100px; }

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #all_wrap p {
        font-size: 14px;
        line-height: 1.7em;
        font-weight: 400;
        font-feature-settings: "palt" 1;
        font-style: normal;
    }
    #all_wrap .l-wrapper .content p {
        font-size: 14px;
        line-height: 1.7em;
        padding: 0;
        margin-bottom: 10px;
    }
    #all_wrap .l-wrapper-full .content p {
        font-size: 14px;
        line-height: 1.7em;
        padding: 0;
        margin-bottom: 10px;
    }
    #all_wrap .l-wrapper .postContents .content p.toriatsukai,
    #all_wrap .l-wrapper .pageContents .content p.toriatsukai {
        display: inline-block;
        background: #33BBED;
        color: #FFF;
        padding: 11px 35px 10px;
        border-radius: 40px;
        text-align: center;
    }
    /*下マージン*/
    #all_wrap .l-wrapper .pageContents .content .mb0,
    #all_wrap .l-wrapper .postContents .content .mb0 { margin-bottom: 0px; }
    #all_wrap .l-wrapper .pageContents .content .mb5,
    #all_wrap .l-wrapper .postContents .content .mb5 { margin-bottom: 2px; }
    #all_wrap .l-wrapper .pageContents .content .mb10,
    #all_wrap .l-wrapper .postContents .content .mb10 { margin-bottom: 5px; }
    #all_wrap .l-wrapper .pageContents .content .mb20,
    #all_wrap .l-wrapper .postContents .content .mb20 { margin-bottom: 10px; }
    #all_wrap .l-wrapper .pageContents .content .mb30,
    #all_wrap .l-wrapper .postContents .content .mb30 { margin-bottom: 15px; }
    #all_wrap .l-wrapper .pageContents .content .mb40,
    #all_wrap .l-wrapper .postContents .content .mb40 { margin-bottom: 20px; }
    #all_wrap .l-wrapper .pageContents .content .mb50,
    #all_wrap .l-wrapper .postContents .content .mb50 { margin-bottom: 25px; }
    #all_wrap .l-wrapper .pageContents .content .mb60,
    #all_wrap .l-wrapper .postContents .content .mb60 { margin-bottom: 30px; }
    #all_wrap .l-wrapper .pageContents .content .mb70,
    #all_wrap .l-wrapper .postContents .content .mb70 { margin-bottom: 35px; }
    #all_wrap .l-wrapper .pageContents .content .mb80,
    #all_wrap .l-wrapper .postContents .content .mb80 { margin-bottom: 40px; }
    #all_wrap .l-wrapper .pageContents .content .mb90,
    #all_wrap .l-wrapper .postContents .content .mb90 { margin-bottom: 45px; }
    #all_wrap .l-wrapper .pageContents .content .mb100,
    #all_wrap .l-wrapper .postContents .content .mb100 { margin-bottom: 50px; }

}

/*ウィジェットパディング*/
#all_wrap .widget-main {
    padding: 0;
    margin: 0;
}

/*== スマホ・PC 非表示 ==*/
.pc_none { display: none; }
.sp_none { display: block; }
@media only screen and (max-width: 768px){
    .pc_none { display: block; }
    .sp_none { display: none; }
}

/*== フレックス ==*/
.flex {
    width: 100%;
    padding: 0;
    margin: 0 auto 20px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}
.flex > div {
    width: 48%;
    padding: 0;
    margin: 0;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    .flex {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .flex > div {
        width: 100%;
        padding: 0;
        margin: 0 auto 10px;
    }
}

/*日付*/
.Date {
    display: block;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    color: #555;
    padding: 0;
    margin: 0 auto 20px;
}


/************************************************************/
/*　JS
/************************************************************/

/*lightbox*/
.nivo-lightbox-effect-fade {
    visibility: hidden;
    opacity: 0;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
    visibility: visible;
    opacity: 1;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
    opacity: 1;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
    background-size: 20px 20px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
    width: 20px;
    height: 20px;
}


/************************************************************/
/*　構成
/************************************************************/
.l-main {
	width: calc(80% - 50px);
	margin-bottom: 0;
    z-index: 1;
}
#all_wrap .l-wrapper {
    width: 100%;
    max-width: 1200px;
    padding: 50px 50px;
    margin: 0 auto;
	background: #fff;
}
.l-wrapper-full {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
	background: #fff;
}
.l-wrapper-cat {
	position: relative;
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	background: #fff;
}

#all_wrap .l-wrapper .l-main {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
#all_wrap .l-wrapper-full .l-main {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
#all_wrap .l-wrapper-cat .l-main {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.page {
    width: 100%;
}
.dividerBottom {
    margin-bottom: 0;
}
.pageContents .content,
.archiveContents .content {
    padding: 0;
    margin: 0 auto;
}
#all_wrap .l-wrapper-full .pageContents .content, #all_wrap .l-wrapper-full .archiveContents .content {
    margin: 0;
    padding: 0;
}
#all_wrap .l-wrapper-full .sitemap_content {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto 100px;
}
 
.l-sidebar {
    width: 30%;
    min-width: 250px;
    padding: 0;
    margin: 0 0 100px;
    margin-left: 50px;
    z-index: 5;
    position: sticky;
    top: 50px;
    left: 0;
}
.l-main-wide    {width: calc(80% - 50px); margin-right:0;}
.l-main-wide1000{width:1000px;margin: auto;}
.l-main-wide900 {width:900px; margin: auto;}
.l-main-wide800 {width:800px; margin: auto;}
.l-main-wide700 {width:700px; margin: auto;}
.l-main-right   {order: 2;}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #all_wrap .l-wrapper .l-main {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    #all_wrap.main_page .l-wrapper {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    #all_wrap.sub_page .l-wrapper {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    .l-wrapper-full .l-main {
        width: 100%;
        padding: 30px;
        margin: 0 auto;
    }
    
    #all_wrap .l-wrapper .l-main {
        width: 100%;
        padding: 30px;
        margin: 0 auto;
    }
    #all_wrap .l-wrapper-full .l-main {
        width: 100%;
        padding: 30px 0 0;
        margin: 0 auto;
    }
	#all_wrap .l-wrapper-full.single .l-main {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#all_wrap #page-area.l-wrapper-full .l-main {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}

    .l-wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .l-wrapper-full {
        position:relative;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background: #fff;
    }
	.l-wrapper-cat {
		position: relative;
		width: 100%;
		padding: 30px 0;
		margin: 0 auto;
		background: #fff;
	}
    
    .top_wrapper {
        width: 100%;
        overflow: hidden;
    }
    
    .l-sidebar {
        display: none;
    }
    
    .page {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .content {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .postContents {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .pageContents .content,
    .archiveContents .content {
        padding: 0;
        margin: 0 auto;
    }
    
    /*グーグルマップ表示*/
    .l-wrapper iframe {
        width: 100%;
    }
    
    /*検索結果なし*/
    .archive__item-none {
        width: 90%;
        padding: 0;
        margin: 0 auto;
        border: none;
    }
}

.widgetSearch__contents .widgetSearch__select {
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    padding: 10px 10px;
    line-height: 1em;
}
.searchbox {
    width: 100%;
    position: relative;
    display: inline-block;
}
.searchbox::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}

#all_wrap .pager {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
}

/************************************************************/
/*　見出し　＆　パンくず
/************************************************************/

h1,h2,h3,h4,h5,h6,b,strong {
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt" 1;
    font-size: 1em;
}

/*ページタイトル*/
#page_title {
    width: 100%;
    padding: 120px 0 0;
    margin: 0;
    position: relative;
    z-index: 0;
}
.page_title_box {
    width: 100%;
	max-width: 1200px;
    padding: 20px;
    margin: 0 auto 50px;
	position: relative;
	z-index: 10;
}
.page_title_box > strong {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 auto 10px;
    font-size: 70px;
    line-height: 1;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
    text-transform: uppercase;
}
#all_wrap h1.page-title {
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    color: #fff;
}
#all_wrap .page_title_box > span.obj {
	display: block;
	width: 50px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 5px;
	left: 0;
	z-index: -1;
	opacity: 1;
}
#all_wrap .page_title_box > span.obj::before {
	content: '';
	display: block;
	width: 50px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 0;
}
#all_wrap .page_title_box > span.obj::after {
	content: '';
	display: block;
	width: 50px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
}
#page_title > figure {
	width: 100%;
	height: 500px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
}
#page_title > figure::before {
	content: "";
	position: absolute;
	top: 0;
	right: auto;
	display: block;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	-webkit-animation-duration: 0.65s;
	animation-duration: 0.65s;
	-webkit-animation-timing-function: cubic-bezier(0.64,0.005,0.1,1.005);
	animation-timing-function: cubic-bezier(0.64,0.005,0.1,1.005);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
#page_title > figure img {
	width: auto;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: -1;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*ページタイトル*/
	#page_title {
		width: 100%;
		padding: 30px 0 0;
		margin: 0;
		position: relative;
		z-index: 0;
	}
	.page_title_box {
		width: calc(100% - 40px);
		max-width: 100%;
		padding: 0 10px;
		margin: 0 auto 20px;
		position: relative;
		z-index: 10;
	}
	.page_title_box > strong {
		display: block;
		width: 100%;
		text-align: left;
		padding: 0;
		margin: 0 auto 5px;
		font-size: 25px;
		line-height: 1;
		font-family: 'Barlow', sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #fff;
		letter-spacing: 0.1em;
		font-feature-settings: "palt";
		text-transform: uppercase;
	}
	#all_wrap h1.page-title {
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 10px;
		font-weight: 600;
		line-height: 1;
		width: 100%;
		text-align: left;
		padding: 0;
		margin: 0 auto;
		color: #fff;
	}
	#all_wrap .page_title_box > span.obj {
		display: block;
		width: 25px;
		height: 5px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: -5px;
		left: 0;
		z-index: -1;
		opacity: 1;
	}
	#all_wrap .page_title_box > span.obj::before {
		content: '';
		display: block;
		width: 25px;
		height: 5px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 10px;
		left: 0;
		z-index: 0;
	}
	#all_wrap .page_title_box > span.obj::after {
		content: '';
		display: block;
		width: 25px;
		height: 5px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 20px;
		left: 0;
		z-index: 0;
	}
	#page_title > figure {
		width: 100%;
		height: 120px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		overflow: hidden;
	}
	#page_title > figure::before {
		content: "";
		position: absolute;
		top: 0;
		right: auto;
		display: block;
		background-color: rgba(0,0,0,0.4);
		width: 100%;
		height: 100%;
		-webkit-animation-duration: 0.65s;
		animation-duration: 0.65s;
		-webkit-animation-timing-function: cubic-bezier(0.64,0.005,0.1,1.005);
		animation-timing-function: cubic-bezier(0.64,0.005,0.1,1.005);
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
	}
	#page_title > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		z-index: -1;
	}
}

/*h2*/
#all_wrap .content h2 {
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4em;
	color: #9D0018;
    font-style: normal;
    text-align: left;
    padding: 0;
    margin: 2em auto 1em;
    position: relative;
}
#all_wrap .content h2::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/3line.gif');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: -1;
	opacity: 0.05;
}
#all_wrap .content h2:first-of-type {
    margin-top: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*h2*/
    #all_wrap .content h2 {
        font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4em;
        font-style: normal;
        letter-spacing: normal;
        text-align: left;
        padding: 0;
        margin: 2em auto 1em;
        position: relative;
    }
	#all_wrap .content h2::before {
		content: '';
		display: block;
		width: 25px;
		height: 25px;
		padding: 0;
		margin: 0;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/3line.gif');
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: -1;
		opacity: 0.05;
	}
    #all_wrap .content h2:first-of-type {
        margin-top: 0;
    }
}

#all_wrap h2.center,
#all_wrap .content h2.center {
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	color: #111;
    font-style: normal;
    text-align: center;
    padding: 0;
    margin: 0 auto 30px;
    position: relative;
}
#all_wrap h2.center::before,
#all_wrap .content h2.center::before,
#all_wrap h2.center::after,
#all_wrap .content h2.center::after {
    display: none;
}
#all_wrap h2.center > em,
#all_wrap .content h2.center > em {
	display: block;
	text-align: center;
	padding: 0;
	margin: 5px auto 0;
	color: #9D0018;
	font-size: 12px;
	line-height: 1em;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-style: normal;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap h2.center,
	#all_wrap .content h2.center {
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4em;
		color: #111;
		font-style: normal;
		text-align: center;
		padding: 0;
		margin: 0 auto 10px;
		position: relative;
	}
	#all_wrap h2.center::before,
	#all_wrap .content h2.center::before,
	#all_wrap h2.center::after,
	#all_wrap .content h2.center::after {
		display: none;
	}
	#all_wrap h2.center > em,
	#all_wrap .content h2.center > em {
		display: block;
		text-align: center;
		padding: 0;
		margin: 5px auto 0;
		color: #9D0018;
		font-size: 12px;
		line-height: 1em;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-style: normal;
	}
}

#all_wrap h2.singleTitle {
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 700;
	line-height: 1.4em;
	color: #9D0018;
    font-style: normal;
    text-align: left;
    padding: 0;
    margin: 0 auto 10px;
    position: relative;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #all_wrap h2.singleTitle {
        font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4em;
        font-style: normal;
        text-align: left;
        padding: 0;
        margin: 0 auto 10px;
        position: relative;
    }
}

/*h3*/
#all_wrap .content h3 {
    display: block;
    padding: 0 0 0 15px;
    margin: 2em auto 1em 0;
    position: relative;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 22px;
    line-height: 1.4em;
    text-align: left;
    position: relative;
}
#all_wrap .content h3::before {
    content: '';
    display: block;
    width: 5px;
    height: 90%;
    padding: 0;
    margin: 0;
    background: #9D0018;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #all_wrap .content h3 {
        display: block;
        padding: 0 0 0 15px;
        margin: 1em auto 0.5em 0;
        position: relative;
        font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-size: 18px;
        line-height: 1.4em;
        text-align: left;
        position: relative;
    }
}

/*h4*/
#all_wrap .content h4 {
    display: block;
    padding: 0;
    margin: 2em auto 1em 0;
    position: relative;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 20px;
    line-height: 1.4em;
    text-align: left;
    position: relative;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*h4*/
    #all_wrap .content h4 {
        display: block;
        padding: 0;
        margin: 1em auto 0.5em 0;
        position: relative;
        font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-size: 16px;
        line-height: 1.4em;
        text-align: left;
        position: relative;
    }
}

/************************************************************/
/*　ページネーション
/************************************************************/
.pager {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}
.pager > li {
    line-height: 1;
    padding: 0;
    margin: 0 5px 0 0;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-feature-settings: "palt";
    color: #111;
    border: 1px solid #111;
}
.pager > li:hover {
    border: 1px solid #000;
    background: none;
}
.pager > li.pager__item-current {
    padding: 5px;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border: 1px solid #000;
    color: #fff;
}
.pager > li.pager__item-next,
.pager > li.pager__item-prev {
    background: none;
    border-radius: 0;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-feature-settings: "palt";
}
.pager > li a {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: "palt";
    transition: ease 0.2s;
    line-height: 1;
    background: none;
}
.pager > li a:hover {
    background: #000;
    color: #fff;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: "palt";
    transition: ease 0.2s;
    line-height: 1;
}

/************************************************************/
/*　パンくず
/************************************************************/
/*パンくず*/
.breadcrumb {
	width: 100%;
    max-width: 1200px;
    padding: 30px 0;
    margin: 0 auto;
    background: none;
    border: none;
    overflow-x: scroll;
    position: relative;
    z-index: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.lp_breadcrumb {
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 5;
}
.lp_breadcrumb .breadcrumb {
	width: 100%;
	max-width: 1100px;
	padding: 30px 0;
	margin: 0 auto;
	background: none;
	border: none;
	overflow-x: scroll;
	position: relative;
	z-index: 0;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.breadcrumb::-webkit-scrollbar { 
    display:none;
}
.breadcrumb > ul {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    font-size: 12px;
    color: #fff;
}
.breadcrumb a {
    font-size: 12px;
    line-height: 1;
    padding: 0;
    margin: 0;
    text-decoration: none;
    transition: ease 0.2s;
    color: #fff;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-feature-settings: "palt";
}
.breadcrumb a:hover {
    text-decoration: none;
    transition: ease 0.2s;
    color: #fff;
    opacity: 0.8;
}
.breadcrumb__list {
    padding: 0;
}
.breadcrumb__item {
    position: relative;
    display: table-cell;
    white-space: nowrap;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
}
.breadcrumb__item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*パンくず*/
    .breadcrumb {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        background: none;
        border: none;
        font-size: 10px;
        line-height: 1.2em;
        overflow: hidden;
        overflow-x: scroll;
        overflow-y: hidden;
        position: relative;
        z-index: 0;
        background: none;
    }
	.lp_breadcrumb {
		width: 100%;
		position: absolute;
		top: 65px;
		left: 0;
		z-index: 5;
	}
	.lp_breadcrumb .breadcrumb {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		background: none;
		border: none;
		overflow-x: scroll;
		position: relative;
		z-index: 0;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
    .breadcrumb::-webkit-scrollbar {
        display: none;
    }
    .breadcrumb::before {
        display: none;
    }
    .breadcrumb::after {
        display: none;
    }
    .breadcrumb > ul {
        width: 100%;
        padding: 0 20px 10px;
        margin: 0;
        font-size: 10px;
        color: #fff;
        background: none;
    }
	.lp_breadcrumb .breadcrumb > ul {
		width: calc(100% - 60px);
		padding: 0 10px 10px;
		margin: 0 auto;
		font-size: 10px;
		color: #fff;
		background: none;
	}
    .breadcrumb a {
        font-size: 10px;
        line-height: 1;
        padding: 0;
        margin: 0;
        text-decoration: none;
        transition: ease 0.2s;
        color: #fff;
    }
    .breadcrumb a:hover {
        text-decoration: none;
        transition: ease 0.2s;
        color: #fff;
        opacity: 0.8;
    }
    .breadcrumb__list {
        padding: 0;
        display: block;
    }
    .breadcrumb__item {
        position: relative;
        display: table-cell;
        white-space: nowrap;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 10px;
        line-height: 1;
        color: #fff;
    }
    .breadcrumb__item::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -2px;
        width: 5px;
        height: 5px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}


/************************************************************/
/*　フォントサイズ
/************************************************************/
.content table {
	font-size: 15px;
    color: #fff;
}


/************************************************************/
/*　ヘッダー
/************************************************************/
#header {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #fff;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
/*ロゴ*/
#header > #logo {
	width: 300px;
	padding: 20px 30px;
	margin: 0 auto 0 0;
	border: none;
	background: none;
	position: relative;
}
#header > #logo img {
	width: 100%;
	max-width: 220px;
	min-width: 220px;
	height: auto;
	padding: 0;
	margin: 0;
}
/*H1*/
#all_wrap #header > #logo > h1,
#all_wrap #header > #logo > p {
	font-size: 12px;
	line-height: 1.2;
	padding: 0;
	margin: 0 auto 7px;
	color: #111;
	font-weight: 600;
	white-space: nowrap;
}
/*メニュー*/
#header > nav {
	display: flex;
	display: -webkit-flex;
	align-content: center;
	align-items: center;
	padding: 0;
	margin: 0;
}
#header > nav ul#header-menu {
	width: auto;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#header > nav ul#header-menu::after {
	content: '';
	display: block;
	width: 1px;
	height: 80%;
	padding: 0;
	margin: 0;
	background: #DDDDDD;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
#header > nav ul#header-menu > li {
	padding: 0 25px;
	margin: 0;
	margin-right: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: relative;
}
#header > nav ul#header-menu > li::before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: #DDDDDD;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
#header > nav ul#header-menu > li::after {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: #DDDDDD;
	border-radius: 50%;
	position: absolute;
	top: calc(50% + 5px);
	right: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
#header > nav ul#header-menu > li:last-child::before,
#header > nav ul#header-menu > li:last-child::after {
	display: none;
}
#header > nav ul#header-menu > li a {
	font-size: 15px;
	line-height: 1;
	font-weight: 600;
	white-space: nowrap;
}
#header > nav ul#header-menu > li a::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scale(0,1);
	transform-origin: center;
	transition: all 0.3s ease;
}
#header > nav ul#header-menu > li a:hover::before {
	transform: scale(1,1);
	transform-origin: center;
	transition: all 0.3s ease;
}
#header > nav ul#header-menu > li a > span {
	display: block;
	text-align: center;
	padding: 0;
	margin: 5px auto 0;
	font-family: 'Barlow', sans-serif;
	font-size: 10px;
	line-height: 1;
	color: #9D0018;
	font-weight: 600;
}

/*電話*/
#header > tel {
	width: auto;
	display: block;
	padding: 25px 25px 20px;
	margin: 0;
}
#header > tel > p {
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font-size: 12px;
	line-height: 1;
}
#header > tel > a {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
#header > tel > a img {
	width: auto;
	height: 25px;
	padding: 0;
	margin: 5px 5px 0 0;
}
#header > tel > a span {
	font-family: 'Barlow', sans-serif;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	color: #111;
	white-space: nowrap;
}
/*ボタン*/
#header > .headerBtn {
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: nowrap;
	list-style: none;
}
#header > .headerBtn > li {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	position: relative;
	transition: all 0.3s ease;
}
#header > .headerBtn > li a {
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	white-space: nowrap;
	padding: 10px;
	margin: 0;
	background: #262626;
	transition: all 0.3s ease;
}
#header > .headerBtn > li:last-child a {
	background: #9D0018;
}
#header > .headerBtn > li a:hover {
	opacity: 0.8;
	transition: all 0.3s ease;
}
#header > .headerBtn > li a img {
	width: auto;
	height: 22px;
	padding: 0;
	margin: 0 auto 7px;
}
#header > .headerBtn > li a span {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
}

/*事業所一覧*/
#officeToggle {
	display: none;
	width: 100vw;
	height: 100vh;
	padding: 190px 100px 100px;
	margin: 0;
	background: rgba(255,255,255,0.95);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
#officeToggle > h2 {
	width: calc(100% - 100px);
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	border: none;
	background: none;
	font-size: 35px;
	line-height: 1;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
#officeToggle > h2 img {
	width: 35px;
	height: auto;
	padding: 0;
	margin: 0 10px 0 0;
}
#officeToggle > h2::before {
	content: '';
	display: block;
	width: 300px;
	height: 115px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: -50px;
	z-index: -1;
	background-image: url(https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_office2.png);
	background-position: top left;
	background-size: 100%;
	background-repeat: no-repeat;
	transform: translate(0,-50%) rotate(-14deg);
	-webkit-transform: translate(0,-50%) rotate(-14deg);
	opacity: 0.1;
}

#officeToggle > .closeToggle {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 140px;
	right: 50px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
#officeToggle > .closeToggle::before {
	content: '';
	display: block;
	width: 100px;
	height: 1px;
	padding: 0;
	margin: 0;
	background: #111;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transition: all 0.3s ease;
}
#officeToggle > .closeToggle::after {
	content: '';
	display: block;
	width: 100px;
	height: 1px;
	padding: 0;
	margin: 0;
	background: #111;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transition: all 0.3s ease;
}
#officeToggle > .closeToggle:hover::before,
#officeToggle > .closeToggle:hover::after {
	background: #9D0018;
	transition: all 0.3s ease;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#header {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		background: #fff;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	/*ロゴ*/
	#header > #logo {
		width: 42%;
		padding: 10px 0 10px 20px;
		margin: 0;
		border: none;
		background: none;
		position: relative;
	}
	#header > #logo img {
		width: 100%;
		max-width: auto;
		min-width: auto;
		height: auto;
		padding: 0;
		margin: 0;
	}
	/*H1*/
	#all_wrap #header > #logo > h1,
	#all_wrap #header > #logo > p {
		font-size: 10px;
		line-height: 1.2;
		padding: 0;
		margin: 0 auto 5px;
		color: #111;
		font-weight: 500;
		white-space: nowrap;
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform-origin: left center;
	}
	/*メニュー*/
	#header > nav {
		display: none;
	}

	/*電話*/
	#header > tel {
		width: 40%;
		display: block;
		padding: 10px;
		margin: 0 0 0 5px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: flex-end;
		align-items: flex-end;
		flex-wrap: wrap;
	}
	#header > tel > p {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0 auto 2px;
		font-size: 10px;
		line-height: 1;
	}
	#header > tel > a {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}
	#header > tel > a img {
		width: auto;
		height: 15px;
		padding: 0;
		margin: 3px 5px 0 0;
	}
	#header > tel > a span {
		font-family: 'Barlow', sans-serif;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		color: #111;
		white-space: nowrap;
	}
	
	/*ボタン*/
	#header > .headerBtn {
		display: none;
	}
}

/* ドロワーメニュー */
#headerMenu {
    display: none;
}
.humburger {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.humburger span {
    width: 100%;
    display: inline-block;
    transition: all .3s;/*アニメーションの設定*/
    position: absolute;
    left: 0;
    height: 2px;
	background: #111;
}
.humburger span:nth-of-type(1) {
    top:0;
}
.humburger span:nth-of-type(2) {
	top:9px;
}
.humburger span:nth-of-type(3) {
    top:18px;
}
#navTgl:checked + .open .humburger span:nth-of-type(1) {
    top: 0;
    left: 0;
    transform: translateY(12px) rotate(-45deg);
    width: 100%;
    background: #111;
}
#navTgl:checked + .open .humburger span:nth-of-type(2) {
	opacity: 0;
}
#navTgl:checked + .open .humburger span:nth-of-type(3) {
    top: 20px;
    left: 0;
    transform: translateY(-8px) rotate(45deg);
    width: 100%;
	background: #111;
}
#navTgl {
    display: none;
}
label.open,
label.close {
    cursor: pointer;
}
.open {
	display: none;
    z-index: 10000;
    width: 40px;
    height: 40px;
    color: #111;
    background: none;
    font-size: 3em;
    text-align: center;
    -webkit-transition: background-color .3s, -webkit-transform .4s;
    transition: background-color .3s, transform .4s;
    position: relative;
    position: fixed;
    top: 20px;
    right: 20px;
}
.open.fixed {
    visibility: visible;
    -webkit-transition: background-color .3s, -webkit-transform .4s;
    transition: background-color .3s, transform .4s;
}
#navTgl:checked + .open {
    background: none;
}
.close {
    pointer-events: none;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: background-color .4s;
}
#navTgl:checked ~ .close {
    border: 1px solid #111;
    pointer-events: auto;
    background-color: rgba(0,0,0,.3);
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	.open {
		display: block;
	}
}

/*パネル*/
#menu.menuNav {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    padding: 30px 30px 80px;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
#menu.menuNav::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}
#navTgl:checked ~ #menu.menuNav {
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
}
#menuNavBox {
    width: 100%;
    max-width: 100%;
    padding: 30px 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
}
.menuNavBoxLeft {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.menuNavBoxRight {
    width: 100%;
    padding: 0;
    margin: 0;
}
.menuNavBoxLeft .information > h2 {
	padding: 0;
	margin: 0 auto 20px;
	font-size: 14px;
	line-height: 1;
	color: #111;
	text-align: left;
}
.menuNavBoxLeft .information > strong {
	display: block;
	padding: 0;
	margin: 0 auto 7px;
	font-size: 14px;
	line-height: 1;
	color: #111;
}
#all_wrap .menuNavBoxLeft .information > p {
	padding: 0;
	margin: 0 auto 20px;
	font-size: 12px;
	line-height: 1.4em;
	color: #111;
}

#all_wrap .menuNavBoxLeft .widget {
	margin-bottom: 0;
}

/*電話*/
#all_wrap #menuNavBox tel.telPanel {
	width: auto;
	display: block;
	padding: 0;
	margin: 0 auto 20px;
}
#all_wrap #menuNavBox tel.telPanel > p {
	text-align: center;
	padding: 0;
	margin: 0 auto 3px;
	font-size: 12px;
	line-height: 1;
	color: #111;
}
#all_wrap #menuNavBox tel.telPanel > a {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	color: #9D0018;
}
#all_wrap #menuNavBox tel.telPanel > a img {
	width: auto;
	height: 30px;
	padding: 0;
	margin: 5px 5px 0 0;
}
#all_wrap #menuNavBox tel.telPanel > a span {
	font-family: 'Barlow', sans-serif;
	font-size: 35px;
	font-weight: bold;
	line-height: 1;
	color: #9D0018;
	white-space: nowrap;
}


/*メニュー*/
#menu-panel-menu {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#menu-panel-menu > li {
    width: 100%;
    padding: 0;
    margin: 0;
}
#menu-panel-menu > li > a {
    display: block;
    padding: 15px 10px;
    margin: 0;
    background: none;
    border: none;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    color: #111;
    font-weight: 600;
    position: relative;
    z-index: 0;
    transition: all 0.3s ease;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#menu-panel-menu > li > a::before {
    display: none;
}
#menu-panel-menu > li > a::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    padding: 0;
    margin: 0;
    background: none;
    border-top: 1px solid #111;
    border-right: 1px solid #111;
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: -1;
    transform: translate(0,-50%) rotate(45deg);
    -webkit-transform: translate(0,-50%) rotate(45deg);
    opacity: 1;
    transition: all 0.3s ease;
}
#menu-panel-menu > li > a > span {
    display: block;
    text-align: left;
    padding: 0;
    margin: 3px 0 0;
    font-family: 'Barlow', sans-serif;
    font-size: 10px;
    line-height: 1;
	color: #9D0018;
    transition: all 0.3s ease;
}
#menu-panel-menu > li > a:hover {
    opacity: 0.8;
    transition: all 0.3s ease;
}
#menu-panel-menu > li > a:hover::after {
    opacity: 1;
    right: 8px;
    border-top: 1px solid #111;
    border-right: 1px solid #111;
    transition: all 0.3s ease;
}
#menu-panel-menu > li > a:hover > span {
    opacity: 0.8;
    transition: all 0.3s ease;
}

#menuNavBox .widget-menu h2.heading.heading-widget {
    width: 100%;
    padding: 0;
    margin: 0 auto 10px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.1em;
    letter-spacing: 0.1em;
    color: #fff;
    border: none;
    background: none;
    border-radius: 0;
    text-align: left;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
#menuNavBox .widget-menu h2.heading.heading-widget > strong {
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 10px 0 0;
    margin: 0 auto 5px;
    font-family: 'Barlow', sans-serif;
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
}
#menuNavBox .widget-menu h2.heading.heading-widget > strong::before {
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 20px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
#menuNavBox .widget-menu h2.heading.heading-widget > strong::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 20px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 35px;
}

/*子ページ*/
#menu-panel-menu > li > .sub-menu {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu-panel-menu > li > .sub-menu > li {
	padding: 0;
	margin: 0;
}
#menu-panel-menu > li > .sub-menu > li a {
	display: block;
	padding: 15px 15px 15px 25px;
	margin: 0;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 600;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	position: relative;
}
#menu-panel-menu > li > .sub-menu > li a::before {
	content: '';
	display: block;
	width: 6px;
	height: 1px;
	padding: 0;
	margin: 0;
	background: #111;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}


/************************************************************/
/*　グローバルメニュー
/************************************************************/



/************************************************************/
/*　メインビジュアル
/************************************************************/
#topVisualWrap {
	width: 100%;
	padding: 0 0 70px;
	margin: 0;
	position: relative;
}
#topVisualWrap::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/square_bg02.png');
	background-position: bottom center;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 1;
}
#topVisualWrap::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/texture.gif');
	background-position: bottom left;
	background-size: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.3;
}


/*メインビジュアル*/
#mainVisual {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 0;
}
#mainVisual::before {
	content: '';
	display: block;
	width: 10%;
	height: 80%;
	padding: 0;
	margin: 0;
	background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/square_bg01.png');
	background-position: top center;
	background-size: 220%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.8;
}
#mainVisual::after {
	content: '';
	display: block;
	width: 8%;
	height: 80%;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}
#all_wrap #mainVisual .slider {
    position:relative;
    z-index: 0;
    overflow: hidden;
	width: 92%;
	height: 100%;
	padding: 0;
	margin: 0 0 0 auto;
	visibility: hidden;
	opacity: 0;
	transition: ease 0.2s;
	border-radius: 0 0 0 100px;
	background: #fff;
}
#all_wrap #mainVisual .slider::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #111111;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.2;
	z-index: 1;
}
.slick-list,
.slick-track {
	height: 100%;
}
#all_wrap #mainVisual .slider.slick-initialized {
	visibility: visible;
	opacity: 1;
	transition: ease 0.2s;
}
/*背景画像設定*/
#all_wrap #mainVisual .slider-item {
    width: 100%;
	height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/*ドットナビゲーションの設定*/
#mainVisual .slick-dots {
    position: absolute;
    top: 50%;
    right: 50px;
    z-index: 5;
}
#mainVisual .slick-dots li {
    display: block;
    margin: 0 auto 10px;
}
#mainVisual .slick-dots button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
	border-radius: 50%;
    background: none;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    position: relative;
	transition: all 0.3s ease;
}
#mainVisual .slick-dots button::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border: 1px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 1px);
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transition: all 0.3s ease;
}
#mainVisual .slick-dots .slick-active button::before {
	border: 1px solid #fff;
	transition: all 0.3s ease;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topVisualWrap {
		width: 100%;
		padding: 0 0 30px;
		margin: 0;
		position: relative;
	}
	#topVisualWrap::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/square_bg02_sp.png');
		background-position: bottom center;
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 1;
	}
	#topVisualWrap::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #fafafa;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		opacity: 0.3;
	}
    #all_wrap #mainVisual .slick-track {
        height: 500px;
    }
	/*メインビジュアル*/
	#mainVisual {
		width: 100%;
		height: 500px;
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 0;
	}
	#mainVisual::before {
		content: '';
		display: block;
		width: 30px;
		height: calc(500px - 30px);
		padding: 0;
		margin: 0;
		background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/square_bg01.png');
		background-position: top center;
		background-size: 220%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		opacity: 0.8;
	}
	#mainVisual::after {
		content: '';
		display: block;
		width: 30px;
		height: calc(500px - 30px);
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -2;
	}
	#all_wrap #mainVisual .slider {
		position:relative;
		z-index: 0;
		overflow: hidden;
		width: calc(100% - 30px);
		height: 500px;
		padding: 0;
		margin: 0 0 0 auto;
		visibility: hidden;
		opacity: 0;
		transition: ease 0.2s;
		border-radius: 0 0 0 10px;
		background: #fff;
	}
	#all_wrap #mainVisual .slider::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #111111;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.2;
		z-index: 1;
	}
	.slick-list,
	.slick-track {
		height: 100%;
	}
	#all_wrap #mainVisual .slider.slick-initialized {
		visibility: visible;
		opacity: 1;
		transition: ease 0.2s;
	}
	/*背景画像設定*/
	#all_wrap #mainVisual .slider-item {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

}

/*スクロールダウン*/
.scrolldown {
	font-family: 'Barlow', sans-serif;
    position:absolute;
    top: 50%;
    left: 3%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	z-index: 5;
}
.scrolldown span {
    /*描画位置*/
    width: 10px;
    position: absolute;
    left:10px;
    top:10px;
    /*テキストの形状*/
	font-family: 'Barlow', sans-serif;
    color: #fff;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    /*縦書き設定*/
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
}
.scrolldown::before {
    content: "";
    /*描画位置*/
    position: absolute;
    top:-105px;
    left:13px;
    /*丸の形状*/
    width:1px;
    height:50px;
    background: #fff;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
    animation:
        circlemove 1.6s ease-in-out infinite,
        cirlemovehide 1.6s ease-out infinite;
}
/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
    0%{top:-105px;}
    100%{top:-55px;}
}
/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
    0%{opacity:1}
    50%{opacity:1;}
    80%{opacity:1;}
    100%{opacity:1;}
}
.scrolldown::after{
    content:"";
    /*描画位置*/
    position: absolute;
    top: -105px;
    left: 13px;
    /*線の形状*/
    width:1px;
    height: 100px;
    background: #fff;
    opacity: 0.5;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*スクロールダウン*/
	.scrolldown {
		font-family: 'Barlow', sans-serif;
		position:absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		z-index: 5;
	}
}

.mainVisualInfo {
	width: calc(100% - 200px - 12%);
	max-width: 900px;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: 10;
}
#all_wrap .mvBanner {
	width: 100%;
	padding: 15px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	position: relative;
}
#all_wrap .mvBanner::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: rgba(255,255,255,0.5);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 10px 10px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#all_wrap .mvBanner > li {
	width: 32%;
	padding: 0;
	margin: 0;
	position: relative;
}
#all_wrap .mvBanner > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#all_wrap .mvBanner > li figure {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 0 0 10px 0;
}
#all_wrap .mvBanner > li figure::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
#all_wrap .mvBanner > li figure::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	transition: all 0.3s ease;
}
#all_wrap .mvBanner > li:hover figure::after {
	opacity: 0;
	transition: all 0.3s ease;
}
#all_wrap .mvBanner > li figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
#all_wrap .mvBanner > li .mvBannerTitle {
	width: 100%;
	padding: 20px;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}
#all_wrap .mvBanner > li .mvBannerTitle > em {
	display: block;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	font-style: normal;
	padding: 0;
	margin: 0 auto 5px;
}
#all_wrap .mvBanner > li .mvBannerTitle > h3 {
	font-size: 18px;
	line-height: 600;
	color: #fff;
	line-height: 1;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}
#all_wrap .mvBanner > li .mvBannerTitle::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	bottom: 20px;
	right: 20px;
	transform: translate(0,0) rotate(45deg);
	-webkit-transform: translate(0,0) rotate(45deg);
	z-index: 5;
}

#all_wrap .mainVisualInfo > h2 {
	width: 100%;
	padding: 0;
	margin: 0 auto 40px;
	font-size: 55px;
	font-weight: 600;
	color: #fff;
	line-height: 1.4em;
	border: none;
	background: none;
}
#all_wrap .mainVisualInfo > p {
	padding: 0;
	margin: 0 auto 50px;
	font-size: 15px;
	line-height: 1.7em;
	color: #fff;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	.mainVisualInfo {
		width: calc(100% - 30px);
		max-width: 100%;
		height: 500px;
		padding: 30px 30px 0;
		margin: 0 auto;
		position: absolute;
		bottom: 0;
		left: unset;
		right: 0;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		z-index: 10;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#all_wrap .mvBanner {
		width: 100%;
		padding: 10px;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#all_wrap .mvBanner::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: rgba(255,255,255,0.5);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		border-radius: 0 0 0 10px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	#all_wrap .mvBanner > li {
		width: 31%;
		padding: 0;
		margin: 0;
		position: relative;
	}
	#all_wrap .mvBanner > li > a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}
	#all_wrap .mvBanner > li figure {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		text-align: center;
		overflow: hidden;
		border-radius: 0 0 0 10px;
	}
	#all_wrap .mvBanner > li figure::before {
		content: '';
		display: block;
		padding-top: 56.25%;
	}
	#all_wrap .mvBanner > li figure::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		position: absolute;
		bottom: 0;
		left: 0;
		opacity: 0.5;
		transition: all 0.3s ease;
	}
	#all_wrap .mvBanner > li:hover figure::after {
		opacity: 0;
		transition: all 0.3s ease;
	}
	#all_wrap .mvBanner > li figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	#all_wrap .mvBanner > li .mvBannerTitle {
		width: 100%;
		padding: 5px;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 5;
	}
	#all_wrap .mvBanner > li .mvBannerTitle > em {
		display: none;
	}
	#all_wrap .mvBanner > li .mvBannerTitle > h3 {
		font-size: 12px;
		line-height: 600;
		color: #fff;
		line-height: 1;
		padding: 0;
		margin: 0;
		background: none;
		border: none;
		text-align: right;
	}
	#all_wrap .mvBanner > li .mvBannerTitle::after {
		display: none;
	}

	#all_wrap .mainVisualInfo > h2 {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		font-size: 25px;
		font-weight: 600;
		letter-spacing: 0.1em;
		color: #fff;
		line-height: 1.4em;
		border: none;
		background: none;
	}
	#all_wrap .mainVisualInfo > p {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		font-size: 13px;
		line-height: 1.4em;
		color: #fff;
	}
}

/************************************************************/
/*　サイドバー
/************************************************************/
.l-sidebar > aside {
    padding: 20px;
    margin: 0 auto 30px;
    position: relative;
    background: #fafafa;
    border-radius: 0;
}
#all_wrap .l-sidebar h2.heading.heading-widget,
#all_wrap .l-sidebar .pageContents_side h2 {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0 0 10px;
    margin: 0 auto;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #111;
    font-weight: bold;
    border: none;
    background: none;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#all_wrap .l-sidebar h2.heading.heading-widget > span,
#all_wrap .l-sidebar .pageContents_side h2 > span {
    display: block;
    width: 65px;
    height: 1px;
    background: #111;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
}
#all_wrap .l-sidebar h2.heading.heading-widget > span::before,
#all_wrap .l-sidebar .pageContents_side h2 > span::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    padding: 0;
    margin: 0;
    background: #111;
    border-radius: 50%;
    position: absolute;
    bottom: -1px;
    left: 0;
}
#all_wrap .l-sidebar h2.heading.heading-widget > span::after,
#all_wrap .l-sidebar .pageContents_side h2 > span::after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    padding: 0;
    margin: 0;
    background: #111;
    border-radius: 50%;
    position: absolute;
    bottom: -1px;
    left: 65px;
}


/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    .l-sidebar h2.heading.heading-widget,
    .topContentSid h2.heading-widget {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        font-family: 'Barlow', sans-serif;
        font-size: 30px;
        line-height: 1;
        font-weight: 700;
        background: none;
        color: #111;
        text-align: left;
        padding: 0;
        margin: 0 auto 20px;
    }
    h2.heading-widget > span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #111;
        padding: 0;
        margin: 5px auto 0;
    }
}

.l-sidebar .widget.widget_nav_menu ul.menu,
.l-sidebar .pageContents_side ul {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    border: none;
}
.l-sidebar .widget.widget_nav_menu ul.menu > li,
.l-sidebar .pageContents_side ul > li {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}
.l-sidebar .widget.widget_nav_menu ul.menu > li a,
.l-sidebar .pageContents_side ul > li a {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px 10px 12px 25px;
    margin: 0;
    font-size: 12px;
    line-height: 1.4em;
    color: #111;
    font-weight: 600;
    text-decoration: none;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background: none;
    transition: all 0.3s ease;
    position: relative;
}
.l-sidebar .widget.widget_nav_menu ul.menu > li a::before,
.l-sidebar .widget.widget_nav_menu ul.menu > li a::after,
.l-sidebar .pageContents_side ul > li a::before,
.l-sidebar .pageContents_side ul > li a::after {
    display: none;
}
.l-sidebar .widget.widget_nav_menu ul.menu > li a::before,
.l-sidebar .pageContents_side ul > li a::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: none;
    border-top: 1px solid #111;
    border-right: 1px solid #111;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translate(0,-50%) rotate(45deg);
    -webkit-transform: translate(0,-50%) rotate(45deg);
}
.l-sidebar .widget.widget_nav_menu ul.menu > li a::after,
.l-sidebar .pageContents_side ul > li a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.5);
    border: none;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.l-sidebar .widget.widget_nav_menu ul.menu > li a:hover,
.l-sidebar .pageContents_side ul > li a:hover {
	color: #9D0018;
    background: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0,0,0,0.5);
}
.l-sidebar .widget.widget_nav_menu ul.menu > li a > span {
    display: none;
}

/*子ページ*/
.l-sidebar .widget.widget_nav_menu ul.menu > li > ul > li a {
    display: block;
    padding: 8px 10px 8px 35px;
    margin: 0;
    font-size: 12px;
    line-height: 1.4em;
    color: #111;
    font-weight: 400;
    text-decoration: none;
    border: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
    background: none;
    transition: all 0.3s ease;
    position: relative;
}
.l-sidebar .widget.widget_nav_menu ul.menu > li > ul > li a::before,
.l-sidebar .widget.widget_nav_menu ul.menu > li > ul > li a::after {
    display: none;
}
.l-sidebar .widget.widget_nav_menu ul.menu > li > ul > li a::before {
    content: '';
    display: block;
    width: 5px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.l-sidebar .widget.widget_nav_menu ul.menu > li > ul > li a:hover {
    color: #000;
    background: none;
    font-weight: 400;
    transition: all 0.3s ease;
}
.widget.widget_categories ul .children li,
.widget.widget_nav_menu ul.menu .sub-menu li {
	border-top: none !important;
}



/************************************************************/
/*　フッター
/************************************************************/
.l-footer {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #262626;
	position: relative;
}
#footerContent {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
.footer_txt {
	width: 100%;
	padding: 40px 0 30px;
	margin: 0 auto ;
	background: #9D0018;
	position: relative;
}
.footer_txt::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url(https://www.tsubakidensetsu.co.jp/wp-content/uploads/topOfficeBg.png);
	background-position: top center;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: unset;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.2;
}
.footer_txt > h2 {
	padding: 0;
	margin: 0 auto 10px;
	text-align: center;
	font-size: 25px;
	line-height: 1;
	color: #fff;
}
.footer_txt > p {
	padding: 0;
	margin: 0 auto 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 1.4em;
	color: #fff;
}
.footerWrap {
	width: 100%;
	padding: 0 0 40px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.footerWrap .footerLeft {
	width: calc(45% - 50px);
	padding: 0;
	margin: 0;
	position: relative;
}
.footerWrap .footerRight {
	width: 55%;
	padding: 0;
	margin: 0;
	position: relative;
}
.footerWrap .footerLeft .widget,
.footerWrap .footerRight .widget {
	position: relative;
	margin: 0 auto;
}

/*情報*/
.information #info_logo {
	width: 220px;
	padding: 0;
	margin: 0 0 10px;
}
.information #info_logo img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.information > h2 {
	padding: 0;
	margin: 0 auto 20px;
	font-size: 15px;
	line-height: 1;
	color: #fff;
	text-align: left;
}
.information > strong {
	display: block;
	padding: 0;
	margin: 0 auto 7px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}
#all_wrap .information > p {
	padding: 0;
	margin: 0 auto 20px;
	font-size: 12px;
	line-height: 1.4em;
	color: #fff;
}
.info_ban {
	padding: 0;
	margin: 0 auto 20px;
}
.info_ban.pc {
	display: block;
}
.info_ban.sp {
	display: none;
}
.info_ban img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.info_ban img:first-of-type {
	max-width: 170px;
}

/*電話*/
#all_wrap #footerContent tel.telFooter {
	display: none;
}

/*サブメニュー*/
#menu-footer-menu-2,
#menu-footer-menu-3 {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
	border: none;
	background: none;
}
#menu-footer-menu-3 {
	display: none;
}
#menu-footer-menu-2 > li,
#menu-footer-menu-3 > li {
	width: auto;
	padding: 0 20px;
	margin: 0;
	position: relative;
	border: none;
	background: none;
	border-right: 1px solid #fff;
}
#menu-footer-menu-2 > li:first-child,
#menu-footer-menu-3 > li:first-child {
	border-left: 1px solid #fff;
}
#menu-footer-menu-2 > li a,
#menu-footer-menu-3 > li a {
	font-size: 12px;
	line-height: 1;
	color: #fff;
	font-weight: 400;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	transition: all 0.3s ease;
}
#menu-footer-menu-2 > li a::before,
#menu-footer-menu-2 > li a::after,
#menu-footer-menu-3 > li a::before,
#menu-footer-menu-3 > li a::after {
	display: none;
}
#menu-footer-menu-2 > li a:hover,
#menu-footer-menu-3 > li a:hover {
	opacity: 0.8;
	transition: all 0.3s ease;
}

/*メニュー*/
#menu-footer-menu {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: flex;
	display: -wbekit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border: none;
	background: none;
}
#menu-footer-menu > li {
	width: 48%;
	padding: 0;
	margin: 0 0 15px;
	border: none;
	background: none;
	position: relative;
}
#menu-footer-menu > li > a {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.4em;
	color: #fff;
	font-weight: 400;
	background: none;
	border: none;
	text-decoration: none;
	transition: all 0.3s ease;
}
#menu-footer-menu > li::before,
#menu-footer-menu > li::after,
#menu-footer-menu > li a::before,
#menu-footer-menu > li a::after {
	display: none;
}
#menu-footer-menu > li > a:hover {
	opacity: 0.8;
	font-weight: 400;
	background: none;
	border: none;
	text-decoration: none;
	transition: all 0.3s ease;
}
#menu-footer-menu > li::before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	padding: 0;
	margin: 0;
	background: none;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 0.5em;
	left: -16px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	opacity: 0;
	transition: all 0.3s ease;
}
#menu-footer-menu > li:hover::before {
	left: -13px;
	opacity: 1;
	transition: all 0.3s ease;
}

/*コピーライト*/
.copyright {
	display: block;
	width: 100%;
	padding: 30px;
	margin: 0 auto;
	border-top: 1px solid #fff;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	color: #fff;
	font-style: normal;
}

/*アルファリンク*/
.f_alpha {
	position: absolute;
	bottom: 30px;
	right: 0;
}
.f_alpha a {
	font-size: 8px;
	line-height: 1;
	color: #c8c8c8;
	text-decoration: none;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	.l-footer {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		background: #262626;
		position: relative;
	}
	#footerContent {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	.footer_txt {
		width: 100%;
		padding: 30px 0 30px;
		margin: 0 auto ;
		background: #9D0018;
		position: relative;
	}
	.footer_txt::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background-image: url(https://www.tsubakidensetsu.co.jp/wp-content/uploads/topOfficeBg_sp.png);
		background-position: top center;
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		bottom: unset;
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 0.2;
	}
	#all_wrap .footer_txt > h2 {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 10px;
		text-align: center;
		font-size: 18px;
		line-height: 1.2em;
		color: #fff;
	}
	#all_wrap .footer_txt > p {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 5px;
		text-align: center;
		color: #fff;
		font-size: 12px;
		line-height: 1.4em;
		color: #fff;
	}
	.footerWrap {
		width: calc(100% - 60px);
		padding: 0 0 40px;
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	.footerWrap .footerLeft {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	.footerWrap .footerRight {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	.footerWrap .footerLeft .widget,
	.footerWrap .footerRight .widget {
		position: relative;
		margin: 0 auto;
	}

	/*情報*/
	.information #info_logo {
		width: 220px;
		padding: 0;
		margin: 0 auto 10px;
	}
	.information #info_logo img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	.information > h2 {
		padding: 0;
		margin: 0 auto 20px;
		font-size: 14px;
		line-height: 1;
		color: #fff;
		text-align: center;
	}
	.information > strong {
		display: block;
		padding: 0;
		margin: 0 auto 7px;
		font-size: 14px;
		line-height: 1;
		color: #fff;
		text-align: center;
	}
	#all_wrap .information > p {
		padding: 0;
		margin: 0 auto 20px;
		font-size: 12px;
		line-height: 1.4em;
		color: #fff;
		text-align: center;
	}
	.info_ban {
		display: none;
		padding: 0;
		margin: 0 auto 20px;
		text-align: center;
	}
	.info_ban.pc {
		display: none;
	}
	.info_ban.sp {
		display: block;
	}
	.info_ban img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	.info_ban img:first-of-type {
		max-width: 170px;
	}
	

	/*電話*/
	#all_wrap #footerContent tel.telFooter {
		width: auto;
		display: block;
		padding: 0;
		margin: 0 auto 20px;
	}
	#all_wrap #footerContent tel.telFooter > p {
		text-align: center;
		padding: 0;
		margin: 0 auto 3px;
		font-size: 12px;
		line-height: 1;
		color: #fff;
	}
	#all_wrap #footerContent tel.telFooter > a {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		color: #fff;
	}
	#all_wrap #footerContent tel.telFooter > a img {
		width: auto;
		height: 30px;
		padding: 0;
		margin: 5px 5px 0 0;
	}
	#all_wrap #footerContent tel.telFooter > a span {
		font-family: 'Barlow', sans-serif;
		font-size: 35px;
		font-weight: bold;
		line-height: 1;
		color: #fff;
		white-space: nowrap;
	}


	/*サブメニュー*/
	#menu-footer-menu-2,
	#menu-footer-menu-3 {
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		border: none;
		background: none;
		text-align: center;
	}
	#menu-footer-menu-2 {
		display: none;
	}
	#menu-footer-menu-3 {
		display: block;
	}
	#menu-footer-menu-2 > li,
	#menu-footer-menu-3 > li {
		display: inline-block;
		width: auto;
		padding: 0 20px;
		margin: 0;
		position: relative;
		border: none;
		background: none;
		border-right: 1px solid #fff;
	}
	#menu-footer-menu-2 > li:first-child,
	#menu-footer-menu-3 > li:first-child {
		border-left: 1px solid #fff;
	}
	#menu-footer-menu-2 > li a,
	#menu-footer-menu-3 > li a {
		display: inline-block;
		font-size: 12px;
		line-height: 1;
		color: #fff;
		font-weight: 400;
		border: none;
		background: none;
		padding: 0;
		margin: 0;
		transition: all 0.3s ease;
	}
	#menu-footer-menu-2 > li a::before,
	#menu-footer-menu-2 > li a::after,
	#menu-footer-menu-3 > li a::before,
	#menu-footer-menu-3 > li a::after {
		display: none;
	}
	#menu-footer-menu-2 > li a:hover,
	#menu-footer-menu-3 > li a:hover {
		opacity: 0.8;
		transition: all 0.3s ease;
	}

	/*メニュー*/
	#menu-footer-menu {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		list-style: none;
		display: flex;
		display: -wbekit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		border: none;
		background: none;
	}
	#menu-footer-menu > li {
		width: 50%;
		padding: 0 0 0 10px;
		margin: 0 0 5px;
		border: none;
		background: none;
		position: relative;
	}
	#menu-footer-menu > li > a {
		display: inline-block;
		padding: 0;
		margin: 0;
		font-size: 12px;
		line-height: 1.4em;
		color: #fff;
		font-weight: 400;
		background: none;
		border: none;
		text-decoration: none;
		transition: all 0.3s ease;
	}
	#menu-footer-menu > li::before,
	#menu-footer-menu > li::after,
	#menu-footer-menu > li a::before,
	#menu-footer-menu > li a::after {
		display: none;
	}
	#menu-footer-menu > li > a:hover {
		opacity: 0.8;
		font-weight: 400;
		background: none;
		border: none;
		text-decoration: none;
		transition: all 0.3s ease;
	}
	#menu-footer-menu > li::before {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		padding: 0;
		margin: 0;
		background: #fff;
		border: none;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		opacity: 1;
	}

	/*コピーライト*/
	.copyright {
		display: block;
		width: 100%;
		padding: 20px 20px 40px;
		margin: 0 auto;
		border-top: 1px solid #fff;
		font-size: 10px;
		line-height: 1.4em;
		text-align: center;
		color: #fff;
		font-style: normal;
	}
	
	/*アルファリンク*/
	.f_alpha {
		position: absolute;
		bottom: 10px;
		right: unset;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}
	.f_alpha a {
		font-size: 8px;
		line-height: 1;
		color: #c8c8c8;
		text-decoration: none;
	}
}

/************************************************************/
/*　アーカイブ　リスト
/************************************************************/

/************************************************************/
/*　リスト
/************************************************************/
#all_wrap .l-wrapper .pageContents .content ul,
#all_wrap .l-wrapper .postContents .content ul {
    list-style: none;
    padding: 0;
    margin: 5px auto 10px;
}
#all_wrap .l-wrapper .pageContents .content ul li,
#all_wrap .l-wrapper .postContents .content ul li {
    padding: 0 0 0 15px;
    margin: 0 0 10px;
    list-style: none;
    border: none;
    background: none;
    position: relative;
    line-height: 1.5em;
}
#all_wrap .l-wrapper .pageContents .content ul li:before,
#all_wrap .l-wrapper .postContents .content ul li:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    padding: 0;
    margin: 0;
    background: #111;
    position: absolute;
    top: 0.7em;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    border-radius: 50%;
}

#all_wrap .l-wrapper .pageContents .content ol,
#all_wrap .l-wrapper .postContents .content ol {
    list-style: none;
    padding: 0;
    margin: 5px auto 10px;
}
#all_wrap .l-wrapper .pageContents .content ol li,
#all_wrap .l-wrapper .postContents .content ol li {
    padding: 0 0 0 30px;
    margin: 0 0 5px;
    list-style: none;
    border: none;
    background: none;
    position: relative;
}
#all_wrap .l-wrapper .pageContents .content ol li:before,
#all_wrap .l-wrapper .postContents .content ol li:before {
    counter-increment: number;
    content: counter(number);
    background: #fff;
    border: 1px solid #111;
    color: #111;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 1.4em;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    border-radius: 50%;
}


/************************************************************/
/*　テーブル
/************************************************************/

/*表*/
#all_wrap table {
    overflow: hidden;
    table-layout: fixed;
    border: none;
    background: #fff;
    padding: 0;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 100px;
}
#all_wrap table th {
    font-style: normal;
    font-feature-settings: "palt";
    border: none;
    border-bottom: none;
    text-align: center;
    vertical-align: middle;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 15px;
    font-weight: 600;
    background: #eee;
    color: #111;
    padding: 20px;
    margin: 0;
    width: 25%;
    border-bottom: 3px solid #fff;
}
#all_wrap table td {
    border: none;
    background: #fafafa;
    vertical-align: inherit;
    border-bottom: none;
    padding: 20px;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 3px solid #fff;
}


/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*表*/
    #all_wrap table {
        overflow: hidden;
        table-layout: fixed;
        border: none;
        background: #fff;
        padding: 0;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
		border-top: 1px solid rgba(0,0,0,0.1);
		border-left: 1px solid rgba(0,0,0,0.1);
		border-right: 1px solid rgba(0,0,0,0.1);
    }
    #all_wrap table th {
        font-style: normal;
        font-feature-settings: "palt";
        border: none;
        border-bottom: none;
        vertical-align: inherit;
        background: #fafafa;
        color: #111;
        padding: 10px;
        margin: 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 1px 0 rgba(255,255,255,1);
        width: 100%;
        min-width: 100%;
        font-size: 14px;
        display: block;
    }
    #all_wrap table td {
        border: none;
        background: #fff;
        vertical-align: inherit;
        border-bottom: none;
        padding: 20px 10px;
        margin: 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 1px 0 rgba(255,255,255,1);
        font-size: 14px;
        width: 100%;
        min-width: 100%;
        display: block;
    }
}




/************************************************************/
/*　お問い合わせ&テーブル
/************************************************************/
.telstyle {
	text-align: center;
}
.telstyle a {
	display: inline-block;
	padding: 0 0 0 40px;
	margin: 0 auto;
	font-family: 'Barlow', sans-serif;
	font-size: 35px;
	font-weight: bold !important;
	line-height: 1;
	color: #111;
	white-space: nowrap;
	background: url('https://www.tsubakidensetsu.co.jp/wp-content/themes/tsubaki2/img/svg/free.svg') no-repeat;
	background-size: auto 30px;
	background-position: left bottom;
	transition: all 0.3s ease;
}
.telstyle a:hover {
	text-decoration: none !important;
	color: #9D0018 !important;
	transition: all 0.3s ease;
}

#page-contact {
    width: 100%;
    max-width: 100%;
    padding: 50px 0 100px;
    margin: 0 auto;
}
.contactWrap {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.contactWrap > .contactLeft {
    width: 40%;
    padding: 80px;
    margin: 0;
    background: #9D0018;
}
.contactWrap > .contactRight {
    width: 60%;
    padding: 0 80px;
    margin: 0;
    background: #fff;
}
.contactInfo {
    position: sticky;
    top: 80px;
    left: 0;
}
#all_wrap .contactInfo > em {
    width: 100%;
    display: block;
    font-family: 'Barlow', sans-serif;
    font-style: normal;
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    padding: 0;
    margin: 0 auto 10px;
    text-align: center;
    color: #fff;
}
#all_wrap .contactInfo > h2 {
    width: 100%;
    padding: 0 0 20px;
    margin: 0 auto 50px;
    position: relative;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 1;
    text-align: center;
    color: #fff;
}
#all_wrap .contactInfo > h2::after {
    content: '';
    display: block;
    width: 65px;
    height: 1px;
    padding: 0;
    margin: 0;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}

#all_wrap .contactInfo > p {
    text-align: center;
    padding: 0;
    margin: 0 auto 50px;
    color: #fff;
    font-size: 14px;
}
#all_wrap #menuNavBox .contactInfo > p {
    text-align: left;
    padding: 0;
    margin: 0 auto 30px;
    color: #fff;
    font-size: 14px;
}

/*電話番号*/
#all_wrap .contactInfo > tel {
    display: block;
    padding: 0;
    margin: 0 0 30px;
}
#all_wrap .contactInfo > tel strong {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto 5px;
    text-align: left;
    font-size: 12px;
    line-height: 1;
    color: #fff;
}
#all_wrap .contactInfo > tel a {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    font-family: 'Barlow', sans-serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    font-style: normal;
    font-feature-settings: "palt";
    color: #fff;
    white-space: nowrap;
    transition: all 0.3s ease;
}
#all_wrap .contactInfo > tel a:hover {
    font-size: 40px;
    line-height: 1;
    font-weight: 600 !important;
    font-style: normal;
    font-feature-settings: "palt";
    color: #fff !important;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}
#all_wrap .contactInfo > tel a img {
    width: auto;
    height: 25px;
    padding: 0;
    margin: 0 5px 0 0;
}

/*ボタン*/
#all_wrap .contactInfo > .contactBtn {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding: 15px 30px;
    margin: 0;
    background: #fff;
    border-radius: 40px;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    color: #9D0018;
    transition: all 0.3s ease;
    white-space: nowrap;
}
#all_wrap .contactInfo > .contactBtn:hover {
    text-decoration: none !important;
    color: #9D0018 !important;
    opacity: 0.8;
    transition: all 0.3s ease;
}
#all_wrap .contactInfo > .contactBtn img {
    width: auto;
    height: 23px;
    padding: 0;
    margin: 0 10px 0 0;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #page-contact {
        width: 100%;
        max-width: 100%;
        padding: 0px 0 30px;
        margin: 0 auto;
    }
    .contactWrap {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .contactWrap > .contactLeft {
        width: 100%;
        padding: 30px;
        margin: 0;
        background: #9D0018;
    }
    .contactWrap > .contactRight {
        width: 100%;
        padding: 30px 0;
        margin: 0;
        background: #fff;
    }
    

    /*電話番号*/
    #all_wrap .contactInfo > tel {
        display: block;
        padding: 0;
        margin: 0 auto 20px;
    }
    #all_wrap .contactInfo > tel strong {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 auto 5px;
        text-align: center;
        font-size: 12px;
        line-height: 1;
        color: #fff;
    }
    #all_wrap .contactInfo > tel a {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
        font-family: 'Barlow', sans-serif;
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
        font-style: normal;
        font-feature-settings: "palt";
        color: #fff;
        white-space: nowrap;
        transition: all 0.3s ease;
    }
    #all_wrap .contactInfo > tel a:hover {
        font-size: 40px;
        line-height: 1;
        font-weight: 600 !important;
        font-style: normal;
        font-feature-settings: "palt";
        color: #fff !important;
        text-decoration: none;
        white-space: nowrap;
        transition: all 0.3s ease;
    }
    #all_wrap .contactInfo > tel a img {
        width: auto;
        height: 25px;
        padding: 0;
        margin: 0 5px 0 0;
    }
    
    #all_wrap .l-wrapper-full .content .contactInfo > p {
        padding: 0;
        margin: 0 auto 20px;
    }

    /*ボタン*/
    #all_wrap .contactInfo > .contactBtn {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
        padding: 15px 30px;
        margin: 0 auto;
        background: #fff;
        border-radius: 40px;
        font-size: 15px;
        line-height: 1;
        font-weight: 500;
        color: #9D0018;
        transition: all 0.3s ease;
        white-space: nowrap;
    }
    #all_wrap .contactInfo > .contactBtn:hover {
        text-decoration: none !important;
        color: #9D0018 !important;
        opacity: 0.8;
        transition: all 0.3s ease;
    }
    #all_wrap .contactInfo > .contactBtn img {
        width: auto;
        height: 23px;
        padding: 0;
        margin: 0 10px 0 0;
    }
}


/*お問い合わせフォーム*/
#all_wrap table.table-contactform7 {
    border: none;
    background: none;
    padding: 0;
    margin: 0 auto 50px;
    width: 100%;
    max-width: 800px;
    border-top: 1px solid #F3EFE9;
}
#all_wrap table.table-contactform7 tr {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}
#all_wrap table.table-contactform7 th {
    border: none;
    background: none;
    padding: 20px 0;
    margin: 0;
    color: #111;
    font-size: 15px;
    line-height: 1.4em;
    font-style: normal;
    font-feature-settings: "palt";
    width: 30%;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-feature-settings: "palt";
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    border-bottom: 1px solid #F3EFE9;
    box-shadow: 0 1px 0 rgba(255,255,255,1);
}
#all_wrap table.table-contactform7 td {
    width: 70%;
    border: none;
    background: none;
    padding: 20px 0 20px 50px;
    margin: 0;
    color: #111;
    font-size: 15px;
    border-bottom: 1px solid #F3EFE9;
    box-shadow: 0 1px 0 rgba(255,255,255,1);
}
#all_wrap table.table-contactform7 td small {
    display: block;
    width: 100%;
    padding: 0;
    margin: 5px auto 0;
    text-align: left;
    font-size: 0.7em;
    color: #555;
}
#all_wrap table.table-contactform7 th .att {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    background: #9D0018;
    border-radius: 0;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
}
#all_wrap table.table-contactform7 .cf7-harf {
    border-right: 1px solid #fff;
}
#all_wrap table.table-contactform7 input {
    border-radius: 0;
    border: 1px solid #c8c8c8;
    box-shadow: none;
    font-size: 1em;
    padding: 10px;
}
#all_wrap table.table-contactform7 td.add span:first-of-type input {
    margin: 0 0 10px;
}
#all_wrap table.table-contactform7 input.wpcf7-text {
    width: 100%;
    padding: 10px;
    margin: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: "palt";
    font-size: 0.8em;
    line-height: 1;
    background: #f1f1f1;
    outline: none;
}
#all_wrap table.table-contactform7 input.wpcf7-date {
    padding: 9px;
    margin: 0;
    margin-right: 10px;
    font-size: 0.8em;
	background: #f1f1f1;
    outline: none;
}
#all_wrap table.table-contactform7 select.wpcf7-form-control.wpcf7-select {
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    margin: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: 0.8em;
	background: #f1f1f1;
    outline: none;
}
#all_wrap table.table-contactform7 input.your-naiyou {
    display: inline;
    width: auto;
}
#all_wrap table.table-contactform7 label {
    line-height: 1.2em;
}
#all_wrap table.table-contactform7 .required-contactform7 {
    background: #f44336;
    padding: 5px 10px;
    margin: 0 0 0 10px;
    border-radius: 0;
    display: inline-block;
    color: #fff;
    font-size: 10px;
    border-radius: 0;
    line-height: 1;
}
#all_wrap table.table-contactform7 .wpcf7-list-item {
    padding: 10px;
    margin: 0 10px 10px 0;
    border: none;
    vertical-align: middle;
	font-size: 0.8em;
    line-height: 1;
    font-weight: 500;
	background: #f1f1f1;
    outline: none;
}
#all_wrap table.table-contactform7 .wpcf7-list-item input[type='radio'] {
    top: 2px;
    position: relative;
    outline: none;
}
#all_wrap table.table-contactform7 .wpcf7-list-item input[type='checkbox'] {
    top: 2px;
    position: relative;
    width: 14px;
    height: 14px;
    padding: 0;
    outline: none;
}
#all_wrap table.table-contactform7 textarea {
    width: 100%;
    padding: 10px;
    margin: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: 1;
	background: #f1f1f1;
    outline: none;
}
#all_wrap .txt_cent {
    text-align: center;
}
#all_wrap .txt_cent input[type="submit"] {
    -webkit-appearance: none;
}
#all_wrap .txt_cent input {
    padding: 20px 100px;
    margin: 0 auto;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    background: #000;
    border-radius: 40px;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
}
#all_wrap .txt_cent input:hover {
    transition: 0.5s;
	background: #9D0018;
}

#all_wrap .wpcf7 .ajax-loader {
    display: none;
}

.privacy_txt {
    text-align: center;
    padding: 0;
    margin: 0 auto 40px;
}

#all_wrap #confirm {
    width: 100%;
    max-width: 1000px;
    padding: 50px 0;
    margin: 0 auto;
}
#all_wrap #confirm h3 {
    text-align: center;
    width: 100%;
    margin: 0 auto 10px;
}
#all_wrap #confirm .confirm_box {
    padding: 20px 30px;
    margin: 0;
    background: #fafafa;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
}
#all_wrap #confirm input[type=checkbox] {
    transform: scale(1.5);
    margin-right: 10px;
}
#all_wrap.txt_cent input[type="submit"]:disabled {
    background: #c8c8c8;
}

.wpcf7-spinner {
    display: none;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*お問い合わせフォーム*/
    #all_wrap table.table-contactform7 {
        border: none;
        background: none;
        padding: 0;
        margin: 0 auto 10px;
        width: calc(100%);
        max-width: 100%;
        border: none;
        box-shadow: none;
    }
    #all_wrap table.table-contactform7 tr {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border: none;
        background: none;
        padding: 0;
        margin: 0;
    }
    #all_wrap table.table-contactform7 th {
        border: none;
        background: none;
        padding: 10px 0 0;
        margin: 0;
        color: #111;
        font-size: 15px;
        line-height: 1.4em;
        font-style: normal;
        font-feature-settings: "palt";
        width: 100%;
        font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-feature-settings: "palt";
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
        position: relative;
        border-bottom: none;
        box-shadow: none;
    }
	#all_wrap table.table-contactform7 th br {
		display: none;
	}
    #all_wrap table.table-contactform7 td {
        width: 100%;
        border: none;
        background: none;
        padding: 10px 0;
        margin: 0;
        color: #111;
        font-size: 14px;
        border-bottom: none;
        box-shadow: none;
    }
    #all_wrap table.table-contactform7 td small {
        display: block;
        width: 100%;
        padding: 0;
        margin: 5px auto 0;
        text-align: left;
        font-size: 0.7em;
        color: #555;
    }
    #all_wrap table.table-contactform7 th .att {
        display: inline-block;
        padding: 4px 7px;
        margin: 0 0 0 20px;
        background: #9D0018;
        border-radius: 0;
        font-size: 10px;
        line-height: 1;
        color: #fff;
        white-space: nowrap;
    }
    #all_wrap table.table-contactform7 .cf7-harf {
        border-right: 1px solid #fff;
    }
    #all_wrap table.table-contactform7 input {
        border-radius: 0;
        border: 1px solid #c8c8c8;
        box-shadow: none;
        font-size: 1em;
        padding: 10px;
    }
    #all_wrap table.table-contactform7 td.add span:first-of-type input {
        margin: 0 0 10px;
    }
    #all_wrap table.table-contactform7 input.wpcf7-text {
        width: 100%;
        padding: 10px;
        margin: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-feature-settings: "palt";
        font-size: 0.8em;
        line-height: 1;
		background: #f1f1f1;
        outline: none;
    }
    #all_wrap table.table-contactform7 input.wpcf7-date {
        padding: 9px;
        margin: 0;
        margin-right: 10px;
        font-size: 0.8em;
		background: #f1f1f1;
        outline: none;
    }
    #all_wrap table.table-contactform7 select.wpcf7-form-control.wpcf7-select {
        width: 150px;
        height: 40px;
        line-height: 40px;
        padding: 10px;
        margin: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        font-size: 0.8em;
		background: #f1f1f1;
        outline: none;
    }
    #all_wrap table.table-contactform7 input.your-naiyou {
        display: inline;
        width: auto;
    }
    #all_wrap table.table-contactform7 label {
        font-size: 0.8em;
        line-height: 1.2em;
    }
    #all_wrap table.table-contactform7 .required-contactform7 {
        background: #f44336;
        padding: 5px 10px;
        margin: 0 0 0 10px;
        border-radius: 0;
        display: inline-block;
        color: #fff;
        font-size: 10px;
        border-radius: 0;
        line-height: 1;
    }
    #all_wrap table.table-contactform7 .wpcf7-list-item {
        padding: 10px;
        margin: 0 10px 10px 0;
        border: none;
        vertical-align: middle;
        line-height: 1;
        font-weight: 500;
		background: #f1f1f1;
        outline: none;
    }
    #all_wrap table.table-contactform7 .wpcf7-list-item input[type='radio'] {
        top: 2px;
        position: relative;
        outline: none;
    }
    #all_wrap table.table-contactform7 .wpcf7-list-item input[type='checkbox'] {
        top: 2px;
        position: relative;
        width: 14px;
        height: 14px;
        padding: 0;
        outline: none;
    }
    #all_wrap table.table-contactform7 textarea {
        width: 100%;
        padding: 10px;
        margin: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        font-size: 0.8em;
        line-height: 1;
		background: #f1f1f1;
        outline: none;
    }
    #all_wrap .txt_cent {
        text-align: center;
    }
    #all_wrap .txt_cent input[type="submit"] {
        -webkit-appearance: none;
    }
    #all_wrap .txt_cent input {
        width: calc(100% - 60px);
        padding: 15px 50px;
        margin: 0 auto;
        display: block;
        font-size: 15px;
        font-weight: 600;
        background: #000;
        border: none;
        color: #fff;
        cursor: pointer;
        transition: 0.5s;
    }
    #all_wrap .txt_cent input:hover {
        transition: 0.5s;
        opacity: 0.8;
    }

    #all_wrap .wpcf7 .ajax-loader {
        display: none;
    }

    .privacy_txt {
        text-align: center;
        padding: 0;
        margin: 0 auto 40px;
    }

    #all_wrap #confirm {
        width: 100%;
        max-width: 1000px;
        padding: 50px 0;
        margin: 0 auto;
    }
    #all_wrap #confirm h3 {
        text-align: center;
        width: 100%;
        margin: 0 auto 10px;
    }
    #all_wrap #confirm .confirm_box {
        padding: 20px 30px;
        margin: 0;
        background: #fafafa;
        border-radius: 10px;
        border: 1px solid #f5f5f5;
    }
    #all_wrap #confirm input[type=checkbox] {
        transform: scale(1.5);
        margin-right: 10px;
    }
    #all_wrap.txt_cent input[type="submit"]:disabled {
        background: #c8c8c8;
    }

    .wpcf7-spinner {
        display: none;
    }
}

/*表削除*/
#all_wrap .pageContents .content .tablenone,
#all_wrap .postContents .content .tablenone {
    padding: 0;
    margin: 0;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: none;
    background: none;
    color: #111;
}
#all_wrap .pageContents .content .tablenone tbody,
#all_wrap .pageContents .content .tablenone th,
#all_wrap .pageContents .content .tablenone td,
#all_wrap .pageContents .content .tablenone tr,
#all_wrap .pageContents .content .tablenone tr:nth-child(odd) td,
#all_wrap .pageContents .content .tablenone tr:nth-child(even) td {
    padding: 0;
    margin: 0;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: none;
    background: none;
    color: #111;
}
#all_wrap .postContents .content .tablenone tbody,
#all_wrap .postContents .content .tablenone th,
#all_wrap .postContents .content .tablenone td,
#all_wrap .postContents .content .tablenone tr,
#all_wrap .postContents .content .tablenone tr:nth-child(odd) td,
#all_wrap .postContents .content .tablenone tr:nth-child(even) td {
    padding: 0;
    margin: 0;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: none;
    background: none;
    color: #111;
}


/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    
}


/************************************************************/
/*　Google Map
/************************************************************/
.google-maps {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.access_info p {
    font-size: 1.1em;
    line-height: 2em;
    margin-bottom: 20px;
    text-align: center;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    .access_info p {
        width: 90%;
        padding: 0;
        margin: 0 auto;
        font-size: 1.1em;
        line-height: 2em;
        margin-bottom: 20px;
        text-align: center;
    }
    .top_gmap iframe {
        height: 200px;
    }
}



/************************************************************/
/*　全体
/************************************************************/


/************************************************************/
/*　サイトマップ
/************************************************************/
.sitemap ul {
    width: 90%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
}
.sitemap ul li {
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
    list-style: none;
}
.sitemap ul li a {
    display: block;
    padding: 20px 20px 20px 30px;
    margin: 0;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    position: relative;
    transition: 0.5s;
    color: rgba(0,0,0,1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.sitemap ul li a:hover {
    transition: 0.2s;
    color: #111;
}
.sitemap ul li a::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-top: 1px solid rgba(0,0,0,1);
    border-right: 1px solid rgba(0,0,0,1);
    transform: translate(0,-50%) rotate(45deg);
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transition: ease 0.2s;
}
.sitemap ul li a > span {
    display: none;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    .sitemap ul {
        width: calc(100%);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
	.sitemap ul .sub-menu {
		padding: 0 0 0 10px;
	}
}

/*スマホ改行
------------------------------------------------------------*/
	
.pc { display:block; }
.sp { display:none; }
@media screen and (max-width: 768px){   
  .pc { display:none; }
  .sp { display:block; }
}


/************************************************************/
/*　本文ギャラリー
/************************************************************/
#all_wrap .content .gallery {
    width: 80%;
    padding: 0;
    margin: 0 auto 100px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#all_wrap .content .gallery dl {
    width: 31%;
    padding: 0;
    margin: 0 0 30px;
}
#all_wrap .content .gallery dt {
    padding: 5px 0;
    margin: 0;
    text-align: center;
}
#all_wrap .content .gallery dd {
    padding: 0;
    margin: 0;
    text-align: center;
}
#all_wrap .content .gallery dl img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #all_wrap .content .gallery {
        width: 100%;
        padding: 0;
        margin: 0 auto 50px;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #all_wrap .content .gallery dl {
        width: 48%;
        padding: 0;
        margin: 0 0 20px;
    }
    #all_wrap .content .gallery dt {
        padding: 5px 0;
        margin: 0;
        text-align: center;
    }
    #all_wrap .content .gallery dd {
        padding: 0;
        margin: 0;
        text-align: center;
    }
    #all_wrap .content .gallery dl img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
}

/************************************************************/
/*　Youtube
/************************************************************/
#all_wrap .l-wrapper .youtubeBox {
    width:860px;              /*横幅いっぱいにwidthを指定*/
    padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
    height:0px;              /*高さはpaddingで指定するためheightは0に*/
    position: relative;
    margin: 0 auto;
}
#all_wrap .l-wrapper .youtubeBox > iframe {
    position: static;
    top: auto;
    left: auto;
    width: 860px;
    height: 500px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #all_wrap .l-wrapper .youtubeBox {
        width:100%;              /*横幅いっぱいにwidthを指定*/
        padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
        height:0px;              /*高さはpaddingで指定するためheightは0に*/
        position: relative;
    }
    #all_wrap .l-wrapper .youtubeBox > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}


/************************************************************/
/*　アーカイブ
/************************************************************/
.archiveList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.archiveList::after {
    content: '';
    display: block;
    width: 31%;
}
.archiveList > li {
    width: 31%;
    padding: 0;
    margin: 0 0 40px;
}
.archiveList > li::before,
.archiveList > li::after {
    display: none;
}
.archiveList > li figure {
    width: 100%;
    padding: 0;
    margin: 0 auto 10px;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.archiveList > li figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.archiveList > li figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    object-fit: cover;
}
#all_wrap .archiveList > li .date {
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1em;
    color: #888;
    font-style: normal;
    white-space: nowrap;
    padding: 0;
    margin: 0 0 5px;
}
#all_wrap .archiveList > li > h3 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4em;
    font-style: normal;
    border: none;
    background: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    .archiveList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .archiveList::after {
        content: '';
        display: none;
        width: 31%;
    }
    .archiveList > li {
        width: 48%;
        padding: 0;
        margin: 0 0 30px;
    }
    .archiveList > li::before,
    .archiveList > li::after {
        display: none;
    }
    .archiveList > li figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 10px;
        position: relative;
        text-align: center;
        overflow: hidden;
    }
    .archiveList > li figure::before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }
    .archiveList > li figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        object-fit: cover;
    }
    #all_wrap .archiveList > li .date {
        display: inline-block;
        font-family: 'Barlow', sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 1em;
        color: #888;
        font-style: normal;
        white-space: nowrap;
        padding: 0;
        margin: 0 0 5px;
    }
    #all_wrap .archiveList > li > h3 {
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4em;
        font-style: normal;
        border: none;
        background: none;
    }
}

/************************************************************/
/*　記事詳細
/************************************************************/

.tagList {
    padding: 0;
    margin: 0 auto 10px;
}
.tag {
    display: inline-block;
    padding: 5px 5px;
    margin: 0 5px 5px 0;
    background: #9D0018;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: lighter;
    font-style: normal;
}
.tag a {
    color: #fff !important;
}
.tag a:hover {
    text-decoration: none !important;
}

#all_wrap .content span.date {
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1em;
    font-style: normal;
    white-space: nowrap;
    padding: 0;
    margin: 0 0 5px;
}

/*日付*/
#all_wrap .content .singleHead span.date {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: none;
    color: #626F77;
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    line-height: 1;
}


/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    .social-bottom {
        width: 90%;
        margin: 0 auto;
    }
}

/*関連記事*/
#all_wrap .related__list {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
#all_wrap .related__list li.related__item {
    width: 49%;
    border: 1px solid rgba(0,0,0,.1);
    padding: 20px;
    margin: 0 0 20px;
}
#all_wrap .related__list li.related__item .eyecatch {
    margin: 0;
}
#all_wrap .related__list li.related__item .dateList {
    margin: 0 auto 10px;
}
#all_wrap .related__list li.related__item h3.heading-secondary {
    font-size: 1em;
}
#all_wrap .related__list li.related__item h3.heading-secondary a {
    transition: 0.5s;
}
#all_wrap .related__list li.related__item h3.heading-secondary a:hover {
    transition: 0.5s;
    color: #165e83;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    #all_wrap .related > h2 {
        width: 90%;
        margin: 0 auto 10px;
    }
    #all_wrap .related > p.related__contents {
        width: 90%;
        margin: 0 auto;
    }
    #all_wrap .related__list li.related__item {
        width: 100%;
        border: 1px solid rgba(0,0,0,.1);
        padding: 20px;
        margin: 0 0 10px;
    }
}

/************************************************************/
/*　ブログ　詳細＆サイドバー 
/************************************************************/


/*前後の記事*/
#all_wrap .prevNext {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
#all_wrap .prevNext__pop {
    background-color: #000;
}
#all_wrap .eyecatch {
    background: #000;
}
#all_wrap .heading-secondary {
    color: #fff;
}
#all_wrap .prevNext__text {
    padding: 0;
    margin: 0;
    color: #fff;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*前後の記事*/
    #all_wrap .prevNext {
        width: 90%;
        padding: 0;
        margin: 0 auto;
    }
}

/*プロフィール*/
#all_wrap .profile {
    border: none;
    margin-top: 0;
    padding: 20px;
    background: #000;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
#all_wrap .profile__text {
    background: none;
    font-size: 16px;
    padding: 0 0 0 13px;
    margin-bottom: 15px;
    margin-top: 40px;
    border-left: 2px solid #d3c8a8;
    font-style: italic;
    text-align: left;
    color: #d3c8a8;
}
#all_wrap .profile__contents {
    width: 80%;
    padding: 0;
    margin: 0;
}
#all_wrap .profile__name {
    color: #d3c8a8;
    font-size: 19px;
    line-height: 1.4em;
    font-style: italic;
    padding: 0 0 10px;
    margin: 0 auto 10px;
    border-bottom: 1px solid #d3c8a8;
}
#all_wrap .profile__author {
    width: 15%;
    text-align: left;
    padding: 0;
    margin: 0 20px 0 0;
}
#all_wrap .profile__author img {
    width: 100%;
    height: auto;
    margin: 0;
}
#all_wrap .profile__list {
    display: none;
}
#all_wrap .profile__description {
    padding: 0;
    margin: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
    /*プロフィール*/
    #all_wrap .profile {
        border: none;
        margin-top: 0;
        padding: 20px;
        background: #000;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    #all_wrap .profile__text {
        background: none;
        font-size: 16px;
        padding: 0 0 0 13px;
        margin-bottom: 15px;
        margin-top: 40px;
        border-left: 2px solid #d3c8a8;
        font-style: italic;
        text-align: left;
        color: #d3c8a8;
    }
    #all_wrap .profile__contents {
        width: 80%;
        padding: 0;
        margin: 0;
    }
    #all_wrap .profile__name {
        color: #d3c8a8;
        font-size: 19px;
        line-height: 1.4em;
        font-style: italic;
        padding: 0 0 10px;
        margin: 0 auto 10px;
        border-bottom: 1px solid #d3c8a8;
    }
    #all_wrap .profile__author {
        width: 15%;
        text-align: left;
        padding: 0;
        margin: 0 0 0 0;
    }
    #all_wrap .profile__author img {
        width: 100%;
        height: auto;
        margin: 0;
    }
    #all_wrap .profile__list {
        display: none;
    }
    #all_wrap .profile__description {
        padding: 0;
        margin: 0;
    }
}

/************************************************************/
/*　トップページ バナー
/************************************************************/
#topBanner {
	width: calc(100% - 100px);
	max-width: 900px;
	padding: 50px 0;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
#topBanner img {
	width: 100%;
	height: auto;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topBanner {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 30px 0;
		margin: 0 auto;
	}
	#topBanner img {
		width: 100%;
		height: auto;
	}
}

/************************************************************/
/*　トップページ 新着情報
/************************************************************/
#topNews {
	width: 100%;
	padding: 0 0 100px;
	margin: 0 auto;
}
ul.newsList {
	width: calc(100% - 100px);
	max-width: 900px;
	padding: 0;
	margin: 0 auto 50px;
	list-style: none;
}
ul.newsList > li {
	width: 100%;
	padding: 30px 0;
	margin: 0 auto;
	border-bottom: 1px solid #DBDBDB;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	position: relative;
}
ul.newsList > li::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
}
ul.newsList > li .date {
	font-family: 'Barlow', sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #111111;
	display: inline-block;
	padding: 0;
	margin: 0 10px 0 0;
}
.news_label {
	display: inline-block;
	padding: 5px 8px;
	margin: 0 10px 0 0;
	background: #9D0018;
	border-radius: 3px;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
}
ul.newsList > li > a {
	line-height: 1.4em;
	color: #111;
	transition: all 0.3s ease;
}
ul.newsList > li > a:hover {
	color: #9D0018;
	transition: all 0.3s ease;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topNews {
		width: 100%;
		padding: 0 0 40px;
		margin: 0 auto;
	}
	ul.newsList {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 15px;
		list-style: none;
	}
	ul.newsList > li {
		width: 100%;
		padding: 15px 0;
		margin: 0 auto;
		border-bottom: 1px solid #DBDBDB;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
	}
	ul.newsList > li::after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		padding: 0;
		margin: 0;
		background: #fff;
		position: absolute;
		bottom: -2px;
		left: 0;
	}
	ul.newsList > li .date {
		font-family: 'Barlow', sans-serif;
		font-size: 14px;
		line-height: 1;
		color: #111111;
		display: inline-block;
		padding: 0;
		margin: 0 10px 0 0;
	}
	.news_label {
		display: inline-block;
		padding: 5px 8px;
		margin: 0 10px 0 0;
		background: #9D0018;
		border-radius: 3px;
		font-size: 10px;
		line-height: 1;
		color: #fff;
	}
	ul.newsList > li > a {
		display: block;
		width: 100%;
		margin: 5px 0 0;
		font-size: 14px;
		line-height: 1.4em;
		color: #111;
		transition: all 0.3s ease;
	}
	ul.newsList > li > a:hover {
		color: #9D0018;
		transition: all 0.3s ease;
	}
}

/*More*/
.moreBtn {
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
.moreBtn > a {
	display: inline-block;
	padding: 20px 80px 20px 20px;
	margin: 0 auto;
	background: #9D0018;
	font-size: 15px;
	line-height: 1;
	color: #fff;
	font-weight: 500;
	text-align: left;
	border-radius: 0 0 25px 0;
	position: relative;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	transition: all 0.3s ease;
}
.moreBtn > a::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: none;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.moreBtn > a::after {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	padding: 0;
	margin: 0;
	background: none;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 50%;
	right: 28px;
	transform: translate(0,-50%) rotate(45deg);
	-webkit-transform: translate(0,-50%) rotate(45deg);
}
.moreBtn > a:hover {
	opacity: 0.8;
	transition: all 0.3s ease;
}
/*白いボタン*/
.moreBtn.white > a {
	background: #fff;
	color: #111;
	font-weight: 600;
}
.moreBtn.white > a::before {
	border: 1px solid #9D0018;
}
.moreBtn.white > a::after {
	border-top: 1px solid #9D0018;
	border-right: 1px solid #9D0018;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*More*/
	.moreBtn {
		width: calc(100% - 60px);
		text-align: left;
		padding: 0;
		margin: 0 auto;
	}
	.moreBtn > a {
		display: inline-block;
		padding: 15px 40px 15px 15px;
		margin: 0 auto;
		background: #9D0018;
		font-size: 14px;
		line-height: 1;
		color: #fff;
		font-weight: 500;
		text-align: left;
		border-radius: 0 0 10px 0;
		position: relative;
		-webkit-filter: unset;
		filter: unset;
		transition: all 0.3s ease;
	}
	.moreBtn > a::before {
		content: '';
		display: block;
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0;
		background: none;
		border-radius: 50%;
		border: 1px solid #fff;
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	.moreBtn > a::after {
		content: '';
		display: block;
		width: 4px;
		height: 4px;
		padding: 0;
		margin: 0;
		background: none;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		position: absolute;
		top: 50%;
		right: 21px;
		transform: translate(0,-50%) rotate(45deg);
		-webkit-transform: translate(0,-50%) rotate(45deg);
	}
	.moreBtn > a:hover {
		opacity: 0.8;
		transition: all 0.3s ease;
	}
}

/************************************************************/
/*　トップページ 会社紹介
/************************************************************/
#topAbout {
	width: 100%;
	padding: 0 0 80px;
	margin: 0 auto;
	position: relative;
	background-image: url('http://www.tsubakidensetsu.co.jp/wp-content/uploads/topAboutBg2004.jpg');
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
}
#topAbout::after {
	content: '';
	display: block;
	width: calc(50% - 600px);
	height: calc(100% - 80px);
	padding: 0;
	margin: 0;
	background: rgba(255,255,255,0.9);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.topAboutBox {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
	background: rgba(255,255,255,0.9);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	border-radius: 0 0 100px 0;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topAboutMap.png');
	background-position: top right;
	background-size: 50%;
	background-repeat: no-repeat;
}
.topAboutBoxLeft {
	width: 48%;
	padding: 150px 0 80px;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	align-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
	position: relative;
	z-index: 0;
}
.topAboutBoxRight {
	width: 48%;
	padding: 0;
	margin: 0;
	position: relative;
}
/*筆記体*/
.topAboutBoxLeft::before {
	content: '';
	display: block;
	width: 510px;
	height: 140px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 40px;
	left: -80px;
	z-index: -1;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_aboutus.png');
	background-position: top left;
	background-size: 100%;
	background-repeat: no-repeat;
	transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
}
/*見出し*/
#all_wrap .topAboutBoxLeft > h2 {
	width: 100%;
	padding: 0;
	margin: 0 auto 10px;
	border: none;
	background: none;
	font-size: 45px;
	line-height: 1.4em;
	color: #fff;
	font-weight: 600;
	position: relative;
}
#all_wrap .topAboutBoxLeft > h2::before,
#all_wrap .topAboutBoxLeft > h2::after {
	display: none;
}
#all_wrap .topAboutBoxLeft > h2 > span {
	display: inline-block;
	position: relative;
	padding: 10px 20px 10px 10px;
	margin: 0 0 10px;
	line-height: 1;
	z-index: 0;
}
#all_wrap .topAboutBoxLeft > h2 > span::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #111;
	border-radius: 0 0 20px 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#all_wrap .topAboutBoxLeft > p {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
}
/*リスト*/
#all_wrap .topAboutAward {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
#all_wrap .topAboutAward > li {
	width: auto;
	height: 135px;
	padding: 0;
	margin: 0 10px 0 0;
}
#all_wrap .topAboutAward > li img {
	width: auto;
	height: 100%;
	padding: 0;
	margin: 0;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
/*ロゴ*/
#all_wrap .topAboutBoxRight > h3 {
	max-width: 350px;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	position: absolute;
	top: 35%;
	left: 70px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
#all_wrap .topAboutBoxRight > h3::before,
#all_wrap .topAboutBoxRight > h3::after {
	display: none;
}
#all_wrap .topAboutBoxRight > h3 img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topAbout {
		width: 100%;
		padding: 0 0 30px;
		margin: 0 auto;
		position: relative;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topAboutBg2_sp.jpg');
		background-position: bottom center;
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 0;
	}
	#topAbout::after {
		content: '';
		display: block;
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		padding: 0;
		margin: 0;
		background: rgba(255,255,255,0.9);
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		border-radius: 0 0 20px 0;
	}
	.topAboutBox {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		background: none;
		display: block;
		position: relative;
		border-radius: 0 0 100px 0;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topAboutMap.png');
		background-position: bottom -10px right;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.topAboutBoxLeft {
		width: calc(100% - 30px);
		padding: 30px 0;
		margin: 0;
		display: flex;
		display: -webkit-flex;
		align-content: flex-end;
		align-items: flex-end;
		flex-wrap: wrap;
		position: relative;
		z-index: 0;
	}
	.topAboutBoxRight {
		width: calc(100% - 30px);
		padding: 30px 0 180px;
		margin: 0;
		position: relative;
	}
	/*筆記体*/
	.topAboutBoxLeft::before {
		content: '';
		display: block;
		width: 60%;
		height: 100px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 120px;
		left: unset;
		right: -60px;
		z-index: -1;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_aboutus.png');
		background-position: top left;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: rotate(-8deg);
		-webkit-transform: rotate(-8deg);
	}
	/*見出し*/
	#all_wrap .topAboutBoxLeft > h2 {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		border: none;
		background: none;
		font-size: 25px;
		line-height: 1.4em;
		color: #fff;
		font-weight: 600;
		position: relative;
	}
	#all_wrap .topAboutBoxLeft > h2 > span {
		display: inline-block;
		position: relative;
		padding: 5px 10px 5px 5px;
		margin: 0 0 5px;
		line-height: 1;
		z-index: 0;
	}
	#all_wrap .topAboutBoxLeft > h2 > span::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #111;
		border-radius: 0 0 20px 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	#all_wrap .topAboutBoxLeft > p {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
	}
	/*リスト*/
	#all_wrap .topAboutAward {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	#all_wrap .topAboutAward > li {
		width: 31%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	#all_wrap .topAboutAward > li img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
		filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	}
	/*ロゴ*/
	#all_wrap .topAboutBoxRight > h3 {
		width: 70%;
		max-width: 350px;
		padding: 0;
		margin: 0;
		border: none;
		background: none;
		position: relative;
		top: unset;
		left: unset;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
}

/************************************************************/
/*　トップページ 事業所紹介
/************************************************************/
#topOffice {
	width: 100%;
	padding: 100px 0 60px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
#topOffice::before {
	content: '';
	display: block;
	width: 100%;
	height: 70%;
	padding: 0;
	margin: 0;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topOfficeBg.png');
	background-position: top center;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#topOffice::after {
	content: '';
	display: block;
	width: 100%;
	height: 70%;
	padding: 0;
	margin: 0;
	background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/texture.gif');
	background-position: bottom left;
	background-size: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -2;
	opacity: 0.5;
}
.topOfficeWrap {
	width: calc(100% - 100px);
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
/*見出し*/
#all_wrap .topOfficeWrap > h2 {
	width: 40px;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	position: relative;
}
#all_wrap .topOfficeWrap > h2 img {
	width: 35px;
	height: auto;
	padding: 0;
	margin: 0 0 10px auto;
}
#all_wrap .topOfficeWrap > h2 {
	font-size: 35px;
	line-height: 1;
	padding: 0;
	margin: 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#all_wrap .topOfficeWrap > h2::before {
	content: '';
	display: block;
	width: 300px;
	height: 115px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 100px;
	left: -100px;
	z-index: -1;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_office.png');
	background-position: top left;
	background-size: 100%;
	background-repeat: no-repeat;
	transform: rotate(-14deg);
	-webkit-transform: rotate(-14deg);
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topOffice {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	#topOffice::before {
		display: none;
	}
	#topOffice::after {
		content: '';
		display: block;
		width: 100%;
		height: 60%;
		padding: 0;
		margin: 0;
		background: #fafafa;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -2;
		opacity: 0.5;
	}
	.topOfficeWrap {
		width: calc(100%);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		display: block;
	}
	/*見出し*/
	#all_wrap .topOfficeWrap > h2 {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 30px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
	}
	#all_wrap .topOfficeWrap > h2 img {
		width: 25px;
		height: auto;
		padding: 0;
		margin: 0 50% 10px;
	}
	#all_wrap .topOfficeWrap > h2 {
		font-size: 25px;
		line-height: 1;
		-ms-writing-mode:lr-tb;
		writing-mode: horizontal-tb;
	}
	#all_wrap .topOfficeWrap > h2::before {
		content: '';
		display: block;
		width: 80%;
		height: 100px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: -30px;
		left: 50%;
		z-index: -1;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_office.png');
		background-position: top left;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: translate(-50%,0) rotate(-14deg);
		-webkit-transform: translate(-50%,0) rotate(-14deg);
	}
}

/*リスト*/
.officeList {
	width: 100%;
	max-width: 920px;
	padding: 50px 0 0;
	margin: 0;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.officeList > li {
	width: 47%;
	padding: 20px 0 0 30px;
	margin: 0 0 40px;
	position: relative;
}

/*▼各事業所紹介用*/
.sub_page .officeList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
#all_wrap.sub_page .officeList > li.officeListTitle {
	width: 47%;
	padding: 0;
	margin: 0 0 40px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#all_wrap.sub_page .officeList > li.officeListTitle h2 {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	font-size: 35px;
	line-height: 1;
}
#all_wrap.sub_page .officeList > li.officeListTitle h2 img {
	width: 35px;
	height: auto;
	padding: 0;
	margin: 0 10px 0 0;
}
#all_wrap.sub_page .officeList > li.officeListTitle h2::before {
	content: '';
	display: block;
	width: 300px;
	height: 115px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: -50px;
	left: 0;
	z-index: -1;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_office.png');
	background-position: top left;
	background-size: 100%;
	background-repeat: no-repeat;
	transform: rotate(-14deg);
	-webkit-transform: rotate(-14deg);
}
#all_wrap.sub_page .officeList > li.officeListTitle h2 + em {
	display: block;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	font-family: 'Barlow', sans-serif;
	color: #9D0018;
	font-style: normal;
	padding: 0;
	margin: 0 0 0 10px;
	position: static;
	top: unset;
	left: unset;
}
#all_wrap.sub_page .officeList > li.officeListTitle h2 + em + p {
	font-size: 14px;
	line-height: 1.7em;
	padding: 0;
	margin: 20px 0 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
/*▲各事業所紹介用*/

.officeList > li > span {
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.officeList > li > span::before {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
}
.officeList > li > span::after {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;
}
/*画像*/
.officeList > li > figure {
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
	position: relative;
	overflow: hidden;
	text-align: center;
	border-radius: 30px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
.officeList > li > figure::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.officeList > li > figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*営業所名*/
#all_wrap .officeList > li > h3 {
	font-size: 22px;
	line-height: 1;
	padding: 5px;
	margin: 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background: #fff;
	position: absolute;
	top: -20px;
	right: 30px;
	z-index: 5;
}
#all_wrap .officeList > li > h3 > span {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	padding: 0;
	margin: 5px 0;
	background: #111;
	display: inline-block;
	border-radius: 50%;
}
/*営業所名*/
#all_wrap .officeList > li > em {
	display: block;
	font-family: 'Barlow', sans-serif;
	font-size: 50px;
	font-weight: 600;
	font-style: italic;
	line-height: 1;
	color: #9D0018;
	padding: 5px;
	margin: 0;
	background: none;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 5;
	text-shadow: 2px 2px 0 #fff;
	text-indent: -0.2em;
}
/*説明*/
#all_wrap .officeList > li > p {
	font-size: 14px;
	line-height: 1.4em;
	padding: 0;
	margin: 0 0 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}
/*アクセス*/
.mapBtn {
	text-align: left;
	padding: 0;
	margin: 0;
	line-height: 1;
}
.mapBtn > a {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}
.mapBtn > a img {
	width: auto;
	height: 15px;
	padding: 0;
	margin: 0 10px 0 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*リスト*/
	.officeList {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	.officeList > li {
		width: 100%;
		padding: 10px 0 0 20px;
		margin: 0 0 30px;
		position: relative;
	}
	.officeList > li:last-child {
		margin-bottom: 0;
	}
	.officeList > li > span {
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.officeList > li > span::before {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 0;
	}
	.officeList > li > span::after {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 0;
	}
	/*画像*/
	.officeList > li > figure {
		width: 100%;
		padding: 0;
		margin: 0 0 15px;
		position: relative;
		overflow: hidden;
		text-align: center;
		border-radius: 20px;
		-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
		filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	}
	/*営業所名*/
	#all_wrap .officeList > li > h3 {
		font-size: 20px;
		line-height: 1;
		padding: 5px;
		margin: 0;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		background: #fff;
		position: absolute;
		top: -10px;
		right: 20px;
		z-index: 5;
	}
	#all_wrap .officeList > li > h3 > span {
		content: '';
		display: block;
		width: 3px;
		height: 3px;
		padding: 0;
		margin: 5px 0;
		background: #111;
		display: inline-block;
		border-radius: 50%;
	}
	/*営業所名*/
	#all_wrap .officeList > li > em {
		display: block;
		font-family: 'Barlow', sans-serif;
		font-size: 50px;
		font-weight: 600;
		font-style: italic;
		line-height: 1;
		color: #9D0018;
		padding: 5px;
		margin: 0;
		background: none;
		position: absolute;
		top: calc(50% - 20px);
		left: 0;
		z-index: 5;
		text-shadow: 2px 2px 0 #fff;
		text-indent: -0.2em;
	}
	/*説明*/
	#all_wrap .officeList > li > p {
		font-size: 14px;
		line-height: 1.4em;
		padding: 0;
		margin: 0 0 10px;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	
	/*▼各事業所紹介用*/
	.sub_page .officeList {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	#all_wrap.sub_page .officeList > li.officeListTitle {
		width: 100%;
		padding: 0;
		margin: 0 auto 40px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#all_wrap.sub_page .officeList > li.officeListTitle h2 {
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		font-size: 25px;
		line-height: 1;
		width: calc(100%);
		padding: 0;
		margin: 0 auto;
	}
	#all_wrap.sub_page .officeList > li.officeListTitle h2 img {
		width: 35px;
		height: auto;
		padding: 0;
		margin: 0 10px 0 0;
	}
	#all_wrap.sub_page .officeList > li.officeListTitle h2::before {
		content: '';
		display: block;
		width: 80%;
		height: 100px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: -25px;
		left: 0;
		z-index: -1;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_office.png');
		background-position: top left;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
	}
	#all_wrap.sub_page .officeList > li.officeListTitle h2 + em {
		display: block;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		font-family: 'Barlow', sans-serif;
		color: #9D0018;
		font-style: normal;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: static;
		top: unset;
		left: unset;
	}
	#all_wrap.sub_page .officeList > li.officeListTitle h2 + em + p {
		font-size: 14px;
		line-height: 1.7em;
		width: 100%;
		padding: 0;
		margin: 20px auto 0;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	/*▲各事業所紹介用*/
}

/************************************************************/
/*　トップページ 選ばれる理由
/************************************************************/
#topReason {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto 100px;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.sub_page #topReason {
	width: 100%;
	padding: 100px 0 0;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
#topReason::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/texture.gif');
	background-position: bottom left;
	background-size: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	opacity: 0.3;
}

/*セクションタイトル*/
.secTitle {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
	text-align: center;
	z-index: 0;
}
.secTitle::before {
	content: '';
	display: block;
	width: 440px;
	height: 125px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	background-position: top center;
	background-size: 100%;
	background-repeat: no-repeat;
	transform: translate(-50%,-50%)rotate(-14deg);
	-webkit-transform: translate(-50%,-50%)rotate(-14deg);
	z-index: -1;
}
#topReason .secTitle::before {
	width: 440px;
	height: 125px;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_reason.png');
}
.secTitle > img {
	width: 60px;
	height: auto;
	padding: 0;
	margin: 0 auto 15px;
}
#all_wrap .secTitle > h2 {
	font-size: 40px;
	line-height: 1.2em;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	color: #111;
}
#all_wrap .secTitle > h2::before,
#all_wrap .secTitle > h2::after {
	display: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topReason {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	.sub_page #topReason {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	#topReason::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #fafafa;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		opacity: 0.3;
	}

	/*セクションタイトル*/
	.secTitle {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto 40px;
		position: relative;
		text-align: center;
		z-index: 0;
	}
	.secTitle::before {
		content: '';
		display: block;
		width: 80%;
		height: 100px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: -1;
		background-position: top center;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: translate(-50%,-50%)rotate(-14deg);
		-webkit-transform: translate(-50%,-50%)rotate(-14deg);
		z-index: -1;
	}
	#topReason .secTitle::before {
		width: 80%;
		height: 100px;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_reason.png');
	}
	.secTitle > img {
		width: 25px;
		height: auto;
		padding: 0;
		margin: 0 auto 10px;
	}
	#all_wrap .secTitle > h2 {
		font-size: 25px;
		line-height: 1;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		font-weight: 600;
		color: #111;
	}
}

/*リスト*/
#all_wrap .reasonList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
}
#all_wrap .reasonList > li {
	width: 100%;
	padding: 0 0 50px;
	margin: 0 auto 50px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
#all_wrap .reasonList > li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
#all_wrap .reasonList > li::before,
#all_wrap .reasonList > li::after {
	display: none;
}
.reasonInfo {
	width: 50%;
	padding: 0 40px 40px;
	margin: 0;
	position: relative;
}
.reasonList > li:nth-child(even) .reasonInfo {
	order: 1;
}
.reasonImg {
	width: 50%;
	padding: 0;
	margin: 0;
	position: relative;
}
/*情報*/
#all_wrap .reasonInfo > h3 {
	padding: 0;
	margin: 0 auto;
	border: none;
	background: none;
	position: relative;
}
#all_wrap .reasonInfo > h3::before,
#all_wrap .reasonInfo > h3::after {
	display: none;
}
#all_wrap .reasonInfo > h3 img {
	width: auto;
	height: 55px;
	padding: 0;
	margin: 0;
}
#all_wrap .reasonInfo > h4 {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
}
#all_wrap .reasonInfo > h4::before,
#all_wrap .reasonInfo > h4::after {
	display: none;
}
#all_wrap .reasonInfo > h4 > span {
	display: block;
	width: 100%;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px dashed #AAAAAA;
	font-size: 25px;
	line-height: 1;
}
#all_wrap .reasonInfo > h4 > span > strong {
	display: inline-block;
	background: linear-gradient(transparent 60%, #FFE971 0%);
}
#all_wrap .reasonInfo > p {
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
/*画像*/
.reasonImg > em {
	display: block;
	width: 100px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: -45px;
	right: 0;
	z-index: 10;
}
.reasonImg > em img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.reasonList > li:nth-child(even) .reasonImg > em {
	display: block;
	width: 100px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: -45px;
	right: unset;
	left: 0;
	z-index: 10;
}
.reasonImg > figure {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	text-align: center;
	border-radius: 30px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	transform: translate(75px,0);
	-webkit-transform: translate(75px,0);
}
.reasonList > li:nth-child(even) .reasonImg > figure {
	transform: translate(-75px,0);
	-webkit-transform: translate(-75px,0);
}
.reasonImg > figure::before {
	content: '';
	display: block;
	padding-top: 65%;
}
.reasonImg > figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.reasonImg > span {
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #5D5D5D;
	position: absolute;
	top: -20px;
	left: 0;
	z-index: -1;
	opacity: 0.1;
}
.reasonList > li:nth-child(even) .reasonImg > span {
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #5D5D5D;
	position: absolute;
	top: -20px;
	left: unset;
	right: 0;
	z-index: -1;
	opacity: 0.1;
}
.reasonImg > span::before {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #5D5D5D;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
}
.reasonImg > span::after {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #5D5D5D;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;
}
/*オブジェクト*/
.reasonImg > .object {
	width: 50%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}
.reasonList > li:nth-child(even) .reasonImg > .object {
	width: 50%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: unset;
	right: 0;
	z-index: 5;
}
.reasonList > li:nth-child(1) .reasonImg > .object {
	width: 45%;
}
.reasonList > li:nth-child(2) .reasonImg > .object {
	width: 60%;
	bottom: -40px;
}
.reasonList > li:nth-child(3) .reasonImg > .object {
	width: 60%;
	left: -20px;
	bottom: 20px;
}
.reasonList > li:nth-child(4) .reasonImg > .object {
	width: 35%;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*リスト*/
	#all_wrap .reasonList {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		position: relative;
	}
	#all_wrap .reasonList > li {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#all_wrap .reasonList > li:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.reasonInfo {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
	}
	.reasonList > li:nth-child(even) .reasonInfo {
		order: 1;
	}
	.reasonImg {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		order: 2;
	}
	/*情報*/
	#all_wrap .reasonInfo > h3 {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		border: none;
		background: none;
		position: relative;
	}
	#all_wrap .reasonInfo > h3 img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	#all_wrap .reasonInfo > h4 {
		width: 100%;
		padding: 0;
		margin: 0 auto 15px;
	}
	#all_wrap .reasonInfo > h4 > span {
		display: block;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		border-bottom: 1px dashed #AAAAAA;
		font-size: 18px;
		line-height: 1;
	}
	#all_wrap .reasonInfo > h4 > span > strong {
		display: inline-block;
		background: linear-gradient(transparent 60%, #FFE971 0%);
	}
	#all_wrap .reasonInfo > p {
		padding: 0;
		margin: 0 auto 25px;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#all_wrap .l-wrapper-full .content .reasonInfo > p {
		padding: 0;
		margin: 0 auto 25px;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	/*画像*/
	.reasonImg > em {
		display: block;
		width: 80px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: -15px;
		right: -10px;
		z-index: 10;
	}
	.reasonImg > em img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	.reasonList > li:nth-child(even) .reasonImg > em {
		display: block;
		width: 80px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: -15px;
		right: -10px;
		left: unset;
		z-index: 10;
	}
	.reasonImg > figure {
		width: calc(100% - 30px);
		padding: 0;
		margin: 0 0 0 auto;
		position: relative;
		overflow: hidden;
		text-align: center;
		border-radius: 20px;
		-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
		filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.reasonList > li:nth-child(even) .reasonImg > figure {
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.reasonImg > figure::before {
		content: '';
		display: block;
		padding-top: 65%;
	}
	.reasonImg > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	.reasonImg > span {
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #5D5D5D;
		position: absolute;
		top: -10px;
		left: 0;
		right: unset;
		z-index: -1;
		opacity: 0.1;
	}
	.reasonList > li:nth-child(even) .reasonImg > span {
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #5D5D5D;
		position: absolute;
		top: -10px;
		left: 0;
		right: unset;
		z-index: -1;
		opacity: 0.1;
	}
	.reasonImg > span::before {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #5D5D5D;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 0;
	}
	.reasonImg > span::after {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #5D5D5D;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 0;
	}
	/*オブジェクト*/
	.reasonImg > .object {
		width: 50%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: -30px;
		left: 0;
		z-index: 5;
	}
	.reasonList > li:nth-child(even) .reasonImg > .object {
		width: 50%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		right: unset;
		z-index: 5;
	}
	.reasonList > li:nth-child(1) .reasonImg > .object {
		width: 35%;
	}
	.reasonList > li:nth-child(2) .reasonImg > .object {
		width: 50%;
		bottom: -40px;
		left: -15px;
	}
	.reasonList > li:nth-child(3) .reasonImg > .object {
		width: 60%;
		left: -10px;
		bottom: -40px;
	}
	.reasonList > li:nth-child(4) .reasonImg > .object {
		width: 35%;
		left: -10px;
		bottom: -20px;
	}
}

/************************************************************/
/*　トップページ 施工実績
/************************************************************/
#topCase {
	width: 100%;
	padding: 100px 0 50px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	border-bottom: 1px solid #fff;
}
#topCase::before {
	content: '';
	display: block;
	width: 100%;
	height: 45%;
	padding: 0;
	margin: 0;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topOfficeBg.png');
	background-position: top center;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	opacity: 0.2;
}
#topCase::after {
	content: '';
	display: block;
	width: 100%;
	height: 45%;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -2;
}

/*セクションタイトル*/
#topCase .secTitle {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	text-align: center;
	z-index: 0;
}
#topCase .secTitle::before {
	width: 380px;
	height: 125px;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_case.png');
}

#all_wrap .topCaseSlider {
	width: 100%;
	margin: 0 auto;
	list-style: none;
	visibility: hidden;
	opacity: 0;
	transition: ease 0.2s;
}
#all_wrap .topCaseSlider.slick-initialized {
	visibility: visible;
	opacity: 1;
	transition: ease 0.2s;
}
#all_wrap #topCase .slick-list {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 30px;
}
.topCaseSlider li.slick-slide {
	width: 100%;
	padding: 0;
	margin: 0 15px;
}
.topCaseSlider li.slick-slide figure {
	width: 100%;
	padding: 0;
	margin: 0 auto 15px;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 20px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
.topCaseSlider li.slick-slide figure::before {
	content: '';
	display: block;
	padding-top: 60%;
}
.topCaseSlider li.slick-slide figure img {
	width:100%;
	height:auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
#all_wrap .topCaseSlider li > h3 {
	padding: 0;
	margin: 0 auto 15px;
	border: none;
	background: none;
}
#all_wrap .topCaseSlider li > h3::before,
#all_wrap .topCaseSlider li > h3::after {
	display: none;
}
#all_wrap .topCaseSlider li > h3 a {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
	color: #fff;
	transition: all 0.3s ease;
}
#all_wrap .topCaseSlider li > h3 a:hover {
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
	transition: all 0.3s ease;
}
.tagList {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	column-gap: 3px;
	grid-row-gap: 3px;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 auto 10px;
}
.postContents .tagList {
	margin: 0;
	margin-bottom: 0;
}
.tagList > .tag {
	display: inline-block;
	padding: 3px 6px 5px;
	margin: 0;
	background: #9D0018;
	border: 1px solid #fff;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	transition: all 0.3s ease;
}
.postContents .tagList > .tag {
	border: none;
}
#all_wrap .tagList > .tag a {
	color: #fff;
	text-decoration: none;
}
#all_wrap .tagList > .tag:hover a {
	text-decoration: none;
}
#all_wrap .topCaseSlider li.slick-slide > .caseACF {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	position: relative;
}
#all_wrap .topCaseSlider li.slick-slide .case_maker {
	display: block;
	padding: 2px;
	margin: 0;
	text-align: right;
	height: 26px;
	background: #fff;
}
#all_wrap .topCaseSlider li.slick-slide .case_maker img {
	width: auto;
	height: 100%;
	padding: 0;
	margin: 0;
}
#all_wrap .topCaseSlider li.slick-slide .case_add {
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.4em;
	color: #fff;
}
#all_wrap .topCaseSlider .slick-list {
	padding-bottom: 30px;
}
.topCaseSlider .slick-slide {
	margin:0 10px;
}
#all_wrap #topCase .slick-track {
	height: auto;
}
/*Nextボタン*/
#topCase .case-next {
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	background: #111111;
	position: absolute;
	top: 23%;
	right: 50px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
	transition: all 0.5s ease;
	z-index: 20;
}
#topCase .case-next::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 50%;
	right: 17px;
	transform: translate(0,-50%) rotate(45deg);
	-webkit-transform: translate(0,-50%) rotate(45deg);
	transition: all 0.5s ease;
}
#topCase .case-next:hover {
	opacity: 0.8;
	transition: all 0.5s ease;
}
/*Prevボタン*/
#topCase .case-prev {
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	background: #111111;
	position: absolute;
	top: 23%;
	left: 50px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
	transition: all 0.5s ease;
	z-index: 20;
}
#topCase .case-prev::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	position: absolute;
	top: 50%;
	left: 17px;
	transform: translate(0,-50%) rotate(-45deg);
	-webkit-transform: translate(0,-50%) rotate(-45deg);
	transition: all 0.5s ease;
}
#topCase .case-prev:hover {
	opacity: 0.8;
	transition: all 0.5s ease;
}
/*ドットナビゲーションの設定*/
#topCase .slick-dots {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: 5;
}
#topCase .slick-dots li {
	display:inline-block;
	margin: 0 4px;
	padding: 0;
}
#topCase .slick-dots li::before,
#topCase .slick-dots li::after {
	display: none;
}
#topCase .slick-dots button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	display: block;
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 50%;
	text-indent: -9999px;
	opacity: 0.5;
}
#topCase .slick-dots .slick-active button{
	background: #fff;
	opacity: 1;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topCase {
		width: 100%;
		padding: 40px 0 30px;
		margin: 0 auto;
		position: relative;
		z-index: 0;
	}
	#topCase::before {
		content: '';
		display: block;
		width: 100%;
		height: 55%;
		padding: 0;
		margin: 0;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topOfficeBg_sp.png');
		background-position: top center;
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		opacity: 0.2;
	}
	#topCase::after {
		content: '';
		display: block;
		width: 100%;
		height: 55%;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -2;
	}

	/*セクションタイトル*/
	#topCase .secTitle {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
		text-align: center;
		z-index: 0;
	}
	#topCase .secTitle::before {
		width: 80%;
		height: 100px;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_case.png');
	}

	#all_wrap .topCaseSlider {
		width: calc(100%);
		margin: 0 auto;
		list-style: none;
		visibility: hidden;
		opacity: 0;
		transition: ease 0.2s;
	}
	#all_wrap .topCaseSlider.slick-initialized {
		visibility: visible;
		opacity: 1;
		transition: ease 0.2s;
	}
	#all_wrap .slick-list {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
	.topCaseSlider li.slick-slide {
		width: 100%;
		padding: 0;
		margin: 0 30px;
	}
	.topCaseSlider li.slick-slide figure {
		width: 100%;
		padding: 0;
		margin: 0 auto 15px;
		position: relative;
		text-align: center;
		overflow: hidden;
		border-radius: 20px;
		-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
		filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	}
	.topCaseSlider li.slick-slide figure::before {
		content: '';
		display: block;
		padding-top: 60%;
	}
	.topCaseSlider li.slick-slide figure img {
		width:100%;
		height:auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	#all_wrap .topCaseSlider li > h3 {
		padding: 0;
		margin: 0 auto 15px;
		border: none;
		background: none;
	}
	#all_wrap .topCaseSlider li > h3 a {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.4em;
		color: #fff;
		transition: all 0.3s ease;
	}
	#all_wrap .topCaseSlider li > h3 a:hover {
		opacity: 0.8;
		transition: all 0.3s ease;
	}
	.tagList {
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 0;
		margin: 0 auto 5px;
	}
	.tagList > .tag {
		display: inline-block;
		padding: 3px 6px 5px;
		margin: 0 3px 3px 0;
		background: none;
		border: 1px solid #fff;
		border-radius: 3px;
		font-size: 11px;
		line-height: 1;
		color: #fff;
		transition: all 0.3s ease;
	}
	.postContents .tagList > .tag {
		border: none;
		background: #9D0018;
	}
	#all_wrap .tagList > .tag a {
		color: #fff;
		text-decoration: none;
	}
	#all_wrap .tagList > .tag:hover a {
		text-decoration: none;
	}
	#all_wrap .topCaseSlider li.slick-slide .case_add {
		padding: 0;
		margin: 0;
		font-size: 12px;
		line-height: 1.4em;
		color: #fff;
	}
	#all_wrap .topCaseSlider .slick-list {
		padding-bottom: 15px;
	}
	.topCaseSlider .slick-slide {
		margin:0 10px;
	}
	#all_wrap #topCase .slick-track {
		height: auto;
	}
	/*Nextボタン*/
	#topCase .case-next {
		width: 40px;
		height: 40px;
		padding: 0;
		margin: 0;
		border-radius: 50%;
		background: #111111;
		position: absolute;
		top: 23%;
		right: 10px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		cursor: pointer;
		transition: all 0.5s ease;
		z-index: 20;
	}
	#topCase .case-next::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		padding: 0;
		margin: 0;
		background: none;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		position: absolute;
		top: 50%;
		right: 17px;
		transform: translate(0,-50%) rotate(45deg);
		-webkit-transform: translate(0,-50%) rotate(45deg);
		transition: all 0.5s ease;
	}
	#topCase .case-next:hover {
		opacity: 0.8;
		transition: all 0.5s ease;
	}
	/*Prevボタン*/
	#topCase .case-prev {
		width: 40px;
		height: 40px;
		padding: 0;
		margin: 0;
		border-radius: 50%;
		background: #111111;
		position: absolute;
		top: 23%;
		left: 10px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		cursor: pointer;
		transition: all 0.5s ease;
		z-index: 20;
	}
	#topCase .case-prev::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		padding: 0;
		margin: 0;
		background: none;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		position: absolute;
		top: 50%;
		left: 17px;
		transform: translate(0,-50%) rotate(-45deg);
		-webkit-transform: translate(0,-50%) rotate(-45deg);
		transition: all 0.5s ease;
	}
	#topCase .case-prev:hover {
		opacity: 0.8;
		transition: all 0.5s ease;
	}
	/*ドットナビゲーションの設定*/
	#topCase .slick-dots {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		z-index: 5;
	}
	#topCase .slick-dots li {
		display:inline-block;
		margin: 0 4px;
	}
	#topCase .slick-dots button {
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		display: block;
		width: 7px;
		height: 7px;
		background: #fff;
		border-radius: 50%;
		text-indent: -9999px;
		opacity: 0.5;
	}
	#topCase .slick-dots .slick-active button{
		background: #fff;
		opacity: 1;
	}
}


/************************************************************/
/*　トップページ 施工実績
/************************************************************/
#topMessage {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/message_bg.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-attachment: fixed;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
#topMessage::before {
	content: '';
	display: block;
	width: 100%;
	height: 200px;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/wave_bg.png');
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
}
#topMessage::after {
	content: '';
	display: block;
	width: 600px;
	height: 180px;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 80px;
	right: 20px;
	z-index: 0;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_message.png');
	background-position: top right;
	background-size: 100%;
	background-repeat: no-repeat;
	transform: rotate(-14deg);
	-webkit-transform: rotate(-14deg);
}
.topMessageWrap {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
.topMessageInfo {
	width: 50%;
	padding: 100px 0 70px;
	margin: 0;
}
/*見出し*/
#all_wrap .topMessageInfo > h2 {
	width: 100%;
	padding: 0 0 10px;
	margin: 0 auto 40px;
	font-size: 50px;
	line-height: 1;
	font-weight: 600;
	color: #9D0018;
}
#all_wrap .topMessageInfo > h2::after {
	display:block;
	content:"";
	width:100%;
	height:8px;
	background: radial-gradient(circle farthest-side, #9D0018, #9D0018 50%, transparent 50%, transparent); 
	background-size: 8px 8px;
	margin-top: 10px;
}
#all_wrap .topMessageInfo > h2 > span {
	display: block;
	padding: 0;
	margin: 0 auto 10px;
	font-size: 22px;
	line-height: 1;
	color: #9D0018;
	font-weight: 600;
}
/*見出し*/
#all_wrap .topMessageInfo > h3 {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	font-size: 30px;
	line-height: 1;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#all_wrap .topMessageInfo > h3 > span {
	display: inline-block;
	position: relative;
	padding: 10px 20px 10px 10px;
	margin: 0 0 10px;
	line-height: 1;
	z-index: 0;
}
#all_wrap .topMessageInfo > h3 > span::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #9D0018;
	border-radius: 0 0 20px 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#all_wrap .topMessageInfo > p {
	padding: 0;
	margin: 0 auto 30px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.7em;
	color: #111;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topMessage {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/message_bg_sp.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: inherit;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	#topMessage::before {
		content: '';
		display: block;
		width: 100%;
		height: 50%;
		padding: 0;
		margin: 0;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/wave_bg.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -2;
	}
	#topMessage::after {
		content: '';
		display: block;
		width: 80%;
		height: 100px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: unset;
		bottom: 70px;
		right: unset;
		left: 0;
		z-index: -1;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_message.png');
		background-position: top right;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
	}
	.topMessageWrap {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		z-index: 0;
	}
	.topMessageWrap > figure {
		width: 60%;
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: -1px;
		right: -50px;
		z-index: -1;
	}
	.topMessageWrap > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	.topMessageInfo {
		width: calc(100% - 60px);
		padding: 40px 0 20px;
		margin: 0 auto;
	}
	/*見出し*/
	#all_wrap .topMessageInfo > h2 {
		width: 100%;
		padding: 0 0 10px;
		margin: 0 auto 15px;
		font-size: 25px;
		line-height: 1;
		font-weight: 600;
		color: #9D0018;
	}
	#all_wrap .topMessageInfo > h2::after {
		display:block;
		content:"";
		width:100%;
		height:8px;
		background: radial-gradient(circle farthest-side, #9D0018, #9D0018 50%, transparent 50%, transparent); 
		background-size: 8px 8px;
		margin-top: 10px;
	}
	#all_wrap .topMessageInfo > h2 > span {
		display: block;
		padding: 0;
		margin: 0 auto 10px;
		font-size: 14px;
		line-height: 1;
		color: #9D0018;
		font-weight: 600;
	}
	/*見出し*/
	#all_wrap .topMessageInfo > h3 {
		width: 100%;
		padding: 0;
		margin: 0 auto 5px;
		font-size: 18px;
		line-height: 1;
		color: #fff;
		font-weight: 600;
		letter-spacing: 0.1em;
	}
	#all_wrap .topMessageInfo > h3 > span {
		display: inline-block;
		position: relative;
		padding: 5px 10px 5px 5px;
		margin: 0 0 5px;
		line-height: 1;
		z-index: 0;
	}
	#all_wrap .topMessageInfo > h3 > span::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #9D0018;
		border-radius: 0 0 10px 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	#all_wrap .topMessageInfo > p {
		padding: 0;
		margin: 0 auto 20px;
		text-align: justify;
		text-justify: inter-ideograph;
		line-height: 1.7em;
		color: #111;
	}
}

/************************************************************/
/*　トップページ お問い合わせ
/************************************************************/
#topContact {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
#all_wrap .contactList {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	display: -webkit-flex;
}
#all_wrap .contactList > li {
	width: calc(100% / 3);
	padding: 80px 0 150px;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
	background: #262626;
	transition: all 0.3s ease;
}
#all_wrap .contactList > li:nth-child(2) {
	background: #9D0018;
}
#all_wrap .contactList > li:nth-child(3) {
	background: #D16C28;
}
#all_wrap .contactList > li::before {
	content: '';
	display: block;
	width: calc(100% - 24px);
	height: 1px;
	padding: 0;
	margin: 0;
	background: #fff;
	position: absolute;
	bottom: 12px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: 0;
}
#all_wrap .contactList > li::after {
	content: '';
	display: block;
	width: 1px;
	height: calc(100% - 24px);
	padding: 0;
	margin: 0;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	z-index: 0;
}
#all_wrap .contactList > li:hover {
	opacity: 0.9;
	transition: all 0.3s ease;
}
#all_wrap .contactList > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#all_wrap .contactList > li > img.icon {
	width: auto;
	height: 35px;
	padding: 0;
	margin: 0 auto 30px;
}
#all_wrap .contactList > li > h2 {
	width: 100%;
	padding: 0;
	margin: 0 auto 30px;
	text-align: center;
	border: none;
	background: none;
	font-size: 38px;
	line-height: 1;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: 600;
}
#all_wrap .contactList > li > p {
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0 auto 30px;
	line-height: 1.4em;
	color: #fff;
}
#all_wrap .contactList > li > tel {
	display: block;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}
#all_wrap .contactList > li > span {
	display: block;
	width: 55px;
	height: 55px;
	padding: 0;
	margin: 0;
	background: none;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
#all_wrap .contactList > li > span::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 50%;
	left: 47%;
	transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
}
#all_wrap .contactList > li:hover > span {
	background: #fff;
	transition: all 0.3s ease;
}
#all_wrap .contactList > li:hover > span::before {
	border-top: 1px solid #262626;
	border-right: 1px solid #262626;
	transition: all 0.3s ease;
}
#all_wrap .contactList > li:nth-child(2):hover > span::before {
	border-top: 1px solid #9D0018;
	border-right: 1px solid #9D0018;
	transition: all 0.3s ease;
}
#all_wrap .contactList > li:nth-child(3):hover > span::before {
	border-top: 1px solid #D16C28;
	border-right: 1px solid #D16C28;
	transition: all 0.3s ease;
}
#all_wrap #topContact tel.spTel {
	display: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#topContact {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#all_wrap .contactList {
		width: 100%;
		padding: 0;
		margin: 0 auto 1px;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	#all_wrap .contactList > li {
		width: calc(100% / 3);
		padding: 25px 10px;
		margin: 0;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: column;
		position: relative;
		background: #262626;
		transition: all 0.3s ease;
	}
	#all_wrap .contactList > li:nth-child(2) {
		background: #9D0018;
	}
	#all_wrap .contactList > li:nth-child(3) {
		background: #D16C28;
	}
	#all_wrap .contactList > li::before {
		display: none;
	}
	#all_wrap .contactList > li::after {
		display: none;
	}
	#all_wrap .contactList > li:hover {
		opacity: 0.9;
		transition: all 0.3s ease;
	}
	#all_wrap .contactList > li > a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	#all_wrap .contactList > li > img.icon {
		width: auto;
		height: 18px;
		padding: 0;
		margin: 0 auto 5px;
	}
	#all_wrap .contactList > li > h2 {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
		border: none;
		background: none;
		font-size: 14px;
		line-height: 1;
		color: #fff;
		letter-spacing: normal;
		font-weight: 600;
	}
	#all_wrap .contactList > li > p {
		display: none;
	}
	#all_wrap .contactList > li > tel {
		display: none;
	}
	#all_wrap .contactList > li > span {
		display: none;
	}
	
	/*電話*/
	#all_wrap #topContact tel.spTel {
		width: 100%;
		display: block;
		padding: 15px;
		margin: 0 auto;
		background: #9D0018;
	}
	#all_wrap #topContact tel.spTel > p {
		text-align: center;
		padding: 0;
		margin: 0 auto 3px;
		font-size: 12px;
		line-height: 1;
		color: #fff;
	}
	#all_wrap #topContact tel.spTel > a {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		color: #fff;
	}
	#all_wrap #topContact tel.spTel > a img {
		width: auto;
		height: 30px;
		padding: 0;
		margin: 5px 5px 0 0;
	}
	#all_wrap #topContact tel.spTel > a span {
		font-family: 'Barlow', sans-serif;
		font-size: 35px;
		font-weight: bold;
		line-height: 1;
		color: #fff;
		white-space: nowrap;
	}
}

/************************************************************/
/*　フッター　事業所紹介
/************************************************************/
#fotterOffice {
	width: 100%;
	padding: 40px 0 10px;
	margin: 0 auto;
	position: relative;
}
#fotterOffice::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: url(https://www.tsubakidensetsu.co.jp/wp-content/uploads/texture.gif);
	background-position: bottom left;
	background-size: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	opacity: 0.3;
}
#all_wrap .officeListMin {
	width: calc(100% - 100px);
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#all_wrap .officeListMin > li {
	width: 48%;
	padding: 0;
	margin: 0 0 30px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#all_wrap .officeListMin > li figure {
	width: 40%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}
#all_wrap .officeListMin > li figure::before {
	content: '';
	display: block;
	padding-top: 65%;
}
#all_wrap .officeListMin > li figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
#all_wrap .officeListMin > li .officeListMinInfo {
	width: calc(60% - 20px);
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#all_wrap .officeListMin > li .officeListMinInfo h2 {
	font-size: 18px;
	line-height: 1.4em;
	padding: 0;
	margin: 0 auto 5px;
	width: 100%;
	text-align: left;
}
#all_wrap .officeListMin > li .officeListMinInfo > p {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0 auto 10px;
	font-size: 14px;
	line-height: 1.4em;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#fotterOffice {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
	}
	#fotterOffice::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #fafafa;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		opacity: 0.3;
	}
	#all_wrap .officeListMin {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#all_wrap .officeListMin > li {
		width: 100%;
		padding: 0 0 15px;
		margin: 0 0 15px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		border-bottom: 1px solid #ddd;
	}
	#all_wrap .officeListMin > li:last-child {
		margin-bottom: 0;
	}
	#all_wrap .officeListMin > li figure {
		width: 40%;
		padding: 0;
		margin: 0;
		position: relative;
		text-align: center;
		overflow: hidden;
		border-radius: 10px;
	}
	#all_wrap .officeListMin > li figure::before {
		content: '';
		display: block;
		padding: 50%;
	}
	#all_wrap .officeListMin > li figure img {
		width: auto;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	#all_wrap .officeListMin > li .officeListMinInfo {
		width: calc(60% - 20px);
		padding: 0;
		margin: 0;
		display: flex;
		display: -webkit-flex;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#all_wrap .officeListMin > li .officeListMinInfo h2 {
		font-size: 15px;
		line-height: 1.4em;
		padding: 0;
		margin: 0 auto 5px;
		width: 100%;
		text-align: left;
	}
	#all_wrap .officeListMin > li .officeListMinInfo > p {
		width: 100%;
		text-align: left;
		padding: 0;
		margin: 0 auto 10px;
		font-size: 12px;
		line-height: 1.4em;
	}
}



/************************************************************/
/*　カテゴリ　施工実績
/************************************************************/
#all_wrap .caseList {
	width: calc(100% - 100px);
	max-width: 1200px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: ease 0.2s;
	position: relative;
}
#all_wrap .caseList::after {
	content: '';
	display: block;
	width: 30%;
}
#all_wrap .caseList > li {
	width: 30%;
	padding: 0;
	margin: 0 0 60px;
	position: relative;
}
#all_wrap .caseList > li > span.obj {
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #5D5D5D;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: -1;
	opacity: 0.1;
}
#all_wrap .caseList > li > span.obj::before {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #5D5D5D;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
}
#all_wrap .caseList > li > span.obj::after {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #5D5D5D;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;
}
#all_wrap .caseList > li figure {
	width: 100%;
	padding: 0;
	margin: 0 auto 15px;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 20px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
#all_wrap .caseList > li figure::before {
	content: '';
	display: block;
	padding-top: 60%;
}
#all_wrap .caseList > li figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
#all_wrap .caseList > li > h3 {
	padding: 0;
	margin: 0 auto 10px;
	border: none;
	background: none;
}
#all_wrap .caseList > li > h3 a {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
	color: #111;
	transition: all 0.3s ease;
}
#all_wrap .caseList > li > h3 a:hover {
	opacity: 0.8;
	transition: all 0.3s ease;
}
#all_wrap .caseList > li > .caseACF {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	position: relative;
}
#all_wrap .caseList > li .case_add {
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.4em;
	color: #111;
}
#all_wrap .caseList > li .case_maker {
	display: block;
	padding: 0;
	margin: 0;
	text-align: right;
	height: 30px;
}
#all_wrap .caseList > li .case_maker img {
	width: auto;
	height: 100%;
	padding: 0;
	margin: 0;
}
#all_wrap .caseList > li > .tagList {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 auto 10px;
}
#all_wrap .caseList > li > .tagList > .tag {
	display: inline-block;
	padding: 3px 6px 5px;
	margin: 0 3px 3px 0;
	background: #9D0018;
	border: none;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	transition: all 0.3s ease;
}
#all_wrap .caseList > li > .tagList > .tag a {
	color: #fff;
	text-decoration: none;
}
#all_wrap .caseList > li > .tagList > .tag:hover a {
	text-decoration: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap .caseList {
		width: calc(100% - 60px);
		max-width: 100%;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		transition: ease 0.2s;
		position: relative;
	}
	#all_wrap .caseList::after {
		content: '';
		display: none;
	}
	#all_wrap .caseList > li {
		width: 100%;
		padding: 0;
		margin: 0 0 40px;
	}
	#all_wrap .caseList > li > span.obj {
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #5D5D5D;
		position: absolute;
		top: -15px;
		left: -15px;
		z-index: -1;
		opacity: 0.1;
	}
	#all_wrap .caseList > li > span.obj::before {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #5D5D5D;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 0;
	}
	#all_wrap .caseList > li > span.obj::after {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #5D5D5D;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 0;
	}
	#all_wrap .caseList > li > h3 {
		padding: 0;
		margin: 0 auto 10px;
		border: none;
		background: none;
	}
	#all_wrap .caseList > li > h3 a {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.4em;
		color: #111;
		transition: all 0.3s ease;
	}
	#all_wrap .caseList > li > h3 a:hover {
		opacity: 0.8;
		transition: all 0.3s ease;
	}
	#all_wrap .caseList > li .case_add {
		padding: 0;
		margin: 0;
		font-size: 10px;
		line-height: 1.4em;
		color: #111;
	}
	#all_wrap .caseList > li > .tagList {
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 0;
		margin: 0 auto 5px;
	}
	#all_wrap .caseList > li > .tagList > .tag {
		display: inline-block;
		padding: 3px 6px 5px;
		margin: 0 3px 3px 0;
		background: #9D0018;
		border: none;
		border-radius: 3px;
		font-size: 11px;
		line-height: 1;
		color: #fff;
		transition: all 0.3s ease;
	}
	#all_wrap .caseList > li > .tagList > .tag a {
		color: #fff;
		text-decoration: none;
	}
	#all_wrap .caseList > li > .tagList > .tag:hover a {
		text-decoration: none;
	}
}

/************************************************************/
/*　詳細 施工実績
/************************************************************/
.singleHead {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.singleHeadLeft {
	width: 60%;
	padding: 0;
	margin: 0;
}
.singleHeadRight {
	width: 40%;
	padding: 0;
	margin: 0;
	text-align: right;
}
.singleHeadLeft .case_add {
	font-size: 14px;
	line-height: 1;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	align-content: center;
	align-items: center;
}
.singleHeadLeft .case_add > em {
	display: inline-block;
	padding: 3px 6px 5px;
	margin: 0 10px 0 0;
	background: #111;
	font-size: 12px;
	line-height: 1;
	font-style: normal;
	color: #fff;
	position: relative;
}
.singleHeadLeft .case_add > em::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	padding: 0;
	margin: 0;
	background: #111;
	position: absolute;
	top: 50%;
	right: -6px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	clip-path: polygon(0 0, 0% 100%, 50% 50%);
}
.singleHeadRight .case_maker img {
	width: auto;
	height: 30px;
	padding: 0;
	margin: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	.singleHead {
		width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.singleHeadLeft {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.singleHeadRight {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	.singleHeadLeft .case_add {
		font-size: 14px;
		line-height: 1;
		padding: 0;
		margin: 0 auto 10px;
		display: flex;
		display: -webkit-flex;
		align-content: center;
		align-items: center;
	}
	.singleHeadLeft .case_add > em {
		display: inline-block;
		padding: 3px 6px;
		margin: 0 10px 0 0;
		background: #111;
		font-size: 10px;
		line-height: 1;
		font-style: normal;
		color: #fff;
		position: relative;
	}
	.singleHeadLeft .case_add > em::after {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		padding: 0;
		margin: 0;
		background: #111;
		position: absolute;
		top: 50%;
		right: -6px;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		clip-path: polygon(0 0, 0% 100%, 50% 50%);
	}
	.singleHeadRight .case_maker img {
		width: auto;
		height: 30px;
		padding: 0;
		margin: 0;
	}
}

/************************************************************/
/*　サイドバー　施工実績
/************************************************************/
#all_wrap .sidCaseList {
	width: 100%;
	max-width: 100%;
	padding: 15px;
	margin: 0 auto 30px;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: ease 0.2s;
	position: relative;
	border-radius: 5px;
	background: #fafafa;
}
#all_wrap .sidCaseList > li {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
	border-bottom: 1px solid #c8c8c8;
}
#all_wrap .sidCaseList > li::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
}
#all_wrap .sidCaseList > li figure {
	width: 100%;
	padding: 0;
	margin: 0 auto 10px;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
}
#all_wrap .sidCaseList > li figure::before {
	content: '';
	display: block;
	padding-top: 60%;
}
#all_wrap .sidCaseList > li figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
#all_wrap .sidCaseList > li > h3 {
	padding: 0;
	margin: 0 auto 8px;
	border: none;
	background: none;
}
#all_wrap .sidCaseList > li > h3 a {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4em;
	color: #111;
	transition: all 0.3s ease;
}
#all_wrap .sidCaseList > li > h3 a:hover {
	opacity: 0.8;
	transition: all 0.3s ease;
}
#all_wrap .sidCaseList > li > .tagList {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 auto 15px;
}
#all_wrap .sidCaseList > li > .tagList > .tag {
	display: inline-block;
	padding: 3px 6px 5px;
	margin: 0 3px 3px 0;
	background: #9D0018;
	border: none;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	transition: all 0.3s ease;
}
#all_wrap .sidCaseList > li > .tagList > .tag a {
	color: #fff;
	text-decoration: none;
}
#all_wrap .sidCaseList > li > .tagList > .tag:hover a {
	text-decoration: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
}

/************************************************************/
/*　カテゴリ　よくある質問
/************************************************************/
#all_wrap .faqList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 50px;
}
#all_wrap .faqList.page {
	width: 100%;
	max-width: 1100px;
	padding: 100px 0;
	margin: 0 auto;
}
#all_wrap .content .faqList > h2 {
	padding: 0;
	margin: 0 auto 30px;
	text-align: center;
	font-size: 40px;
	line-height: 1;
	text-align: center;
	font-weight: 600;
	color: #111;
	border: none;
	background: none;
}
#all_wrap .content .faqList > h2::before,
#all_wrap .content .faqList > h2::after {
	display: none;
}
#all_wrap .faqList dl {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: none;
}
#all_wrap .faqList dt {
	width: 100%;
	padding: 20px 0 20px 40px;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	border-bottom: 1px solid #E3E3E3;
	position: relative;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: 600;
	cursor: pointer;
}
#all_wrap .faqList dt::before {
	content: 'Q';
	display: block;
	padding: 0;
	margin: 0 20px 0 0;
	font-size: 25px;
	line-height: 1;
	color: #9D0018;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-feature-settings: "palt";
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 1;
}
#all_wrap .faqList dd {
	padding: 20px 0 20px 40px;
	background: none;
	font-size: 15px;
	line-height: 2;
	font-weight: 400;
	font-style: normal;
	font-feature-settings: "palt";
	position: relative;
	margin: 0 auto 80px;
}
#all_wrap .faqList dd::before {
	content: 'A';
	display: block;
	padding: 0;
	margin: 0;
	font-size: 25px;
	line-height: 1;
	color: #111;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-feature-settings: "palt";
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 1;
}
#all_wrap .faqList dd p {
	font-size: 15px;
	padding: 0;
	margin: 0 auto 20px;
}
#all_wrap .faqList dt span {
	display: block;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0 0 0 auto;
	background: none;
	border: none;
	position: relative;
	transition: all 0.2s ease;
}
#all_wrap .faqList dt span::before,
#all_wrap .faqList dt span::after {
	content: '';
	display: block;
	width: 15px;
	height: 1px;
	border-radius: 5px;
	background: #111;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#all_wrap .faqList dt span::after {
	background: #111;
	transform: translate(-50%,-50%) rotate(90deg);
	transition: 0.5s;
}
#all_wrap .faqList dt .active::after {
	transform: translate(-50%,-50%) rotate(0);
	transform-origin: center center;
	transition: 0.5s;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap .faqList {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 50px;
	}
	#all_wrap .faqList.page {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 40px 0;
		margin: 0 auto;
	}
	#all_wrap .content .faqList > h2 {
		padding: 0;
		margin: 0 auto 15px;
		text-align: center;
		font-size: 20px;
		line-height: 1;
		text-align: center;
		font-weight: 600;
		color: #111;
		border: none;
		background: none;
	}
	#all_wrap .faqList dl {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		background: none;
	}
	#all_wrap .faqList dt {
		width: 100%;
		padding: 15px 20px 15px 25px;
		margin: 0;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		border-bottom: 1px solid #E3E3E3;
		position: relative;
		font-size: 14px;
		line-height: 1.4em;
		cursor: pointer;
	}
	#all_wrap .faqList dt::before {
		content: 'Q';
		display: block;
		padding: 0;
		margin: 0 10px 0 0;
		font-size: 20px;
		line-height: 1;
		color: #9D0018;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-style: normal;
		font-feature-settings: "palt";
		position: absolute;
		top: 0.7em;
		left: 0;
		z-index: 1;
	}
	#all_wrap .faqList dd {
		padding: 15px 0 15px 25px;
		background: none;
		font-size: 14px;
		line-height: 2;
		font-weight: 400;
		font-style: normal;
		font-feature-settings: "palt";
		position: relative;
		margin: 0 auto 40px;
	}
	#all_wrap .faqList dd::before {
		content: 'A';
		display: block;
		padding: 0;
		margin: 0;
		font-size: 20px;
		line-height: 1;
		color: #111;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-style: normal;
		font-feature-settings: "palt";
		position: absolute;
		top: 0.7em;
		left: 0;
		z-index: 1;
	}
	#all_wrap .faqList dd p {
		font-size: 14px;
		padding: 0;
		margin: 0 auto 20px;
	}
	#all_wrap .faqList dt span {
		display: block;
		width: 25px;
		height: 25px;
		padding: 0;
		margin: 0 0 0 auto;
		background: none;
		border: none;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		transition: all 0.2s ease;
	}
	#all_wrap .faqList dt span::before,
	#all_wrap .faqList dt span::after {
		content: '';
		display: block;
		width: 10px;
		height: 1px;
		border-radius: 5px;
		background: #111;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	#all_wrap .faqList dt span::after {
		background: #111;
		transform: translate(-50%,-50%) rotate(90deg);
		transition: 0.5s;
	}
	#all_wrap .faqList dt .active::after {
		transform: translate(-50%,-50%) rotate(0);
		transform-origin: center center;
		transition: 0.5s;
	}
}



/************************************************************/
/*　営業所紹介
/************************************************************/
#office_about {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topAboutMap.png');
	background-position: top right;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
#office_about::before {
	content: '';
	display: block;
	width: 300px;
	height: 100px;
	padding: 0;
	margin: 0;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topAboutLogo.png');
	background-position: top left;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 30%;
	right: 100px;
	z-index: 1;
}
.officeAbout_wrap {
	width: calc(100% - 100px);
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
#office_about .officeAbout_wrap > h2 {
	font-size: 35px;
	line-height: 1;
	padding: 0;
	margin: 0 100px 0 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#office_about .officeAbout_wrap > h2::before {
	content: '';
	display: block;
	width: 300px;
	height: 115px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 100px;
	left: -100px;
	z-index: -1;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_office.png');
	background-position: top left;
	background-size: 100%;
	background-repeat: no-repeat;
	transform: rotate(-14deg);
	-webkit-transform: rotate(-14deg);
}
#office_about .officeAbout_wrap > h2 img {
	width: 38px;
	height: auto;
	padding: 0;
	margin: 0 auto 10px;
}
#all_wrap .officeAbout_wrap > p {
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 2;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap #page-office.l-wrapper-full .l-main {
		padding: 0;
	}
	#office_about {
		width: 100%;
		padding: 40px 0 180px;
		margin: 0 auto;
		position: relative;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topAboutMap.png');
		background-position: bottom right;
		background-size: auto 70%;
		background-repeat: no-repeat;
	}
	#office_about::before {
		content: '';
		display: block;
		width: 200px;
		height: 80px;
		padding: 0;
		margin: 0;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/topAboutLogo.png');
		background-position: top left;
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: unset;
		bottom: 90px;
		right: unset;
		left: 30px;
		z-index: 1;
	}
	.officeAbout_wrap {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#office_about .officeAbout_wrap > h2 {
		font-size: 25px;
		line-height: 1;
		padding: 0;
		margin: 0 auto 10px;
		-ms-writing-mode: unset;
		writing-mode: unset;
		width: 100%;
	}
	#office_about .officeAbout_wrap > h2::before {
		content: '';
		display: block;
		width: 150px;
		height: 60px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50px;
		left: -50px;
		z-index: -1;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_office.png');
		background-position: top left;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
	}
	#office_about .officeAbout_wrap > h2 img {
		width: 25px;
		height: auto;
		padding: 0;
		margin: 0 10px 0 0;
	}
	#all_wrap .officeAbout_wrap > p {
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 2;
	}
}

/*営業所一覧*/
.officeBox {
	width: 100%;
	padding: 0 0 50px;
	margin: 0 auto 100px;
	position: relative;
}
.officeBox:last-of-type {
	margin-bottom: 0;
}
.officeBox::before {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	padding: 0;
	margin: 0;
	background: #fafafa;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.officeBoxWrap {
	width: calc(100% - 100px);
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.officeBoxInfo {
	width: 47%;
	padding: 20px 0 0 30px;
	margin: 0;
	position: relative;
}
.officeBoxInfo > span {
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.officeBoxInfo > span::before {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
}
.officeBoxInfo > span::after {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;
}
/*画像*/
.officeBoxInfo > figure {
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
	position: relative;
	overflow: hidden;
	text-align: center;
	border-radius: 30px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
.officeBoxInfo > figure::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.officeBoxInfo > figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*営業所名*/
#all_wrap .officeBoxInfo > h3 {
	font-size: 22px;
	line-height: 1;
	padding: 5px;
	margin: 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background: #fff;
	position: absolute;
	top: -20px;
	right: 30px;
	z-index: 5;
}
#all_wrap .officeBoxInfo > h3::before,
#all_wrap .officeBoxInfo > h3::after {
	display: none;
}
#all_wrap .officeBoxInfo > h3 > span {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	padding: 0;
	margin: 5px 0;
	background: #111;
	display: inline-block;
	border-radius: 50%;
}
/*営業所名*/
#all_wrap .officeBoxInfo > em {
	display: block;
	font-family: 'Barlow', sans-serif;
	font-size: 50px;
	font-weight: 600;
	font-style: italic;
	line-height: 1;
	color: #9D0018;
	padding: 5px;
	margin: 0;
	background: none;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 5;
	text-shadow: 2px 2px 0 #fff;
	text-indent: -0.2em;
}
/*説明*/
#all_wrap .officeBoxInfo > p {
	font-size: 14px;
	line-height: 1.4em;
	padding: 0;
	margin: 0 0 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}
/*地図*/
.officeBoxWrap > figure {
	width: 48%;
	padding: 0;
	margin: 20px 0 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.officeBoxWrap > figure::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.officeBoxWrap > figure iframe {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*営業所一覧*/
	.officeBox {
		width: 100%;
		padding: 0 0 50px;
		margin: 0 auto 50px;
		position: relative;
	}
	.officeBox:last-of-type {
		margin-bottom: 0;
	}
	.officeBox::before {
		content: '';
		display: block;
		width: 100%;
		height: 80%;
		padding: 0;
		margin: 0;
		background: #fafafa;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.officeBoxWrap {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.officeBoxInfo {
		width: 100%;
		padding: 10px 0 0 20px;
		margin: 0;
		position: relative;
	}
	.officeBoxInfo > span {
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.officeBoxInfo > span::before {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 0;
	}
	.officeBoxInfo > span::after {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 0;
	}
	/*画像*/
	.officeBoxInfo > figure {
		width: 100%;
		padding: 0;
		margin: 0 0 15px;
		position: relative;
		overflow: hidden;
		text-align: center;
		border-radius: 20px;
		-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
		filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	}
	.officeBoxInfo > figure::before {
		content: '';
		display: block;
		padding-top: 56.25%;
	}
	.officeBoxInfo > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	/*営業所名*/
	#all_wrap .officeBoxInfo > h3 {
		font-size: 20px;
		line-height: 1;
		padding: 5px;
		margin: 0;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		background: #fff;
		position: absolute;
		top: -10px;
		right: 20px;
		z-index: 5;
	}
	#all_wrap .officeBoxInfo > h3::before,
	#all_wrap .officeBoxInfo > h3::after {
		display: none;
	}
	#all_wrap .officeBoxInfo > h3 > span {
		content: '';
		display: block;
		width: 3px;
		height: 3px;
		padding: 0;
		margin: 5px 0;
		background: #111;
		display: inline-block;
		border-radius: 50%;
	}
	/*営業所名*/
	#all_wrap .officeBoxInfo > em {
		display: block;
		font-family: 'Barlow', sans-serif;
		font-size: 50px;
		font-weight: 600;
		font-style: italic;
		line-height: 1;
		color: #9D0018;
		padding: 5px;
		margin: 0;
		background: none;
		position: absolute;
		top: calc(50% - 30px);
		left: 0;
		z-index: 5;
		text-shadow: 2px 2px 0 #fff;
		text-indent: -0.2em;
	}
	/*説明*/
	#all_wrap .officeBoxInfo > p {
		font-size: 14px;
		line-height: 1.4em;
		padding: 0;
		margin: 0 0 10px;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	/*地図*/
	.officeBoxWrap > figure {
		width: 100%;
		padding: 0;
		margin: 20px 0 0;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	.officeBoxWrap > figure::before {
		content: '';
		display: block;
		padding-top: 195px;
	}
	.officeBoxWrap > figure iframe {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: contain;
	}
}

/************************************************************/
/*　営業所紹介 詳細
/************************************************************/
#office_head {
	width: 95%;
	padding: 100px 0 0;
	margin: 0 0 50px auto;
	position: relative;
}
/*営業所名*/
#all_wrap #office_head > h2 {
	font-size: 30px;
	line-height: 1;
	padding: 5px;
	margin: 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-lr;
	background: none;
	position: absolute;
	top: 50px;
	left: 30px;
	z-index: 5;
}
#all_wrap #office_head > h2::before,
#all_wrap #office_head > h2::after {
	display: none;
}
#all_wrap #office_head > h2 > span {
	display: inline-block;
	padding: 7px;
	margin: 0 15px 0 0;
	background: #9D0018;
	color: #fff;
}
#all_wrap #office_head > h2 > span > em {
	width: 6px;
	height: 6px;
	padding: 0;
	margin: 5px 0;
	background: #fff;
	display: inline-block;
	border-radius: 50%;
}
/*筆記体*/
#office_head span.curve {
	width: 40%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50px;
	right: -30px;
	z-index: 2;
	transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
}
#office_head span.curve img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
/*メイン画像*/
#office_head > figure {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	text-align: center;
}
#office_head > figure::before {
	content: '';
	display: block;
	padding-top: 650px;
}
#office_head > figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	object-fit: cover;
}
/*メイン説明*/
#all_wrap #office_head > p {
	width: calc(95% - 120px);
	padding: 20px;
	margin: 0 0 0 auto;
	background: #9D0018;
	color: #fff;
	font-size: 15px;
	line-height: 1.7em;
	font-weight: 500;
	position: relative;
}
#all_wrap #office_head > p > span {
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 20px;
	left: -120px;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	z-index: -1;
}
#all_wrap #office_head > p > span::before {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
}
#all_wrap #office_head > p > span::after {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;
}
/*地域名*/
#all_wrap #office_head > p > strong {
	display: block;
	font-size: 50px;
	line-height: 1;
	color: #9D0018;
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-style: italic;
	position: absolute;
	bottom: -50px;
	left: -120px;
	z-index: 1;
}

/*住所・事業内容*/
#office_information {
	width: 95%;
	padding: 0;
	margin: 0 0 50px auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
#office_information > .office_txt {
	width: 45%;
	padding: 0 50px 0 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	align-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
}
#all_wrap #office_information > .office_txt > h3 {
	width: 100%;
	padding: 0;
	margin: 0 auto 15px;
	text-align: left;
	font-size: 20px;
	line-height: 1;
	color: #111;
	border: none;
	background: none;
}
#all_wrap #office_information > .office_txt > h3::before,
#all_wrap #office_information > .office_txt > h3::after {
	display: none;
}
#all_wrap #office_information > .office_txt > p {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	line-height: 1.7em;
}
#all_wrap #office_information > .office_txt > ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
#all_wrap #office_information > .office_txt > ul > li {
	padding: 0 0 0 10px;
	margin: 0 auto 5px;
	font-size: 14px;
	line-height: 1.4em;
}
#all_wrap #office_information > .office_txt > ul > li::before,
#all_wrap #office_information > .office_txt > ul > li::after {
	display: none;
}
#all_wrap #office_information > .office_txt > ul > li::before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
/*マップ*/
#office_information > figure {
	width: 50%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
#office_information > figure::before {
	content: '';
	display: block;
	padding-top: 400px;
}
#office_information > figure iframe {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#office_head {
		width: calc(100% - 30px);
		padding: 0 0 50px;
		margin: 0 0 30px auto;
		position: relative;
	}
	/*営業所名*/
	#all_wrap #office_head > h2 {
		font-size: 20px;
		line-height: 1;
		padding: 5px;
		margin: 0;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-lr;
		background: none;
		position: absolute;
		top: -20px;
		left: 20px;
		z-index: 5;
	}
	#all_wrap #office_head > h2::before,
	#all_wrap #office_head > h2::after {
		display: none;
	}
	#all_wrap #office_head > h2 > span {
		display: inline-block;
		padding: 7px;
		margin: 0 15px 0 0;
		background: #9D0018;
		color: #fff;
	}
	#all_wrap #office_head > h2 > span > em {
		width: 6px;
		height: 6px;
		padding: 0;
		margin: 5px 0;
		background: #fff;
		display: inline-block;
		border-radius: 50%;
	}
	/*筆記体*/
	#office_head span.curve {
		width: 40%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 20px;
		right: -10px;
		z-index: 2;
		transform: rotate(-8deg);
		-webkit-transform: rotate(-8deg);
	}
	#office_head span.curve img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	/*メイン画像*/
	#office_head > figure {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
	#office_head > figure::before {
		content: '';
		display: block;
		padding-top: 250px;
	}
	#office_head > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		object-fit: cover;
	}
	/*メイン説明*/
	#all_wrap #office_head > p {
		width: 100%;
		padding: 10px;
		margin: 0 0 0 auto;
		background: #9D0018;
		color: #fff;
		font-size: 10px;
		line-height: 1.4em;
		font-weight: 500;
		position: relative;
	}
	#all_wrap #office_head > p > span {
		display: none;
	}
	/*地域名*/
	#all_wrap #office_head > p > strong {
		display: block;
		font-size: 40px;
		line-height: 1;
		color: #9D0018;
		font-family: 'Barlow', sans-serif;
		font-weight: 700;
		font-style: italic;
		position: absolute;
		bottom: -50px;
		left: 0;
		z-index: 1;
	}

	/*住所・事業内容*/
	#office_information {
		width: 100%;
		padding: 0;
		margin: 0 0 50px auto;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	#office_information > .office_txt {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 30px;
		display: flex;
		display: -webkit-flex;
		align-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	#all_wrap #office_information > .office_txt > h3 {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		text-align: left;
		font-size: 20px;
		line-height: 1;
		color: #111;
		border: none;
		background: none;
	}
	#all_wrap #office_information > .office_txt > h3::before,
	#all_wrap #office_information > .office_txt > h3::after {
		display: none;
	}
	#all_wrap #office_information > .office_txt > p {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		line-height: 1.7em;
	}
	#all_wrap #office_information > .office_txt > ul {
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#all_wrap #office_information > .office_txt > ul > li {
		padding: 0 0 0 10px;
		margin: 0 auto 5px;
		font-size: 14px;
		line-height: 1.4em;
	}
	#all_wrap #office_information > .office_txt > ul > li::before,
	#all_wrap #office_information > .office_txt > ul > li::after {
		display: none;
	}
	#all_wrap #office_information > .office_txt > ul > li::before {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	/*マップ*/
	#all_wrap #office_information > figure {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		text-align: center;
		overflow: hidden;
		background: #222;
	}
	#all_wrap #office_information > figure::before {
		content: '';
		display: block;
		padding-top: 195px;
	}
	#all_wrap #office_information > figure > iframe {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: contain;
	}
}

/************************************************************/
/*　事業内容
/************************************************************/

/*ナビゲーション*/
#about_nav {
	display: flex;
	justify-content: space-between;
	column-gap: 1px;
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 100px;
}
#all_wrap #about_nav > h2 {
	width: calc(100% / 5 - 1px);
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 15px;
	margin: 0;
	background: #9D0018;
	font-size: 20px;
	line-height: 2em;
	color: #fff;
}
#all_wrap #about_nav > h2::before,
#all_wrap #about_nav > h2::after {
	display: none;
}
#all_wrap #about_nav > h2 em {
	width: 100%;
	display: block;
	font-size: 12px;
	line-height: 1;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #fff;
}
#all_wrap #about_nav > ul {
	width: calc(80%);
	padding: 0;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 1px;
	grid-row-gap: 1px;
	position: relative;
	list-style: none;
}
#all_wrap #about_nav > ul::before,
#all_wrap #about_nav > ul::after {
	content: '';
	display: block;
	width: calc(20% - 0.75px);
}
#all_wrap #about_nav > ul::before {
	order: 1;
}
#all_wrap #about_nav > ul > li {
	width: calc(100% / 4 - 0.75px);
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}
#all_wrap #about_nav > ul > li::before,
#all_wrap #about_nav > ul > li::after {
	display: none;
}
#all_wrap #about_nav > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
#all_wrap #about_nav > ul > li > figure {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
#all_wrap #about_nav > ul > li > figure::before {
	content: '';
	display: block;
	padding-top: 65%;
}
#all_wrap #about_nav > ul > li > figure::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease;
}
#all_wrap #about_nav > ul > li:hover > figure::after {
	background: rgba(0,0,0,0.2);
	transition: all 0.3s ease;
}
#all_wrap #about_nav > ul > li > figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*タイトル*/
#all_wrap .navTitle {
	width: 100%;
	padding: 15px;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
#all_wrap .navTitle > span {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #fff;
}
#all_wrap .navTitle > h3 {
	display: block;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	text-align: left;
	font-size: 13px;
	line-height: 1.2em;
	font-style: normal;
	color: #fff;
	letter-spacing: -0.02em;
}
#all_wrap .navTitle > h3::before,
#all_wrap .navTitle > h3::after {
	display: none;
}
#all_wrap .navTitle > em {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 10px;
	line-height: 1;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
}
#all_wrap #about_nav > ul > li:first-child h2 {
	width: 100%;
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	font-style: normal;
	color: #fff;
	border: none;
	background: none;
	padding: 0;
	margin: 0 auto 5px;
}
#all_wrap #about_nav > ul > li:first-child h2::before,
#all_wrap #about_nav > ul > li:first-child h2::after {
	display: none;
}
#all_wrap #about_nav > ul > li:first-child em {
	width: 100%;
	display: block;
	font-size: 12px;
	line-height: 1;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #fff;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*ナビゲーション*/
	#about_nav {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		column-gap: 0;
		grid-row-gap: 1px;
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto 50px;
	}
	#all_wrap #about_nav > h2 {
		width: calc(100%);
		padding: 10px;
		margin: 0;
		font-size: 18px;
		line-height: 1em;
		display: flex;
		flex-direction: unset;
		justify-content: flex-start;
		align-content: center;
		align-items: baseline;
		column-gap: 5px;
	}
	#all_wrap #about_nav > h2 em {
		font-size: 10px;
		width: auto;
		display: inline-block;
	}
	#all_wrap #about_nav > ul {
		width: calc(100%);
		column-gap: 1px;
		grid-row-gap: 1px;
	}
	#all_wrap #about_nav > ul::before,
	#all_wrap #about_nav > ul::after {
		content: '';
		display: none;
	}
	#all_wrap #about_nav > ul > li {
		width: calc(100% / 2 - 0.5px);
	}
	#all_wrap #about_nav > ul > li > a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
	}
	#all_wrap #about_nav > ul > li > figure {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	#all_wrap #about_nav > ul > li > figure::before {
		content: '';
		display: block;
		padding-top: 50%;
	}
	#all_wrap #about_nav > ul > li > figure::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: rgba(0,0,0,0.5);
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.3s ease;
	}
	#all_wrap #about_nav > ul > li:hover > figure::after {
		background: rgba(0,0,0,0.2);
		transition: all 0.3s ease;
	}
	#all_wrap #about_nav > ul > li > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	/*タイトル*/
	#all_wrap .navTitle {
		width: 100%;
		padding: 10px;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}
	#all_wrap .navTitle > span {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: left;
		font-size: 12px;
		line-height: 1;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-style: normal;
		color: #fff;
	}
	#all_wrap .navTitle > h3 {
		display: block;
		width: 100%;
		padding: 5px 0;
		margin: 0;
		text-align: left;
		font-size: 11px;
		line-height: 1.2em;
		font-style: normal;
		color: #fff;
		letter-spacing: -0.02em;
	}
	#all_wrap .navTitle > h3::before,
	#all_wrap .navTitle > h3::after {
		display: none;
	}
	#all_wrap .navTitle > em {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: left;
		font-size: 10px;
		line-height: 1;
		font-family: 'Barlow', sans-serif;
		font-weight: 400;
		font-style: normal;
		color: #fff;
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform-origin: left center;
	}
	#all_wrap #about_nav > ul > li:first-child h2 {
		width: 100%;
		font-size: 20px;
		line-height: 1;
		font-weight: 600;
		font-style: normal;
		color: #fff;
		border: none;
		background: none;
		padding: 0;
		margin: 0 auto 5px;
	}
	#all_wrap #about_nav > ul > li:first-child h2::before,
	#all_wrap #about_nav > ul > li:first-child h2::after {
		display: none;
	}
	#all_wrap #about_nav > ul > li:first-child em {
		width: 100%;
		display: block;
		font-size: 12px;
		line-height: 1;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-style: normal;
		color: #fff;
	}
}

/*事業内容 - 紹介*/
.aboutBox {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
/*メイン画像*/
#all_wrap .aboutBox > figure {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 30px;
}
#all_wrap .aboutBox > figure::before {
	content: '';
	display: block;
	padding-top: 50%;
}
#all_wrap .aboutBox > figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*情報*/
.aboutBoxWrap {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.aboutBoxWrap > .aboutBoxLeft {
	width: 35%;
	padding: 0;
	margin: 0;
}
.aboutBoxWrap > .aboutBoxRight {
	width: calc(65% - 50px);
	padding: 0;
	margin: 0;
}
/*タイトル*/
.aboutBoxTitle {
	padding: 0.5em 0 0 100px;
	margin: 0;
	position: sticky;
	top: 140px;
	left: 0;
}
.aboutBoxTitle > span {
	display: block;
	width: 80px;
	height: 80px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 80px;
	line-height: 1;
	font-weight: bold;
	font-family: 'Barlow', sans-serif;
	color: #9D0018;
	position: absolute;
	top: -0.2em;
	left: 0;
}
#about09 .aboutBoxTitle > span {
	top: -0.1em;
	left: 0;
}
#all_wrap .aboutBoxTitle > h2 {
	font-size: 20px;
	line-height: 1;
	padding: 0;
	margin: 0 auto 5px;
	font-weight: 600;
	color: #111;
	border: none;
	background: none;
	font-feature-settings: "palt" 1;
	letter-spacing: -0.02em;
}
#all_wrap .aboutBoxTitle > h2::before,
#all_wrap .aboutBoxTitle > h2::after {
	display: none;
}
.aboutBoxTitle > em {
	display: block;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	font-family: 'Barlow', sans-serif;
	color: #9D0018;
	font-style: normal;
	font-feature-settings: "palt" 1;
}
/*文章*/
.aboutBoxWrap > .aboutBoxRight > strong {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	font-size: 22px;
	line-height: 1.7em;
	font-weight: 600;
	color: #9D0018;
	font-feature-settings: "palt" 1;
}
#all_wrap .content .aboutBoxWrap > .aboutBoxRight > p {
	padding: 0;
	margin: 0 auto 30px;
	line-height: 1.7em;
}
/*リスト*/
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list {
	width: 100%;
	padding: 0;
	margin: 0 auto 30px;
	list-style: none;
}
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list > li {
	padding: 0 0 0 10px;
	margin: 0 auto 5px;
	font-size: 14px;
	line-height: 1.4em;
}
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list > li::before,
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list > li::after {
	display: none;
}
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list > li::before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
/*サムネイル*/
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li {
	width: calc(50% - 2px);
	padding: 0;
	margin: 0 0 2px;
}
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li::before,
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li::after {
	display: none;
}
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li figure {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li figure::before {
	content: '';
	display: block;
	padding-top: 65%;
}
#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li figureimg {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*事業内容 - 紹介*/
	.aboutBox {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		position: relative;
	}
	.aboutBox:last-of-type {
		margin-bottom: 0;
	}
	/*メイン画像*/
	#all_wrap .aboutBox > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		position: relative;
		text-align: center;
		overflow: hidden;
		border-radius: 20px;
	}
	#all_wrap .aboutBox > figure::before {
		content: '';
		display: block;
		padding-top: 50%;
	}
	#all_wrap .aboutBox > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	/*情報*/
	.aboutBoxWrap {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.aboutBoxWrap > .aboutBoxLeft {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.aboutBoxWrap > .aboutBoxRight {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	/*タイトル*/
	.aboutBoxTitle {
		padding: 0 0 0 60px;
		margin: 0 auto 20px;
		position: relative;
		top: unset;
		left: unset;
	}
	.aboutBoxTitle > span {
		display: block;
		width: 50px;
		height: 50px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		font-size: 50px;
		line-height: 1;
		font-weight: bold;
		font-family: 'Barlow', sans-serif;
		color: #9D0018;
		position: absolute;
		top: -0.2em;
		left: 0;
	}
	#about09 .aboutBoxTitle > span {
		top: -0.1em;
		left: 0;
	}
	#all_wrap .aboutBoxTitle > h2 {
		font-size: 18px;
		line-height: 1;
		padding: 0;
		margin: 0 auto 5px;
		font-weight: 600;
		color: #111;
		border: none;
		background: none;
		font-feature-settings: "palt" 1;
		letter-spacing: -0.02em;
	}
	#all_wrap .aboutBoxTitle > h2::before,
	#all_wrap .aboutBoxTitle > h2::after {
		display: none;
	}
	.aboutBoxTitle > em {
		display: block;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		font-family: 'Barlow', sans-serif;
		color: #9D0018;
		font-style: normal;
		font-feature-settings: "palt" 1;
	}
	/*文章*/
	.aboutBoxWrap > .aboutBoxRight > strong {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: 600;
		color: #9D0018;
		font-feature-settings: "palt" 1;
	}
	#all_wrap .content .aboutBoxWrap > .aboutBoxRight > p {
		padding: 0;
		margin: 0 auto 15px;
		line-height: 1.7em;
	}
	/*リスト*/
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list {
		width: 100%;
		padding: 0;
		margin: 0 auto 15px;
		list-style: none;
	}
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list > li {
		padding: 0 0 0 10px;
		margin: 0 auto 5px;
		font-size: 14px;
		line-height: 1.4em;
	}
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list > li::before,
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list > li::after {
		display: none;
	}
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.list > li::before {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	/*サムネイル*/
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li {
		width: calc(50% - 2px);
		padding: 0;
		margin: 0 0 2px;
	}
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li::before,
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li::after {
		display: none;
	}
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li figure {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li figure::before {
		content: '';
		display: block;
		padding-top: 65%;
	}
	#all_wrap .aboutBoxWrap > .aboutBoxRight ul.aboutThumbList > li figureimg {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
}

/* ---------------------------------------------------------------
// 当社の強み
--------------------------------------------------------------- */

/*メーカー*/
#concept_maker {
	width: 100%;
	max-width: 1100px;
	padding: 100px 0 70px;
	margin: 0 auto;
}
.main_page #concept_maker {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
}
#all_wrap .logoList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#all_wrap .logoList > li {
	width: 150px;
	height: auto;
	padding: 0;
	margin: 0 15px 30px;
}
#all_wrap .logoList > li::before,
#all_wrap .logoList > li::after {
	display: none;
}
#all_wrap .logoList > li img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

/*メッセージ*/
#all_wrap #concept_message {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/main_visual.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#all_wrap #concept_message::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#all_wrap #concept_message::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/square_bg02.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.1;
}
#all_wrap .concept_messageBox {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
}
#all_wrap .content .concept_messageBox > h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	color: #fff;
	font-style: normal;
	text-align: center;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
}
#all_wrap .content .concept_messageBox > p {
	text-align: center;
	padding: 0;
	margin: 0 auto 20px;
	color: #fff;
	line-height: 1.7em;
	position: relative;
	z-index: 1;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap #page-concept.l-wrapper-full .l-main {
		padding: 0;
	}
	/*メーカー*/
	#concept_maker {
		width: 100%;
		max-width: 100%;
		padding: 40px 0;
		margin: 0 auto;
	}
	.main_page #concept_maker {
		width: 100%;
		max-width: 100%;
		padding: 40px 0;
		margin: 0 auto;
	}
	#all_wrap.main_page #concept_maker h2.center {
		font-size: 25px;
		padding: 0;
		margin: 0 auto 20px;
	}
	#all_wrap.main_page #concept_maker h2.center em {
		margin: 0;
	}
	#all_wrap .logoList {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#all_wrap .logoList > li {
		width: 46%;
		height: auto;
		padding: 0;
		margin: 0 0 15px;
	}
	#all_wrap .logoList > li::before,
	#all_wrap .logoList > li::after {
		display: none;
	}
	#all_wrap .logoList > li img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	/*メッセージ*/
	#all_wrap #concept_message {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/main_visual.jpg');
		background-attachment: inherit;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#all_wrap #concept_message::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: rgba(0,0,0,0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
	#all_wrap #concept_message::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/square_bg02_sp.png');
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 0.1;
	}
	#all_wrap .concept_messageBox {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#all_wrap .content .concept_messageBox > h2 {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4em;
		color: #fff;
		font-style: normal;
		text-align: center;
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
	}
	#all_wrap .content .concept_messageBox > p {
		text-align: center;
		padding: 0;
		margin: 0 auto 20px;
		color: #fff;
		line-height: 1.7em;
		position: relative;
		z-index: 1;
	}
}

/*地域交流*/
#concept_event {
	width: 100%;
	max-width: 100%;
	padding: 100px 0;
	margin: 0 auto;
}
#all_wrap #concept_event > h2 {
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 20px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	color: #9D0018;
	font-style: normal;
	position: relative;
}
#all_wrap #concept_event > h2::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/3line.gif');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: -1;
	opacity: 0.05;
}
#all_wrap #concept_event > p {
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 10px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*地域交流*/
	#concept_event {
		width: 100%;
		max-width: 100%;
		padding: 40px 0;
		margin: 0 auto;
	}
	#all_wrap #concept_event > h2 {
		max-width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 15px;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4em;
		color: #9D0018;
		font-style: normal;
		position: relative;
	}
	#all_wrap #concept_event > h2::before {
		content: '';
		display: block;
		width: 25px;
		height: 25px;
		padding: 0;
		margin: 0;
		background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/3line.gif');
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: -1;
		opacity: 0.05;
	}
	#all_wrap #concept_event > p {
		max-width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 10px;
	}
}

/*　画像ループ */
#all_wrap .loopSlide {
	position: relative;
	display: flex;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 50px auto 0;
}
#all_wrap .loopSlide ul {
	padding: 0;
	margin: 0;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-shrink: 0;
	list-style: none;
}
#all_wrap .loopSlide ul:nth-of-type(1) {
	animation: slide1 80s -40s linear infinite;
}
#all_wrap .loopSlide ul:nth-of-type(2) {
	animation: slide2 80s linear infinite;
}
#all_wrap .loopSlide ul li {
	width: 300px;
	margin: 0 5px;
	padding: 0;
}
#all_wrap .loopSlide ul li::before,
#all_wrap .loopSlide ul li::after {
	display: none;
}
#all_wrap .loopSlide ul li figure {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#all_wrap .loopSlide ul li figure:before {
	content:"";
	display: block;
	padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
#all_wrap .loopSlide ul li figure img {
	width: 100%;
	height: auto;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.00);
	-webkit-transform: translate(-50%, -50%) scale(1.00);
	-ms-transform: translate(-50%, -50%) scale(1.00);
	padding: 0;
	margin: 0;
	transition: 0.5s;
}
#all_wrap .loopSlide:hover ul {
	animation-play-state: paused;
}

@keyframes slide1 {
	0% {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}
@keyframes slide2 {
	0% {
		transform: translateX(0);
	}
	to {
		transform: translateX(-200%);
	}
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*　画像ループ */
	#all_wrap .loopSlide {
		position: relative;
		display: flex;
		width: 100%;
		overflow: hidden;
		background: none;
		margin-bottom: 4px;
	}
	#all_wrap .loopSlide {
		padding: 0;
	}
	#all_wrap .loopSlide::before {
		display: none;
	}
	#all_wrap .loopSlide ul {
		padding: 0;
		width: 200%;
		display: flex;
		flex-wrap: nowrap;
		flex-shrink: 0;
		list-style: none;
	}
	#all_wrap .loopSlide ul:nth-of-type(1) {
		animation: slide1 80s -40s linear infinite;
	}
	#all_wrap .loopSlide ul:nth-of-type(2) {
		animation: slide2 80s linear infinite;
	}
	#all_wrap .loopSlide ul li {
		width: 50%;
		margin: 0 0.5px;
		padding: 0;
		border-right: 1px solid #fff;
	}
	#all_wrap .loopSlide ul li figure {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	#all_wrap .loopSlide ul li figure:before {
		content:"";
		display: block;
		padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
	}
	#all_wrap .loopSlide ul li figure img {
		width: 100%;
		height: auto;
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(1.00);
		-webkit-transform: translate(-50%, -50%) scale(1.00);
		-ms-transform: translate(-50%, -50%) scale(1.00);
		padding: 0;
		margin: 0;
		transition: 0.5s;
	}
	#all_wrap .loopSlide:hover ul {
		animation-play-state: paused;
	}

	@keyframes slide1 {
		0% {
			transform: translateX(100%);
		}
		to {
			transform: translateX(-100%);
		}
	}
	@keyframes slide2 {
		0% {
			transform: translateX(0);
		}
		to {
			transform: translateX(-200%);
		}
	}
}

/* ---------------------------------------------------------------
// LPページ
--------------------------------------------------------------- */

#product_page {
	padding: 50px 0;
	margin: 0;
}
#product_page img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

/*メインビジュアル*/
#all_wrap #lp_visual {
	background: linear-gradient(-90deg, rgba(0, 131, 255, .8), rgba(0, 205, 255, .8)),
		url(../tsubaki/img/lp_visual.jpg);
	background-size: cover;
	padding: 100px 0 100px;
	margin: 50px auto;
	width: 100%;
	max-width: 1200px;
	text-align: center;
	border-radius: 30px;
}
#all_wrap #lp_visual h2 {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
	padding: 20px;
	margin: 0 auto;
	font-family: "M PLUS Rounded 1c";
	font-feature-settings: "palt";
}
#all_wrap #lp_visual h2 span {
	background: #fff;
	color: #148CFF;
	padding: 5px 10px;
	display: inline-block;
	position: relative;
	margin: 5px 20px 15px 0;
	font-weight: bold;
	z-index: 0;
}
#all_wrap #lp_visual h2 span:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0px;
	left: 0;
	border: 1px solid #fff;
	bottom: 0px;
	transform: translate(10px, 10px);
	z-index: -1;
}
#all_wrap #lp_visual p {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: "palt";
}
/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	#product_page {
		padding: 0;
		margin: 0;
	}
	#all_wrap #lp_visual {
		background: linear-gradient(-90deg, rgba(0, 131, 255, .8), rgba(0, 205, 255, .8)),
			url(../tsubaki/img/lp_visual.jpg);
		background-size: cover;
		padding: 20px 0;
		margin:  auto;
		width: calc(100% - 60px);
		max-width: 100%;
		text-align: center;
		border-radius: 10px;
	}
	#all_wrap #lp_visual h2 {
		font-size: 1.4em;
		text-align: center;
	}
	#all_wrap #lp_visual h2 span {
		background: #fff;
		color: #148CFF;
		padding: 5px 10px;
		position: relative;
		margin: 5px auto 15px;
		font-weight: bold;
		display: table;
		z-index: 0;
	}
	#all_wrap #lp_visual h2 span:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0px;
		left: 0;
		border: 1px solid #fff;
		bottom: 0px;
		transform: translate(7px, 7px);
		z-index: -1;
	}
	#all_wrap #lp_visual p {
		color: #fff;
		font-weight: lighter;
		font-size: 0.9em;
		line-height: 1.7em;
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-feature-settings: "palt";
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
}

/*メーカーロゴ*/
.lp_logoarea {
	padding: 0;
	margin: 0 auto 50px;
}
#all_wrap .lp_logoarea h3 {
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 auto 40px;
	font-family: "TsukuGoPro-B-Between2-Medium",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: "palt";
	text-align: center;
	border: none;
}
#all_wrap .lp_logoarea h3::before,
#all_wrap .lp_logoarea h3::after {
	display: none;
}
#all_wrap .lp_logoarea h3 span {
	color: #ffa800;
	font-size: 1.5em;
	line-height: 2;
	display: block;
}
#all_wrap .lp_logoarea ul {
	list-style: none;
	width: 80%;
	padding: 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#all_wrap .lp_logoarea ul li {
	width: 20%;
	padding: 0;
	margin: 0 5% 20px;
}
#all_wrap .lp_logoarea ul li::before {
	display: none;
}

/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	.lp_logoarea {
		width: 90%;
		padding: 40px 0 20px;
		margin: 0 auto;
	}
	#all_wrap .lp_logoarea h3 {
		width: 100%;
		font-weight: bold;
		font-size: 1em;
		line-height: 1.4em;
		padding: 0;
		margin: 0 auto 20px;
		font-family: "TsukuGoPro-B-Between2-Medium",sans-serif;
		font-style: normal;
		font-weight: 400;
		font-feature-settings: "palt";
		text-align: center;
		border: none;
	}
	#all_wrap .lp_logoarea h3::before,
	#all_wrap .lp_logoarea h3::after {
		display: none;
	}
	#all_wrap .lp_logoarea h3 span {
		color: #ffa800;
		font-size: 1.2em;
		line-height: 1.4em;
		display: block;
		padding: 0;
		margin: 5px auto 0;
	}
	#all_wrap .lp_logoarea ul {
		list-style: none;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#all_wrap .lp_logoarea ul li {
		width: 20%;
		padding: 0;
		margin: 0 5% 20px;
	}
	#all_wrap .lp_logoarea ul li::before {
		display: none;
	}
}


/*蓄電池とは*/
/*波形区切り用CSSここから ※HTML側でsvgを入力*/
#all_wrap .lp_product {
	width: 100%;
	height: 100%;
	padding: 40px 0 80px;
}
#all_wrap .lp_product {
	position: relative;
	z-index: 0;
}
#all_wrap .lp_product_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
/*波形区切り用CSSここまで*/

.lp_product section {
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#all_wrap .content .lp_product section h3 {
	font-size: 4em;
	padding: 0;
	margin: 0 auto 10px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-family: "TsukuGoPro-B-Between2-Medium",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: "palt";
	font-weight: bold;
}
#all_wrap .content .lp_product section h3::before,
#all_wrap .content .lp_product section h3::after {
	display: none;
}
.lp_product section .lp_product_txt {
	width: 50%;
	padding: 0;
	margin: 0;
}
.lp_product section .lp_product_img {
	width: 40%;
	padding: 0;
	margin: 0;
}
.lp_product section .lp_product_img img {
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.05));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.05));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.05));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.05));
}
#all_wrap .lp_product section .lp_product_txt p {
	line-height: 2em;
	padding: 0;
	margin: 0 auto 10px;
}

/*見出し装飾*/
#all_wrap .content .lp_midashi {
	font-size: 1.2em;
	line-height: 1.4;
	position: relative;
	padding-left: 30px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 30px;
	border: none;
	background: none;
}
#all_wrap .content .lp_midashi:before,
#all_wrap .content .lp_midashi:after {
	display: none;
}
#all_wrap .content .lp_midashi:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	margin-bottom: 5px;
	position: absolute;
	top: -30px;
	left: -1px;
	background-image: url(../tsubaki/img/midashi_bg.png);
	background-size: cover;
	background-position: center;
}

/*見出し装飾*/
#all_wrap .content .lp_midashi_2 {
	font-size: 1.2em;
	line-height: 1.4;
	position: relative;
	padding-left: 30px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 30px;
}
#all_wrap .content .lp_midashi_2:before,
#all_wrap .content .lp_midashi_2:after {
	display: none;
}
#all_wrap .content .lp_midashi_2:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	margin-bottom: 5px;
	position: absolute;
	top: -30px;
	left: -1px;
	background-image: url(../tsubaki/img/midashi_bg2.png);
	background-size: cover;
	background-position: center;
}
/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	.lp_product {
		width: 100%;
		height: 100%;
		padding: 40px 0 40px;
	}
	.lp_product section {
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#all_wrap .content .lp_product section h3 {
		font-size: 2em;
		padding: 0;
		margin: 0 auto 10px;
		width: 100%;
		text-align: center;
		color: #fff;
		font-family: "TsukuGoPro-B-Between2-Medium",sans-serif;
		font-style: normal;
		font-weight: 400;
		font-feature-settings: "palt";
		font-weight: bold;
	}
	#all_wrap .content .lp_product section h3::before,
	#all_wrap .content .lp_product section h3::after {
		display: none;
	}
	.lp_product section .lp_product_txt {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto;
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	.lp_product section .lp_product_img {
		width: 50%;
		padding: 0;
		margin: 0 auto 30px;
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	#all_wrap .lp_product {
		width: 100%;
		height: 100%;
		padding: 40px 0 40px;
	}
	#all_wrap .lp_product_bg {
		position: absolute;
		width: 100%;
		height: 50%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	#all_wrap .content .lp_midashi {
		font-size: 1.2em;
		line-height: 1.4;
		position: relative;
		padding-left: 30px;
		text-align: left;
		font-weight: bold;
		margin-bottom: 10px;
		border: none;
		background: none;
	}
}



/*蓄電池インフォメーション１*/
#all_wrap .lp_information {
	width: 100%;
	padding: 80px 0;
	margin: 0 auto;
	background: #fafafa;
}
#all_wrap .lp_information article {
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#all_wrap .lp_information section {
	width: 45%;
	padding: 0;
	margin: 0;
	text-align: center;
}
#all_wrap .lp_information section img {
	padding: 0;
	margin: 0 auto 20px;
}
#all_wrap .lp_information section h4 {
	font-weight: bold;
	text-align: center;
	margin: 0 auto 20px;
	padding: 0;
}
#all_wrap .lp_information section h4::before,
#all_wrap .lp_information section h4::after {
	display: none;
}
#all_wrap .lp_information section p {
	text-align: left;
	line-height: 2em;
	padding: 0;
	margin: 0 auto 10px;
}
/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	#all_wrap .lp_information {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		background: #f2f2f2;
	}
	#all_wrap .lp_information article {
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#all_wrap .lp_information section {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	#all_wrap .lp_information section img {
		padding: 0;
		margin: 0 auto 20px;
	}
	#all_wrap .lp_information section h4 {
		font-weight: bold;
		text-align: center;
		margin: 0 auto 10px;
	}
	#all_wrap .lp_information section p {
		text-align: left;
	}
}

/*表*/
#all_wrap .content .lp_information section table {
	width: 100%;
	border: 1px solid #595757;
	margin: 0 auto 20px;
	empty-cells: show;
}
#all_wrap .content .lp_information section table thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}
#all_wrap .content .lp_information section table thead th {
	background-color: #abd703;
	color: #fff;
}
#all_wrap .content .lp_information section table tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
#all_wrap .content .lp_information section table th {
	background-color: #d3d3d4;
	width: 40%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #595757;
}
#all_wrap .content .lp_information section table th, .lp_information section table td {
	border: 1px solid #595757;
	padding: 10px;
	line-height: 1.2em;
}
#all_wrap .content .lp_information section table td {
	text-align: left;
	background: #fff;
	border: 1px solid #595757;
}
/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	#all_wrap .content .lp_information section table {
		margin-bottom: 40px;
	}
	#all_wrap .content .lp_information section:last-of-type table:last-of-type {
		margin-bottom: 0;
	}
}

/*蓄電池インフォメーション２*/
#all_wrap .lp_information2 {
	width: 100%;
	height: 100%;
	padding: 40px 0 80px;
	margin: 0;
	position: relative;
	z-index: 0;
}
#all_wrap .content .lp_information2 h3 {
	font-size: 2em;
	line-height: 1.4em;
	color: #fff;
	font-weight: bold;
	font-family: "TsukuGoPro-B-Between2-Medium",sans-serif;
	font-style: normal;
	font-feature-settings: "palt";
	text-align: center;
	margin-bottom: 0;
	padding: 0;
	margin: 0;
}
#all_wrap .content .lp_information2 h3::before,
#all_wrap .content .lp_information2 h3::after {
	display: none;
}
#all_wrap .content .lp_information2 h3 b {
	color: #9d0019;
}

/*左に円形見出し、右に文章*/
#all_wrap .lp_information2 .attention {
	max-width: 1100px;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 auto;
}
#all_wrap .lp_information2 .attention dt {
	width: 145px;
	height: 145px;
	background-color: #2257af;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	border-radius: 50%;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 50px 0 0;
}
#all_wrap .lp_information2 .attention dd {
	width: auto;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#all_wrap .content .lp_information2 .attention dd p {
	font-size: 1.5em;
	line-height: 1.8em;
	padding: 0;
	margin: 0;
}

/*アンダーライン　マーカー*/
.marker {
	background: linear-gradient(transparent 50%, #ffa800 50%);
	font-size: 1.3em;
}

/*見出し装飾3*/
#all_wrap .content .lp_midashi_3 {
	position: relative;
	padding: 0.5em 2em;
	border-top: solid 2px #00cdff;
	border-bottom: solid 2px #00cdff;
	display: inline-block;
	margin: 0 auto 40px;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
}
#all_wrap .content .lp_midashi_3:before,
#all_wrap .content .lp_midashi_3:after {
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #00cdff;
}
#all_wrap .content .lp_midashi_3:before {
	left: 7px;
}
#all_wrap .content .lp_midashi_3:after {
	right: 7px;
	left: unset;
}
/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	#all_wrap .content .lp_information2 {
		width: 100%;
		height: 100%;
		padding: 20px 0 40px;
	}
	#all_wrap .content .lp_information2 h3 {
		font-size: 18px;
		line-height: 1.2em;
		color: #fff;
		font-weight: bold;
		font-family: "TsukuGoPro-B-Between2-Medium",sans-serif;
		font-style: normal;
		font-weight: 400;
		font-feature-settings: "palt";
		text-align: left;
		width: calc(100% - 60px);
		margin: 0 auto 20px;
	}
	#all_wrap .content .lp_information2 h3 b {
		color: #9d0019;
	}
	#all_wrap .content .lp_information2 .lp_product_bg {
		position: absolute;
		width: 100%;
		height: 80%;
		top: 0;
		left: 0;
		z-index: -1;
	}

	/*左に円形見出し、右に文章*/
	#all_wrap .content .lp_information2 .attention {
		max-width: calc(100% - 60px);
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
		padding: 0;
		margin: 0 auto;
	}
	#all_wrap .lp_information2 .attention dt {
		width: 80px;
		height: 80px;
		background-color: #2257af;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		border-radius: 50%;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
	}
	#all_wrap .content .lp_information2 .attention dd {
		width: calc(100% - 100px);
		padding: 0;
		margin: 0;
	}
	#all_wrap .content .lp_information2 .attention dd p {
		font-size: 14px;
		line-height: 1.4em;
	}

	/*アンダーライン　マーカー*/
	.marker {
		background: linear-gradient(transparent 50%, #ffa800 50%);
		font-size: 1.2em;
	}

	/*見出し装飾3*/
	#all_wrap .content .lp_midashi_3 {
		position: relative;
		padding: 0.5em 1em;
		border-top: solid 2px #00cdff;
		border-bottom: solid 2px #00cdff;
		width: 80%;
		display: block;
		margin: 0 auto 40px;
		text-align: center;
		font-weight: bold;
		font-size: 1.5em;
	}
	#all_wrap .content .lp_midashi_3:before,
	#all_wrap .content .lp_midashi_3:after {
		content: '';
		position: absolute;
		top: -7px;
		width: 2px;
		height: -webkit-calc(100% + 14px);
		height: calc(100% + 14px);
		background-color: #00cdff;
	}
	#all_wrap .content .lp_midashi_3:before {
		left: 7px;
	}
	#all_wrap .content .lp_midashi_3:after {
		right: 7px;
		left: unset;
	}
}

/*蓄電池インフォメーション３*/
#all_wrap .content .lp_information3 {
	max-width: 1100px;
	padding: 0 0 100px;
	margin: 0 auto;
	text-align: center;
}
#all_wrap .content .lp_information3 section {
	max-width: 900px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 auto;
}
#all_wrap .content .lp_information3 section h5 {
	background: #9d0019;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 10px;
	margin: 0 auto 30px;
}
#all_wrap .content .lp_information3 section p {
	width: 100%;
	line-height: 2em;
	padding: 0;
	margin: 0 auto 30px;
	text-align: center;
	font-weight: bold;
}
#all_wrap .content .lp_information3 section dl {
	width: 47%;
	padding: 20px;
	margin: 0;
	border-radius: 20px;
	background: #e6e6e6;
}
#all_wrap .content .lp_information3 section dt {
	width: 100%;
	padding: 7px 10px;
	margin: 0 auto;
	background: #2257af;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	font-size: 1.2em;
}
#all_wrap .content .lp_information3 section dd {
	padding: 20px 0 0;
	margin: 0;
}
/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	#all_wrap .content .lp_information3 {
		max-width: 100%;
		padding: 0 0 40px;
		margin: 0 auto;
	}
	#all_wrap .content .lp_information3 section {
		max-width: calc(100% - 60px);
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		padding: 0;
		margin: 0 auto;
	}
	#all_wrap .content .lp_information3 section h5 {
		background: #9d0019;
		font-size: 1.2em;
		font-weight: bold;
		color: #fff;
		text-align: center;
		width: 100%;
		padding: 10px;
		margin: 0 auto 20px;
	}
	#all_wrap .content .lp_information3 section > p {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		text-align: center;
		font-weight: bold;
	}
	#all_wrap .content .lp_information3 section dl {
		width: 100%;
		padding: 20px;
		margin: 0 auto 20px;
		border-radius: 20px;
		background: #e6e6e6;
	}
	#all_wrap .content .lp_information3 section dt {
		width: 100%;
		padding: 7px 10px;
		margin: 0 auto;
		background: #2257af;
		color: #fff;
		border-radius: 20px;
		text-align: center;
		font-size: 1.2em;
	}
	#all_wrap .content .lp_information3 section dd {
		padding: 20px 0 0;
		margin: 0;
	}
	#all_wrap .content .lp_information3 section dd > p {
		padding: 0;
		margin: 0 auto;
	}
}

/*蓄電池インフォメーション４*/
#all_wrap .content .lp_information4 {
	text-align: center;
	max-width: 1100px;
	padding: 0 0 100px;
	margin: 0 auto;
}
#all_wrap .content .lp_information4 p {
	font-size: 1.5em;
	line-height: 1.8em;
}
#all_wrap .content .lp_information4 img {
	margin-bottom: 20px;
}
/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	#all_wrap .content .lp_information4 {
		text-align: center;
		max-width: calc(100% - 60px);
		padding: 0 0 40px;
		margin: 0 auto;
	}
	#all_wrap .content .lp_information4 p {
		font-size: 1.5em;
		line-height: 1.6em;
	}
	#all_wrap .content .lp_information4 img {
		margin-bottom: 20px;
	}
}

/*蓄電池インフォメーション５*/
#all_wrap .content .lp_about {
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
#all_wrap .content .midashi_message {
	display: block;
	font-size: 1.7em;
	line-height: 1.8em;
	font-weight: bold;
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: "palt";
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0 auto 40px;
	width: 80%;
	max-width: 600px;
}
#all_wrap .content .midashi_message:before {
	content: "";
	display: block;
	background: #000;
	height: 70%;
	width: 3px;
	margin-bottom: 5px;
	position: absolute;
	top: 15%;
	left: -35px;
	transform: rotate(-28deg);
}
#all_wrap .content .midashi_message:after {
	content: "";
	display: block;
	background: #000;
	height: 70%;
	width: 3px;
	margin-bottom: 5px;
	position: absolute;
	top: 15%;
	right: -35px;
	transform: rotate(28deg);
}
#all_wrap .content .lp_about ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}
#all_wrap .content .lp_about ul li {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	text-align: left;
	padding: 0;
	margin: 0;
}
#all_wrap .content .lp_about ul li::before,
#all_wrap .content .lp_about ul li::after {
	display: none;
}
#all_wrap .content .lp_about ul li:nth-child(2n) .lp_about_txt  {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}
#all_wrap .content .lp_about ul li:nth-child(2n) .lp_about_img  {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}
#all_wrap .content .lp_about_img {
	width: 35%;
	padding: 0;
	margin: 0;
}
#all_wrap .content .lp_about_txt {
	width: 60%;
	padding: 0;
	margin: 0;
}
#all_wrap .content .lp_about_txt p {
	line-height: 2em;
}

/*プラスアイコン*/
.plusicon {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: relative;
	cursor: pointer;
	padding: 0;
	margin: 0 auto 20px;
}
.plusicon span::before,
.plusicon span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 16%;
	margin: -8% 0 0 -42%;
	background: #2257af;
}
.plusicon span::after {
	transform: rotate(90deg);
}
.about_plus {
	font-size: 1.5em;
	line-height: 1.8em;
	text-align: center;
}

/* スマホ対応 */
/*====================================*/
@media screen and (max-width: 768px) {
	#all_wrap .content .lp_about {
		max-width: 100%;
		padding: 0 0 40px;
		margin: 0 auto;
	}
	#all_wrap .l-wrapper-full .content .midashi_message {
		width: calc(100% - 60px);
		font-size: 18px;
		line-height: 1.6em;
		font-weight: bold;
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-style: normal;
		font-weight: 600;
		font-feature-settings: "palt";
		position: relative;
		text-align: center;
		padding: 0;
		margin: 0 auto 40px;
	}
	#all_wrap .content .midashi_message:before {
		content: "";
		display: block;
		background: #000;
		height: 70%;
		width: 3px;
		margin-bottom: 5px;
		position: absolute;
		top: 15%;
		left: 0;
		transform: rotate(-28deg);
	}
	#all_wrap .content .midashi_message:after {
		content: "";
		display: block;
		background: #000;
		height: 70%;
		width: 3px;
		margin-bottom: 5px;
		position: absolute;
		top: 15%;
		right: 0;
		transform: rotate(28deg);
	}
	#all_wrap .content .lp_about ul {
		list-style: none;
		padding: 0;
		margin: 0 auto;
		width: calc(100% - 60px);
	}
	#all_wrap .content .lp_about ul li {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#all_wrap .content .lp_about ul li:nth-child(2n) .lp_about_txt  {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	#all_wrap .content .lp_about ul li:nth-child(2n) .lp_about_img  {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	#all_wrap .content .lp_about_img {
		width: 70%;
		padding: 0;
		margin: 0 auto 40px;
		text-align: center;
	}
	#all_wrap .content .lp_about_txt {
		width: 100%;
		padding: 0;
		margin: 0 auto 30px;
	}

	/*プラスアイコン*/
	.plusicon {
		display: inline-block;
		width: 50px;
		height: 50px;
		position: relative;
		cursor: pointer;
		padding: 0;
		margin: 0 auto 20px;
	}
	.plusicon span::before,
	.plusicon span::after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 84%;
		height: 16%;
		margin: -8% 0 0 -42%;
		background: #2257af;
	}
	.plusicon span::after {
		transform: rotate(90deg);
	}
	.about_plus {
		width: 90%;
		margin: 0 auto;
		font-size: 1.5em;
		line-height: 1.8em;
		text-align: center;
	}
}



/*LPお問い合わせフォーム*/
#lp_contact {
	width: 70%;
	padding: 80px 0;
	margin: 0 auto;
}
#lp_contact table.table-contactform7 {
	border: none;
	background: none;
	padding: 0;
	margin: 0 auto 40px;
	width: 100%;
	display: block;
	border: none;
}
#lp_contact table.table-contactform7 tr,
#lp_contact table.table-contactform7 tr:nth-of-type(odd),
#lp_contact table.table-contactform7 tr:nth-of-type(even),
#lp_contact table.table-contactform7 tbody {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#lp_contact table.table-contactform7 th {
	border: none;
	background: none;
	padding: 20px 0 20px 0;
	margin: 0;
	color: #222;
	font-size: 1em;
	font-feature-settings: "palt";
	font-weight: bold;
	display: inline-block;
	width: 20%;
	vertical-align: middle;
	box-shadow: none;
}
#lp_contact table.table-contactform7 td {
	border: none;
	background: none;
	padding: 20px 0 20px 0;
	margin: 0;
	color: #222;
	font-size: 1em;
	font-weight: bold;
	display: inline-block;
	width: 80%;
	box-shadow: none;
}
#lp_contact table.table-contactform7 input {
	border-radius: 3px;
	background: #fbf8f0;
	border: 1px solid #c8c8c8;
	box-shadow: none;
	font-size: 1em;
}
#lp_contact table.table-contactform7 input.wpcf7-text {
	width: 100%;
	padding: 20px;
	margin: 0;
	border-radius: 3px;
	background: #fbf8f0;
	border: 1px solid #c8c8c8;
	box-shadow: none;
	font-size: 0.8em;
	font-weight: lighter;
	line-height: 1;
}
#lp_contact table.table-contactform7 input.wpcf7-date {
	padding: 15px 20px;
	margin: 0;
	font-size: 0.8em;
	font-weight: lighter;
	background: #fbf8f0;
	border: 1px solid #c8c8c8;
}
#lp_contact table.table-contactform7 select.wpcf7-form-control.wpcf7-select {
	width: 100px;
	min-height: 54px;
	height: 54px;
	line-height: 54px;
	padding: 15px 20px;
	margin: 0 0 0 10px;
	border-radius: 3px;
	background: #fbf8f0;
	border: 1px solid #c8c8c8;
	box-shadow: none;
	font-size: 0.8em;
	font-weight: lighter;
}
#lp_contact table.table-contactform7 input.your-naiyou {
	display: inline;
	width: auto;
}
#lp_contact table.table-contactform7 label {
	font-size: 1em;
	line-height: 1;
}
#lp_contact table.table-contactform7 .required-contactform7 {
	border-radius: 0;
	background: #222;
	padding: 5px 5px;
	margin: 0 5px 0 0;
	display: inline-block;
	color: #fff;
	font-size: 0.7em;
	line-height: 1;
}
#lp_contact table.table-contactform7 .wpcf7-list-item {
	padding: 0 0 0 3px;
	margin: 0 20px 5px 0;
}
#lp_contact table.table-contactform7 textarea {
	width: 100%;
	padding: 20px;
	margin: 0;
	border-radius: 3px;
	background: #fbf8f0;
	border: 1px solid #c8c8c8;
	box-shadow: none;
	font-size: 0.8em;
	font-weight: lighter;
	line-height: 1;
}

#lp_contact .txt_cent {
	text-align: center;
}
#lp_contact .txt_cent input {
	padding: 10px 50px;
	margin: 0 auto;
	display: inline-block;
	background: #222;
	border: none;
	border-radius: 25px;
	color: #fff;
	cursor: pointer;
	transition: 0.2s;
}
#lp_contact .txt_cent input:hover {
	transition: 0.2s;
	background: #9d0018;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#lp_contact {
		width: 90%;
		padding: 0;
		margin: 0 auto 40px;
	}
	#lp_contact table.table-contactform7 {
		border: none;
		background: none;
		padding: 0;
		margin: 0 auto 10px;
		width: 100%;
		display: block;
		border: none;
	}
	#lp_contact table.table-contactform7 tr,
	#lp_contact table.table-contactform7 tr:nth-of-type(odd),
	#lp_contact table.table-contactform7 tr:nth-of-type(even),
	#lp_contact table.table-contactform7 tbody {
		border: none;
		background: none;
		padding: 0;
		margin: 0;
		width: 100%;
		display: block;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#lp_contact table.table-contactform7 th {
		border: none;
		background: none;
		padding: 10px 0 0 0;
		margin: 0;
		color: #222;
		font-size: 1em;
		font-feature-settings: "palt";
		font-weight: bold;
		display: block;
		width: 100%;
		vertical-align: middle;
		box-shadow: none;
	}
	#lp_contact table.table-contactform7 td {
		border: none;
		background: none;
		padding: 10px 0 10px 0;
		margin: 0;
		color: #222;
		font-size: 1em;
		font-weight: bold;
		display: block;
		width: 100%;
		box-shadow: none;
	}
	#lp_contact table.table-contactform7 input {
		border-radius: 3px;
		background: #fbf8f0;
		border: 1px solid #c8c8c8;
		box-shadow: none;
		font-size: 1em;
		vertical-align:middle;
	}
	#lp_contact table.table-contactform7 input.wpcf7-text {
		width: 100%;
		padding: 10px;
		margin: 0;
		border-radius: 3px;
		background: #fbf8f0;
		border: 1px solid #c8c8c8;
		box-shadow: none;
		font-size: 0.8em;
		font-weight: lighter;
		line-height: 1;
	}
	#lp_contact table.table-contactform7 input.wpcf7-date {
		padding: 10px;
		margin: 0;
		font-size: 0.8em;
		min-height: 34px;
		height: 34px;
		font-weight: lighter;
		background: #fbf8f0;
		border: 1px solid #c8c8c8;
		vertical-align:middle;
	}
	#lp_contact table.table-contactform7 select.wpcf7-form-control.wpcf7-select {
		width: 100px;
		min-height: 34px;
		height: 34px;
		padding: 10px;
		margin: 0 0 0 10px;
		border-radius: 3px;
		background: #fbf8f0;
		border: 1px solid #c8c8c8;
		box-shadow: none;
		font-size: 0.8em;
		font-weight: lighter;
		vertical-align:middle;
	}
	#lp_contact table.table-contactform7 input.your-naiyou {
		display: inline;
		width: auto;
	}
	#lp_contact table.table-contactform7 label {
		font-size: 1em;
		line-height: 1;
		vertical-align:middle;
		margin-bottom: 5px;
	}
	#lp_contact table.table-contactform7 .required-contactform7 {
		border-radius: 0;
		background: #222;
		padding: 5px 5px;
		margin: 0 5px 0 0;
		display: inline-block;
		color: #fff;
		font-size: 0.7em;
		line-height: 1;
	}
	#lp_contact table.table-contactform7 .wpcf7-list-item {
		padding: 0 0 0 3px;
		margin: 0 20px 5px 0;
		vertical-align: middle;
	}
	#lp_contact table.table-contactform7 textarea {
		width: 100%;
		padding: 10px;
		margin: 0;
		border-radius: 3px;
		background: #fbf8f0;
		border: 1px solid #c8c8c8;
		box-shadow: none;
		font-size: 0.8em;
		font-weight: lighter;
		line-height: 1;
	}

	#lp_contact .txt_cent {
		text-align: center;
	}
	#lp_contact .txt_cent input {
		padding: 10px 50px;
		margin: 0 auto;
		display: inline-block;
		background: #222;
		border: none;
		border-radius: 25px;
		color: #fff;
		cursor: pointer;
		transition: 0.2s;
	}
	#lp_contact .txt_cent input:hover {
		transition: 0.2s;
		background: #a18c67;
	}
}


/************************************************************/
/*　SEO対策エリアページ
/************************************************************/
#seoVisualWrap {
	width: 84%;
	padding: 100px 0;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
#seoVisualWrap > #contentList {
	width: 35%;
	padding: 0;
	margin: 0;
}
#seoVisualWrap > #contentList > header {
	width: 100%;
	padding: 0;
	margin: 0 auto 30px;
	position: relative;
}
#seoVisualWrap > #contentList > header > h2 {
	padding: 0;
	margin: 0;
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	color: #111;
	font-style: normal;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#seoVisualWrap > #contentList > header > em {
	display: block;
	text-align: left;
	padding: 0;
	margin: 5px auto 0;
	color: #9D0018;
	font-size: 12px;
	line-height: 1em;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-style: normal;
}
/*目次リスト*/
#all_wrap .contentList {
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
	display: flex;
	flex-direction: column;
	grid-row-gap: 15px;
	counter-reset: number 0;
}
#all_wrap .contentList > li {
	padding: 0 0 0 33px;
	margin: 0;
	position: relative;
}
#all_wrap .contentList > li::before {
	counter-increment: number 1;
	content: counter(number);
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: #9D0018;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	position: absolute;
	top: -0.3em;
	left: 0;
}
#all_wrap .contentList > li a {
	transition: all 0.3s ease;
}
#all_wrap .contentList > li a:hover {
	color: #9D0018;
	transition: all 0.3s ease;
}

#seoVisualWrap > #topNews {
	width: 60%;
	padding: 0;
	margin: 0 auto;
}
#seoVisualWrap > #topNews ul.newsList {
	width: calc(100%);
	max-width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	list-style: none;
}
#seoVisualWrap > #topNews .moreBtn {
	text-align: left;
}

/*==============================*/
/*目次*/
/*==============================*/
#all_wrap .l-wrapper .postContents .content .toc {
	padding: 0;
	margin: 0 auto 30px;
	position: relative;
}
#all_wrap .l-wrapper .postContents .content .toc-title {
	display: inline-block;
	padding: 5px 10px;
	margin: 0;
	background: #19244c;
	font-family: "Ubuntu", sans-serif;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	position: relative;
	top: 15px;
	left: 0;
	z-index: 2;
}
#all_wrap .l-wrapper .postContents .content .toc-list {
	padding: 30px;
	margin: 0;
	position: relative;
	list-style: none;
	background: #f4f4f4;
}
#all_wrap .l-wrapper .postContents .content .toc-list li ul {
	margin: 10px 0 !important;
	padding: 0 0 0 0.7em;
	display: flex;
	flex-direction: column;
	grid-row-gap: 5px;
}
#all_wrap .l-wrapper .postContents .content .toc-list li {
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
}
#all_wrap .l-wrapper .postContents .content .toc-list li::before,
#all_wrap .l-wrapper .postContents .content .toc-list li::after {
	display: none;
}
#all_wrap .l-wrapper .postContents .content .toc-list li a {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: baseline;
	column-gap: 10px;
	padding: 0;
	position: relative;
	text-decoration: none;
	font-size: 13px;
	font-weight: lighter;
	line-height: 1.6em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
}
#all_wrap .l-wrapper .postContents .content .toc-list > li > a {
	font-size: 15px;
	font-weight: bold;
}
#all_wrap .l-wrapper .postContents .content .toc-list li a:hover {
	text-decoration: none;
	color: #0c61a8;
}
#all_wrap .content .contentstable-number {
	display: inline-block;
	position: relative;
	font-weight: bold;
	color: #9D0018;
	white-space: nowrap;
}
#all_wrap .l-wrapper .postContents .content .toc-list li a:hover .contentstable-number {
	text-decoration: none;
}
#all_wrap .l-wrapper .postContents .content .toc-list li a > .contentstable-number::after {
	content: '.';
}
#all_wrap .content .toc-toggle > a {
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}
/*タグ*/
#all_wrap .content .post-tag {
	margin-top: 5px;
}
#all_wrap .content .post-tag,
#all_wrap .content .post-tag a {
	font-size: 14px;
	text-decoration: none;
}
#all_wrap .content .post-tag a:hover {
	text-decoration: underline;
	color: #0c61a8;
}

@media only screen and (max-width: 768px){
	#all_wrap .l-wrapper .postContents .content .toc .toc-list {
		padding: 25px 20px 20px;
	}
	/*タグ*/
	#all_wrap .content .post-tag,
	#all_wrap .content .post-tag a {
		font-size: 12px;
	}
}

/*h2*/
#all_wrap .topAboutBox > h2 {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font-size: 40px;
	line-height: 1;
	font-weight: 600;
	text-align: center;
	border: none;
	background: none;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: 5;
	color: #111;
}

/*よくある質問*/
#seoFaq,
#seoFaq2 {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
	background: #f3f4f0;
}
#seoFaq2 {
	background: #fafafa !important;
}
#all_wrap #seoFaq > h2,
#all_wrap #seoFaq2 > h2 {
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	color: #111;
	font-style: normal;
	text-align: center;
	padding: 0;
	margin: 0 auto 30px;
	position: relative;
}
#seoFaq > .faqList,
#seoFaq2 > .faqList {
	max-width: 1100px;
	margin: 0 auto;
}
#all_wrap .seoFaqList .faqList dl {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: none;
}
#all_wrap .seoFaqList .faqList dt {
	padding: 20px 20px 20px 60px;
	border-bottom: 1px solid #f3f4f0;
	background: #fff;
}
#all_wrap .seoFaqList .faqList dt::before {
	left: 20px;
}
#all_wrap .seoFaqList .faqList dd {
	padding: 20px 20px 20px 60px;
	background: #fff;
}
#all_wrap .seoFaqList .faqList dd::before {
	left: 20px;
}

/*営業*/
#seoBiz {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
	background: #fff;
}
#seoBiz .secTitle::before {
	width: 600px;
	height: 150px;
	background-image: url(https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_business.png);
}
#all_wrap #seoBiz .secTitle > h2 {
	font-size: 30px;
	line-height: 1.2em;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	color: #111;
}
/*リスト*/
#all_wrap .seoBizList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#all_wrap .seoBizList > li {
	width: 48%;
	padding: 0;
	margin: 0 0 50px;
	position: relative;
}
#all_wrap .seoBizList > li:nth-last-child(1),
#all_wrap .seoBizList > li:nth-last-child(2) {
	margin-bottom: 0;
}
#all_wrap .seoBizList > li::before,
#all_wrap .seoBizList > li::after {
	display: none;
}
#all_wrap .seoBizList > li figure {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
#all_wrap .seoBizList > li figure::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #9D0018;
	clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
	position: absolute;
	bottom: -10px;
	right: -10px;
	z-index: -1;
}
#all_wrap .seoBizList > li figure > span {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
#all_wrap .seoBizList > li figure > span::before {
	content: '';
	display: block;
	padding-top: 65%;
}
#all_wrap .seoBizList > li figure > span img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
#all_wrap .seoBizList > li > h3 {
	padding: 20px 10px 10px;
	margin: 0 auto;
	border: none;
	border-bottom: 2px solid #9D0018;
	background: none;
	font-size: 22px;
}
#all_wrap .seoBizList > li > h3::before {
	display: none;
}
#all_wrap .seoBizList > li > p {
	padding: 10px;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 2;
}

/*災害対応*/
#seoResponse {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
	background: #f3f4f0;
}
#all_wrap .contHeader {
	padding: 0;
	margin: 0 auto 30px;
}
#all_wrap .contHeader > h2 {
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	color: #111;
	font-style: normal;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#all_wrap .contHeader > em {
	display: block;
	text-align: center;
	padding: 0;
	margin: 5px auto 0;
	color: #9D0018;
	font-size: 12px;
	line-height: 1em;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-style: normal;
}
#all_wrap .contHeader + p {
	padding: 0;
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
	font-size: 18px;
	line-height: 2;
	text-align: center;
}

/*メリット・デメリット*/
#seoMerit {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
	background: #fafafa;
}
#all_wrap #seoMerit .contHeader + p {
	margin: 0 auto 50px;
}
#all_wrap .resBox {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 80px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	z-index: 0;
}
#all_wrap .resBox:last-of-type {
	margin-bottom: 0;
}
#all_wrap .resBox > span {
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: -1;
}
#all_wrap .resBox.rev > span {
	top: -20px;
	right: unset;
	left: -20px;
}
#all_wrap .resBox > span::before {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
}
#all_wrap .resBox > span::after {
	content: '';
	display: block;
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #9D0018;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;
}
#all_wrap .resBox .resBoxInfo {
	width: 47%;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
#all_wrap .resBox.rev .resBoxInfo {
	order: 1;
}
#all_wrap .resBox > figure {
	width: 47%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	border-radius: 30px;
}
#all_wrap .resBox > figure::before {
	content: '';
	display: block;
	padding-top: 65%;
}
#all_wrap .resBox > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
#all_wrap .resBox .resBoxInfo > h3 {
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.4em;
	color: #111;
	font-style: normal;
	text-align: left;
	width: 100%;
	padding: 0 0 10px;
	margin: 0 auto 10px;
	border-bottom: 1px dashed #AAAAAA;
	position: relative;
}
#all_wrap .resBox .resBoxInfo > h3::before,
#all_wrap .resBox .resBoxInfo > h3::after {
	display: none;
}
#all_wrap .resBox .resBoxInfo > p {
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 2;
}

/*お問い合わせテキスト*/
#seoContact {
	width: 100%;
	padding: 50px 0;
	margin: 0 auto;
}
#all_wrap #seoContact > p {
	padding: 0;
	margin: 0 auto 10px;
	text-align: center;
	font-size: 20px;
	line-height: 1.7em;
	color: #9D0018;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#seoVisualWrap {
		width: calc(100% - 60px);
		padding: 20px 0;
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	#seoVisualWrap > #contentList {
		width: 100%;
		order: 1;
	}
	#seoVisualWrap > #contentList > header {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
	}
	#seoVisualWrap > #contentList > header > h2 {
		padding: 0;
		margin: 0;
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 25px;
		font-weight: 700;
		line-height: 1.4em;
		color: #111;
		font-style: normal;
		text-align: center;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	#seoVisualWrap > #contentList > header > em {
		display: block;
		text-align: center;
		padding: 0;
		margin: 5px auto 0;
		color: #9D0018;
		font-size: 12px;
		line-height: 1em;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	#seoVisualWrap > #topNews {
		width: 100%;
		padding: 0;
		margin: 0 auto 30px;
	}
	#seoVisualWrap > #topNews ul.newsList {
		width: calc(100%);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 15px;
		list-style: none;
	}
	#seoVisualWrap > #topNews .moreBtn {
		text-align: left;
		width: 100%;
	}

	/*h2*/
	#all_wrap #seoArea.l-wrapper-full .l-main {
		padding: 0;
	}
	#all_wrap #seoArea .topAboutBox > h2 {
		width: 100%;
		text-align: left;
		padding: 30px 0 0;
		margin: 0 auto;
		font-size: 16px;
		line-height: 1;
		font-weight: 600;
		border: none;
		background: none;
		position: relative;
		top: unset;
		left: unset;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		z-index: 5;
		color: #111;
	}

	/*よくある質問*/
	#seoFaq,
	#seoFaq2 {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
		background: #f3f4f0;
	}
	#seoFaq2 {
		background: #fafafa !important;
	}
	#all_wrap #seoFaq > h2,
	#all_wrap #seoFaq2 > h2 {
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4em;
		color: #111;
		font-style: normal;
		text-align: center;
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
	}
	#seoFaq > .faqList,
	#seoFaq2 > .faqList {
		max-width: 100%;
		margin: 0 auto;
	}
	#all_wrap .seoFaqList .faqList dl {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		background: none;
	}
	#all_wrap .seoFaqList .faqList dt {
		padding: 15px 25px 15px 35px;
		border-bottom: 1px solid #f3f4f0;
		background: #fff;
	}
	#all_wrap .seoFaqList .faqList dt::before {
		left: 15px;
	}
	#all_wrap .seoFaqList .faqList dt span {
		right: 5px;
	}
	#all_wrap .seoFaqList .faqList dd {
		padding: 15px 25px 15px 35px;
		background: #fff;
	}
	#all_wrap .seoFaqList .faqList dd::before {
		left: 15px;
	}

	/*営業*/
	#seoBiz {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
		background: #fff;
	}
	#seoBiz .secTitle::before {
		width: 330px;
		height: 100px;
		background-image: url(https://www.tsubakidensetsu.co.jp/wp-content/uploads/curve_business.png);
	}
	#all_wrap #seoBiz .secTitle > h2,
	#all_wrap #seoArea .secTitle > h2 {
		width: calc(100% - 60px);
		font-size: 18px;
		line-height: 1.2em;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		font-weight: 600;
		color: #111;
	}
	/*リスト*/
	#all_wrap .seoBizList {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#all_wrap .seoBizList > li {
		width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
	}
	#all_wrap .seoBizList > li > h3 {
		padding: 20px 10px 10px;
		margin: 0 auto 10px;
		border: none;
		border-bottom: 2px solid #9D0018;
		background: none;
		font-size: 18px;
	}

	/*災害対応*/
	#seoResponse {
		width: 100%;
		padding: 40px 30px;
		margin: 0 auto;
		position: relative;
		background: #f3f4f0;
	}
	#all_wrap .contHeader {
		padding: 0;
		margin: 0 auto 20px;
	}
	#all_wrap .contHeader > h2 {
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4em;
		color: #111;
		font-style: normal;
		text-align: center;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	#all_wrap .contHeader + p {
		padding: 0;
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		font-size: 15px;
		line-height: 2;
		text-align: center;
	}

	/*メリット・デメリット*/
	#seoMerit {
		width: 100%;
		padding: 40px 30px;
		margin: 0 auto;
		position: relative;
		background: #fafafa;
	}
	#all_wrap #seoMerit .contHeader + p {
		margin: 0 auto 20px;
	}
	#all_wrap .resBox {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto 40px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		z-index: 0;
	}
	#all_wrap .resBox:last-of-type {
		margin-bottom: 0;
	}
	#all_wrap .resBox > span {
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: -10px;
		right: unset;
		left: -15px;
		z-index: -1;
	}
	#all_wrap .resBox.rev > span {
		position: absolute;
		top: -10px;
		right: unset;
		left: -15px;
	}
	#all_wrap .resBox > span::before {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 0;
	}
	#all_wrap .resBox > span::after {
		content: '';
		display: block;
		width: 80px;
		height: 15px;
		padding: 0;
		margin: 0;
		background: #9D0018;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 0;
	}
	#all_wrap .resBox .resBoxInfo {
		width: 100%;
		padding: 0;
		margin: 0;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		order: 1;
	}
	#all_wrap .resBox.rev .resBoxInfo {
		order: 1;
	}
	#all_wrap .resBox > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		overflow: hidden;
		text-align: center;
		position: relative;
		border-radius: 20px;
	}
	#all_wrap .resBox > figure::before {
		content: '';
		display: block;
		padding-top: 65%;
	}
	#all_wrap .resBox > figure img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	#all_wrap .resBox .resBoxInfo > h3 {
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4em;
		color: #111;
		font-style: normal;
		text-align: left;
		width: 100%;
		padding: 0 0 10px;
		margin: 0 auto 10px;
		border-bottom: 1px dashed #AAAAAA;
		position: relative;
	}

	/*お問い合わせテキスト*/
	#seoContact {
		width: 100%;
		padding: 30px;
		margin: 0 auto;
	}
	#all_wrap #seoContact > p {
		padding: 0;
		margin: 0 auto 10px;
		text-align: center;
		font-size: 16px;
		line-height: 1.7em;
		color: #9D0018;
	}
}



/************************************************************/
/*　エリアマップ
/************************************************************/
#map_page {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto 40px;
	background: #fbfaf6;
}

.area_mapinfo {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto 50px;
}
#all_wrap .area_mapinfo h2 {
	width: 100%;
	font-size: 35px;
	line-height: 1em;
	padding: 0;
	margin: 0 auto 20px;
	font-style: normal;
}
#all_wrap .area_mapinfo h2 span {
	display: block;
	font-size: 0.5em;
	line-height: 1;
	padding: 15px 0 0;
	margin: 0;
}
#all_wrap .area_mapinfo p {
	font-size: 1em;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
}

#all_wrap .area_map {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#all_wrap .area_map figure {
	width: 100%;
	max-width: 700px;
	padding: 0;
	margin: 0 auto;
}
#all_wrap .area_map figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#all_wrap .area_map ul li {
	cursor: pointer;
	padding: 0;
	margin: 0;
}
#all_wrap .area_map ul li::before,
#all_wrap .area_map ul li::after {
	display: none;
}
#all_wrap .area_map ul li a {
	display: block;
	padding: 8px 10px;
	margin: 0;
	cursor: pointer;
	background: #fff;
	transition: 0.2s;
	line-height: 1;
}
#all_wrap .area_map ul li a:hover {
	text-decoration: none;
	background: #fafafa;
	transition: 0.2s;
	color: #9D0018;
}
#all_wrap .maplist01 {
	max-width: 100px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	border-top: 2px solid #111;
	box-sizing: border-box;
}
#all_wrap .maplist01 li {
	width:  100px;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #111;
	border-right: 2px solid #111;
	border-left: 2px solid #111;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
}
#all_wrap .maplist02 {
	max-width: 200px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	border-top: 2px solid #111;
	border-left: 2px solid #111;
	box-sizing: border-box;
}
#all_wrap .maplist02 li {
	width: 50%;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #111;
	border-right: 2px solid #111;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
}
#all_wrap .maplist03 {
	max-width: 300px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	border-top: 2px solid #111;
	border-left: 2px solid #111;
	box-sizing: border-box;
}
#all_wrap .maplist03 li {
	width: 33.33%;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #111;
	border-right: 2px solid #111;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
}

#all_wrap #map_page h3 {
	display: inline-block;
	padding: 0 0 0 2px;
	margin: 0 auto 5px;
	border: none;
	background: none;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	font-feature-settings: "palt";
	color: #111;
}
#all_wrap #map_page h3 a {
	color: #111;
	transition: all 0.3s ease;
}
#all_wrap #map_page h3 a:hover {
	color: #9D0018;
	text-decoration: none;
	transition: all 0.3s ease;
}
#all_wrap #map_page h3::before,
#all_wrap #map_page h3::after {
	display: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#map_page {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto 20px;
		background: #fbfaf6;
	}

	#all_wrap .area_mapinfo {
		width: 90%;
		max-width: 90%;
		padding: 0;
		margin: 0 auto 20px;
	}
	#all_wrap .area_mapinfo h2 {
		width: 100%;
		font-size: 22px;
		line-height: 1em;
		padding: 0;
		margin: 0 auto 20px;
		font-style: normal;
	}
	#all_wrap .area_mapinfo h2 span {
		display: block;
		font-size: 12px;
		line-height: 1;
		padding: 10px 0 0;
		margin: 0;
	}
	#all_wrap .area_mapinfo p {
		font-size: 1em;
		line-height: 1.7em;
		padding: 0;
		margin: 0;
	}

	#all_wrap .area_map {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		z-index: 0;
	}
	#all_wrap .area_map figure {
		display: none;
	}

	#all_wrap .area_map ul li {
		cursor: pointer;
	}
	#all_wrap .area_map ul li a {
		display: block;
		padding: 8px 10px;
		margin: 0;
		cursor: pointer;
		background: none;
		transition: 0.2s;
	}
	#all_wrap .area_map ul li a:hover {
		background: #fafafa;
		transition: 0.2s;
		color: #3464a6;
	}
	#all_wrap .maplist01 {
		max-width: 100%;
		list-style: none;
		padding: 0;
		margin: 0;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		border-top: 2px solid #111;
		box-sizing: border-box;
	}
	#all_wrap .maplist01 li {
		width:  100px;
		padding: 0;
		margin: 0;
		border-bottom: 2px solid #111;
		border-right: 2px solid #111;
		border-left: 2px solid #111;
		box-sizing: border-box;
		background: #fff;
		text-align: center;
	}
	#all_wrap .maplist02 {
		max-width: 100%;
		list-style: none;
		padding: 0;
		margin: 0;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		border-top: 2px solid #111;
		border-left: 2px solid #111;
		box-sizing: border-box;
	}
	#all_wrap .maplist02 li {
		width: 50%;
		padding: 0;
		margin: 0;
		border-bottom: 2px solid #111;
		border-right: 2px solid #111;
		box-sizing: border-box;
		background: #fff;
		text-align: center;
	}
	#all_wrap .maplist03 {
		max-width: 100%;
		list-style: none;
		padding: 0;
		margin: 0;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		border-top: 2px solid #111;
		border-left: 2px solid #111;
		box-sizing: border-box;
	}
	#all_wrap .maplist03 li {
		width: 33.33%;
		padding: 0;
		margin: 0;
		border-bottom: 2px solid #111;
		border-right: 2px solid #111;
		box-sizing: border-box;
		background: #fff;
		text-align: center;
	}

	#all_wrap #map_page h3 {
		display: inline-block;
		padding: 0 0 0 2px;
		margin: 0 auto 5px;
		border: none;
		background: none;
		text-align: left;
		font-size: 15px;
		font-weight: bold;
		font-feature-settings: "palt";
		color: #000;
	}
}

/*福岡市~*/
#all_wrap #maps01 {
	position: absolute;
	top: 50px;
	left: 200px;
}
/*北九州市~*/
#all_wrap #maps02 {
	position: absolute;
	top: 0;
	right: 150px;
}
/*筑紫野市~*/
#all_wrap #maps03 {
	position: absolute;
	top: 350px;
	left: 400px;
}
/*宗像市~*/
#all_wrap #maps04 {
	position: absolute;
	top: 0;
	left: 450px;
}
/*糸島市~*/
#all_wrap #maps05 {
	position: absolute;
	top: 250px;
	left: 200px;
}
/*中間市~*/
#all_wrap #maps06 {
	position: absolute;
	top: 0;
	right: 500px;
}
/*行橋市~*/
#all_wrap #maps07 {
	position: absolute;
	top: 200px;
	right: 150px;
}
/*八女市~*/
#all_wrap #maps08 {
	position: absolute;
	top: 600px;
	right: 400px;
}
/*久留米市~*/
#all_wrap #maps09 {
	position: absolute;
	top: 500px;
	left: 300px;
}
/*大牟田市~*/
#all_wrap #maps10 {
	position: absolute;
	top: 600px;
	left: 300px;
}
/*直方市~*/
#all_wrap #maps11 {
	position: absolute;
	top: 100px;
	left: 600px;
}
/*飯塚市~*/
#all_wrap #maps12 {
	position: absolute;
	top: 225px;
	left: 550px;
}
/*田川市~*/
#all_wrap #maps13 {
	position: absolute;
	top: 225px;
	left: 700px;
}
/*朝倉市~*/
#all_wrap #maps14 {
	position: absolute;
	top: 450px;
	left: 700px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap #maps01,
	#all_wrap #maps02,
	#all_wrap #maps03,
	#all_wrap #maps04,
	#all_wrap #maps05,
	#all_wrap #maps06,
	#all_wrap #maps07,
	#all_wrap #maps08,
	#all_wrap #maps09,
	#all_wrap #maps10,
	#all_wrap #maps11,
	#all_wrap #maps12,
	#all_wrap #maps13,
	#all_wrap #maps14 {
		width: 90%;
		padding: 0;
		margin: 0 auto;
		position: static;
	}

	#all_wrap #maps01 ul { width: 100%; max-width: 100%; padding: 0; margin: 0 auto 10px; }
	#all_wrap #maps01 li { width: 33.33%; }

	#all_wrap #maps02 ul { width: 100%; max-width: 100%; padding: 0; margin: 0 auto 10px; }
	#all_wrap #maps02 li { width: 33.33%; }

	#all_wrap #maps03 ul { width: 100%; max-width: 100%; padding: 0; margin: 0 auto 10px; }
	#all_wrap #maps03 li { width: 33.33%; }

	#all_wrap #maps04 ul { width: 100%; max-width: 100%; padding: 0; margin: 0 auto 10px; border-left: 2px solid #111; }
	#all_wrap #maps04 li { width: 33.33%; border-left:none; }

	#all_wrap #maps05 ul { width: 33.33%; max-width: 100%; padding: 0; margin: 0 0 10px; }
	#all_wrap #maps05 li { width: 100%; }

	#all_wrap #maps06 ul { width: 33.33%; max-width: 100%; padding: 0; margin: 0 0 10px; }
	#all_wrap #maps06 li { width: 100%; }

	#all_wrap #maps07 ul { width: 66.66%; max-width: 100%; padding: 0; margin: 0 0 10px; border-left: 2px solid #111; }
	#all_wrap #maps07 li { width: 50%; border-left:none; }

	#all_wrap #maps08 ul { width: 66.66%; max-width: 100%; padding: 0; margin: 0 0 10px; border-left: 2px solid #111; }
	#all_wrap #maps08 li { width: 50%; border-left:none; }

	#all_wrap #maps09 ul { width: 100%; max-width: 100%; padding: 0; margin: 0 auto 10px; }
	#all_wrap #maps09 li { width: 33.33%; }

	#all_wrap #maps10 ul { width: 100%; max-width: 100%; padding: 0; margin: 0 auto 10px; }
	#all_wrap #maps10 li { width: 33.33%; }

	#all_wrap #maps11 ul { width: 66.66%; max-width: 100%; padding: 0; margin: 0 0 10px; border-left: 2px solid #111; }
	#all_wrap #maps11 li { width: 50%; border-left:none; }

	#all_wrap #maps12 ul { width: 66.66%; max-width: 100%; padding: 0; margin: 0 0 10px; border-left: 2px solid #111; }
	#all_wrap #maps12 li { width: 50%; border-left:none; }

	#all_wrap #maps13 ul { width: 33.33%; max-width: 100%; padding: 0; margin: 0 0 10px; }
	#all_wrap #maps13 li { width: 100%; }

	#all_wrap #maps14 ul { width: 33.33%; max-width: 100%; padding: 0; margin: 0 0 10px; }
	#all_wrap #maps14 li { width: 100%; }
}

/*エリア　ナビゲーション*/
#all_wrap .area_nav {
	width: 100%;
	padding: 50px 0;
	margin: 0;
}
#all_wrap .area_nav > h2 {
	padding: 0 0 10px;
	margin: 0 auto 20px;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 16px;
	width: 100%;
	max-width: 1200px;
}
#all_wrap .area_nav ul {
	list-style: none;
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
#all_wrap .area_nav ul li {
	width: 12.5%;
	padding: 0 0 0 15px;
	margin: 0 0 10px;
	position: relative;
}
#all_wrap .area_nav ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
}
#all_wrap .area_nav ul li a {
	transition: all 0.3s ease;
	text-decoration: none;
}
#all_wrap .area_nav ul li a:hover {
	color: #9D0018;
	transition: all 0.3s ease;
	text-decoration: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap .area_nav {
		display: none;
	}
}


/************************************************************/
/*　固定フッター
/************************************************************/
.footerFixed {
	display: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	.footerFixed {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1000;
	}
	.footerFixed > ul {
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
		z-index: 0;
		background: #9D0018;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.footerFixed > ul::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background-image: url(https://www.tsubakidensetsu.co.jp/wp-content/uploads/topOfficeBg_sp.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		bottom: unset;
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 0.2;
	}
	.footerFixed > ul > li {
		width: 30%;
		padding: 0;
		margin: 0;
		position: relative;
	}
	.footerFixed > ul > li:first-child {
		width: 40%;
	}
	.footerFixed > ul > li::after {
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #fff;
		position: absolute;
		top: 0;
		right: 0;
	}
	.footerFixed > ul > li:last-child::after {
		content: '';
		display: none;
	}
	.footerFixed > ul > li a {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		padding: 15px 0;
		margin: 0;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	.footerFixed > ul > li a img {
		width: auto;
		height: 12px;
		margin: 1px 3px 0 0;
	}
	
	/*Googleバッジ*/
	.grecaptcha-badge {
		bottom: 50px !important;
	}
}



/************************************************************/
/*　キャンペーン 202311
/************************************************************/
#cm202311 {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#cm_visual {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
#all_wrap .content .imgttl {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	position: relative;
}
#all_wrap .content .imgttl::before,
#all_wrap .content .imgttl::after {
	display: none;
}
#all_wrap .imgttl > img {
	width: 100%;
	height: auto;
}
#cm_point {
	width: 900px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

/*cmBox*/
#all_wrap .cmBox {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
}
#all_wrap .cmBox > dt {
	width: 100%;
	padding: 20px;
	margin: 0;
	background: #E95098;
	border-radius: 20px 20px 0 0;
	position: relative;
}
#all_wrap .content .cmBox > dt h2 {
	padding: 0;
	margin: 0 auto;
	border: none;
	background: none;
	position: relative;
	font-size: 55px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
#all_wrap .content .cmBox > dt h2::before,
#all_wrap .content .cmBox > dt h2::after {
	display: none;
}
#all_wrap .content .cmBox > dt h2 small {
	display: block;
	padding: 0;
	margin: 0 auto 5px;
	font-size: 25px;
	text-align: center;
}
#all_wrap .content .cmBox.reason > dt h2 {
	font-size: 45px;
}
#all_wrap .content .cmBox > dt span {
	display: block;
	width: 105px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 2;
}
#all_wrap .cmBox > dd {
	width: 100%;
	padding: 40px 50px;
	margin: 0;
	background: #fff;
	border: 5px solid #E95098;
	position: relative;
	border-radius: 0 0 20px 20px;
}
.cmBox_txt {
	width: 100%;
	padding: 0;
	margin: 0 auto 40px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 50px;
}
.cmBox_txt_left {
	padding: 0;
	margin: 0;
}
.cmBox_txt_right {
	padding: 0;
	margin: 0;
}
#all_wrap .content .cmBox_txt_left h3 {
	font-size: 40px;
	line-height: 1.2em;
	color: #E95098;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
#all_wrap .content .cmBox_txt_left h3::before,
#all_wrap .content .cmBox_txt_left h3::after {
	display: none;
}
#all_wrap .content .cmBox_txt_right > p {
	font-size: 120px;
	line-height: 1;
	font-weight: bold;
	color: #E95098;
	position: relative;
	z-index: 0;
}
#all_wrap .content .cmBox_txt_right > p small {
	font-size: 40px;
}
#all_wrap .content .cmBox_txt_right > p::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	margin: 0 auto;
	width: 100%;
	height: 30px;
	background-color: #FFF100;
	z-index: -1;
}
/*青*/
#all_wrap .cmBox.blue > dt {
	background: #0073BD;
}
#all_wrap .cmBox.blue > dd {
	border: 5px solid #0073BD;
}
#all_wrap .content .cmBox.blue .cmBox_txt_left h3 {
	color: #0073BD;
}
#all_wrap .content .cmBox.blue .cmBox_txt_right > p {
	color: #0073BD;
}
/*黄*/
#all_wrap .cmBox.yellow > dt {
	background: #FFE391;
}
#all_wrap .cmBox.yellow > dd {
	border: 5px solid #FFE391;
}

/*テーブル*/
#all_wrap .content .cmTable {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	position: relative;
}
#all_wrap .content .cmTable th {
	display: table-cell;
	width: 25%;
	padding: 20px 15px;
	margin: 0;
	background: none;
	border: none;
	border-bottom: 1px dotted #CCCCCC;
	font-weight: bold;
	color: #0073BD;
	font-size: 18px;
}
#all_wrap .content .cmTable td {
	display: table-cell;
	width: 75%;
	padding: 20px 15px;
	margin: 0;
	background: none;
	border: none;
	border-bottom: 1px dotted #CCCCCC;
}
#all_wrap .content .cmTable td p {
	padding: 0;
	margin: 0 auto 10px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#all_wrap .content .cmTable td p:last-of-type {
	margin-bottom: 0;
}
#all_wrap .content .cmTable td p small {
	display: block;
	color: #616161;
	font-size: 12px;
	line-height: 1.7em;
	padding: 0;
	margin: 5px auto 0;
}
#all_wrap .content .cmTable td p a {
	color: #0073BD;
}
#all_wrap .content .cmTable td h4 {
	padding: 0;
	margin: 0 auto 5px;
	font-size: 18px;
	line-height: 1;
}
#all_wrap .content .cmTable td .association {
	padding: 20px;
	margin: 20px auto 0;
	border: 3px solid #0073BD;
	color: #0073BD;
}
#all_wrap .content .cmTable td .association h4 {
	padding: 0;
	margin: 0 auto 10px;
	font-size: 18px;
	line-height: 1;
	color: #0073BD;
}

/*選ばれる理由*/
#all_wrap .content .cm_reason h3 {
	text-align: center;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	border: none;
	background: none;
	z-index: 0;
	font-size: 32px;
	line-height: 1.4em;
	color: #E4007F;
}
#all_wrap .content .cm_reason h3::before,
#all_wrap .content .cm_reason h3::after {
	display: none;
}
#all_wrap .content .cm_reason h3 span {
	display: inline;
	position: relative;
}
#all_wrap .content .cm_reason h3 span::after {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 10px;
	background-color: #FFF100;
	z-index: -1;
}
#all_wrap .content .cm_reasonList {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	list-style: none;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}
#all_wrap .content .cm_reasonList > li {
	width: calc(100% / 3 - 10px);
	padding: 30px 20px 30px;
	margin: 0;
	position: relative;
	background: #FFF9E8;
	border-radius: 10px;
}
#all_wrap .content .cm_reasonList > li::before,
#all_wrap .content .cm_reasonList > li::after {
	display: none;
}
#all_wrap .content .cm_reasonList > li .ttl {
	display: inline-block;
	padding: 7px 20px 10px;
	margin: 0;
	position: relative;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	background: #E4007F;
	border-radius: 40px;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: 2;
}
#all_wrap .content .cm_reasonList > li .ttl strong {
	color: #FFF100;
	display: inline-block;
	line-height: 1;
}
#all_wrap .content .cm_reasonList > li h4 {
	padding: 0;
	margin: 0 auto 20px;
	border: none;
	background: none;
	position: relative;
	text-align: center;
	font-size: 18px;
	line-height: 1.4em;
	color: #E4007F;
}
#all_wrap .content .cm_reasonList > li figure {
	width: auto;
	height: 80px;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
}
#all_wrap .content .cm_reasonList > li figure img {
	width: auto;
	height: 100%;
}
#all_wrap .content .cm_reasonList > li p {
	padding: 0;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}
#all_wrap .content .cm_reasonList > li small {
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	color: #616161;
	line-height: 1.4em;
}
/*ボックス*/
#all_wrap .reasonBox {
	width: 100%;
	background: #FFF9E8;
	border-radius: 20px;
	padding: 30px;
	margin: 0 auto 30px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 30px;
	grid-row-gap: 20px;
	position: relative;
}
#all_wrap .reasonBox:last-of-type {
	margin-bottom: 0;
}
#all_wrap .content .cm_reason h3.ttl {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
	border: none;
	background: none;
	font-size: 30px;
	color: #E4007F;
}
#all_wrap .reasonBox > figure {
	width: calc(50% - 15px);
	padding: 0;
	margin: 0;
	position: relative;
}
#all_wrap .reasonBox > figure img {
	width: 100%;
	height: auto;
}
#all_wrap .reasonBox > .reasonBox_right {
	width: calc(50% - 15px);
	padding: 0;
	margin: 0;
	position: relative;
}
#all_wrap .content .reasonBox > .reasonBox_right h4 {
	padding: 0;
	margin: 0 auto;
	font-size: 20px;
	color: #E4007F;
	font-weight: bold;
	border: none;
	background: none;
	position: relative;
}
#all_wrap .content .reasonBox > .reasonBox_right p {
	padding: 0;
	margin: 0 auto 10px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#all_wrap .reasonBox > .reasonBox_bottom {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
#all_wrap .reasonBox > .reasonBox_bottom small {
	display: block;
	padding: 0;
	margin: 0 auto 5px;
	color: #616161;
	line-height: 1.4em;
}
#all_wrap .content .reasonBox > .reasonBox_right a {
	color: #0073BD;
}

/*ボタン*/
#all_wrap .reasonBtn {
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#all_wrap .content .reasonBtn .serif_ttl {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: flex-end;
	align-items: flex-end;
	flex-wrap: nowrap;
	position: relative;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	color: #0073BD;
}
#all_wrap .content .reasonBtn .serif_ttl span {
	display: inline;
	position: relative;
	z-index: 0;
}
#all_wrap .content .reasonBtn .serif_ttl span::after {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	bottom: -5px;
	margin: 0 auto;
	width: 100%;
	height: 10px;
	background-color: #FFF100;
	z-index: -1;
}
#all_wrap .reasonBtn figure {
	width: 400px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#all_wrap .reasonBtn figure img {
	width: 100%;
	height: auto;
}
#all_wrap .reasonBtn .link a {
	display: block;
	width: 500px;
	padding: 30px 50px;
	margin: 0 auto;
	position: relative;
	background: #156fd8;
	font-size: 25px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fff;
	border-radius: 100px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	transition: all 0.3s ease;
	text-decoration: none;
}
#all_wrap .reasonBtn .link a:hover {
	color: #156fd8;
	background: #fff;
	transition: all 0.3s ease;
	text-decoration: none;
}
#all_wrap .reasonBtn .link a::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	z-index: 1;
}
#all_wrap .reasonBtn .link a::after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	background: #156fd8;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	z-index: 1;
}
/*ボタン*/
#all_wrap .cmBtn {
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
#all_wrap .cmBtn a {
	display: inline-block;
	width: auto;
	padding: 30px 100px;
	margin: 0 auto;
	position: relative;
	background: #E4007F;
	font-size: 25px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fff;
	border-radius: 100px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	transition: all 0.3s ease;
	text-decoration: none;
}
#all_wrap .cmBtn a:hover {
	color: #E4007F;
	background: #fff;
	transition: all 0.3s ease;
	text-decoration: none;
}
#all_wrap .cmBtn a::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	z-index: 1;
}
#all_wrap .cmBtn a::after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	background: #E4007F;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	z-index: 1;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#cm_visual {
		margin: 0 auto 30px;
	}
	#cm_point {
		width: calc(100% - 60px);
	}

	/*cmBox*/
	#all_wrap .cmBox {
		width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
	}
	#all_wrap .cmBox > dt {
		width: 100%;
		padding: 10px;
		border-radius: 10px 10px 0 0;
	}
	#all_wrap .content .cmBox > dt h2 {
		font-size: 25px;
		text-align: center;
	}
	#all_wrap .content .cmBox > dt h2 small {
		margin: 0 auto 5px;
		font-size: 15px;
	}
	#all_wrap .content .cmBox.reason > dt h2 {
		font-size: 18px;
	}
	#all_wrap .content .cmBox > dt span {
		display: block;
		width: 50px;
		left: 20px;
		z-index: 2;
	}
	#all_wrap .cmBox > dd {
		width: 100%;
		padding: 20px;
		margin: 0;
		background: #fff;
		border: 5px solid #E95098;
		position: relative;
		border-radius: 0 0 20px 20px;
	}
	.cmBox_txt {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 20px;
	}
	.cmBox_txt_left {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.cmBox_txt_right {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	#all_wrap .content .cmBox_txt_left h3 {
		font-size: 25px;
		line-height: 1.2em;
		text-align: center;
	}
	#all_wrap .content .cmBox_txt_right > p {
		font-size: 50px;
		line-height: 1;
		font-weight: bold;
		color: #E95098;
		position: relative;
		z-index: 0;
		display: inline-block;
	}
	#all_wrap .content .cmBox_txt_right > p small {
		font-size: 20px;
	}
	#all_wrap .content .cmBox_txt_right > p::before {
		bottom: -7px;
		margin: 0 auto;
		width: 100%;
		height: 15px;
	}

	/*テーブル*/
	#all_wrap .content .cmTable tr {
		width: 100%;
		display: block;
	}
	#all_wrap .content .cmTable th {
		display: block;
		width: 100%;
		padding: 10px 15px;
		margin: 0;
		background: none;
		border: none;
		border-bottom: none;
		font-weight: bold;
		color: #fff;
		background: #0073BD;
		font-size: 16px;
		text-align: center;
	}
	#all_wrap .content .cmTable td {
		display: block;
		width: 100%;
		padding: 10px 15px 20px;
		margin: 0;
		background: #fafafa;
		border: none;
		border-bottom: none;
	}

	/*選ばれる理由*/
	#all_wrap .content .cm_reason h3 {
		text-align: center;
		padding: 0;
		margin: 0 auto 40px;
		position: relative;
		border: none;
		background: none;
		z-index: 0;
		font-size: 25px;
		line-height: 1.4em;
		color: #E4007F;
	}
	#all_wrap .content .cm_reasonList {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		list-style: none;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		grid-row-gap: 30px;
	}
	#all_wrap .content .cm_reasonList > li {
		width: calc(100%);
		padding: 30px 20px 30px;
		margin: 0 auto;
	}
	#all_wrap .content .cm_reasonList > li .ttl {
		display: inline-block;
		padding: 7px 20px 10px;
		margin: 0;
		position: relative;
		font-size: 18px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
		background: #E4007F;
		border-radius: 40px;
		position: absolute;
		top: -18px;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		z-index: 2;
	}
	/*ボックス*/
	#all_wrap .reasonBox {
		width: 100%;
		background: #FFF9E8;
		border-radius: 10px;
		padding: 20px;
		margin: 0 auto 20px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		column-gap: 20px;
		grid-row-gap: 20px;
		position: relative;
	}
	#all_wrap .reasonBox:last-of-type {
		margin-bottom: 0;
	}
	#all_wrap .content .cm_reason h3.ttl {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		text-align: center;
		border: none;
		background: none;
		font-size: 18px;
		color: #E4007F;
	}
	#all_wrap .reasonBox > figure {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
	}
	#all_wrap .reasonBox > figure img {
		width: 100%;
		height: auto;
	}
	#all_wrap .reasonBox > .reasonBox_right {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
	}
	#all_wrap .content .reasonBox > .reasonBox_right h4 {
		padding: 0;
		margin: 0 auto;
		font-size: 18px;
		color: #E4007F;
		font-weight: bold;
		border: none;
		background: none;
		position: relative;
	}
	#all_wrap .content .reasonBox > .reasonBox_right p {
		padding: 0;
		margin: 0 auto 10px;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	/*ボタン*/
	#all_wrap .reasonBtn {
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	#all_wrap .content .reasonBtn .serif_ttl {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: flex-end;
		align-items: flex-end;
		flex-wrap: nowrap;
		position: relative;
		font-size: 20px;
		line-height: 1;
		font-weight: bold;
		color: #0073BD;
	}
	#all_wrap .content .reasonBtn .serif_ttl span {
		display: inline;
		position: relative;
		z-index: 0;
	}
	#all_wrap .content .reasonBtn .serif_ttl span::after {
		position: absolute;
		display: block;
		content: "";
		left: 0;
		bottom: -5px;
		margin: 0 auto;
		width: 100%;
		height: 10px;
		background-color: #FFF100;
		z-index: -1;
	}
	#all_wrap .reasonBtn figure {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	#all_wrap .reasonBtn figure img {
		width: 100%;
		height: auto;
	}
	#all_wrap .reasonBtn .link a {
		display: block;
		width: 100%;
		padding: 20px 30px;
		margin: 0 auto;
		position: relative;
		background: #156fd8;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		color: #fff;
		border-radius: 50px;
		text-align: center;
		text-decoration: none;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		transition: all 0.3s ease;
		text-decoration: none;
	}
	#all_wrap .reasonBtn .link a:hover {
		color: #156fd8;
		background: #fff;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	#all_wrap .reasonBtn .link a::before {
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 0;
		background: #fff;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		z-index: 1;
	}
	#all_wrap .reasonBtn .link a::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		padding: 0;
		margin: 0;
		background: #156fd8;
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		position: absolute;
		top: 50%;
		right: 14px;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		z-index: 1;
	}
	/*ボタン*/
	#all_wrap .cmBtn {
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	#all_wrap .cmBtn a {
		display: block;
		width: 100%;
		padding: 20px 30px;
		margin: 0 auto;
		position: relative;
		background: #E4007F;
		font-size: 16px;
		line-height: 1.2em;
		font-weight: bold;
		color: #fff;
		border-radius: 50px;
		text-align: center;
		text-decoration: none;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		transition: all 0.3s ease;
		text-decoration: none;
	}
	#all_wrap .cmBtn a:hover {
		color: #E4007F;
		background: #fff;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	#all_wrap .cmBtn a::before {
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 0;
		background: #fff;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		z-index: 1;
	}
	#all_wrap .cmBtn a::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		padding: 0;
		margin: 0;
		background: #E4007F;
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		position: absolute;
		top: 50%;
		right: 14px;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		z-index: 1;
	}
}


/************************************************************/
/*　キャンペーン 20241007
/************************************************************/
.campaign_box {
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
}
#all_wrap .campaign_box > h2 {
	width: 100%;
	padding: 20px;
	margin: 0 auto;
	background: #ffe391;
	border: none;
	border-radius: 20px 20px 0 0;
	position: relative;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
}
#all_wrap .campaign_table {
	width: 100%;
	padding: 20px 40px;
	margin: 0 auto;
	border: 5px solid #ffe391;
	border-top: none;
	background: #fff;
	position: relative;
	border-radius: 0 0 20px 20px;
}
#all_wrap .campaign_table > dl {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	border-bottom: 1px dotted #ccc;
}
#all_wrap .campaign_table > dl dt {
	width: 200px;
	padding: 20px 0;
	margin: 0;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: bold;
	color: #0064a9;
}
#all_wrap .campaign_table > dl dd {
	width: calc(100% - 200px);
	padding: 20px 0;
	margin: 0;
}
#all_wrap .campaign_table > dl dd > p {
	padding: 0;
	margin: 0 auto 10px;
}
#all_wrap .campaign_table > dl dd > p:first-of-type {
	margin-bottom: 0;
}
#all_wrap .campaign_table > dl dd > h3 {
	padding: 0;
	margin: 0 auto 5px;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	column-gap: 10px;
}
#all_wrap .campaign_table > dl dd > h3::before,
#all_wrap .campaign_table > dl dd > h3::after {
	display: none;
}
#all_wrap .campaign_table > dl dd > h3 > span {
	display: inline-block;
	padding: 5px 8px;
	margin: 0;
	background: #0064a9;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
}
#all_wrap .campaign_table > dl dd > h4 {
	padding: 0;
	margin: 0 auto 5px;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	column-gap: 5px;
}
#all_wrap .campaign_table > dl dd > h4::before,
#all_wrap .campaign_table > dl dd > h4::after {
	display: none;
}
#all_wrap .campaign_table > dl dd > h4 > span {
	display: inline-block;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: 500;
}
#all_wrap .campaign_table > dl dd p.ast {
	padding: 0;
	margin: 0 auto 5px;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: 400;
	color: #555;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	column-gap: 5px;
}
#all_wrap .campaign_table > dl dd > p > span {
	display: inline-block;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: 400;
}
#all_wrap .campaign_table > dl dd .mt10 {
	margin-top: 10px !important;
}
#all_wrap .campaign_table > dl dd .mt20 {
	margin-top: 20px !important;
}
#all_wrap .campaign_table > dl dd a {
	color: #0064a9;
	text-decoration: underline;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	#all_wrap .campaign_box > h2 {
		width: 100%;
		padding: 0 15px 15px;
		border-radius: 20px 20px 0 0;
		position: relative;
		font-size: 20px;
	}
	#all_wrap .campaign_table {
		width: 100%;
		padding: 15px;
		border: 5px solid #ffe391;
		border-radius: 0 0 20px 20px;
	}
	#all_wrap .campaign_table > dl {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		border-bottom: 1px dotted #ccc;
	}
	#all_wrap .campaign_table > dl dt {
		width: 100%;
		padding: 10px 0 0;
		margin: 0;
		font-size: 16px;
	}
	#all_wrap .campaign_table > dl dd {
		width: calc(100%);
		padding: 0 0 10px;
		margin: 0;
	}
	#all_wrap .campaign_table > dl dd > h3 {
		padding: 0;
		margin: 0 auto 5px;
		font-size: 16px;
		font-weight: bold;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: nowrap;
		column-gap: 10px;
	}
	#all_wrap .campaign_table > dl dd > h3 > span {
		display: inline-block;
		padding: 5px 8px;
		font-size: 12px;
		white-space: nowrap;
	}
}


/*キャンペーン*/
#all_wrap .lp_campaign {
	width: 1200px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	border: 5px solid #ff732f;
}
#all_wrap .lp_campaign dd {
	width: 100%;
	padding: 30px;
	margin: 0;
	background: #fff;
	position: relative;
	z-index: 0;
}
#all_wrap .lp_campaign dd::before {
	content: '';
	display: block;
	width: 100px;
	height: 150px;
	background-image: url('https://www.tsubakidensetsu.co.jp/wp-content/uploads/2025_eco.webp');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: -1;
}
#all_wrap .lp_campaign dd::after {
	content: '';
	display: block;
	width: auto;
	height: calc(100% - 60px);
	aspect-ratio: 1 / 1;
	background-image: url('https://eco-kyu.com/wp-content/uploads/campaign_bg.webp');
	background-repeat: no-repeat;
	background-size: 95%;
	background-position: center;
	position: absolute;
	top: 30px;
	right: 160px;
	z-index: -1;
}
#all_wrap .lp_campaign dd > h3 {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	border: none;
	background: none;
	text-align: left;
}
#all_wrap .lp_campaign dd > h3 > span,
#all_wrap .lp_campaign dd > h3 > small {
	display: inline-block;
	padding: 5px;
	margin: 0 0 5px;
	background: #ffe725;
	color: #373737;
	font-size: 35px;
	line-height: 1;
	font-weight: 900;
}
#all_wrap .lp_campaign dd > h3 > small {
	font-size: 25px;
}
#all_wrap .lp_campaign dd > h2 {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
#all_wrap .lp_campaign dd > h2 img {
	width: 100%;
	height: auto;
}
#all_wrap .lp_campaign dt {
	width: 100%;
	padding: 10px;
	margin: 0;
	background: #ff732f;
	text-align: center;
	font-size: 20px;
	line-height: 1;
	font-weight: 900;
	color: #fff;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*キャンペーン*/
	#all_wrap .lp_campaign {
		width: calc(100% - 60px);
	}
	#all_wrap .lp_campaign dd {
		width: 100%;
		padding: 20px 20px 150px;
	}
	#all_wrap .lp_campaign dd::before {
		content: '';
		display: block;
		width: 90px;
		height: 120px;
		background-size: auto 100%;
		top: unset;
		bottom: 20px;
		right: calc(50% - 100px);
		z-index: -1;
	}
	#all_wrap .lp_campaign dd::after {
		content: '';
		display: block;
		width: auto;
		height: 120px;
		aspect-ratio: 1 / 1;
		background-size: 95%;
		top: unset;
		bottom: 20px;
		right: unset;
		left: calc(50% - 120px);
		z-index: -1;
	}
	#all_wrap .lp_campaign dd > h3 {
		width: 100%;
		margin: 0 auto 10px;
		text-align: center;
	}
	#all_wrap .lp_campaign dd > h3 > span,
	#all_wrap .lp_campaign dd > h3 > small {
		display: inline-block;
		width: 100%;
		padding: 7px 5px;
		margin: 0 0 5px;
		font-size: 15px;
		white-space: nowrap;
	}
	#all_wrap .lp_campaign dd > h3 > small {
		width: 100%;
		font-size: 10px;
	}
	#all_wrap .lp_campaign dt {
		font-size: 17px;
		line-height: 1.2em;
		white-space: nowrap;
	}
}