@font-face {
    font-family: Yumin;
    src: url('./yumin.ttf');
}

@font-face {
    font-family: FontTitle;
    src: url('./yumin.ttf');
}
@font-face {
    font-family: FontEn;
    src: url('./Roboto-Regular.ttf');
}

@font-face {
    font-family: FontLogo;
    src: url('./logo_font.ttf');
}

@font-face {
    font-family: YuGothic;
    src: url("./yugothib.ttf");
}

root{
    --background-main: #AE928A;
    --color-title: #3C3C3C;
    --color-text: #777777;
    --margin-top-about: -60px;
    --margin-index-mobile: 70px;
    --color-green: #61ce70 ;
}
/* defautl */
*{margin: 0; padding: 0;}
*,*::before, *::after{box-sizing: border-box;}
.pcMode {
	display: inherit;
}
.spMode {
	display: none;
}
@media screen and (max-width: 767px) {
    .pcMode {
        display: none !important;
    }
    .spMode {
        display: inherit !important;
    }
}
p{margin-bottom: 0;}
a{color:var(--color-text); transition: all .4s;}
a:hover{text-decoration: none; color: var(--background-main); transition: all .4s;}
ul{list-style: none;margin-bottom: 0}
.wrap-position{position: absolute; left: 0; width: 100%; top: 0}
/* .padding-content{margin: 45px 0;} */
/* .title-content{text-align: center; font-weight: bold; margin-bottom: 35px; font-family: 'FontTitle' !important;} */
/* .description-content{text-align: left;text-align-last: left;line-height: 30px; margin-bottom: 30px} */
.short-content{padding: 75px 0;}
/* .button-main{border: 2px solid #838181; border-radius: 40px; color: var(--color-text); padding: 15px}
.button-main:hover{background-color: #61ce70; color: white; border-color: #61ce70} */
.wrap-breadcrumb{background-image: url("../images/banner-page.png"); color: white}
.wrap-breadcrumb{padding: 130px 0; }
.wrap-breadcrumb p{font-size: 30px; font-weight: bold}
.wrap-breadcrumb ul>li+li:before{content: "/\00a0"}
.wrap-breadcrumb ul{display: flex}
.wrap-breadcrumb ul>li+li{margin-left: 5px}
.wrap-breadcrumb ul li a{padding: 4px}
.wrap-breadcrumb ul li:last-child a{background-color: rgba(0, 0, 0, 0.50); color: #61ce70}

.breadcrumb-list p{font-size: 30px; font-weight: bold}
.breadcrumb-list ul>li+li:before{content: "/\00a0"}
.breadcrumb-list ul{display: flex}
.breadcrumb-list ul>li+li{margin-left: 5px}
.breadcrumb-list ul li a{padding: 4px; font-family: FontTitle}
.breadcrumb-list ul li:last-child a{color: #920683}

.wrap-form-contact{background-color: white; padding: 50px 100px}
.wrap-form-contact .btn-submit-contact{width: 30%; margin:  0 auto; display: block}
.padding-privacy{padding: 40px 50px}
#swiper-wrap.works{width: 50%; margin: 40px auto}
main#main #swiper-wrap.works .slide-img img{object-fit: contain; width: 100%; height: 100%}
main#main section .row .box-work .item-post .box-item{position: relative}
main#main section .row .box-work .item-post .box-item > span{position: absolute; top: 10px; left: 10px}
.svg-arrow{
    height: 16px;
    width: 9.3px;
}
.sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /*left: 10px;*/
    /*right: 20px;*/
    /*bottom: 10px;*/
}
body{
    /* background-color: #F7F7F7; */
    /* font-size: 14px; */
    font-size: 16px;
    font-family: "Yumin";
    /* color: #5E5E5E; */
    color: black;
}
@media screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }
}
.font-en{font-family: "FontTitle" !important;}
#header.bg-white .menu-header li a {
    /* color: #5E5E5E; */
    color: white;
    background-color: #920683;
}
.btn-violet{background-color: #920683; color: white; height: 50px}
.btn-violet:hover{background-color: #4e0692; color: white}
#header.bg-white .menu-header li a:hover{
    background-color: #4e0692;
}
#header.bg-white .menu-header li:last-child a{
    background-color: #9206838c;
}
/* #header.bg-white .logo {
    color: #5E5E5E;
    color: #231815;
} */
#header.bg-white .logo img {
    filter: brightness(1) invert(1);
}
#header.bg-blur{background-color: #ffffff17}
#header{ z-index: 99; position: fixed; top: 0; left: 0; width: 100%; background-color: #00000045}
@media screen and (max-width: 767px) {
    #header {
        padding: 0 !important;
    }
}
#header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    padding: 0 0 0 50px;
}
@media screen and (max-width: 767px) {
    #header .container {
        padding: 0 0 0 30px !important;
    }
}
@media screen and (max-width: 475px) {
    #header .container {
        padding: 0 15px !important;
    }
}
/* #header .logo{
    font-size: 24px;
	font-size: min(8vw,36px);
    font-weight: 400;
    font-weight: bold;
    font-family: "FontLogo";
    color: white;
    line-height: 1;
    margin: 0;
}
#header .logo span{
	font-size: min(4vw,18px);
} */
#header .logo {
    height: auto;
    margin: 15px 0;
    font-size: 12px;
    width: inherit;
}
#header .logo img{
    max-width: 120px;
}
.text-none{position: absolute; color: transparent !important; left: 0; width: 100%; top: 0}
#header .logo span{color: white}
#header.bg-white .logo span{color: black}
@media screen and (max-width: 475px) {
    #header .logo {
        margin: 10px 0;
    }
    #header .logo img{
        max-width: 90px;
    }

}
#header .menu-header {
    display: flex;
    align-items: center;
}
#header .menu-header li {
    /* padding: 27px 15px; */
}
#header .menu-header li:nth-child(-n+4):hover{
    /* background-color: #61ce70; */
    background-color: black;
    color: #fff;
}
#header .menu-header li:nth-child(-n+4):hover a{color: white}
#header .icon-open-menu-mobile{display: none; color: white}
#header.bg-white .icon-open-menu-mobile{color: black}
#header .nav-mobile{display: none}
#header .wrap-header-mobile{display: flex; align-items: center}
/* #header .nav-mobile ul li{padding: 10px 10px } */
#header .nav-mobile a{color: var(--color-text) !important;}
#header .wrap-header-mobile{padding: 10px 0}
#header .menu-header li a{
    text-transform: uppercase;
    font-weight: 600;
    color: white;
     font-family: "FontTitle" !important;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
}
#header .menu-header li a:hover{
    /*background-color: #4e0692;*/
    background-color: #920683;

}
@media screen and (max-width: 475px) {
    #header .menu-header li a{
        height: 20px;
    }
}
#header .btn-contact-mobile{
    margin-right: 15px;
    /* background-color: #61ce70 !important; */
    background-color: #40220f !important;
    color: white;
    padding: 10px;
    font-size: 14px;
    display: none;
    font-family: "FontTitle" !important;
}
#header .btn-contact-mobile:hover{
    /* background-color: #61ce70; */
    background-color: black;
}
#header .menu-header li:last-child {
    display: block !important;
}
#header .menu-header li:last-child a {
    /* background-color: #61ce70 !important; */
    background-color: #920683 ;
    color: white;
    /* padding: 10px; */
    /* font-size: 14px; */
}
#header .menu-header li:last-child a:hover{
    /* background-color: #5fa668 !important; */
    background-color: #4e0692;
}
/*#header .menu-header li:nth-child(3),#header .menu-header li:nth-child(4){display: none}*/
/*#main .wrap-slider-top .slider-home .owl-stage{padding-left: 0 !important;}*/
#main .wrap-slider-top .carousel-item{position: relative}
#main .wrap-slider-top .carousel-item img{height: 600px; object-fit: cover;  width: 100% }
#main .wrap-slider-top .carousel-item span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 40px; text-align: center; color: white}

#concept .image-left{
    height: 450px;
    object-fit: cover;
    width: 100%;
    margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
    #concept .image-left{
        margin-bottom: 15px !important;
    }
}

#carousel-top-page-first img{object-fit: cover; height: 450px}

/* #selected-design .container{display: flex; justify-content: space-around; align-items: center; } */
/* #selected-design p {font-size: 24px} */
#special-work .content-right{display: flex; align-items: center; justify-content: center; flex-direction: column}
.img-bicycle{
    width: 66%;
}
#footer a{color: white}
#footer{
    /* background-color: black; */
    background-color: #231815;
    padding: 40px 0;
}
#footer .social {
    display: flex;
    margin: 10px 0;
}
#footer .social a{
    background-color: var(--color-green);
    border-radius: 50%;
    height: 30px;
    color: white;
    margin: 0;
}

.item-post{
    /* background-color: white; */
    /* margin-bottom: 15px; */
    /* padding: 10px; */
    height: 100%;
    text-align: center;
    display: block;
}
.item-post .box-item{padding: 30px 0}
#footer.position{position: absolute; bottom: 0; left:  0; width: 100%}
.carousel-inner .carousel-item .content-slide img{
    transform: scale(1.5);
}
.carousel-inner .carousel-item.active .content-slide img{
    animation: zoom-in-zoom-out 6s linear ;
    transform: scale(1);
}
.content-confirm-contact .row-data-contact{display: flex; margin-bottom: 20px}
.content-confirm-contact .row-data-contact span{display: block}
.content-confirm-contact .row-data-contact span:first-child{width: 20%; font-weight: bold}

.group-button-submit{margin-top: 40px}
.group-button-submit{display: flex; align-items: center; justify-content: center}
.group-button-submit button{width: 200px}
.group-button-submit button:first-child{margin-right: 20px}


@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1.5);
    }
    10%{
        transform: scale(1.45);
    }
    20%{
        transform: scale(1.4);
    }
    30% {
        transform: scale(1.35);
    }
    40% {
        transform: scale(1.3);
    }
    50%{
        transform: scale(1.25);
    }
    60%{
        transform: scale(1.2);
    }
    70%{
        transform: scale(1.15);
    }
    80%{
        transform: scale(1.1);
    }
    90%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
#back-to-top {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    display: none;
}
#back-to-top a {
    width: 40px;
    height: 40px;
    background: #920683;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
    color: #fff;
    line-height: 1.8;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#back-to-top a:hover {
    background-color: #222222;
}

/* New */
/* ------------------------------------------------------------ */

#loading {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: #fff;
    text-align: center;
}

/* Mainvisual */
main#main #swiper-wrap {
	max-width: 100vw;
	position: relative;
	overflow: hidden;
}
@keyframes zoom-out {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
.slide-img::before{
    content: "";
    height: 100%;
    width: 100%;
    background-color: #0000003b;
    position: absolute;
}
main#main #swiper-wrap .swiper-slide-active .slide-img,
main#main #swiper-wrap .swiper-slide-duplicate-active .slide-img,
main#main #swiper-wrap .swiper-slide-prev .slide-img {
	animation: zoom-out 10s linear 0s 1 normal both;
	overflow: hidden;
    position: relative;
}
main#main #swiper-wrap .slide-img img {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
}
main#main #swiper-wrap .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
    bottom: 0;
    left: 0;
	z-index: 1;
}
main#main #swiper-wrap .inner h2{
    font-family: YuGothic;
}
/* main#main #swiper-wrap .inner h2 {
    text-align: center;
    color: #fff;
	font-size: 6vw;
    letter-spacing: 0.5em;
	font-weight: bold;
	display: block;
    margin: 0 -0.5em 0 0;
	text-shadow: 1px 1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, -1px -1px 2px #000;
}
main#main #swiper-wrap .inner h2::before {
    content: attr(data-subtitle);
	font-size: 1.5vw;
    letter-spacing: 0.3em;
    display: block;
    margin-left: -1.6em;
} */


main#main #swiper-wrap .inner h2 img {
    width: 100%;
    /* filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px -1px 1px #000) drop-shadow(-1px 1px 1px #000) drop-shadow(-1px -1px 1px #000); */
    filter: drop-shadow(1px 1px 1px #000);
}
@media screen and (max-width: 767px) {
    /* main#main #swiper-wrap .inner h2 {
        font-size: 15vw;
    }
    main#main #swiper-wrap .inner h2::before {
        font-size: 3.8vw;
    } */
    main#main #swiper-wrap .inner h2 {
        width: 85vw;
    }
}
main#main #swiper-wrap .icon {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
    z-index: 1;
}
main#main #swiper-wrap .icon img {
    width: 30px;
    height: 66px;
    filter: drop-shadow(0 0 1px #000);
}
main#main #swiper-wrap .animation {
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1s;
}
main#main #swiper-wrap .keyframe {
    animation-name: anim_v;
}
@keyframes anim_v {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -20px);
    }
}
@media screen and (max-width: 767px) {
    main#main #swiper-wrap .icon img {
        width: 20px;
        height: 44px;
    }
}

/* Section */
main#main section {
    padding: 120px 0;
}
body {
    background-image: url('../images/BG-isle0205.jpeg');
    background-size: cover;
    background-color:rgba(239,237,235,0.5);
    background-blend-mode: lighten;
}
/*main#main section:nth-child(2n+1) {*/
/*    background-color:rgba(215,210,204,0.5);*/
/*}*/
@media screen and (max-width: 767px) {
    main#main section {
        padding: 60px 0;
    }
}
main#main section .container h3 {
    text-align: left;
    color: black;
	font-size: min(4.3vw,32px);
    letter-spacing: 0.3em;
	font-weight: bold;
	display: block;
    margin: 0 -0.3em 60px 0;
}
main#main section .container h3.special{
    letter-spacing: 25px;
    margin-bottom: 0;
}
.sub-title-content{font-size: 3.4vw; font-weight: inherit}
.title-content.sub-special::after{
    font-family: FontTitle;
}
main#main section .row .box-work .item-post .box-item p{margin-top: 0 !important}
.img-cover{height: 400px; max-height: 400px}
@media screen and (max-width: 767px) {
    main#main section .container h3 {
        font-size: min(4.6vw,32px);
        margin-bottom: 30px;
    }
}
.back_btn a{border: 1px solid black}
main#main section .container h3::after {
    color: black;
    content: attr(data-subtitle);
	font-size: min(2vw,18px);
    letter-spacing: 0.2em;
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px #40220f solid;
    text-align: left;
}
@media screen and (max-width: 767px) {
    main#main section .container h3::after {
        font-size: min(4vw,18px);
    }
}
main#main section .container .description-content {
    line-height: 2;
    margin: 60px 8vw;
}
main#main section .container .description-content2 {
    line-height: 2;
    margin: 60px 8vw 0;
}
@media screen and (max-width: 767px) {
    main#main section .container .description-content {
        margin: 30px 0;
    }
    main#main section .container .description-content2 {
        margin: 30px 0 0;
    }
}
main#main section#selected-design .container {
    text-align: center;
}
@media screen and (max-width: 767px) {
    main#main section#selected-design .container {
        text-align: left;
    }
}
main#main section#selected-design p {
	font-size: min(4.3vw,24px);
    margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
    main#main section#selected-design p {
        margin-bottom: 30px;
    }
}
main#main section#selected-design-img .img-bird {
    width: 25%;
    max-width: 840px;
}
main#main section#service-area h4 {
	font-size: 120%;
}

main#main section#service-area dl {
    line-height: 2;
    margin: 0 8vw 0;
}
main#main section#service-area dl dt {
    font-weight: normal;
    padding: 0 0 0 0;
}
main#main section#service-area dl dd {
	padding: 0 0 0 2em;
}
@media screen and (max-width: 767px) {
    main#main section#service-area dl {
        margin: 0 0 0;
    }
}
main#main section#corporate .container {
    text-align: center;
}
main#main section .slide_btn {
    width: 300px;
    margin: 60px auto 0 !important;
}
@media screen and (max-width: 767px) {
    main#main section .slide_btn {
        width: 100%;
        margin: 30px auto 0 !important;
    }
}
main#main section .row .box-work .item-post .box-item.slide_btn{
    width: unset;
    margin: 0 !important;
    padding: 0;
    background-color: white;
}
main#main section .row .box-work .item-post .box-item.slide_btn a{border: none; padding: 30px 0; height: unset; }
main#main section .row .box-work .item-post .box-item.slide_btn a svg{top: 30px}
main#main section .slide_btn a:before,
main#main section .slide_btn a:after {
    box-sizing: border-box;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

main#main section .slide_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    text-decoration: none;
    background: #fff;
    overflow: hidden;
    position: relative;
    border: 1px #40220f solid;
}


main#main section .slide_btn a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #920683;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

main#main section .slide_btn a:hover span,
main#main section .slide_btn a:hover svg{
    color: white;
    fill: white;
}

main#main section .slide_btn a:hover:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

main#main section .slide_btn a span {
    position: relative;
    color: black;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.2em;
    margin-right: -0.2em;
    margin-top: -5px;
}
@media screen and (max-width: 767px) {
    main#main section .slide_btn a span {
        margin-top: 0;
    }
}
main#main section .slide_btn a svg {
    position: absolute;
    top: 20px;
    right: 10px;
    height: 16px;
}

@media screen and (max-width: 767px) {
    footer .copyright {
        margin-top: 10px;
    }
}

/* Works */
main#main section .overview {
    background: #fff;
    margin: 0 8vw 60px;
    padding: 4vw;
}
@media screen and (max-width: 767px) {
    main#main section .overview {
        background: #fff;
        margin: 0 0 30px;
        padding: 4vw;
    }
}
main#main section .overview .c-heading.is-icon {
    position: relative;
    padding-left: 1.57143rem;
}
main#main section .overview .c-heading.is-icon::before {
    content: "●";
    color: rgb(222, 222, 222);
    position: absolute;
    top: 0px;
    left: 0px;
}
main#main section .overview .c-heading.is-sm {
    font-size: 1.14286rem;
    letter-spacing: 0.05em;
    margin-bottom: 1.71429rem;
}
main#main section .overview .c-block-detail__table {
    margin-bottom: 1.71429rem;
}
main#main section .overview .c-block-detail__table__items {
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    padding: 1.28571rem 0;
    position: relative;
}
main#main section .overview .c-block-detail__table__item {
    display: flex;
    align-items: flex-start;
    padding: 0.28571rem 0;
}
main#main section .overview .c-block-detail__table__items:after {
    content: "";
    display: block;
    width: 0.07143rem;
    height: calc(100% - 40px);
    background-color: #DEDEDE;
    position: absolute;
    top: 50%;
    left: 6rem;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    main#main section .overview .c-block-detail__table__items:after {
        display: none;
    }
}
main#main section .overview .c-block-detail__table__item.is-strong .c-block-detail__table__item__title,
main#main section .overview .c-block-detail__table__item.is-strong .c-block-detail__table__item__text {
    color: #04625E;
    font-weight: 700;
}
main#main section .overview .c-block-detail__table__item__title {
    width: 8rem;
}
main#main section .overview .c-block-detail__table__item__text {
    width: calc(100% - 70px);
    margin-left: auto;
}

main#main section .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 8vw;
}

ain#main section .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 8vw;
}
@media screen and (max-width: 767px) {
    main#main section .row {
        display: block;
    }
}
main#main section .row .col-md-4 {
    background-color: #e5cfa6;
    max-width: 32%;
    margin: 0 2% 1.5vw 0;
    padding: 0;
}
main#main section .row .col-md-4:nth-of-type(3n) {
    margin: 0 0 1.5vw 0;
}
main#main section .row .col-md-4:hover {
    background-color: #40220f;
}
@media screen and (max-width: 767px) {
    main#main section .row .col-md-4 {
        max-width: 100%;
        margin: 0 0 15px 0;
    }
}
main#main section .row .col-md-4 .item-post figure {
    background-color: #fff;
    width: 100%;
    margin: 0;
    position: relative;
}
main#main section .row .col-md-4 .item-post figure::before {
    content: "";
    display: block;
    padding-top: 100%;
}
main#main section .row .col-md-4 .item-post figure img {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
main#main section .row .col-md-4 .item-post .box-item {
    padding: 30px 1vw;
}
main#main section .row .col-md-4 .item-post .box-item h5 {
    color: #40220f;
    font-size: min(4vw,18px);
    font-weight: bold;
}
main#main section .row .col-md-4 .item-post .box-item p {
    font-size: min(4vw,16px);
}
main#main section .row .col-md-4:hover .item-post .box-item h5 {
    color: #fff;
}
main#main section .row .col-md-4:hover .item-post .box-item p {
    color: #fff;
}

@media screen and (max-width: 767px) {
    main#main section .row {
        display: block;
    }
}
main#main section .row .box-work {
    padding: 15px;
    margin-bottom: 10px;
}
main#main section .row .box-work .box-item{
    background-color: white;

}
main#main section .row .box-work .box-item a{
    font-size: 18px;
}
/*main#main section .row .box-work:nth-of-type(3n) {*/
/*    margin: 0 0 1.5vw 0;*/
/*}*/
main#main section .row .box-work .box-item:hover {
    background-color: #920683;
    color: white;
}
@media screen and (max-width: 767px) {
    main#main section .row .box-work {
        max-width: 100%;
        margin: 0 0 15px 0;
    }
}
main#main section .row .box-work .item-post figure {
    background-color: #fff;
    width: 100%;
    margin: 0;
    position: relative;
}

main#main section .row .box-work .item-post  img {
    max-width: 100% !important;
    width: 100% !important;
    height: 270px;
    object-fit: cover;
}
main#main section .row .box-work .item-post .box-item {
    padding: 35px 1vw 30px 1vw;
}
main#main section .row .box-work .item-post .box-item h5 {
    color: black;
    font-size: min(4vw,18px);
    font-weight: bold;
}
main#main section .row .box-work .item-post .box-item p {
    font-size: min(4vw,16px);
}
main#main section .row .box-work:hover .item-post .box-item h5 {
    color: #fff;
}
main#main section .row .box-work:hover .item-post .box-item p {
    color: #fff;
}
main#main section#list-post .back_btn {
    width: 300px;
    margin: 60px auto 0;

}

main#main section#list-post .title-content.sub-special{
    font-size: 30px;
}
main#main section#list-post .title-content.sub-special::after{
    font-size: 24px;
}
@media screen and (max-width: 767px) {
    main#main section#list-post .back_btn {
        width: 100%;
        margin: 30px auto 0;
    }
}
 .back_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
     padding: 0 20px;
    height: 60px;
    text-decoration: none;
    background: white;
     margin: 20px auto;
}
.back_btn a:hover {
    background: #920683;
    color: white;
}

/* Form */
main form .form-group label span {
    color: #d73a4d;
    font-size: 14px;
    margin-left: 10px;
  }

main form .btn_submit {
    background: #40220f;
    color: #fff;
    font-size: 16px;
    width: 50%;
    height: 50px;
    display: block;
    cursor: pointer;
    border: none;
    margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
    main form .btn_submit {
        width: 100%;
    }
}

main#main section .row .col-md-3 {
    flex: 0 0 49%;
    max-width: 49%;
    margin: 0 2% 1.5vw 0;
    padding: 0;
}
main#main section .row .col-md-3:nth-of-type(2n) {
    margin: 0 0 1.5vw 0 ;
}
main#main section .row .col-md-3:nth-of-type(n+3) {
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    main#main section .row .col-md-3 {
        max-width: 100% !important;
        margin: 0 !important;
    }
    main#main section .row .col-md-3:nth-of-type(n+2) {
        margin-top: 15px !important;
    }
}

#about-us img {
    margin-bottom: 0 !important;
}

/* SP微調整 */
@media screen and (max-width: 575px) {
    main#main section .row {
        margin: 0 !important;
    }
    main#main section .col-md-3 {
        max-width: 100% !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
    }
    main#main section .col-md-5 {
        padding: 0 !important;
    }
    main#main section .col-md-7 {
        padding: 0 !important;
    }
}

.box-category{background-color: transparent !important;}
.box-category a{font-size: 20px !important;}
.box-category:hover a{color: #920683}
.content-post p {margin-bottom: 1rem; width: 100%; }
.content-post p img{ margin: 0 auto; display: block; }
.content-post iframe{ margin: 0 auto; display: block; max-width: 100%}