@charset "UTF-8";

/*
Theme Name: kutsuwa
Description:
Author:
Author URI:
Version: 1.0.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, right-sidebar, two-columns
*/



.pc{
    display: block !important;
}
.sp{
    display: none !important;
}
@media screen and (max-width:768px) {
    .pc{
        display: none !important;
    }
    .sp{
        display: block !important;
    }
}

.pc_only {
    display: none!important;
}

.mb_only {
    display: block;
}


.breadcrumbs a {
    color: #666;
}

.breadcrumbs a:hover {
    color: #999;
    text-decoration: underline;
}


.youtube iframe{
    width: 100%;
    max-width: 560px;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

@media only screen and (min-width: 769px) {
}
@media only screen and (min-width: 769px) {

    .wrap {
        max-width: 1200px;
    }

    .pc_only {
        display: block!important;
    }

    .mb_only {
        display: none!important;
    }
}
@media screen and (min-width:769px) and ( max-width:1200px) {
    .wrap {}
    #wrapper{overflow-x: auto;width: 1200px;}
}
@media screen and (max-width:768px) {
    .mb_hidden{display: none!important;}
    .wrap {
        width: 88%;
        margin: 0 auto;
    }
    .res img {
        max-width: 100%;
        width: 100%;
    }

}

.hover{transition: 0.3s;}
.hover:hover{opacity: 0.8;}


/*トップここから*/


#container {
    width: 100%;
    position: relative;
    height: 100%;
    min-height: 100%;
    opacity: 1;
    visibility: visible;
    transition: .3s cubic-bezier(.215, .61, .355, 1)
}

#container::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}


.l-contents {
    width: 100%;
    position: relative;
    height: 100%;
    min-height: 100%;
    opacity: 1;
    visibility: visible;
    transition: .3s cubic-bezier(.215, .61, .355, 1);
	margin-bottom: 50px;
}

.l-contents::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.l-main{
    margin-bottom: 0px;}




@media screen and (max-width:768px) {

    .l-contents{margin-top: 100px;}
    .l-main{
        margin-bottom: 0px;}
}



#header .header_inner{
    display: flex;
    align-items: top;
    margin-top: 0px;
}
#header .header_inner div:nth-last-of-type(2){
    margin-left: auto;
    margin-right: 0px;
}
.english{transition: 0.2s;
    color: #e41332;
    border: 1px solid #e41332;
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 160px;
    padding: 5px 10px;
    line-height: 1em;
}
.english:hover{color: #e41332;text-decoration: underline;}
.english i{
    margin-right: 5px;
}


#logobox{
}


.header-logo {
    margin-top: 45px;
    margin-left: 30px;
}
.header-logo a {
    display: block;
    width: 100%;
}

#logobox h1 img{
    width: 250px;
}

.header-items-wrap{margin-top: 45px;}
.header-items-wrap nav ul{
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: flex-end;
}
.header-items-wrap nav ul  li{
    margin-right: 40px;
}
@media screen and (min-width:769px) and (max-width:1350px) {
	.header-items-wrap nav ul  li{
			margin-right: 20px;
	}
}
.header-items-wrap nav ul  .navu {
    position: relative;
    transition: 0.3s;
}
.header-items-wrap nav ul  .navu {

}

.header-items-wrap nav ul  li.navu:nth-child(1):hover:after,
.header-items-wrap nav ul  li.navu:nth-child(1).current:after{
    border-bottom: 5px solid #e41332;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -9px;

}
.header-items-wrap nav ul  li.navu:nth-child(2):hover:after,
.header-items-wrap nav ul  li.navu:nth-child(2).current:after{
    border-bottom: 5px solid #f18c34;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -9px;


}
.header-items-wrap nav ul  li.navu:nth-child(3):hover:after,
.header-items-wrap nav ul  li.navu:nth-child(3).current:after{
    border-bottom: 5px solid #a4c251;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -9px;

}
.header-items-wrap nav ul  li.navu:nth-child(4):hover:after,
.header-items-wrap nav ul  li.navu:nth-child(4).current:after{
    border-bottom: 5px solid #ab7137;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -9px;

}
.header-items-wrap nav ul  li.navu:nth-child(5):hover:after,
.header-items-wrap nav ul  li.navu:nth-child(5).current:after{
    border-bottom: 5px solid #29b9c9;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -9px;

}
.header-items-wrap nav ul  li.navu:nth-child(6):hover:after
,.header-items-wrap nav ul  li.navu:nth-child(6).current:after{
    border-bottom: 5px solid #4363be;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -9px;

}
.header-items-wrap nav ul  li.navu:nth-child(7):hover:after,.header-items-wrap nav ul  li.navu:nth-child(7).current:after{
    border-bottom: 5px solid #a159b9;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -9px;

}
.header-items-wrap nav ul  li.navu:nth-child(8):hover:after,
.header-items-wrap nav ul  li.navu:nth-child(8).current:after{
    border-bottom: 5px solid #e9347c;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -9px;

}
.header-items-wrap a{
    color: #312f2d;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    /* line-height: 0; */
}
.h_contact{}
.h_contact a{
    background: #e41332;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    display: block;
    height: 130px;
    padding: 35px 23px;
    box-sizing: border-box;
}
#header .h_contact a img{margin-bottom: 14px;}



#gnav  ul  li:hover{

}

#gnav  ul  li:hover .menu {
    max-height: 9999px;
    opacity: 1;
}



#gnav  ul li .menu {
    transition: all .2s ease-in;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: ;
    text-align: center;
    position: absolute;
    background-color: #f18c34;
    top: 81px;
    margin-left: -65px;
}

#gnav  ul li:nth-child(3) .menu {

    background-color: #a4c251!important;
    top: 85px;
}
#gnav  ul li:nth-child(4) .menu {

    background-color: #ab7137!important;
    top: 83px;
}
#gnav  ul li:nth-child(5) .menu {

    background-color: #29b9c9!important;
    top: 78px;
}
#gnav  ul li:nth-child(8) .menu {

    background-color: #e9347c!important;
    top: 82px;
	  margin-left: -45px;
}


#gnav  ul li .menu .menu_inner{
    color: #ffffff;
    display: block;
}

#gnav  ul li .menu .menu_inner li{
    margin: 0;

}
#gnav  ul li .menu .menu_inner li a{
    padding: 13px 20px;
    display: block;
    color: #ffffff;
    text-align: left;
    min-width: 200px;
    box-sizing: border-box;
}
#gnav  ul li .menu .menu_inner li a:hover{
    background: #ffffff;
    color: #f18c34;

}

#gnav  ul li:nth-child(3) .menu .menu_inner li a:hover{

    color: #a4c251;
}

#gnav  ul li:nth-child(4) .menu .menu_inner li a:hover{
    color: #ab7137;}

#gnav  ul li:nth-child(5) .menu .menu_inner li a:hover{
    color: #29b9c9;}

#gnav  ul li:nth-child(8) .menu .menu_inner li a:hover{
    color: #e9347c;}
/*


#Access,#About,#Member,#Contact{
margin-top: -100px;
padding-top: 100px;
}
#Company{
margin-top: -60px;
padding-top: 60px;

}
#top{
margin-top: -100px;
padding-top: 100px;
}

#reiwa,#heisei{margin-top: -100px;
padding-top: 100px;

}
*/



.parentLink {
    line-height: 60px;
    padding: 10px 1em 28px;
    display: block;
    transition: color .3s;
    margin-top: 25px;
    font-family: arial;
    font-weight: 900;
}
.gNav .parentLink:hover {

    opacity: 1
}


@media screen and (max-width:768px) {

    #Access,#About,#Member,#Contact{
        margin-top: -50px;
        padding-top: 50px;
    }
    #Company{
        margin-top: -60px;
        padding-top: 60px;

    }

    #reiwa,#heisei{margin-top: -100px;
        padding-top: 100px;

    }

    /*
    .header-wrap.pc_only{
    display: none!important;
}
    .zdo_drawer_button.mb_only, .drawer-nav.mb_only, #inner-header.mb_only{
    display: block!important;
}
    */



    .drawer-nav.mb_only.open{
        display: block;
        overflow-y: scroll;
        height: 100%;
    }

    .drawer-nav h1{ width: 60%; margin: 0px auto 50px ;}

    .drawer-nav h1 img{padding: 0!important; }



    .drawer-nav ul li {
        padding: 0 0px;
    }


    .drawerbtn{width: 300px;margin: 0px auto 0;position: relative; }
    .drawerbtn a{display: flex; justify-content: space-between;color:#312f2d;height: 60px;line-height: 60px;}
    .drawerbtn .tofirst{
        flex-basis: 82%;
        max-width: 100%;
        background: #ffffff;
        text-align: left;
        box-sizing: border-box;
        padding: 0 25px;
        font-weight: 600;
        font-size: 16px;
        flex-basis: calc(100% - 62px);
    }
    .drawerbtn a div:last-child{flex-basis:  19.6%; background: #ffffff;}
    .drawerbtn .link{display: flex; justify-content: space-between;color:#312f2d;height: 60px;line-height: 60px;}
    .drawerbtn .link div:last-child{flex-basis:  19.6%; background: #ffffff;}
    .drawerbtn .submenu a{height: 50px;line-height: 50px;}


    .drawerbtn {
        width: 100%;
        margin: 10px auto 0;
        position: relative;
    }
    .drawerbtn .plusbox{
        height: 60px;
        width: 60px;
        padding: 0;
    }
    .drawerbtn .plusbox img {
        width: 30%;
        /* height: 60px; */
        transform: translateY(25px);
        /* margin-top: 20px; */
        /* vertical-align: middle; */
        padding-left: 0 !important;
        margin-top: -2px !important;
    }

    #header .header_inner .drawerbtn div:nth-last-of-type(2) {
        margin-left: 0;
        margin-right: 0px;
    }

    .drawerbtn .tofirst{
        padding-left: 70px;
        box-sizing: border-box;
        background-position: 15px center !important;
        background-size: 45px !important;
    }

    .drawerbtn .link .tofirst{}
    .drawerbtn .link .plusbox{}
    .drawerbtn .link .plusbox i{}

    .drawerbtn .product {

        background: #ffffff url(./assets/img/drawer/i_pr.png) no-repeat;
        /* background-position: 20px center;
        background-size: 45px; */
    }
    .drawerbtn .d_company {

        background: #ffffff url(./assets/img/drawer/i_co.png) no-repeat;
        /* background-position: 25px center;
        background-size: 30px; */

    }
    .drawerbtn .d_recruit {

        background: #ffffff url(./assets/img/drawer/i_re.png) no-repeat;
        /* background-position: 25px center;
        background-size: 30px; */

    }
    .drawerbtn .d_support {

        background: #ffffff url(./assets/img/drawer/i_su.png) no-repeat;
        /* background-position: 25px center;
        background-size: 30px; */

    }
    .drawerbtn .d_campaign {

        background: #ffffff url(./assets/img/drawer/i_cam.png) no-repeat;
        /* background-position: 25px center;
        background-size: 30px; */

    }
    .drawerbtn .d_catalog {

        background: #ffffff url(./assets/img/drawer/i_cat.png) no-repeat;
        /* background-position: 25px center;
        background-size: 30px; */

    }
    .drawerbtn .d_movie {

        background: #ffffff url(./assets/img/drawer/i_mov.png) no-repeat;
        /* background-position: 25px center;
        background-size: 30px; */

    }
    .drawerbtn .d_online {

        background: #ffffff url(./assets/img/drawer/i_online.png) no-repeat;
        /* background-position: 25px center;
        background-size: 30px; */

    }


    .accordion {

    }

    .accordion .link {

        font-weight: 700;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .accordion li:last-child .link {
        border-bottom: 0;
    }

    .accordion li i {
        position: absolute;
        top: calc(50% - 10px);
        left: calc(50% - 8px);
        font-size: 20px;
        color: #595959;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .accordion li i.fa-chevron-down {

        font-size: 20px;
        color: #e41332;
    }

    .accordion li:nth-child(2).open .link .plusbox {
        background: #f18c34;
    }
    .accordion li:nth-child(3).open .link .plusbox {
        background: #a4c251;
    }
    .accordion li:nth-child(4).open .link .plusbox {
        background: #ab7137;
    }
    .accordion li:nth-child(5).open .link .plusbox {
        background: #29b9c9;
    }
    .accordion li:nth-child(8).open .link .plusbox {
        background: #e9347c;
    }

    .accordion li.open i {
        color: #ffffff;
    }
    .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .accordion li.default .submenu {display: block;}



    #drawer-checkbox {
        display: none;
    }
    #drawer-icon {
        cursor: pointer;
        display: inline-block;
        height: 50px;
        position: relative;
        width: 50px;
        z-index: 104;
    }
    #drawer-icon span {
        background: #ffffff;
        display: block;
        height: 2px;
        left: 50%;
        margin: 0% 0 0 -25%;
        position: absolute;
        top: 58%;
        transition: all 0.3s ease-in-out;
        width: 62%;

    }
    #drawer-icon span::before,
    #drawer-icon span::after {
        -webkit-transform: rotate(0);
        background: #ffffff;
        content: "";
        display: block;
        height: 100%;
        left: 50%;
        margin: -8% 0 0 -50%;
        position: absolute;
        top: 50%;
        transform: rotate(0);
        transition: all 0.3s ease-in-out;
        width: 100%;
    }
    #drawer-icon span::before {
        margin-top: -33%;
    }
    #drawer-icon span::after {
        margin-top: 25%;
    }
    #drawer-checkbox:checked ~ article #drawer-icon span {
        background: rgba(51, 51, 51, 0);
    }
    #drawer-checkbox:checked ~ article #drawer-icon span::before,
    #drawer-checkbox:checked ~ article #drawer-icon span::after {
        content: "";
        display: block;
        height: 100%;
        left: 50%;
        margin: -8% 0 0 -42%;
        position: absolute;
        top: 50%;
        width: 110%;
    }
    #drawer-checkbox:checked ~ article #drawer-icon span::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #drawer-checkbox:checked ~ article #drawer-icon span::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #drawer-content {
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 40;
        width: 100%;
        max-width: 100%;
        height: 100%;
        background: #e41332;
        transition: all 0.3s ease-in-out 0s;
        transform: translateX(100%);
    }
    #drawer-checkbox:checked ~ #drawer-content {
        transform: translateX(0);
        box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
    }

    #drawer-close {
        display: none;
        position: fixed;
        z-index: 39;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0;
        transition: all 0.3s ease-in-out 0s;
    }
    #drawer-checkbox:checked ~ #drawer-close {
        display: block;
        opacity: 0.3;
    }

    /**
    * Submenu
    -----------------------------*/
    .submenu {
        display: none;

    }
    .submenu {
        font-size: 14px;
        text-align: left;
    }

    .drawerbtn .submenu li {
        margin-bottom: 2px;
    }

    .drawerbtn:nth-child(2) .submenu li {
        background: #f18c34;

        /* margin-bottom: 5px; */
    }
    .drawerbtn:nth-child(3) .submenu li{
        background: #a4c251;

        /* margin-bottom: 5px; */
    }
    .drawerbtn:nth-child(4) .submenu li {
        background: #ab7137;

        /* margin-bottom: 5px; */
    }
    .drawerbtn:nth-child(5) .submenu li {
        background: #29b9c9;

        /* margin-bottom: 5px; */
    }
    .drawerbtn:nth-child(8) .submenu li {
        background: #e9347c;

        /* margin-bottom: 5px; */
    }

    .submenu a {
        display: block;
        text-decoration: none;
        color: #ffffff;
        padding: 0 20px;
        /* padding-left: 42px; */
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;

    }

    .drawerbtn:nth-child(2) .submenu  a:hover {
        background: #ffffff;
        color: #f18c34;
    }
    .drawerbtn:nth-child(3) .submenu  a:hover {
        background: #ffffff;
        color: #a4c251;
    }
    .drawerbtn:nth-child(4) .submenu  a:hover {
        background: #ffffff;
        color: #ab7137;
    }
    .drawerbtn:nth-child(5) .submenu  a:hover {
        background: #ffffff;
        color: #29b9c9;
    }
    .drawerbtn:nth-child(8) .submenu  a:hover {
        background: #ffffff;
        color: #e9347c;
    }



    .d_contact{ color: #ffffff; text-align: center;
        border: 2px solid #ffffff; margin: 10px auto; padding: 15px 0;
        font-weight: 700;
        font-size:16px;
    }
    .d_contact img{width: 30px; padding: 0;}
    #header .d_contact img{padding: 0;}
    .d_english{background: #ffffff; color: #e41332;
        padding: 15px 0;
        font-size: 14px;
        font-weight: 400;}
    .d_english i{margin-right: 10px;}
}


@media screen and (max-width:768px) {
    #header {

        height: auto;
    }
    #header .header_inner {
        display: flex;
        justify-content: space-between;
    }
    #header .header_inner div#logobox,#header .header_inner div.header_inside{flex-basis: 50%;}
    .header-logo {
        margin-top: 0px;
    }
    .header-logo {
        margin-left: 0;
        margin-right: 0;
        padding: 20px 0;
        box-sizing: border-box;
    }
    .header-items-wrap {
        display: flex;
        position: absolute;
        top: 100px;
        right: 0;
    }
    #header .wrap {
        margin: 0 auto;
        width: 90%;

        position: relative;
    }
    #logobox h1 img {
        width: 100%;

    }
    #logobox {
        display: flex;
        justify-content: flex-start;
        width: 90%;
        align-items: flex-end;
    }
    #logobox h2 img {
        width:100%;
    }




}
@media screen and (max-width:480px) {

}


/*

.mv {
overflow: hidden;
position: relative;
height: 500px;
}
.mv .slider {
position: relative;
}
.mv .slider .inner {
position: relative;
width: 100%;
height: 500px;
margin: 0 auto;
}
.mv .slider .list {
position: absolute;
top: 0;
}

.mv .slider .list li img {
display: block;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
width: auto;
height: 500px;
margin: auto
}

.mv .slider .list li a {
display: block
}

.mv .slider .list li.next-num, .mv .slider .list li.prev-num {
z-index: 20
}

.mv .slider .list li.prev-num {
-webkit-transform: translateX(80px);
transform: translateX(80px)
}

.mv .slider .list li.next-num {
-webkit-transform: translateX(-80px);
transform: translateX(-80px)
}

.mv .slider .pager {
position: relative;
top: 0;
width: 100%
}

.mv .slider .next, .mv .slider .prev {
position: absolute;
top: -310px;
z-index: 100;
width: 110px
}

.mv .slider .prev {
left: 25px
}

.mv .slider .next {
right: 25px
}

.mv .slider .next a, .mv .slider .prev a {
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 110px;
height: 110px;
border: solid 4px #fff;
border-radius: 50%;
-webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1);
transition: all .2s cubic-bezier(.165, .84, .44, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.mv .slider .next a img, .mv .slider .prev a img {
margin: -4px 0 0 -4px;
-webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1);
transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.mv .slider .next a:hover, .mv .slider .prev a:hover {
width: 120px;
height: 120px;
margin: -6px 0 0 -6px
}

.mv .slider .next a:hover img, .mv .slider .prev a:hover img {
width: 120px;
height: 120px
}

.mv {
height: 420px
}

.mv .slider .inner {
height: 420px
}

.mv .slider .list li {
height: 420px
}

.mv .slider .list li.prev-num {
-webkit-transform: translateX(80px);
transform: translateX(80px)
}

.mv .slider .list li.next-num {
-webkit-transform: translateX(-80px);
transform: translateX(-80px)
}

.mv .slider .list li img {
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
width: auto;
height: 420px;
margin: auto
}

.mv .slider .next, .mv .slider .prev {
top: -260px
}

.mv .slider .list .mv12__btn {
width: 250px;
margin: 0 10px
}

.mv .slider .pointer-wrap {
position: relative;
width: 100%;
margin: 0 auto
}

.mv .slider .pointer-wrap .pointer {
position: absolute;
bottom: 10px;
left: 0;
z-index: 100;
width: 100%;
text-align: center;
letter-spacing: -.4em
}

.mv .slider .pointer-wrap .pointer li {
display: inline-block
}

.mv .slider .pointer-wrap .pointer li a {
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
border-radius: 5px;
background: #ccc;
text-decoration: none
}

.mv .slider .pointer-wrap .pointer li a:hover, .mv .slider .pointer-wrap .pointer li._is-active a {
background: #00a0e9
}

*/





/*slick*/
.slider{

}
.slider li{
    position: relative;}

.slider li h2{
    position: absolute;
    color: #ffffff;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform:  translateX(-50%) translateY(-50%);

    -ms-transform:translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    text-shadow:0px 0px 4px #000000;
    font-weight: 600;


}
.slick-slide {
    height: auto;
    margin-top: 0px;
}
.slick-dots {
    bottom: 30px;
}
.slick-dots li button:before {
    font-size: 14px;
    color: #aaaaaa;
    opacity: 1;

}
.slick-dots li button:before {

    width: 10px;
    height: 10px;

}
.slick-dots li.slick-active button:before {
    color: #ffffff;
    opacity: 1;
}
.slick-dots li
{
    margin: 0 10px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}



#thumbnail_slider{
    position: absolute;
    width: 120%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    transform: translate(-15%, -50%);
}
.thumbnail-items {transform: translateX(120%);

}
.thumbnail-items div img:hover {cursor: pointer;

}
#main_image_pc .thumbnail-items div{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    border: 6px solid #ffffff;
    overflow: hidden;
    position: relative;

}
#main_image_pc .thumbnail-items img{

    margin: 0 auto;
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);



}
#main_image_pc #thumbnail_slider .slick-current div{display: none!important;}
#thumbnail_slider .slick-current img{display: none!important;}
.slick-current{}
.slick-initialized .slick-slide {
    outline: none;
}


/*mvスライド*/
.slider .slick-prev:before,  .slider .slick-next:before {
    display: none;

}
.slider .slick-prev,  .slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 0px);
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;


}

.slider .slick-next {
    right: 1%;
    background: url(./assets/img/top/autonext.svg) no-repeat;
    background-size: 50px;

}
.slider .slick-prev {
    left: 1%;
    background: url(./assets/img/top/autoback.svg) no-repeat;
    background-size: 50px;

}


.slider2 .slick-prev:before,  .slider2 .slick-next:before {
    display: none;

}
.slider2 .slick-prev,  .slider2 .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 0px);
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;


}

.slider2 .slick-next {
    right: 5px;
    background: url(./assets/img/top/autonext.png) no-repeat;

}
.slider2 .slick-prev {
    left: 5px;
    background: url(./assets/img/top/autoback.png) no-repeat;
}
/*トップ見出しなど*/

.t_title{
    margin: 0 0 40px;
    color: #312f2d;
    font-family: 'Montserrat', 'Noto Sans JP',"游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
    font-size: 34px;
    font-weight: 700;
    transform: rotate(.03deg)\9;
}
.t_title span{
    color: #e41332;
    display: block;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 500;
}


.j_title{
    margin: 0 0 40px;
    color: #312f2d;
    font-family:'Noto Sans JP',"游ゴシック体", YuGothic,
        "Yu Gothic M",
        "游ゴシック Medium", "Yu Gothic Medium",
        "メイリオ", Meiryo,
        sans-serif;

    font-size: 26px;
    font-weight: 700;

    transform: rotate(.03deg)\9;


}

.white{color: #ffffff;}

/*

.slick-prev::before {
position: relative;
content: "\f060";
font-family: FontAwesome;
background: rgba(255,255,255,0.5);
padding: 10px;
opacity: 1;
}

.slick-next::before {
position: relative;
content: "\f061";
font-family: FontAwesome;
background: rgba(255,255,255,0.5);
padding: 10px;
opacity: 1;
}

.slick-prev{
left: 80px;
}
.slick-next{
right: 80px;
}

.slick-prev:hover:before{
animation: arrow_prev .5s ease-out forwards;
}
@keyframes arrow_prev {
0% {
right: 0px;
}
50% {
right: 5px;
}
100% {
right: 0;
}
}

.slick-next:hover:before{
animation: arrow_next .5s ease-out forwards;
}
@keyframes arrow_next {
0% {
left: 0px;
}
50% {
left: 5px;
}
100% {
left: 0;
}
}
@media screen and (max-width:480px) {
.slick-prev{
left: 30px;
}
.slick-next{
right: 30px;
}
}
*/

@media screen and (max-width:768px) {
    .t_title{
        margin: 0 0 50px;
        color: #312f2d;
        line-height: 1em;
        position: relative;
        /* font-family: din; */
        font-size: 26px;
        font-weight: 900;
        letter-spacing: 0.05em;
    }
    .t_title span{
        font-size: 14px;}
    .t_title span {

        margin-top: 10px;
    }
    .slider li h2{
        font-size: 40px;
        width: 100%;
    }
    .white{color: #ffffff;}
    .slick-dots li button {

        display: none;
    }
    .slick-slide {
        height: auto;
        margin-top: 0;
    }
    .j_title{

        font-size: 22px;
    }


}
@media screen and (max-width:480px) {


    .slick-slide {
        height: auto;
        margin-top: 0;
    }


    .l-contents {
        margin-top: 40px;
    }

}
/*/////////
//////////
/////////
トップ///////////
////////////
*/
#products{margin-bottom: 60px;
    /*
    padding-top: 50px;
    margin-top: -50px;

    */
}

#products img{
    margin-bottom: 5px;
}
#products ul{
    display: flex;
    justify-content: space-between;
}
#products ul li{
    flex: 0 1 32.5%;
    max-width: 32.5%;
}

@media screen and (max-width:768px) {
    #concept{margin-bottom: 50px;}

    #products .toptext{
        font-size: 30px;
        line-height: 56px;
        color: #312f2d;
        width: 95%;
        text-align: left;
        margin: 0 auto 0px;
    }
    #products ul{
        display: block;
    }
    #products ul li{
        max-width: 100%;

    }
}

@media screen and (max-width:480px) {
    .t_title {
        margin: 0 0 20px;


    }
    #products .toptext {
        font-size: 125%;
        line-height: 1.9em;
        color: #312f2d;
        width: 100%;
        text-align: left;
        margin: 0 auto 0px;
    }
    #products {
        margin-bottom: 40px;
    }
}

/*/////////
//////////
/////////
商品を探す///////////
////////////
*/

#search{
    margin-bottom: 90px;
}
#search a{ color: #312f2d;
    display: block;
}

#search a:hover{color: #e41332;
    text-decoration: none;}
/*たぶ*/


.tabs {

    padding-bottom: 40px;

    width: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.tab_header{

    width: 100%;
    margin: 0px auto 0;
}

/*タブのスタイル*/
.ChangeElem_Btn_Content{
    display: flex;
    justify-content: space-between;

}
#search .ChangeElem_Btn {
    flex: 0 1 32.5%;
    max-width: 32.5%;
    cursor: pointer;

    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    font-size: 17px;
    padding: 20px 20px;
    line-height: 1.5em;
    transition: 0.3s;
    box-sizing: border-box;
    background: none;
    border: none;
    position: relative;
}
#search .ChangeElem_Btn:nth-child(1) {
    color: #e41332;
    border: 2px solid #e41332;

}

#search .ChangeElem_Btn:nth-child(2) {
    color: #f18c34;
    border: 2px solid #f18c34;

}

#search .ChangeElem_Btn:nth-child(3) {
    color: #4363be;
    border: 2px solid #4363be;



}

#search .ChangeElem_Btn:nth-child(1).is-active,#search .ChangeElem_Btn:nth-child(1):hover{
    background: #e41332;
    color: #ffffff;

}
#search .ChangeElem_Btn:nth-child(2).is-active,#search .ChangeElem_Btn:nth-child(2):hover{
    background: #f18c34;
    color: #ffffff;

}
#search .ChangeElem_Btn:nth-child(3).is-active,#search .ChangeElem_Btn:nth-child(3):hover{
    background: #4363be;
    color: #ffffff;

}

#search .ChangeElem_Btn:nth-child(1).is-active:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 15px solid #e41332;
}
#search .ChangeElem_Btn:nth-child(2).is-active:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 15px solid #f18c34;
}
#search .ChangeElem_Btn:nth-child(3).is-active:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 15px solid #4363be;
}


#search .tab_item{
    margin-top: 50px;
}


#search .ChangeElem_Panel{
    display: none;
}



.searchbox{
    border: 2px solid #312f2d;
    margin: 0;padding: 0;
}

.searchbox ul{
    display: flex;
    flex-flow: wrap;
}
.searchbox ul li{
    position: relative;
    flex:0 1 20%;
    max-width: 20%;
    border-right: 1px dashed #312f2d;
    border-top: 1px dashed #312f2d;
    box-sizing: border-box;
    /* padding: 0 30px; */
}
.searchbox ul li:hover{text-decoration: none;}
.searchbox ul li:nth-child(5n){border-right:0;
}
.searchbox ul li:nth-child(1),.searchbox ul li:nth-child(2),.searchbox ul li:nth-child(3),.searchbox ul li:nth-child(4),.searchbox ul li:nth-child(5){border-top: none;

}
.searchbox ul li a {
    padding: 0 0 15px;
}
.searchbox ul li a > img{
    width: 180px;
}
.searchbox ul li p{
    margin:5px 0px 0px;
    line-height: 1.4em;
    font-weight: 600;
}
.plusbox{position: absolute;
    right: 0;
    bottom: 0;
    padding: 7px;
    background: #e41332;
    font-weight: 700;


}
.plusbox_inner{
    margin-left: 0px;
    margin-top: 0px;
    padding: 8px;
    position: relative;

}

}
.plus-btn {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.plus-btn .bar {
    -webkit-transition: .24s cubic-bezier(.3, .74, .5, .93);
    transition: .24s cubic-bezier(.3, .74, .5, .93);
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #ffffff;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.plus-btn .bar--01 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.plus-btn .bar--02, .plus-btn .bar--03 {
    width: 9px
}

.plus-btn .bar--03 {
    margin-left: 7px
}

.searchbox ul li:hover .plus-btn .bar--01  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.searchbox ul li:hover .plus-btn .bar--02 {
    margin-left: 9px;
    margin-top: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.searchbox ul li:hover .plus-btn .bar--03 {
    margin-left: 9px;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}


/*brandbox*/


.brandbox{
    border: 2px solid #312f2d;
    margin: 0;padding: 43px 43px 17px 43px;
    box-sizing: border-box;
}
.brandbox ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.brandbox ul li{
    flex: 0 1 23.5%;
    margin-bottom: 25px;

}
.brandbox ul li img{

}
.brandbox ul li p{
    text-align: left;
    font-weight: 700;
    font-size: 15px;
}

/*wordbox*/

.wordbox{
    border: 2px solid #312f2d;
    margin: 0 auto;padding: 60px 0px 90px;
    box-sizing: border-box;
    text-align: center;
}
.wordbox h3{
    color: #4363be;
    font-size: 17px;
    line-height: 1.9em;
    font-weight: 700;
    margin-bottom: 40px;
}

.wordsearch{
    width: 80%;
    margin: 0 auto;

}

/*フォーム全体*/
#form1{
    position:relative;/*フォームの相対位置*/
    height: 60px;
    /*フォームのサイズ*/
}
#form1_pc{
    position:relative;/*フォームの相対位置*/
    height: 60px;
    /*フォームのサイズ*/
}
/*検索ボックス*/
#sbox1{
    position: absolute;
    left: 0;
    top: 0;
    outline: 0;
    height: 60px;
    padding: 0 20px;
    box-sizing: border-box;
    background: #eee;
    width: 82%;
    box-shadow: none;
    border: none;
    font-size: 16px;
}
/*検索ボタン*/
#sbtn1{
    width: 18%;
    height: 60px;
    position: absolute;
    left: 82%;
    top: 0;
    border-radius: 0 2px 2px 0;
    background: #4363be;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}
#sbtn1 i{margin-right: 10px;
}
/*検索ボタンマウスオーバー時*/
#sbtn1:hover{
    color:#666;/*検索ボタンマウスオーバー時のフォントカラー*/
}
#sbtn1 span {
    display: inline-block!important;
}



@media screen and (max-width:768px) {

    #search {
        margin-bottom: 30px;
    }
    #search .tab_header i{
        display: block;
        margin-bottom: 10px;
    }
    #search .tab_item {
        margin-top: 30px;
    }
    #search .ChangeElem_Btn{
        padding: 10px 15px;
        font-size: 12px;
    }
    .searchbox ul li{
        flex: 0 1 50%;
        max-width: 50%;
    }
    .searchbox ul li:nth-child(5n){border-right: 1px dashed #312f2d;
    }
    .searchbox ul li:nth-child(2n){border-right:0;
    }

    .searchbox ul li:nth-child(3),.searchbox ul li:nth-child(4),.searchbox ul li:nth-child(5){border-top: 1px dashed #312f2d;

    }
    .searchbox ul li a{
        padding-bottom:25px;
    }
    .searchbox ul li a > img{
        width: 71%;
    }
    #sbtn1{left: 82%;}
    #sbtn1 i {
        margin-right: 0px;
        font-size: 130%;
    }
    #sbtn1 span {
        display: none!important;
    }

    .plusmb{position: absolute;
        right: 0;
        bottom: 0;
        padding: 0px 2px 1px;
        background: #e41332;
        font-weight: 700;


    }
    .plusmb img{width: 50%; vertical-align:middle;}


    .brandbox{
        padding: 40px 20px 15px;

    }
    .brandbox ul li {
        flex: 0 1 48%;
        margin-bottom: 25px;
    }
    .wordbox{
        padding: 30px 0px 30px;
    }
    .wordbox h3{font-size: 130%;margin-bottom: 20px;}
    .wordsearch {
        width: 85%;
        margin: 0 auto;
    }

}
@media screen and (max-width:480px) {



}

/*/////////
//////////
/////////
TOPICS///////////
////////////
*/

#topics{
    padding: 80px 0 50px;
    background: url(./assets/img/top/topics_bg.jpg);
}
/*たぶ*/


.tabs {

    padding-bottom: 40px;

    width: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.tab_header{

    width: 100%;
    margin: 0px auto 0;
}

/*タブのスタイル*/
.ChangeElem_Btn_Content{
    display: flex;
    justify-content: space-between;

}
#topics .ChangeElem_Btn2 {
    flex: 0 1 19%;
    max-width: 19%;
    cursor: pointer;

    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    font-size: 15px;
    padding: 15px 20px;
    line-height: 1em;
    transition: 0.3s;
    box-sizing: border-box;
    background: none;
    border: none;
    position: relative;
    background: #ffffff;
    margin: 0;
    border: 2px solid #312f2d;
    border-bottom: none;

}


#topics .ChangeElem_Btn2:nth-child(1) {
    color: #312f2d;

}



#topics .ChangeElem_Btn2:nth-child(2) {
    color: #e41332;

}



#topics .ChangeElem_Btn2:nth-child(3) {
    color: #f18c34;



}

#topics .ChangeElem_Btn2:nth-child(4) {
    color: #a4c251;



}

#topics .ChangeElem_Btn2:nth-child(5) {
    color: #29b9c9;



}



#topics .ChangeElem_Btn2:nth-child(1).is-active,#topics .ChangeElem_Btn2:nth-child(1):hover{
    background: #312f2d;
    color: #ffffff;
}


#topics .ChangeElem_Btn2:nth-child(2).is-active,#topics .ChangeElem_Btn2:nth-child(2):hover{

    background: #e41332;
    color: #ffffff;
}
#topics .ChangeElem_Btn2:nth-child(3).is-active,#topics .ChangeElem_Btn2:nth-child(3):hover{
    background: #f18c34;
    color: #ffffff;

}
#topics .ChangeElem_Btn2:nth-child(4).is-active,#topics .ChangeElem_Btn2:nth-child(4):hover{
    background: #a4c251;
    color: #ffffff;

}
#topics .ChangeElem_Btn2:nth-child(5).is-active,#topics .ChangeElem_Btn2:nth-child(5):hover{
    background: #29b9c9;
    color: #ffffff;

}



#topics .ChangeElem_Btn2:nth-child(2):before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 17px;
    background: url(./assets/img/top/tti01.svg) no-repeat;
    background-size: 25px 15px;
    background-position: 0px 3px;
    padding-left: 4px;
}

#topics .ChangeElem_Btn2:nth-child(3):before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 16px;
    background: url(./assets/img/top/tti02.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: 0px 2px;
    background-size: 18px 15px;
    background-position: 0px 1px;
}

#topics .ChangeElem_Btn2:nth-child(4):before {
    content: "";

    display: inline-block;
    width: 22px;
    height: 16px;
    background: url(./assets/img/top/tti03.svg) no-repeat;
    background-size: 17px 16px;
    background-position: 0px 1px;
    padding-left: 5px;
}

#topics .ChangeElem_Btn2:nth-child(5):before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 15px;
    background: url(./assets/img/top/tti04.svg) no-repeat;
    background-size: 18px 15px;
    background-position: 0px 0px;
}



#topics .ChangeElem_Btn2:nth-child(2).is-active:before,#topics .ChangeElem_Btn2:nth-child(2):hover:before{
    background: url(./assets/img/top/tti01_w.svg) no-repeat;
    background-size: 25px 15px;
    background-position: 0px 3px;
}

#topics .ChangeElem_Btn2:nth-child(3).is-active:before,#topics .ChangeElem_Btn2:nth-child(3):hover:before{
    background: url(./assets/img/top/tti02_w.svg) no-repeat;
    background-position: 0px 2px;
    background-size: 25px 15px;
    background-position: -3px 1px;
}
#topics .ChangeElem_Btn2:nth-child(4).is-active:before,#topics .ChangeElem_Btn2:nth-child(4):hover:before{
    background: url(./assets/img/top/tti03_w.svg) no-repeat;
    background-size: 17px 16px;
    background-position: 0px 1px;
    padding-left: 5px;
}
#topics .ChangeElem_Btn2:nth-child(5).is-active:before,#topics .ChangeElem_Btn2:nth-child(5):hover:before{
    background: url(./assets/img/top/tti04_w.svg) no-repeat;
    background-size: 18px 15px;
    background-position: 0px 0px;
}








#topics .tab_item{
    margin-top: 0px;
    border:2px solid #312f2d;
    margin-bottom: 60px;
}


#topics .ChangeElem_Panel2{
    display: none;
}


#topics .tab_item ul li a{
    background: #ffffff;
    display: block;
    border-bottom: 1px dashed #312f2d;
}
#topics .tab_item ul li a:last-child{
    border: none;}

#topics .tab_item ul li  dl {
    display: flex;
    display: -ms-flex;

    display: -ms-flex;
    width: 100%;
    text-align: left;
    margin: 0px 0;
    padding: 20px 0;
    transition: .2s;
    align-items: center; /* 縦方向中央揃え */
}
#topics .tab_item ul li  a:hover {
    background: #f5f5f5;
}
#topics .tab_item ul li  a:hover dd{text-decoration: underline;}


#topics .tab_item ul li  dt {
    color: #999999;
    font-size: 15px;
    width: 26%;
    margin-left: 20px;
    font-weight: 600;

}

#topics .tab_item ul li  dt span{
    display: inline-block;
    margin-left: 15px;
    font-weight: 400;
    border-radius: 20px;
    color: #ffffff;
    padding: 0px 0px;
    min-width: 130px;
    text-align: center;
    font-size: 14px;
    position: relative;
}
#topics .tab_item ul li  dt p.t_first{
    display: inline-block;
    width: 85px;
}
#topics .tab_item ul li  dt span.n_media{
    background: ;
    background: #f18c34 url(./assets/img/top/tti02_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 8px;
    background-size: 16px 14px;
    box-sizing: border-box;
}

#topics .tab_item ul li  dt span.n_product{
    background: #e41332 url(./assets/img/top/tti01_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 9px;
    background-size: 23px 14px;
    box-sizing: border-box;
}
#topics .tab_item ul li  dt span.n_recruit{

    background: #a4c251 url(./assets/img/top/tti03_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 8px;
    background-size: 16px 15px;
    box-sizing: border-box;
}

#topics .tab_item ul li  dt span.n_topics{
    background: #29b9c9 url(./assets/img/top/tti04_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 8px;
    background-size: 15px 14px;


    box-sizing: border-box;
}




#topics .tab_item ul li  dd {
    width: 74%;
    font-size: 15px;
    text-align: left;
    padding-right: 20px;

}

#topics .tab_item ul li  a {
    color: #333;
}

#topics .tab_item ul li  a dl {
    color: #333;
    text-decoration: none;
    transition: 0.2s;
}

.topicsbtn{width: 300px;margin: 40px auto 0;position: relative; }
.topicsbtn a{display: flex; justify-content: space-between;color:#ffffff;height: 50px;line-height: 50px;

    border: none;
    padding-bottom: 0;
    text-decoration: none;}
.topicsbtn a:hover{opacity: 0.7;}
.tofirst{flex-basis: 82%;
    max-width: 82%;
    background: #e41332;
    text-align: left;
    box-sizing: border-box;
    padding: 0 25px;
    font-weight: 600;
}
.topicsbtn a div:last-child{flex-basis:  19.6%; background: #e41332;}


.topicsbtn .plusbox{position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 7px;
    background: #e41332;
    font-weight: 700;


}
.topicsbtn .plusbox_inner {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0 11px;
    position: relative;
}
.topicsbtn .plus-btn {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}
.topicsbtn:hover .plus-btn {
    top: 0;
}

.topicsbtn .plus-btn .bar {
    -webkit-transition: .24s cubic-bezier(.3, .74, .5, .93);
    transition: .24s cubic-bezier(.3, .74, .5, .93);
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 2px;
    background-color: #ffffff;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.topicsbtn .plus-btn .bar--01 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.topicsbtn .plus-btn .bar--02{
    width: 8px
}
.plus-btn .bar--03 {
    width: 10px

}

.topicsbtn .plus-btn .bar--03 {
    margin-left: 8px
}

.topicsbtn:hover .plus-btn .bar--01  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 6px;
    left: 0px;

}

.topicsbtn:hover .plus-btn .bar--02 {
    margin-left: 7px;
    margin-top: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
}
.topicsbtn:hover .plus-btn .bar--03 {
    margin-left: 7px;
    margin-left: 4px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 14px;
}
.tofirst{}



@media screen and (max-width:768px) {

    #topics{
        padding: 60px 0 20px;
        background: url(./assets/img/top/topics_bg.jpg);
    }
    #topics .ChangeElem_Btn2{
        padding: 5px 0px;
        font-size: 10px;
    }
    #topics .ChangeElem_Btn2:nth-child(1) {
        color: #312f2d;
        font-size: 12px;
    }
    #topics .ChangeElem_Btn2:nth-child(2):before,#topics .ChangeElem_Btn2:nth-child(3):before,#topics .ChangeElem_Btn2:nth-child(4):before,#topics .ChangeElem_Btn2:nth-child(5):before{
        display: block;
        width: 100%;
        background-size: contain;
        background-position: center 0px;
        margin-bottom: 5px;
        background-size: 20px;

    }

    #topics .ChangeElem_Btn2:nth-child(2).is-active:before,#topics .ChangeElem_Btn2:nth-child(3).is-active:before,#topics .ChangeElem_Btn2:nth-child(4).is-active:before,#topics .ChangeElem_Btn2:nth-child(5).is-active:before,#topics .ChangeElem_Btn2:nth-child(2):hover:before,#topics .ChangeElem_Btn2:nth-child(3):hover:before,#topics .ChangeElem_Btn2:nth-child(4):hover:before,#topics .ChangeElem_Btn2:nth-child(5):hover:before{
        background-position: 50%;
        background-size: 20px;
    }

    #topics .ChangeElem_Btn2:nth-child(2):before,#topics .ChangeElem_Btn2:nth-child(2).is-active:before,#topics .ChangeElem_Btn2:nth-child(2):hover:before{
        background-size: 17px 14px;
        background-position: 50% 40%;
    }
    #topics .ChangeElem_Btn2:nth-child(3):before,#topics .ChangeElem_Btn2:nth-child(3).is-active:before,#topics .ChangeElem_Btn2:nth-child(3):hover:before{
        background-size: 15px 12px;
        background-position: 50% 40%;
    }

    #topics .ChangeElem_Btn2:nth-child(4):before,#topics .ChangeElem_Btn2:nth-child(4).is-active:before,#topics .ChangeElem_Btn2:nth-child(4):hover:before{
        background-size: 14px 14px;
        background-position: 50% 40%;

    }

    #topics .ChangeElem_Btn2:nth-child(5):before,#topics .ChangeElem_Btn2:nth-child(5).is-active:before,#topics .ChangeElem_Btn2:nth-child(5):hover:before{
        background-size: 13px 12px;
        background-position: 50% 40%;

    }



    #topics .tab_item ul li dt span {
        min-width: 95px;
        font-size: 10px;
    }
    #topics .tab_item ul li dl{display: block;padding: 20px 0 5px;}
    #topics .tab_item ul li dt{width: 100%;
        font-size: 15px;
    }
    #topics .tab_item ul li dd {
        width: 100%;
        font-size: 14px;
        text-align: left;
        box-sizing: border-box;
        padding: 10px 15px;
    }
    .topicsbtn {
        width: 300px;
        margin: 30px auto 0;
        position: relative;
    }
    .topicsbtn .plusbox img {
        width: 55%;
        vertical-align: text-top;
    }

    #topics .tab_item ul li dt span.n_topics {
        background-position: 24px 9px;
        box-sizing: border-box;

    }


    #topics .tab_item ul li dt span.n_media {

        background-position: 17px 6px;
        background-size: 14px 12px;
        box-sizing: border-box;
    }
    #topics .tab_item ul li dt span.n_product {
        background: #e41332 url(./assets/img/top/tti01_w.svg) no-repeat;
        padding-left: 20px;
        background-position: 15px 6px;
        background-size: 18px 13px;
        box-sizing: border-box;
    }
    #topics .tab_item ul li dt span.n_topics {
        background: #29b9c9 url(./assets/img/top/tti04_w.svg) no-repeat;
        padding-left: 20px;
        background-position: 16px 7px;
        background-size: 13px 12px;
        box-sizing: border-box;
    }
    #topics .tab_item ul li dt span.n_recruit {
        background: #a4c251 url(./assets/img/top/tti03_w.svg) no-repeat;
        padding-left: 20px;
        background-position: 17px 6px;
        background-size: 15px 14px;
        box-sizing: border-box;
    }


    .topicsbtn{width: 280px;margin: 40px auto 0;position: relative; }
    .topicsbtn a{color:#ffffff;height: 50px;line-height: 50px;
        display: block;
        border: none;
        padding-bottom: 0;
        text-align: center;

        text-decoration: none;}
    .topicsbtn a:hover{opacity: 0.7;}
    .tofirst{width: 225px;
        background: #e41332;
        text-align: left;
        box-sizing: border-box;
        padding: 0 25px;
        font-weight: 600;
        display: inline-block;
    }
    .topicsbtn a div:last-child{width:50px; background: #e41332;}


    .topicsbtn .plusbox{
        display: inline-block;
        /* position: relative; */
        /* right: 0; */
        /* bottom: 0; */
        padding: 0 7px;
        background: #e41332;
        font-weight: 700;
        box-sizing: border-box;
        position: unset;
        text-align: center;
    }

}
@media screen and (max-width:480px) {


}
/*/////////
//////////
/////////
s_garelly///////////
////////////
*/

#s_garelly{
    background: #fffaee;
    padding: 50px 0;
    margin-bottom: 90px;
}
.autoslick{}
.autoslick .slick-slide{
    margin:  0px 10px;
}

.autoslick .slick-prev:before,  .autoslick .slick-next:before {
    display: none;

}
.autoslick .slick-prev,  .autoslick .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 0px);
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;

}
.autoslick .slick-list {
    width: 94%;
    margin: 0 auto;
}
.autoslick .slick-next {
    right: -25px;
    background: url(./assets/img/top/autonext.svg) no-repeat;
    background-size: 50px;

}
.autoslick .slick-prev {
    left: -25px;
    background: url(./assets/img/top/autoback.svg) no-repeat;
    background-size: 50px;

}
.slick-next, .slick-prev {
    z-index: 1;}

.slick-next:hover, .slick-prev:hover{
    opacity: 0.7;
}

@media screen and (max-width:768px) {

    #s_garelly {
        background: #fffaee;
        padding: 50px 0;
        margin-bottom: 60px;
    }
    .autoslick .slick-slide {
        margin: 0px 5px;
        transform: translateX(50%);
    }
    .autoslick .slick-list {
        width: 120%;
        margin: 0 auto;
        transform: translateX(-10%);
    }
    .autoslick .slick-next {
        right: -15px;
        background: url(./assets/img/top/autonext.svg) no-repeat;

        background-size: 50px;
    }
    .autoslick .slick-prev {
        left: -15px;
        background: url(./assets/img/top/autoback.svg) no-repeat;
        background-size: 50px;
    }

}

@media screen and (max-width:480px) {


}



/*/////////
//////////
/////////
instagram///////////
////////////
*/
#instagram{margin-bottom: 80px;}
#instagram .t_title{
    margin-bottom: 40px;
}
.t_insta i{
    color: #e41332;
    margin: 15px auto 10px;

}
.t_insta a{color: #e41332;

}
.t_insta a:hover{text-decoration: underline;}
.t_insta span{
    margin-top: 0;
}
#instagram .slick-slide{
    margin-top: 0;
}
.loopSlider img{width: 100%;}
@media screen and (max-width:768px) {
    #instagram {
        margin-bottom: 60px;
    }
}

@media screen and (max-width:480px) {


}
/*/////////
//////////
/////////
sightseeing///////////
////////////
*/
#topsns{
    padding: 80px 0;
    background: url(./assets/img/top/tsns_bg.jpg);
}
.twitterbox{}
.snsbox{}
.snsbox ul{display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.snsbox ul li {
    flex: 0 1 48%;
}
.snsbox_inner{    border: 2px solid #312f2d; background: #ffffff;
}
.snsbox_header{display: flex;
    border-bottom: 2px solid #312f2d;

}
.snsbox_header div{}
.sns_title h2{
    font-weight: 600;font-size: 26px;
    padding: 25px 25px 25px 30px;
}
.sns_icon{font-size: 30px;border-right: 2px solid #312f2d;
    padding: 25px 22px 25px 27px;}
 .tw{color:#1b95e0; }
 .fb{color:#4267b2; }
.snsbox .sns_cont{padding: 30px;
    box-sizing: border-box;
    height: 450px;
}
.facebook-wrapper {
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

@media only screen and (max-width: 768px) {

    #topsns {
        padding: 60px 0 40px;
        background: url(./assets/img/top/tsns_bg.jpg);
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        #topsns {
            padding: 60px 0 40px;
            background: url(./assets/img/top/tsns_bg_sp.jpg);
            background-size: 350px;
        }
    }
    .snsbox ul {
        display: block;

    }
    .snsbox ul li{margin-bottom: 20px;}
    .sns_icon {
        font-size: 22px;
        border-right: 2px solid #312f2d;
        padding: 13px 12px 10px 17px
    }
    .sns_title h2{
        font-weight: 600;font-size: 20px;
        padding: 15px 15px 12px 15px;
    }
    .snsbox .sns_cont{padding: 15px;
        height: 250px;
    }
    .facebook-wrapper > .fb-page > span,
    .facebook-wrapper iframe {
        width: 78vw !important;
        height: 390px !important;
    }
    iframe.twitter-timeline{
        width: 78vw !important;
        height: 220px !important;
    }


}

@media screen and (max-width:480px) {


}

/*/////////
//////////
/////////
クツワの歴史///////////
////////////
*/

#history{padding: 60px 0 100px;
    background: url(./assets/img/top/history_bg.jpg) no-repeat center center;
    background-size: cover;}
#history h2{
    margin: 0 auto 30px;

}
#history p{
    text-align: center;
    font-size: 15px;
    line-height: 2em;
    margin-bottom: 30px;

}
.historybtn{width: 300px;margin: 0px auto 0;position: relative; }
.historybtn a{display: flex; justify-content: space-between;color:#ffffff;height: 50px;line-height: 50px;}
.historybtn a:hover{opacity: 0.7;}
.historybtn i{margin-right: 10px;}
.historybtn .tofirst{flex-basis: 82%;
    max-width: 82%;
    background: #f18c34;
    text-align: left;
    box-sizing: border-box;
    padding: 0 25px;
    font-weight: 600;
}
.historybtn a div:last-child{flex-basis:  19.6%; background: #f18c34;}


.historybtn .plusbox{position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 7px;
    background: #f18c34;
    font-weight: 700;


}
.historybtn .plusbox_inner {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0 11px;
    position: relative;
}
.historybtn .plus-btn {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.historybtn .plus-btn .bar {
    -webkit-transition: .24s cubic-bezier(.3, .74, .5, .93);
    transition: .24s cubic-bezier(.3, .74, .5, .93);
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 2px;
    background-color: #ffffff;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.historybtn .plus-btn .bar--01 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.historybtn .plus-btn .bar--02, .plus-btn .bar--03 {
    width: 9px
}

.historybtn .plus-btn .bar--03 {
    margin-left: 8px
}

.historybtn .plus-btn .bar--02{
    width: 8px
}
.historybtn .plus-btn .bar--03 {
    width: 10px

}
.historybtn:hover .plus-btn .bar--01  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 6px;
    left: 0px;
}

.historybtn:hover .plus-btn .bar--02 {
    margin-left: 7px;
    margin-top: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
}

.historybtn:hover .plus-btn .bar--03 {
    margin-left: 4px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 14px;
}


.voiceblue .tofirst{flex-basis: 82%;
    max-width: 82%;
    background: #76cbf2;
    text-align: left;
    box-sizing: border-box;
    padding: 0 25px;
    font-weight: 600;
}
.voiceblue a div:last-child{flex-basis:  19.6%; background: #76cbf2;}


.voiceblue .plusbox{position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 7px;
    background: #76cbf2;
    font-weight: 700;


}
@media only screen and (max-width: 768px) {
    #history{padding: 50px 0 100px;
        background: url(./assets/img/top/history_bg_mb.jpg) no-repeat center top;
        background-size: cover;}

    #history h2 img{
        width: 60%;
    }
    #history h2 {
        margin: 0 auto 20px;
    }
    #history p{
        text-align: left;
        font-size: 100%;
        line-height: 2em;
        margin-bottom: 20px;

    }
/*
    .historybtn {
        width: 80%;
        margin: 0px auto 0;
        position: relative;
    }
*/
    .historybtn .plusbox img {
        width: 55%;
        vertical-align: text-top;
    }
    .historybtn{width: 280px;margin: 40px auto 0;position: relative; }
    .historybtn a{color:#ffffff;height: 50px;line-height: 50px;
        display: block;
        border: none;
        padding-bottom: 0;
        text-align: center;

        text-decoration: none;}
    .historybtn a:hover{opacity: 0.7;}
    .historybtn .tofirst{width: 225px;
        text-align: left;
        box-sizing: border-box;
        padding: 0 25px;
        font-weight: 600;
        display: inline-block;
    }
    .historybtn a div:last-child{width:50px; }


    .historybtn .plusbox{
        display: inline-block;
        /* position: relative; */
        /* right: 0; */
        /* bottom: 0; */
        padding: 0 7px;

        font-weight: 700;
        box-sizing: border-box;
        position: unset;
        text-align: center;
    }
}
@media screen and (max-width:480px) {




}

/*/////////
//////////
/////////
フッター
///////////
////////////
*/
.tellink{text-decoration: none;
    color: #ffffff;}
.footer{
    color: #ffffff;
    position: relative;
}
.u_footer{
    background: #e41332;
    padding: 60px 0;
    border-bottom: 2px solid #ffffff;
}
.u_footer ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.u_footer ul li{flex-basis: 52%;
    max-width: 52%;

}
.u_footer ul li:first-child {
    text-align: left;font-size: 15px;
    display: flex;
    justify-content: space-between;
}

.u_footer ul li:last-child {
    text-align: right;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
}
.u_footer ul li:last-child a{
    border: 2px solid #ffffff;
    border-radius: 50%;
    font-size: 16px;
    height: 50px;
    width: 50px;
    margin-left: 10px;
    text-align: center;

}
.u_footer ul li:last-child a i{
    transition: 0.2s;
    color: #ffffff;
    margin: 0;
    transform: translateY(12px);
}
.u_footer ul li:last-child a:hover{
    opacity: .8;
}
.u_footer ul li p{font-size: 14px;line-height: 1.85em;}
.u_footer ul li p img{margin-top: 10px;
}
.d_footer{
    background: #e41332;
    padding: 30px 0;
    font-size: 14px;
    line-height: 1em;

}
.d_footer .wrap{
    display: flex!important;
    justify-content: space-between;
}
.d_footer .wrap div{
    flex-basis: 50%;
    max-width: 50%;
}
.d_footer .wrap div:first-child{text-align: left;}
.d_footer .wrap div:first-child a{color: #ffffff;}
.d_footer .wrap div:first-child a:hover{color: #ffffff; text-decoration: underline;}
.d_footer .wrap div:last-child{text-align: right;}
@media screen and (max-width:768px) {
    .u_footer{text-align: center;
        padding: 50px 0;}
    .u_footer ul{display: block;}
    .u_footer ul li:first-child {
        text-align: center;
        font-size: 15px;
        display: block;
        justify-content: space-between;
    }
    .u_footer img{width: 50%;margin: 0 auto 10px;}
    .u_footer p{
        line-height: 2em;
        font-size:120%;
    }
    .u_footer ul li{
        max-width: 100%;
    }
    .u_footer ul li:last-child{
        justify-content: center;
        margin-top: 20px;
    }
    .d_footer{
        padding: 20px 0;
    }
    .d_footer .wrap{
        display: block!important;
        width: 100%!important;

    }
    .d_footer .wrap div{max-width: 100%;}

    .d_footer a{
        color: #ffffff;
    }
    .d_footer .wrap div:first-child{border-bottom: 2px solid #ffffff;margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 110%;
        text-align: center;
    }
    .d_footer .wrap div:last-child {
        text-align: center;
        border: none;
    }
    .d_footer{
        font-size: 12px;
    }


}

@media screen and (max-width:480px) {



}
/*/////////
//////////
/////////
戻る
///////////
////////////
*/


#page-top {
    position: absolute;
    top: -70px;
    left: 50%;
    height: 51px;
    width: 42px;
    transform: translate(-50%, 0%);
}
#page-top a {
    width: 100px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
@media screen and (max-width:768px) {
    #page-top a {
        width: 60px;
    }
    #page-top img{
        width: 60px;}
    #page-top {
        position: absolute;
        top: -60px;
    }
}



/*/////////
//////////
/////////
fancyboxhtml
///////////
////////////
*/
/*
.fancybox-bg {
    background: rgba(0, 0, 0,0.8)!important;
}

.fancybox-content{
    padding: 0;
}
.fancybox-stage{
    width: 800px;
    margin: auto;
    height: 800px;
    background: #fff;
    padding: 25px 50px;
}

.fancybox-can-zoomIn .fancybox-content, .fancybox-can-pan .fancybox-content{
    width: 100%!important;
    height: 100%!important;
    text-align: center;
    transform: none!important;
    position: relative;
}
.fancybox-image, .fancybox-spaceball{
    height: auto;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    position: relative;
    width: auto;
    cursor: grab;
}

.fanc_infobox{
    display: flex;
    justify-content: flex-start;

    align-items: flex-start;
    width: 700px;
}

.fanc_infobox li:first-child{
    flex-basis: 35%;
    max-width: 35%;
    margin-right: 5%;}

.fanc_infobox h2{
    font-size: 82px;
    color: #603813;
    border-bottom: 1px solid #603813;
    line-height: 52px;
    margin-top: 60px;
    margin-bottom: 20px;
    padding-bottom: 0px;

}
.fanc_infobox h2 span.smalltype{
    font-size: 26px;
}

.fanc_infobox h3{
    margin: 0;padding: 0;
    font-size: 22px;
    line-height: 26px;
    margin: 20px;
    color: #603813;
}
.fanc_infobox  p{
    color: #603813;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
}



.button-close{position: absolute;
    top:0;right:0;
    padding: 15px;
    z-index: 99999;
}
.button-close img{width: 40px;}

.fancybox-content {
    overflow: visible;

}*/
/*元

.button-previous,
.button-next {
position: absolute;
width: 44px;
height: 44px;

}

.button-previous,
.button-next {
top: 50%;
margin-top: -22px;
line-height: 42px;
}

.button-previous {
left: -60px;
}

.button-next {
right: -60px;
}
*/

/*
@media only screen and (max-width: 768px) {
    .fancybox-stage{
        width: 660px;
        height: 990px;
    }
    .fanc_infobox {
        display: block;
        justify-content: flex-start;
        align-items: flex-start;
        width: 90%;
        margin: 0 auto;
        margin-top: 50px;}
    .fanc_infobox h2
    {border-bottom: 0;margin-top: 0;
        font-size: 110px;}
    .fanc_infobox h2 span.smalltype {
        font-size: 40px;
    }
    .fanc_infobox p {
        color: #603813;
        font-size: 30px;
        line-height: 42px;
        text-align: left;
        margin-left: 30px;
    }

    .fanc_infobox li:first-child {
        margin-right: 0;
        border-bottom: 1px solid #603813;
        margin-bottom: 25px;
    }

    .fanc_infobox li
    {display: flex;justify-content: flex-start;}
    .fancybox-navigation .fancybox-button--arrow_right {
        padding: 20px 6px 20px 16px;
    }

    .fanc_infobox li:last-child{
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    .fanc_infobox li.c_box h3{
        font-size: 28px;
        margin: 0;
        margin-left: 30px;
        line-height: 45px;
    }
    .fanc_infobox li.c_box h3 p{
        margin-left: 0;
    }
    .fancybox-navigation .fancybox-button--arrow_left {

        padding: 20px 26px 20px 6px;
    }
    .hiddencont{
        width: 88%;
        margin-top: 30px;
    }
    .fancybox-navigation .fancybox-button--arrow_right {
        background: url(./assets/img/common/arrow_next.svg) no-repeat;
        width: 20px;
        max-height: 20vh;
        height: auto;
        right: 0%;
    }
    .fancybox-navigation .fancybox-button--arrow_left {
        background: url(./assets/img/common/arrow_pre.svg) no-repeat;
        width: 20px;
        max-height: 20vh;
        height: auto;
        left: 0%;
    }

    .fancybox-slide .fancybox-close-small {

        padding: 20px 26px 20px 6px;
    }

    .fancybox-slide .fancybox-close-small {
        background: url(./assets/img/common/arrow_next.svg) no-repeat;
        width: 20px;
        max-height: 20vh;
        height: auto;
        right: 0%;
    }

    .light-text-box ul.l_info li {
        margin-bottom: 10px;
    }
    .light-text-box ul.l_info li:nth-child(1){
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        border: 0;
    }
    .light-text-box ul.l_info li:nth-child(2) {
        width: 100%;
        box-sizing: border-box;
        font-size: 70%;
        margin-left: 0px;
        padding-left: 0px;
        border-left: none;
        min-height: 50px;
    }
    .light-text-box ul.l_info li:nth-child(3){
        width: 100%;
        max-width: none;
        margin-bottom: 26px;
    }
    .l_sns {
        display: block;
        text-align: left;
        margin-bottom: 20px;
    }
    .l_sns a{
        margin: 0 20px 0 0;
    }

    .l_sns a img {
        height: 30px;
        padding: 0;
    }
    .fancybox-can-swipe .fancybox-content{
        width: 100%!important;
        height: 100%!important;
        text-align: center;
        transform: none!important;
        position: relative;
    }
    .fancybox-image{
        position: absolute;
        bottom: 0;
        right: 0;
    }

}

@media only screen and (max-width: 480px) {
    .fanc_infobox {
        display: block;
        justify-content: flex-start;
        align-items: flex-start;
        width: 90%;
        margin: 0 auto;
        margin-top: 25px;
    }
    .fancybox-stage {
        width: 85%;
        height: 90%;
    }
    .fanc_infobox h2 {
        border-bottom: 0;
        margin-top: 0;
        font-size: 450%;
        margin-bottom: 0;
    }
    .fanc_infobox h2 span.smalltype {
        font-size: 35%;
    }
    .fanc_infobox p {
        color: #603813;
        font-size: 120%;
        line-height: 1.8em;
        text-align: left;
        margin-left: 15px;
    }
    .fanc_infobox li:first-child {
        margin-right: 0;
        border-bottom: 1px solid #603813;
        margin-bottom: 15px;
    }
    .fanc_infobox li.c_box h3 {
        font-size: 120%;
        margin: 0;
        margin-left: 0px;
        line-height: 1.6em;
    }
    .button-close img {
        width: 30px;
    }
    .button-close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        z-index: 99999;
    }
}

.fancybox-active
{

}
*/

/*アンカー*/
#concept,#style,#location,#access,#info{
    margin-top: -85px;
    padding-top: 85px;
}

@media screen and (max-width:768px) {

    #concept,#style,#access,#info{
        margin-top: -40px;
        padding-top: 40px;
    }
    #access,#location{
        margin-top: -50px;
        padding-top: 50px;
    }
}


.win {
    /* Windows (全バージョン)のみ */


    transform: rotate(.03deg);

}
.compensate-for-scrollbar {
    margin-right: 0px!important;
}



/*下層*/
.under{margin-top: 130px;}

.u_terms h2{background: url(./assets/img/u_terms_bg.jpg);
    padding: 65px;color: #ffffff;}
.u_terms h2 span{color: #ffffff;}

.u_blue h2{background: url(./assets/img/u_blue_bg.jpg);
    padding: 65px;color: #ffffff;}
.u_blue h2 span{color: #ffffff;}

.u_pur h2{background: url(./assets/img/u_pur_bg.jpg);
    padding: 65px;color: #ffffff;}
.u_pur h2 span{color: #ffffff;}

.u_orange h2{background: url(./assets/img/u_orange_bg.jpg);
    padding:65px;color: #ffffff;}
.u_orange h2 span{color: #ffffff;}

.u_green h2{background: url(./assets/img/u_green_bg.jpg);
    padding:65px;color: #ffffff;}
.u_green h2 span{color: #ffffff;}
.u_brown h2{background: url(./assets/img/u_brown_bg.jpg);
    padding:65px;color: #ffffff;}
.u_brown h2 span{color: #ffffff;}

.u_cian h2{background: url(./assets/img/u_cian_bg.jpg);
    padding:65px;color: #ffffff;}
.u_cian h2 span{color: #ffffff;}

.u_terms h2 .u_title{color: #ffffff;}
.breadcrumb {
    margin-bottom: 60px;
    text-align: left;
}

.breadcrumb li {
    display: inline;
    list-style: none;
    position: relative;
    margin-right: 25px;
    font-size: 95%;
    color: #312f3d;
}

.breadcrumb li:after {/* ▶を表示*/
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    padding: 0 6px 0 3px;
    color: silver;
    font-size: 10px;
    position: absolute;
    top: 35%;
    right: -22px;
    margin-top: -12px;
    font-weight: 900;
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #e41332;
}
.breadcrumb i{color: #999999;}

.breadcrumb i.fa-home{color: #e41332;}
.toptext{text-align: left;margin-bottom: 80px;}
.centertext{text-align: center;margin-bottom: 80px;}
.gray{text-align: center;margin-top: 30px;}


.u_title{
    margin: 0 0 25px;
    color: #312f2d;
    font-family: 'Montserrat', 'Noto Sans JP',"游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(.03deg)\9;
    letter-spacing: 0.1em;
}
.u_title span{
    color: #e41332;
    display: block;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 600;
    letter-spacing: 0em;
}

.r_title {
    font-size: 26px;
    text-align: left;
    font-weight: 600;
    border-left: 5px solid #e41332;
    line-height: 60px;
    padding-left: 30px;
    margin-bottom: 40px;
    letter-spacing: 0.05em;
}
.cs_title {
    font-size: 26px;
    text-align: left;
    font-weight: 600;
    border-left: 5px solid #f18c34;
    line-height: 60px;
    padding-left: 30px;
    margin-bottom: 40px;
    letter-spacing: 0.05em;
}
.bs_title {
    font-size: 26px;
    text-align: left;
    font-weight: 600;
    border-left: 5px solid #76cbf2;
    line-height: 60px;
    padding-left: 30px;
    margin-bottom: 40px;
    letter-spacing: 0.05em;
}
.gs_title {
    font-size: 26px;
    text-align: left;
    font-weight: 600;
    border-left: 5px solid #a4c251;
    line-height: 60px;
    padding-left: 30px;
    margin-bottom: 40px;
    letter-spacing: 0.05em;
}
.o_title, .g_title,.rs_title,.b_title {
    font-size: 34px;
    text-align: center;
    font-weight: 600;
    line-height: 70px;
    margin-bottom: 60px;
    position: relative;
    display: inline-block;
    letter-spacing: 0.1em;
}
.rs_title:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 80px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #e41332;
}



.o_title:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 80px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f18c34;
}
.b_title:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 80px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ab7137;
}

.g_title:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 80px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #a4c251;
}


.red_title {
    font-size: 34px;
    text-align: center;
    font-weight: 600;
    line-height: 1.8em;
    margin-bottom: 60px;
    position: relative;
    display: inline-block;
    letter-spacing: 0.1em;
}
.red_title.small{font-size: 190%;}
.red_title:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 80px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #e41332;
}


.termstext{text-align: left;
    margin-bottom: 80px;
    line-height: 2em;
}
.termstext strong{margin-left: 0px;
    margin-left: 0px;
    display: flex;
    align-items: baseline;
}
.termstext strong span{}
.termstext strong::before {
    position: relative;
    top: -2px;
    margin-right: 10px;
    /* left: -18px; */
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #e41332;
}
h4.title_com{
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 40px;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.1em;
    /* margin-right: 250px; */
}

h4.title_com::before{
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 83%;
    content: '';
    height: 2px;
    background-color: #312f2d;
}
h4.title_com::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 16.666%;
    height: 2px;
    background-color: #f18c34;
    /* padding-right: 110px; */
}

h4.title_cc{
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 40px;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.1em;
    /* margin-right: 250px; */
}

h4.title_cc::before{
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 83%;
    content: '';
    height: 2px;
    background-color: #312f2d;
}
h4.title_cc::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 16.666%;
    height: 2px;
    background-color: #4363be;
    /* padding-right: 110px; */
}

@media screen and (max-width:768px) {


    .under {
        margin-top: 74px;
    }
    .u_terms h2 {
        padding: 30px 0 25px;
    }
    .u_green h2,.u_brown h2,.u_blue h2, .u_cian h2 {
        padding: 30px 0 25px;
    }


    .toptext {
        text-align: left;
        margin-bottom: 50px;
    }
    .termstext {
        margin-bottom: 50px;
    }
    .u_title{
        margin: 0 0 40px;
        color: #312f2d;
        line-height: 1em;
        position: relative;
        /* font-family: din; */
        font-size: 32px;
        font-weight: 900;
        letter-spacing: 0.05em;
    }
    .u_title span{
        font-size: 14px;}
    .u_title span {

        margin-top: 5px;
    }
    .r_title {
        font-size: 22px;
        text-align: left;
        font-weight: 510;
        border-left: 4px solid #e41332;
        line-height: 1.8em;
        padding-left: 20px;

        margin-bottom: 20px;
    }
    .cs_title {
        font-size: 22px;
        text-align: left;
        font-weight: 510;
        border-left: 4px solid #f18c34;
        line-height: 1.8em;
        padding-left: 20px;

        margin-bottom: 20px;
    }
    .bs_title {
        font-size: 22px;
        text-align: left;
        font-weight: 510;
        border-left: 4px solid #76cbf2;
        line-height: 1.8em;
        padding-left: 20px;

        margin-bottom: 20px;
    }
    .gs_title {
        font-size: 22px;
        text-align: left;
        font-weight: 510;
        border-left: 4px solid #a4c251;
        line-height: 1.8em;
        padding-left: 20px;

        margin-bottom: 20px;
    }



    .o_title,.g_title,.rs_title,.b_title, .red_title {margin-bottom: 60px;
        font-size: 26px;
        line-height: 40px;}


    .centertext {
        text-align: left;
        margin-bottom: 40px;
    }
    .centertext .gray{
        text-align: left;
        margin-bottom: 40px;
    }
    .u_terms h2, .u_orange h2 {
        padding: 30px;
    }
    .o_terms{font-size: 160%;}
    h4.title_com,h4.title_cc {

        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 24px;
    }

    h4.title_com::after,h4.title_cc:after {
        width: 30%;}
    h4.title_com::before,h4.title_cc:before{

        width: 69%;
    }

    h4.title_cc{
        line-height: 1.625em;
        padding-bottom: 10px;
        /* margin-right: 250px; */
    }
    .termstext {

        margin-bottom: 50px;
    }
    .grays{text-align: left;margin-bottom: 20px; color: #999999;}


}


/*termtext*/
.termstext ol{list-style-type: decimal;margin-left: 38px;}
.termstext ol li:before{
    content: counter(number) ".";
    text-shadow: 1px 1px 2px black;
    position: relative;
    top: -2px;
    left: -18px;
    display: inline-block;



    content: '';

    background: #e41332;
}
.termstext ol li{color: #e41332;font-weight: 600;}
.termstext ol li span{color: #312f2d;font-weight: 400;}


/*会社概要*/
.profile-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 100px;
    line-height: 2em;

}
.profile-table tr{display: flex;
    justify-content: space-between;width: 100%;}
.profile-table tr.pc_only{display: flex!important;}
.profile-table th {
    text-align: left;
    border-bottom: 1px solid #999999;
    padding: 17px;
    vertical-align: top;
    flex-basis: 27%;
    box-sizing: border-box;
    font-weight: 600;max-width: 27%;
    display: block;

}

.profile-table td {
    border-bottom: 1px solid #dddddd;
    text-align: left;
    padding: 17px;
    vertical-align: middle;
    flex-basis: 70%;

    box-sizing: border-box;max-width: 70%;
    display: block;

}



.profile-table .firsth{    border-top: 1px solid #999999;
}
.profile-table .firstd{    border-top: 1px solid #dddddd;
}
.profile-table td a{color: #e41332;
    font-weight: 700;}
.profile-table td a:hover{text-decoration: underline;}
.unders{margin-bottom: 150px;}

@media screen and (max-width:768px) {
    .profile-table {border-top: 1px solid #dddddd;
        margin-bottom: 50px;
        line-height: 1.85em;

    }
    .profile-table tr{display: block;
    }
    .profile-table td{ display: block;

    }
    .profile-table .firstd, .profile-table .firsth{
        border-top: none;
    }
    .profile-table th { display: block;
        text-align: left;
        font-weight: 600;
        border-bottom: none;
        padding-bottom: 0px;}
    .profile-table tr.pc_only{display: none!important;}
    .unders{margin-bottom: 80px;}
    .profile-table th,.profile-table td {max-width: 100%;
    }
}



/*会社理念*/
.pri_box{
    border: 2px solid #312f2d;
    padding: 60px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    font-family: 'Montserrat','Noto Serif JP';
    line-height: 1.8em;
    margin-bottom: 100px;
}
.pri_box li{font-size: 150%;
    flex-basis: 15%;
    max-width: 15%;
}
.pri_box li span {
    color: #f18c34;
    display: block;
    font-size: 30%;
    font-weight: 500;
}
@media screen and (max-width:768px) {

    .pri_box{
        border: 2px solid #312f2d;
        padding: 40px 0px;
        font-size: 22px;
        margin-bottom: 70px;
    }
    .pri_box li{font-size: 150%;
        flex-basis: 30%;
        max-width: 30%;}
}

/*pndl*/
.pndl h2 span{
    font-size:12px;
}

/*questionnare*/
.quesback{
    background: #fffaee;
    padding: 80px 0 150px;
    box-sizing: border-box;
}
.quesback_inner{background: #ffffff;padding: 100px;    box-sizing: border-box;


}
.quesback form ul{
    display: flex;
    align-items: center;


}
@media screen and (max-width:768px) {
    .quesback {
        background: #fffaee;
        padding: 50px 0 80px;
        box-sizing: border-box;
    }
    .quesback_inner{background: #ffffff;padding: 40px 20px;


    }
}



/*メールフォーム；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.formBox .formItem {
    display: -ms-flexbox;
    display: flex!important;
    flex-wrap: nowrap;
    align-items: top;
    margin: 0 0 3em;
    justify-content: space-between;
    align-items: flex-start;
}
.formBox .formItem.mb_only,.formBox .full.mb_only {
    display: none!important;
}
.formBox .formItem .item {
    display: inline-block;
    margin: 0 0 0 0
}

.formBox .formItem .item:last-child {
    margin-right: 0
}
.formBox .formItem .itemc {
    display: block;
    margin: 0 0 1.5em ;
}
.itemh,.item80{
    margin-bottom: 1em;

}
.yearbox{display: flex;
justify-content: flex-start;
align-items: center;}
.formBox .formItem dt {
    font-weight: 700;
    width: 17.5em;
    padding: 0 4em 0 0;
    position: relative;
    text-align: left;
    line-height: 1.8em;
    box-sizing: border-box;
}
.required {
    color: white;
    background: #e41332;
    padding: 3px 12px;
    /* vertical-align: middle; */
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 80%;
    font-weight: 400;
    border-radius: 20px;
    margin-left: auto;
}
.noneed {
    /* display: inline-block; */
    color: white;
    background: #999999;
    padding: 3px 12px;
    /* vertical-align: middle; */
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 80%;
    font-weight: 400;
    border-radius: 20px;
    margin-left: auto;
}
.breaks{margin: 20px 0;}
.gray{color: #999999;}
.gray.pc_only{display: inline-block!important;}
.formBox .formItem dd {
    width: calc(100% - 22em);
    text-align: left;
    margin-top: -10px
}
.itemm{margin-top: 10px!important;
}
.itemf{flex: 1 1 50%;}
.item-title {
    margin: 0 1em 0 ;
}
.full{display: flex;justify-content: flex-start;align-items: center;}
.formBox .formItem.kana input[type=text], .formBox .formItem.name input[type=text] {
    width: 180px; font-size: 16px;
}
.formBox .formItem.tel input[type=text]{
    width: 140px; font-size: 16px;
}

.full input[type=text],.formBox .formItem textarea{

    width: 100%; font-size: 16px;}
.formBox .formItem input[type=text], .formBox .formItem input[type=email], .formBox .formItem textarea,.formBox .formItem select{
    padding: 15px;
    background: #f5f5f5;
    font-size: 16px;
    border: none;
    box-sizing: border-box;
}
.full input[type=text]{width: 100%!important; font-size: 16px;}
.half input[type=text]{width: 70%!important; font-size: 16px;}


.cp_ipselect {
    overflow: hidden;
    width: 210px;
    /* margin: 2em 0; */
    text-align: center;
}
.cp_ipselect select { font-size: 16px;
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.cp_ipselect select::-ms-expand { font-size: 16px;
    display: none;
}

.itemmail{width: 85%;
    display: inline-block;
    margin-right: 10px;
}
.formBox .formItem input[type=email]{
    width: 100%;
}


.cp_ipselect.cp_sl01 {
    position: relative;

    background: #f5f5f5;
}
.cp_ipselect.cp_sl01::before {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666666;
    pointer-events: none;
}

.formBox .formItem .mwform-radio-field {
    display: block;
    margin: 0 0 .5em;
}
.mwform-radio-field label {
    font-weight: normal;
    margin-bottom: 0;
}


.formBox .formItem .mwform-radio-field input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    visibility: hidden
}

.formBox .formItem .mwform-radio-field input:checked + .mwform-radio-field-text::before {
    background: #f5f5f5
}

.formBox .formItem .mwform-radio-field input:checked + .mwform-radio-field-text::after {
    opacity: 1
}

.formBox .formItem .mwform-radio-field .mwform-radio-field-text {
    position: relative;
    display: inline-block;
    padding: 0 0 0 3.5em
}

@media all and (-ms-high-contrast:none) {
    .formBox .formItem .mwform-radio-field .mwform-radio-field-text {
        transform: rotate(.03deg);
        -webkit-transform: rotate(.03deg)
    }

}

.formBox .formItem .mwform-radio-field .mwform-radio-field-text::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #f5f5f5;
    border-radius: 50%
}

.formBox .formItem .mwform-radio-field .mwform-radio-field-text::after {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    background: #e41332;
    border-radius: 50%;
    opacity: 0;
}
.submitButton-wrap {
    text-align: center;
    margin: 2em 0 0
}

.submitButton-wrap input[type=submit] {
    width: 300px;
    font-weight: 700;
    color: #fff;
    padding: 18px 0;
    letter-spacing: .1em;
    border: 2px solid #e41332;
    background: #e41332;
    transition: .2s;
    outline: 0
}

.submitButton-wrap input[type=submit]:hover {
    background: #fff;
    color: #e41332;
}

@media screen and (max-width:768px) {
    .full {
        display: block;

    }

    .breaks {
        margin: 10px 0;
    }
    .itemh {
        margin-bottom: 0.5em;
        line-height: 1.5em;
    }
    .formBox .formItem {
        display: block!important;
        margin: 0 0 2em;
    }
    .formBox .formItem.mb_only,.formBox .full.mb_only {
        display: block!important;
    }


    .formBox .formItem.pc_only,.formBox .full.pc_only {
        display: none!important;
    }



    .formBox .formItem dt {
        width: 100%;
        padding: 0 0em 0 0;
    }
    .required, .noneed {
        display: table;
        position: relative;
        top: 0px;
        right: 0;
        padding: 0px 10px;
        font-size: 75%;
        font-weight: 400;
        border-radius: 13px;
        margin-left: 0;
        margin-top: 5px;
    }
    .formBox .formItem dd {
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
    .formBox .formItem .item {
        display: flex;
        margin: 0 0 10px 0;
        align-items: center;
    }
    .formBox .formItem .itemblock {
        display:block;
        margin: 0 0 10px 0;
        align-items: center;
    }
    .formBox .formItem.kana input[type=text], .formBox .formItem.name input[type=text] {
        flex: 0 1 85% ;width: auto;
        width: 100%;


    }
    .formItem.name .iteml input[type=text] {
        width: 75px;
        flex:none;
    }
    .itemh label {
        flex: 0 1 15%;
    }
    .iteml   label {
        flex: none;
    }
    .itemmail{width: 100%;
        display: block;
        margin-right: 0px;
    }

    .cp_ipselect {
        overflow: hidden;
        width: 100%;
        /* margin: 2em 0; */
        text-align: center;
    }
    .cp_ipselect select {


    }
    .item-title{padding-top: 15px;margin: 0;
    }
    .item80{display: block!important;
    }
    .yearbox{display: block;}
    .item80 .cp_ipselect {
        width: 86%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .cp_float{float: left;}
    .formBox .choice dd{display: flex;}
    .submitButton-wrap input[type=submit] {
        width: 100%;
        box-sizing: border-box;
    }
    .formBox .choice dd {
        display: block;
    }
    .gray.pc_only{display: none!important;}

    .itemm{display: inline-block!important;}
}


/*トピックス・・・・・・・・・・；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.notopics{
    padding: 0!important;
    background: none!important;
}


.wp-pagenavi {
    padding-top: 0px;
    clear: both;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
/*番号ナビ；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/
.wp-pagenavi li a {
    color: #e41332;
    background-color: #FFFFFF;
    padding: 12px 18px;
    margin: 0 4px;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
    border: 2px solid #e41332;
    font-size: 80%;
    font-weight: 600;
}

.wp-pagenavi li.current a,.wp-pagenavi li:hover a {
    color: #fff;
    background-color: #e41332;
}
.wp-pagenavi li a i{
    margin: 0;
}
@media screen and (max-width:768px) {

    .wp-pagenavi li a{
        font-size: 14px;

        padding: 8px 14px;
    }
}


/*トピックス詳細・・・・・・・・・・；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.topicsbox{
    border: 2px solid #312f2d;

}

.tb_header{border-bottom: 2px solid #312f2d;
    padding: 40px 60px;}
.tb_content{padding: 60px 60px 60px;}
.tb_head{
    color: #999999;
    font-size: 15px;
    width: 26%;
    margin-left: 0px;
    font-weight: 600;
    margin-bottom: 20px;
}
.tb_head span{
    display: inline-block;
    margin-left: 30px;
    font-weight: 400;
    border-radius: 20px;
    color: #ffffff;
    padding: 1px 0px;
    min-width: 130px;
    text-align: center;
    font-size: 14px;
    position: relative;
}
.tb_head span.n_media{
    background: #f18c34 url(./assets/img/top/tti02_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 8px;
    box-sizing: border-box;
    background-size: 16px 14px;


}
.tb_head span.n_product{
    background: #e41332 url(./assets/img/top/tti01_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 8px;
    box-sizing: border-box; background-size: 23px 14px;
}
.tb_head span.n_recruit{

    background: #a4c251 url(./assets/img/top/tti03_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 8px;
    box-sizing: border-box;background-size: 16px 15px;
}

.tb_head span.n_topics{
    background: #29b9c9 url(./assets/img/top/tti04_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 8spx;
    box-sizing: border-box;background-size: 15px 14px;
}




.tb_header h2{
    font-size: 167%;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.76em;
    text-align: left;
}
.wp_tb_cont{text-align: left;line-height: 2em;}
.wp_tb_cont ul{ color: #e41332; list-style:disc;padding-left: 1.3em;
}
.wp_tb_cont ol{color: #e41332; list-style:decimal;padding-left: 1.3em;
    font-weight: 600;
}
.wp_tb_cont ul li span, .wp_tb_cont ol li span{
    color: #312f2d;    font-weight: 400;

}
.wp_tb_cont table{border: 1px solid #dddddd;}
.wp_tb_cont tr {border-bottom: 1px solid #dddddd;
}

.wp_tb_cont th {border-right: 1px solid #dddddd;
    padding: 20px;
    width: 30%;
    background: #f5f5f5;
}
.wp_tb_cont td{    padding: 20px;
    font-size: 14px;

}

@media screen and (max-width:768px) {
    .wp-block-table td{
        -webkit-text-size-adjust: 100%!important;


    }

    .tb_header{border-bottom: 2px solid #312f2d;
        padding: 30px 20px;}
    .tb_content{padding: 60px 60px 60px;}
    .tb_head{
        width: 100%;
        text-align: left;
    }
    .tb_head span{
        margin-left: 10px;
    }
    .tb_header h2 {
        font-size: 140%;
        font-weight: 600;
        line-height: 1.8em;
        text-align: left;
    }
    .tb_content {
        padding: 30px 20px 60px;
    }

    .wp_tb_cont table{display: block;
        width: 960px;
    }
    .tb_head span.n_media{

        background-position: 20px 5px;
    }
    .tb_head span.n_product{
        background-position: 20px 5px;
    }
    .tb_head span.n_recruit{

        background-position: 20px 5px;
    }

    .tb_head span.n_topics{
        background-position: 20px 5px;
    }


}

/*採用情報；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.recruitheader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    align-items: center;
}
.recruitheader li{flex-basis: 32.5%;
    max-width: 32.5%;
    box-sizing: border-box;

    font-weight: 600;
}
.recruitheader li a{    transition: 0.2s;
    display: block;
    color: #a4c251;padding: 15px;
    border: 2px solid #a4c251;

}

.recruitheader li.current a,.recruitheader li:hover a{background: #a4c251;
    color: #ffffff;}

.twobox{display: flex;justify-content: space-between;
    flex-direction: row-reverse;}
.twobox div{flex-basis: 50%;}
.newrecruit{text-align: left;}
.newrecruit h3{
    color: #a4c251;
    font-weight: 600;
    font-size: 160%;
    line-height: 1.8em;
    margin-bottom: 40px;
}
.newrecruit  p{
    margin-bottom: 40px;

}
.newrecruit  p a{
    border-bottom: none;
}
.newrecruit  p a img{
    width: 85%;
}

@media screen and (max-width:768px) {

    .twobox{display: block;}


    .newrecruit li {
        margin-bottom: 30px;
    }

    .newrecruit h3{
        color: #a4c251;
        font-weight: 600;
        font-size: 140%;
        line-height: 1.8em;
        margin-bottom: 20px;
    }
    .newrecruit  p a img{
        width: 100%;
    }
    .newrecruit img.newr{
    margin-bottom: 30px;}

    .recruitheader {

        margin-bottom: 35px;
    }

    .recruitheader li a {
        transition: 0.2s;
        display: block;
        color: #a4c251;
        padding: 10px 0px;
        border: 2px solid #a4c251;
        height: 100%;
        font-size: 14px;
    }

}

/*商品ラインナップ；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/


.cat_box{background: #fffaee;padding: 20px 30px;display: flex;
    justify-content: space-between;align-items: flex-start;
    margin-bottom: 40px;
}
.cat_box i{color: #e41332;margin-right: 10px;}
.cat_box div:nth-child(1){font-size: 17px;}

.cat_box .cat_box_inner{
    z-index: 1;
    flex-basis: 65%;
    margin-top: -10px;
    position: relative;
}
.cat_box .cat_box_inner:after{

}
.cat_box .center{font-size: 100%!important;
    margin: 0 auto;
}
.acd-check{
    display: none;
}
.acd-label{
    background: #ffffff;
    color: #312f2d;
    display: block;
    margin-bottom: 1px;
    padding: 10px 27px ;
    text-align: left;position: relative;
}
.acd-content{
    background: #ffffff;
    height: 0;
    opacity: 0;
    padding: 0 0px;
    transition: .5s;
    visibility: hidden;
}
.acd-label:after{
    position: absolute;
    top: 30%;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 22px;
    color: #e41332;
    font-weight: 900;
}
.acd-check:checked + .acd-label:after{
    content: "\f106";


}
.acd-check:checked + .acd-label + .acd-content{
    opacity: 1;
    padding: 0px 0px;
    visibility: visible;
}
.acd-content ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: #ffffff;
    padding: 0;


}
.acd-content ul li{
    flex: 0 1 48%;
    text-align: left;
}
.acd-content ul li:nth-child(1) a,.acd-content ul li:nth-child(2) a{
    border-top:1px solid #dddddd;
}
.acd-content ul li a{
    color: #999999;
    padding: 10px 0PX;
    margin: 0 0px 0 20px;
    display: block;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
}
.acd-content ul li:nth-child(2n) a{
    margin: 0 20px 0 0;
}
.acd-content ul li a:hover{
    color: #e41332;
    text-decoration: underline;
}




.categorybox{
    margin: 0;padding: 0;
}

.categorybox ul{
    display: flex;
    flex-flow: wrap;
}
.categorybox ul li{
    position: relative;
    flex:0 1 20%;
    max-width: 20%;

    box-sizing: border-box;
    padding: 0 15px;
    margin-bottom: 60px;
}
.categorybox ul li img{border: 1px solid #dddddd;
    margin-bottom: 12px;}
.categorybox ul li:hover{text-decoration: none;}


.categorybox ul li a h2{font-weight: 600;font-size: 17px;color: #312f2d;text-align: left;line-height: 1.8em;}
.categorybox ul li a p{margin-bottom: 0px;line-height: 1.4em;
    font-size: 13px;line-height: 1.8em; color: #999999;text-align: left;
}
.categorybox ul li a p span:first-child{
    display: inline-block;
    margin-right: 0em;


}
.categorybox ul li a p span:last-child{display: inline-block;
    text-align: left;
    vertical-align: top;
}
.categorybox ul li a:hover,.categorybox ul li a:hover h2,.categorybox ul li a:hover p{
    color: #e41332;
    text-decoration: none;
}
.newbox{position: absolute;

    top: -10px;
    left: -10px;
    background: #e41332;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;}
.newbox span{
    transform: translateY(35%);
    display: block;
}
.br_box{margin-bottom: 50px;}

@media only screen and (max-width: 768px) {
    .cat_box {

        display: block;padding:  15px 20px;

    }
    .cat_box div:nth-child(1) {
        font-size: 14px;
        text-align: left;
        margin-bottom: 0px;
    }
    .cat_last{margin-top: 15px;}
    .categorybox ul li{
        flex: 0 1 47%;
        max-width: 47%;
        margin-right: 6%;
        padding: 0;
        margin-bottom: 30px;
    }
    .categorybox ul li:nth-child(2n){
        margin-right: 0;}

    .categorybox ul li:nth-child(2n){border-right:0;
    }
    .newbox {

        width: 40px;
        height: 40px;
        color: #ffffff;
        text-align: center;
        font-size: 9px;
    }
    .newbox span{
        transform: translateY(28%);
        display: block;
    }
    スタイル属性 {
    }
    .acd-content ul {
        display: block;

    }

    .acd-content ul li:nth-child(2) a{
        border-top:none;
    }
    .acd-content ul li a{

        margin: 0 10px 0;
        display: block;
        border-bottom: 1px solid #dddddd;
        box-sizing: border-box;
    }
    .acd-content ul li:nth-child(2n) a{
        margin: 0 10px 0;
    }

}

/*商品詳細；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.u_cat_box{display: flex;justify-content: space-between;margin-bottom: 80px;}
.ub_one{flex-basis: 45%;}
.ub_two{flex-basis: 52%;text-align: left;}
.u_new_tag{
    background: #e41332;
    font-size: 12px;
    color: #ffffff;
    padding: 0px 25px;
    margin-bottom: 20px;
    border-radius: 15px;
    display: table;
}
.ub_two h2{font-size: 30px;font-weight: 600;margin-bottom: 30px;
    line-height: 1.625em;
}
.u_cat_brd{background: #fffaee;border-top: 1px dashed #312f2d;padding: 10px 0px;margin-bottom: 30px;
    font-size: 13px;}

.u_cat_brd ul{display: flex;justify-content: flex-start;position: relative;

}
.u_cat_brd ul{
    background: url(./assets/img/top/tti01.svg) no-repeat;
    background-size: 20px;
    background-position: left center;
    padding-left: 0px;
    margin-left: 20px;
}
.u_cat_brd ul li img{width: 16px;margin-right: 5px;}
.u_cat_brd ul li{margin-left: 25px;}
.u_cat_brd ul li:after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    padding: 0 6px 0 8px;
    color: #e41332;
    font-size: 10px;
    position: absolute;
    /* top: 35%; */
    /* left: -22px; */
    /* margin-top: -12px; */
    font-weight: 900;
}

.u_cat_brd ul li:last-child:after {
    display: none;
}
.ub_two .termstext{margin-bottom: 20px;}
h4.u_catch{font-size: 20px;line-height: 1.8em;font-weight: 600;margin-bottom: 30px;}

.u_red_t{color: #e41332;font-weight: 600;}

.u_ban{margin-bottom: 40px;
}
.u_ban li{display: inline-block;
    margin-right: 10px;
}
.u_but{display: flex;justify-content: space-between;}
.u_but li{flex: 0 1 48%;}
.u_btn a{
    font-weight: 700;
    color: #fff;
    padding: 8px 0;
    letter-spacing: .1em;
    border: 2px solid #e41332;
    background: #e41332;
    transition: .2s;
    outline: 0;
    display: block;
    text-align: center;
    padding-left: 20px;
}

.u_btn a:hover {
    background: #fff;
    color: #e41332;
}

.u_btn:nth-child(1) a{
    background-image: url(./assets/img/u_bt_1.svg);
    background-repeat: no-repeat;
    background-position: 45px center;
    background-size: 17px 12px;
}
.u_btn:nth-child(2) a{
    background-image: url(./assets/img/u_bt_2.svg);
    background-repeat: no-repeat;
    background-position: 40px center;
    background-size: 18px 21px;
}
.u_btn:nth-child(1) a:hover{
    background-image: url(./assets/img/u_bt_1_r.svg);
}
.u_btn:nth-child(2) a:hover{
    background-image: url(./assets/img/u_bt_2_r.svg);
}
.u_movie{margin:0 auto 80px;
    position:relative;
    width:600px;
    padding-top:28%;
}
.u_movie iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}

.addtext{font-size: 13px;color: #999999;margin-bottom: 80px;line-height: 2em;text-align: left;}

#b_garelly{
    background: #fffaee;
    padding: 80px 0;
    margin-bottom: 0px;
}
#b_garelly .bplay a {color: #312f2d;text-align: left;font-size: 17px;font-weight: 600;}
#b_garelly h2{font-size: 24px;margin-bottom: 30px;font-weight: 600;}
#b_garelly .bplay a img{margin-bottom: 10px;}
#b_garelly .bplay a:hover{color: #e41332;}


.b_table{margin-bottom: 20px;border: 1px solid #dddddd;
}
.b_table tbody{

}
.b_table tr{    display: table;
    width: 100%;
}

.b_table,.b_table th,.b_table td {
    display: table-cell;
    border-collapse: collapse;
    line-height: 2em;
    box-sizing: border-box;
}
.b_table th,.b_table td{
    border-right: 1px solid #dddddd;


}
/*
.b_table,.b_table th:last-child,.b_table td:last-child{
    border-right: none;
}
*/
.b_table th{background: #f5f5f5;padding: 15px 0px;text-align: center;
    font-weight: bold;
   border-bottom: 1px solid #dddddd; box-sizing: border-box;}

.b_table td{padding: 15px 30px;
    text-align: left;
    box-sizing: border-box; vertical-align: middle;
}
.b_table td span{

}
.b_table tr th:nth-child(1),.b_table tr td:nth-child(1){
    width: 11%;}
.b_table tr th:nth-child(2), .b_table tr th:nth-child(3),.b_table tr td:nth-child(2), .b_table tr td:nth-child(3){
    width: 17%;}
.b_table tr th:nth-child(4), .b_table tr th:nth-child(5),.b_table tr td:nth-child(4), .b_table tr td:nth-child(5){
    width: 19%;}
.b_table tr th:nth-child(6),.b_table tr td:nth-child(6){
    width: 22%;}

.slider_p {
    margin-bottom:20px;
}


#u_slider{
    width: 520px;
    margin:0 auto 0px;
}
.slide-item{
    img{
        width: 100%;
    }
}
#thumbnail-list{
    width: 520px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.thumbnail-item{
    flex: 0 1 19%;
    margin-bottom: 10px;
    box-sizing: border-box;
    position: relative;
    /* height: 84px; */
    padding: 2px;
    margin-right: 1%;
    margin-bottom: 20px;
    margin-bottom: 20;
}
_:-ms-lang(x)::-ms-backdrop, .thumbnail-item {
    max-width: 19%;
}

.thumbnail-item:after{
    content:'';
    background-color: rgba(228,19,50,1);
    position:absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s opacity linear;
    z-index: -1;
}
.thumbnail-item.thumbnail-current:after{
    opacity: 1;
}
.thumbnail-item img{
    width: 100%;
    margin: 0 auto;
}
#u_slider .slick-prev:before,  #u_slider .slick-next:before {
    display: none;

}
#u_slider .slick-prev,  #u_slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 0px);
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;

}
#u_slider .slick-list {
    width: 94%;
    margin: 0 auto;
}
#u_slider .slick-next {
    right: -25px;
    background: url(./assets/img/top/autonext.png) no-repeat;

}
#u_slider .slick-prev {
    left: -25px;
    background: url(./assets/img/top/autoback.png) no-repeat;
}



@media only screen and (max-width: 768px) {
    .br_box {
        margin-bottom: 30px;
    }
    .u_cat_box{display: block;margin-bottom: 50px;}
    #u_slider{
        width: 100%;
        margin:0 auto 10px;
    }
    #thumbnail-list{
        width: 100%;
        margin: 0 auto 30px;
        display: flex;
        justify-content: flex-start;
        flex-wrap:wrap;
    }
    .thumbnail-item{
        flex: 0 1 15.6%;
        margin-bottom: 15px;
    }
    .thumbnail-item:after{
        height: 100%;
    }
    .u_new_tag{
        line-height: 1em;
        font-size: 10px;
        padding: 5px 20px;
        margin-bottom: 10px;
        border-radius: 15px;
        display: table;
    }
    .u_ban{margin-bottom: 40px;
        display: flex;
        flex-wrap: nowrap;
    }
    .u_ban li{
        flex: 0 1 31.5%;
    }
    .ub_two h2 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .u_cat_brd {
        background: #fffaee;
        padding: 10px 0px;
        margin-bottom: 25px;
        font-size: 12px;
        line-height: 1.8em;
    }
    .u_cat_brd ul{
        background-size: 16px;
    }
    h4.u_catch {
        font-size: 18px;

    }
    .u_ban {

        width: 100%;
    }
    .u_but {
        display: block;
    }
    .u_but li {
        margin-bottom: 10px;
    }
    .u_movie{        padding-top:56.25%;
        width:100%;
    }
    #b_garelly {
        padding: 40px 0;
    }


    #b_garelly .slick-list {
        width: 100%;
        margin: 0 auto;
        transform: none;
    }
    #b_garelly .slick-slide {
        margin: 0px 5px;
        transform: none;
    }
    #b_garelly h2{font-size: 22px;}
    #b_garelly .bplay a {font-size: 16px;}



    .b_table{margin-bottom: 20px;border: 1px solid #dddddd;
    }
    .b_table tbody{
        display: block;
    }
    .b_table tr{display: block;
        border-right: none;
    }
    .b_table,.b_table th,.b_table td {
        border-collapse: collapse;
        line-height: 2em;
        display: block;
        width: 100%!important;
    }
    .b_table th{background: #f5f5f5;padding: 10px;text-align: center;
        font-weight: bold;
        vertical-align: top;border-bottom: 1px solid #dddddd;}

    .b_table td{padding: 10px 20px;border-bottom: 1px solid #dddddd;}
    .b_table tr:last-child td{border: none;}
    .b_table th,.b_table td{
        border-right: none;


    }
}


/*カタログ；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.toptext2 {
    text-align: left;
    margin-bottom: 30px;
}

.catalog_bn{display: flex;justify-content: flex-start;width: 80%;align-items: center;margin-bottom: 80px;
}

.catalog_bn li{background: #f5f5f5;margin-right: 3px; flex: 1 1;}
.catalog_bn li a{font-size: 17px;line-height: 1.7em;font-weight: 600;
    color: #4363be;text-align: left;padding: 15px; display: block;}

.catalog_bn li a{background-image: url(./assets/img/c_down.svg);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 10px 12px;
    height: 55px;

}
.catalog_bn li a span{
    margin-top: 15px;
    display: block;
}
.catalog_bn li:hover{opacity: 0.8;}


.c_pdfbox{display: flex;justify-content: flex-start; margin-bottom: 80px;}

.c_pdfbox li{flex-basis: 24%; margin-right: 2%;}
.c_pdfbox li a{background: #f5f5f5;display: block;
    padding: 20px 50px;text-align: center;box-sizing: border-box;}
.c_pdfbox li img{margin-bottom: 10px;
    width: 100%;
}
.c_pdfbox li h2{font-size: 17px;font-weight: 600; color: #312f2d;}
.c_pdfbox li a:hover h2{color: #e41332;text-decoration: underline;}
.c_pdfbox li p{color: #999999; font-size: 14px; line-height: 2em;}
.addtext2{font-size: 13px;color: #999999;margin-bottom: 80px;line-height: 2em;text-align: left; display: flex;}

@media only screen and (max-width: 768px) {
    .c_pdfbox li:nth-child(2n){margin-right: 0;}

    .addtext2{margin-bottom: 50px;}
    .catalog_bn {
        justify-content: flex-start;
        width: 100%;
        align-items: center;
        margin-bottom: 50px;
        flex-wrap: wrap;
    }
    .catalog_bn li {
        background: #f5f5f5;
        margin-right: 3px;
        flex: 0 1 48%;
        margin-bottom: 3px;
    }
    .catalog_bn li:nth-child(2n){
        margin-right: 0;
    }
    .catalog_bn li a{font-size: 14px;
        height: auto;
    }
    .catalog_bn li a span {
        margin-top: 0px;
    }
    .c_pdfbox {
        margin-bottom: 50px;
        flex-wrap: wrap;
    }
    .c_pdfbox li {
        flex-basis: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }
    .c_pdfbox li a {
        background: #f5f5f5;
        padding: 15px 20px;

    }
    .c_pdfbox li img {width: 80%;
        margin-bottom: 10px;
    }
    .c_pdfbox li h2 {
        font-size: 16px;
        line-height: 1.5em;

    }
}


/*クツワの取り組み
//////////////
//////////////
//////////////
*/

.cr_banner{margin-bottom: 80px;}

.sa_box{margin-bottom: 80px;}

.sa_box ul.sa_box_inner{
    display: flex!important;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sa_box ul.sa_box_inner.mb_only{
    display: none!important;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sa_box ul.sa_box_inner li{flex: 0 1 48%;

    text-align: left;

}

_:-ms-lang(x)::-ms-backdrop, .sa_box ul.sa_box_inner li {
    max-width: 48%;
}


.sa_box h3.sa_title{
    font-weight: 600;
    font-size: 26px;
    position: relative;
    margin-bottom: 40px;
    padding-left: 90px;
    line-height: 2em;

}
.sa_box h3.sa_title span{
    color: #f18c34;}
.sa_box h3.sa_title:before{
    content: "Q1";
    position: absolute;
    padding: 3px 9px;
    background: #f18c34;
    color: white;
    font-weight: normal;
    left: 0px;
    top: 50%;
    letter-spacing: 0.1em;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 26px;
    font-weight: 600;
    /* line-height: 2em; */
    width: 40px;
    height: 50px;
    text-align: center;

}
.sa_box h3.sa_title.one:before{
    content: "Q2";

}

.sa_box p.sb_title{
    font-size: 15px;
    position: relative;

    margin-bottom: 20px;
    padding-left: 65px;
    line-height: 1.63em;
    counter-increment: number;
}
.sa_box p.sb_title span{
    font-weight: 600;
}
.sa_box p.sb_title span.gray span:first-child{display: inline-block;margin-right: 1em;}
.sa_box p.sb_title span.gray span:last-child{display: inline-block;
    text-align: left;
    vertical-align: top;
}
.sa_box p.sb_title span.orange{
    color: #f08200;}
.sa_box p.sb_title span.red{
    color: #e71419;}
.sa_box p.sb_title span.blue{
    color: #0068b7;}
.sa_box p.sb_title:before{

    content: counter(number);
    display: inline-block;
    /* line-height: 40px; */
    position: absolute;
    padding: 0em;
    color: 312f2d;
    border: 2px solid #312f2d;
    font-weight: normal;
    width: 35px;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    height: 35px;
    line-height: 35px;
    left: 0px;
    top: 5%;

    border-radius: 50%;
}
.sa_box p.sb_title span.gray{font-weight: normal;color: #999999;font-size: 13px;display: flex;}

.sa_jigyo{border: 1px solid #dddddd; padding: 25px 35px;box-sizing: border-box;margin-bottom: 60px;
}
.sa_jigyo_inner{
}
.sa_jigyo strong{padding-left: 20px;
    display: block;
}
.sa_jigyo strong::before {
    position: relative;
    top: -2px;
    left: -18px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #f18c34;
}

.sa_waku{border: 2px solid #312f2d;
    position: relative;
}
.sa_yajirushi{
    position: absolute;
    top: -90px;
    left: 50%;
}

.sa_waku h4{
    font-weight: 600;
    font-size: 22px;

    margin-bottom: 20px;
}
.sa_waku h4 span,.sa_waku a{color: #f18c34;}
.sa_waku li:nth-child(1){
    padding: 60px 20px 60px 60px;box-sizing: border-box;
}
.sa_waku li:nth-child(2){
    background: url(./assets/img/sa_bg.jpg) no-repeat;
    background-position: left bottom;
    position: relative;
}

.sa_waku li:nth-child(2) p{
    position: absolute;
    color: #999999;
    right: 15px;
    bottom: 15px;
    font-size: 13px;line-height: 1.8;
}

.cr_title{margin:0 auto 40px;width: 45%;}
.sa_twobox{margin-bottom: 80px;}
.sa_twobox ul{display: flex;justify-content: space-between;width: 70%; margin: 0 auto 40px;
}
.sa_twobox ul li{flex: 0 1 48%;
    border: 2px solid #312f2d;box-sizing: border-box;text-align: center; padding: 40px 0;}

.sa_twobox ul li img{width: 50px;margin-bottom: 30px;    }
.sa_twobox ul li:nth-child(2) img{width: 56px; margin-bottom:40px;}
.sa_twobox  p{font-size: 17px;line-height: 2em;}
.sa_twobox ul li h2{color: #f18c34;font-size: 22px;font-weight: 600;}


.sa_belbox{margin-bottom: 80px;}
.sa_belbox ul{display: flex;justify-content: space-between;}
.sa_belbox ul li{flex: 0 1 16%;
}

.sa_belbox ul li a{ text-align: center;color: #312f2d;font-weight: 600; font-size: 17px;}
.sa_belbox ul li a:hover{color: #e41332;}
.sa_belbox ul li img{margin-bottom: 10px;}
.sa_belbox ul li p{line-height: 1.5em;}
.sa_belbox ul li p span{font-size: 13px;color: #999999;}
.sa_t{font-weight: 600;}


@media only screen and (max-width: 768px) {

    .sa_box ul.sa_box_inner.pc_only{
        display: none!important;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sa_box ul.sa_box_inner.mb_only{
        display: block!important;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cr_banner {
        margin-bottom: 40px;
    }
    .sa_box {
        margin-bottom: 50px;
    }
    .sa_box ul.sa_box_inner {
        display: block!important;
    }

    .sa_box h3.sa_title {
        font-size: 22px;
        margin-bottom: 20px;
        padding-left: 70px;
        line-height: 1.63em;
    }
    .sa_box h3.sa_title:before {
        top: -10%;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 22px;
        font-weight: 600;
        /* line-height: 2em; */
        padding: 5px 7px;
    }

    .sa_box ul.sa_box_inner li {
        margin-bottom: 30px;
    }
    .sa_box ul.sa_jigyo_inner li {
        margin-bottom: 0px;
    }
    .sa_jigyo {
        border: 1px solid #dddddd;
        padding: 20px 20px 10px 20px;
        box-sizing: border-box;
        margin-bottom: 60px;
    }
    .sa_t{margin-bottom: 5px;}

    .sa_yajirushi {
        position: absolute;
        top: -72px;
        left: 46px;
    }
    .sa_yajirushi img{
        width: 50%;

    }
    .sa_waku li:nth-child(1) {
        padding: 25px 20px 0px 20px;
        box-sizing: border-box;
    }

    .sa_waku li:nth-child(2) {
        background: url(./assets/img/sa_bg.jpg) no-repeat;
        background-position: left top;
        position: relative;
        padding: 62% 0 0;
        background-size: contain;
        margin: 0 20px;
    }
    .sa_box .sa_waku  ul.sa_box_inner li{
        margin-bottom: 20px;

    }
    .sa_waku li:nth-child(2) p {
        position: relative;
        color: #999999;
        right: auto;
        bottom: auto;
        font-size: 13px;
        text-align: center;
        line-height: 1.8;
    }
    .cr_title {
        margin: 0 auto 40px;
        width: 100%;
    }
    .sa_twobox ul {
        display: block;

        width: 100%;
        margin: 0 auto 30px;
    }
    .sa_twobox ul li {
        padding: 25px 0;
        margin-bottom: 20px;
    }
    .sa_twobox ul li img {
        margin-bottom: 10px;
    }
    .sa_twobox {
        margin-bottom: 50px;
    }

    .sa_belbox ul  {
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    .sa_belbox ul li {
        flex: 0 1 32%;
        margin-bottom: 15px;
    }
    .sa_belbox ul li img {
        margin-bottom: 5px;
    }
    .sa_box p.sb_title:before {

        top: 2%;
        border-radius: 50%;
    }
    .sa_box p.sb_title span.gray span:last-child {
    font-weight: 400;}
    .sa_box p.sb_title span.gray {
    margin-top: 0;}
    .sa_box p.sb_title span.gray span:first-child {
        margin-right: 0em;
    }
}


/*中途採用
//////////////
//////////////
//////////////
*/

span.last{
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

.graytext{font-weight: normal;color: #999999;font-size: 13px;
}
.careertable{margin-bottom: 80px;}
.careertable strong{margin-bottom: 5px;margin-left: 10px;
    width: 330px;display: block;
}
.careertable strong span{float: right;
}
.careertable strong::before {
    position: relative;
    top: -2px;
    left: -10px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #a4c251;
}

.builboard{border: 2px solid #312f2d; text-align: left;}

.builboard .head{background: #f5f5f5;font-weight: 600;
    padding: 10px 40px;box-sizing: border-box;display: block;}

.builboard .body{
    padding: 20px 40px;
}
@media only screen and (max-width: 768px) {

    .careertable {
        margin-bottom: 50px;
    }
    .car_m{margin-bottom: 20px!important;}
    .builboard .head{background: #f5f5f5;font-weight: 600;
        padding: 5px 15px;}
    .builboard .body{
        padding: 10px 15px;
    }
    .careertable strong span{display: block;
        float: none;
        margin-left: 8px;
    }

}

/*先輩の声
//////////////
//////////////
//////////////
*/


h4.title_vo {
    position: relative;
    margin-bottom: 40px;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.1em;
    /* margin-right: 250px; */
    background: url("./assets/img/vo.svg");
    background-size: 50px 50px; /* 画像サイズ */
    background-repeat: no-repeat; /* 繰り返し表示オフ */
    padding: 0px 0px 15px 65px;
    line-height: 1.7em;

}


h4.title_vo::before{
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 83%;
    content: '';
    height: 2px;
    background-color: #312f2d;
}
h4.title_vo::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 16.666%;
    height: 2px;
    background-color: #76cbf2;
    /* padding-right: 110px; */
}

h4.title_vt {
    position: relative;
    margin-bottom: 40px;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.1em;
    /* margin-right: 250px; */
    background: url("./assets/img/vt.svg");
    background-size: 50px 50px; /* 画像サイズ */
    background-repeat: no-repeat; /* 繰り返し表示オフ */
    padding: 0px 0px 15px 65px;
    line-height: 1.7em;
}


h4.title_vt::before{
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 83%;
    content: '';
    height: 2px;
    background-color: #312f2d;
}
h4.title_vt::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 16.666%;
    height: 2px;
    background-color: #ff7b94;
    /* padding-right: 110px; */
}

.v_under{
    padding: 80px 0 150px;
    background: #fffaee;
}
.v_under_two{
    padding: 80px 0 80px;
    background: #fffaee;
}
.v_under_three{
    padding: 80px 0 150px;
    background: #fffaee;
}

.vo_vox{display: flex; justify-content: flex-start;flex-wrap: wrap;margin-bottom: 40px;
}

.vo_vox li{position: relative;
    flex: 0 1 31.33%;margin-right: 2.5%;text-align: left;margin-bottom: 40px;border: 2px solid #312f2d;
    box-sizing:border-box;background: #ffffff;
}
_:-ms-lang(x)::-ms-backdrop, .vo_vox li {
    max-width: 31.33%;

}

.vo_vox li:nth-child(3n){margin-right: 0;}

.vo_vox li img{}
.vo_vox li div.voice_text{padding: 20px 25px; box-sizing: border-box;}
.vo_vox li .voice_text h2{font-size: 22px; color: #312f2d;line-height: 1.6em; font-weight: 600;
    border-bottom: 1px dashed #312f2d;height: 85px;margin-bottom: 30px;}
.vo_vox li:hover .voice_text h2{color: #76cbf2;}
.v_under_two .vo_vox li:hover .voice_text h2{color: #ff7b94;}
.vo_vox li .voice_text h3.name{font-size: 18px;line-height: 1.2em;font-weight: 600;}
.vo_vox li .voice_text h3.name span{font-size: 13px;display: block;font-weight: 500;}
.vo_vox li .voice_text p{font-size: 15px; color: #999999;}



/*プラス矢印*/


.vox{position: absolute;
    right: 0;
    bottom: 0;
    padding: 7px;
    font-weight: 700;


}
.vblue{
    color: #76cbf2;

}
.voblue{
    background: #76cbf2;

}
.vred{
    color: #ff7b94;

}
.vored{
    background: #ff7b94;

}
.vox_inner{
    margin-left: 0px;
    margin-top: 0px;
    padding: 8px;
    position: relative;

}

}
.vo-btn {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.vo-btn .bar {
    -webkit-transition: .24s cubic-bezier(.3, .74, .5, .93);
    transition: .24s cubic-bezier(.3, .74, .5, .93);
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #ffffff;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.vo-btn .bar--01 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.vo-btn .bar--02, .vo-btn .bar--03 {
    width: 9px
}

.vo-btn .bar--03 {
    margin-left: 7px
}

ul.vo_vox li:hover .vo-btn .bar--01  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

ul.vo_vox li:hover .vo-btn .bar--02 {
    margin-left: 9px;
    margin-top: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

ul.vo_vox li:hover .vo-btn .bar--03 {
    margin-left: 9px;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}










@media only screen and (max-width: 768px) {

    h4.title_vo,h4.title_vt {
        background-size:40px 40px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 24px;
        padding-left: 55px;
    }

    h4.title_vo::after,h4.title_vt:after {
        width: 30%;}
    h4.title_vo::before,h4.title_vt:before{

        width: 69%;
    }
    .vo_vox {
        display: block;
    }
    .vo_vox li{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .vo_vox li div.voice_text{
        padding: 20px 20px 15px;
        box-sizing: border-box;
    }
    .vo_vox li .voice_text h2{font-size: 20px; height: auto;margin-bottom: 25px;padding-bottom: 15px;
    }
    .vo_vox li .voice_text h3.name{font-size: 16px;}
    .vo_vox li .voice_text h3.name span{font-size: 12px;display: block;font-weight: 500;}
    .vo_vox li .voice_text p{font-size: 14px; color: #999999;}



    .vomb{position: absolute;
        right: -21px;
        bottom: 0px;
        padding: 0;
        font-weight: 700;


    }
    .vomb img{width: 50%;}

    .v_under_two {
        padding: 50px 0 30px;
        background: #fffaee;
    }
    .vo_vox li:last-child {
        margin-bottom: 0;
    }

}



/*先輩の声詳細ページ
//////////////
//////////////
//////////////
*/


.voiceinfo_box{position: relative;
    margin: 0 0 3em;
}

.photo-wrap {
    width: 55%;
    min-height: 490px;
    position: relative;
    overflow: hidden;
    margin: 0 0 0 auto;

}


.photo-wrap img {
    position: absolute;

    min-height: 100%;
    max-width: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.text-wrap {
    left: 0;
    width: 55%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);background: #fff;
    z-index: 1;
    border: 2px solid #312f2d;
}
.text-wrap .inner {
    padding: 50px 60px 45px;
    /* margin: 0 100px 0 0; */
}
.title-wrap {
    text-align: left;
}
h2.wrap-title {
    font-size: 34px;
    line-height: 1.8em;
    font-weight: 600;
    padding-bottom: 25px;
    margin-bottom: 40px;
    border-bottom: 1px dashed #312f2d;
}
.title-wrap span.vitag{
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 400;
    border-radius: 20px;
    color: #ffffff;
    padding:  0px;
    min-width: 120px;
    text-align: center;
    font-size: 15px;
    position: relative;
}
.title-wrap span.n_work {
    background: ;
    background: #76cbf2 url(./assets/img/vi_w.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 6px;
    background-size: 16px 15px;
    box-sizing: border-box;
}
.title-wrap span.n_lei {
    background: ;
    background: #ff7b94 url(./assets/img/vi_l.svg) no-repeat;
    padding-left: 20px;
    background-position: 20px 8px;
    background-size: 16px 13px;
    box-sizing: border-box;
}


.title-wrap h3.name{font-size: 24px; font-weight: 600;margin-bottom: 10px;
}
.title-wrap h3.name span{font-size: 15px; font-weight: 500;margin-left: 30px;
}
.graytext_two{font-size: 15px;color: #999999;}

.voice_clm {text-align: left;margin-bottom: 80px;}



.v_under_three h2 {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 600;
}
.vocat_inner{display: flex;}
.vocat_inner div img{ }
.vocat {margin-bottom: 30px;}
.vocat li{margin-bottom: 30px;}
.vocat li:hover{background: #76cbf2;}
.vocat img{}
.vo_vox li .vocat_inner .voice_text h2{font-size: 15px;
    border: none;    height: 30px;}


.vo_vox li .vocat_inner .voice_text {
    padding: 15px 20px;
    box-sizing: border-box;
    width: 250px;

}
.vo_vox li .vocat_inner .voice_text h3.name {
    font-size: 13px;
    line-height: 1.2em;
    font-weight: 500;
}

.vo_vox li:hover .vocat_inner .voice_text h2,.vo_vox li:hover .vocat_inner .voice_text h3 {
    color: #ffffff;
}


@media only screen and (max-width: 768px) {
    .under_i{margin-top: 40px;}
    .vocat li  .vomb {
        position: absolute;
        right: -21px;
        bottom: 0px;
        padding: 0;
        font-weight: 700;
    }
    ..voiceinfo_box {

        padding: 100px 0 60px;
    }
    .photo-wrap {
        width: calc(100%);
        min-height: 250px;
        transform: translateY(0);
    }
    .text-wrap {
        width: 94%;
        transform: translateY(-30px);
        position: relative;
        margin: 0 auto;
    }
    .text-wrap .inner {
        padding: 30px 20px 25px;
        /* margin: 0 100px 0 0; */
    }
    h2.wrap-title {
        font-size: 24px;
        line-height: 1.8em;

        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .title-wrap h3.name {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0px;
    }


    .title-wrap h3.name span{
        display: block;margin-left: 0;font-size: 14px;}

    .graytext_two {
        font-size: 14px;
        color: #999999;
    }
    .voiceinfo_box {
        position: relative;
        margin: 0 0 25px;
    }
    .voice_clm {
        text-align: left;
        margin-bottom: 50px;
    }
    .v_under_three {
        padding: 50px 0 70px;
        background: #fffaee;
    }
    .v_under_three h2 {
        font-size: 22px;
        margin-bottom: 20px;
        font-weight: 600;
        line-height: 1.7em;
    }

    .vocat li {
        margin-bottom: 15px;
    }

    .vo_vox li .vocat_inner .voice_text h2 {
        font-size: 14px;
        border: none;
        height: 11px;
    }
    .vocat_inner div:nth-child(1) {
        flex-basis: 30%;
    }
    .voiceblue{margin-top: 40px;}


}



/*よくあるご質問；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.supportheader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    align-items: center;
}
.supportheader li{flex-basis: 32.5%;
    max-width: 32.5%;
    box-sizing: border-box;

    font-weight: 600;
}
.supportheader li a{    transition: 0.2s;
    display: block;
    color: #ab7137;padding: 15px;
    border: 2px solid #ab7137;

}

.supportheader li.current a,.supportheader li:hover a{background: #ab7137;
    color: #ffffff;}


.support_bn{display: flex;justify-content: flex-start;width: 100%;align-items: center;margin-bottom: 80px;
}

.support_bn li{background: #f5f5f5;margin-right: 3px; flex: 1 1;}
.support_bn li:last-child{margin-right: 0;}
.support_bn li a{padding: 15px; display: block;text-align: left;}

.support_bn li a{background-image: url(./assets/img/s_down.svg);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 10px 12px;
    height: 55px;

}
.support_bn li a h3{
    font-size: 17px;line-height: 1.7em;font-weight: 600;
    color: #ab7137;

}
.support_bn li a p{font-weight: 500;color: #999999;font-size: 14px;
}
.support_bn li:hover{opacity: 0.8;}

h4.title_su {
    position: relative;
    margin-bottom: 40px;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.1em;
    /* margin-right: 250px; */
    /* 繰り返し表示オフ */
    padding: 0px 0px 15px 0px;
    line-height: 1.7em;
}


h4.title_su::before{
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 83%;
    content: '';
    height: 2px;
    background-color: #312f2d;
}
h4.title_su::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 16.666%;
    height: 2px;
    background-color: #ab7137;
    /* padding-right: 110px; */
}


.questionbox{margin-bottom: 80px;}
div.last {
    display: none;
    padding: 10px;
    margin-bottom: 50px;padding: 30px;
}
.first{cursor: pointer;
    border-top: 1px dashed #312f2d;
    padding: 30px 30px;
}
.first .question{
    font-weight: 600;
    font-size: 20px;
    position: relative;
    padding-left: 80px;
    line-height: 2em;
    color: #ab7137;
    text-align: left;
}


.first .question:before {
    content: "Q";
    position: absolute;
    background: #ab7137;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-weight: normal;
    left: 0px;
    top: 50%;
    letter-spacing: 0.1em;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 600;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
}
.first .question:after {
    font-family: "Font Awesome 5 Free";
    content: '\f078';
    position: absolute;
    width: 50px;
    height: 50px;
    color: #ab7137;
    font-weight: normal;
    right: 0px;
    top: 50%;
    letter-spacing: 0.1em;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 900;
    border-radius: 50%;
    text-align: center;
    line-height: 2.5em;
}
.first.current {background:#ab7137;    border-bottom: 1px dashed #312f2d;
}
.first.current .question{color: #ffffff; }

.first.current .question:before {
    background: #ffffff;
    color: #ab7137;

}
.first.current .question:after {
    font-family: "Font Awesome 5 Free";
    content: '\f077';
    position: absolute;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-weight: normal;
    right: 0px;
    top: 50%;
    letter-spacing: 0.1em;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 900;
    border-radius: 50%;
    text-align: center;
    line-height: 2.5em;
}

.answerbox{display: flex;justify-content: flex-start;margin-bottom: 30px;flex-wrap: wrap;
}
.answerbox li{margin-right: 20px;background: #f5f5f5;padding: 15px 15px 10px;box-sizing: border-box;text-align: center;margin-bottom: 20px;flex-basis: 20%;
}
.graytext_three{font-size: 15px;
    color: #999999;
    width: 100%;
}


.last{text-align: left;}
.last .intro{margin-bottom: 30px;}
.last h3{font-weight: 600;margin-bottom: 10px;}
.last li img{margin-bottom: 10px;}

.last  strong{margin-left: 20px; display: block;}
.last strong::before {
    position: relative;
    top: -2px;
    left: -18px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #ab7137;
}
.answerbox li img{width: 100%;}

.questionbox{border-bottom: 1px dashed #312f2d;}



@media only screen and (max-width: 768px) {

    h4.title_su {
        background-size:40px 40px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 24px;
    }

    h4.title_su::after {
        width: 30%;}
    h4.title_su::before{

        width: 69%;
    }

    .supportheader li a {
        transition: 0.2s;
        display: block;
        color: #ab7137;
        padding: 10px 0px;
        border: 2px solid #ab7137;
        height: 100%;
        font-size: 14px;
    }
    .supportheader {
        margin-bottom: 30px;
    }
    .support_bn {
        justify-content: flex-start;

        align-items: center;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }
    .support_bn li {
        background: #f5f5f5;
        margin-right: 3px;
        flex: 0 1 48%;
        margin-bottom: 3px;
    }
    .support_bn li:nth-child(2n){
        margin-right: 0;
    }
    .support_bn li a{font-size: 14px;
        height: auto;
    }
    .support_bn li a p {
        font-size: 10px;    }


    .support_bn li a {
        padding: 15px 7px;

    }
    .first.current .question{
        width: 80%;
    }
    .first .question {
        font-weight: 600;
        font-size: 16px;
        position: relative;
        line-height: 1.87em;
        padding-left: 50px;
        color: #ab7137;
        text-align: left;
        width: 80%;
    }
    .first .question:before {
        width: 35px;
        height: 35px;

        font-size: 16px;

        line-height: 2.1em;
        left: -5px;
    }
    .first .question:after,.first.current .question:after {
        right: -35px;
    }
    .first {
        padding: 13px 20px;
    }

    div.last {
        margin-bottom: 0px;
        padding: 20px;
    }
    .answerbox{margin-bottom: 15px;
    }
    .answerbox li{margin-right: 4%;background: #f5f5f5;padding: 10px 10px 5px;box-sizing: border-box;text-align: center;margin-bottom: 20px;
        flex-basis: 46%;
    }
    .graytext_three {
        font-size: 12px;
        color: #999999;
        width: 100%;
    }
    /*
    .fancybox-image{
        height: auto!important;
    }
    .fancybox-button--zoom{display: none!important;}*/

}



/*修理対応；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.br_title {
    font-size: 26px;
    text-align: left;
    font-weight: 600;
    border-left: 5px solid #ab7137;
    line-height: 60px;
    padding-left: 30px;
    margin-bottom: 40px;
    letter-spacing: 0.05em;
}

.s_block{margin-bottom: 80px; text-align: left;

}
.s_block .builboard{margin-bottom: 20px;}
.stext{margin-bottom: 30px;text-align: left;}

h3.sb{color: #ab7137;font-weight: 600;font-size: 20px;}
em.big{font-weight: 600;font-size: 20px;}


.graytext_four{color: #999999;line-height: 2em;font-size: 13px;
}

.builboardbox{display: flex;justify-content: space-between;flex-wrap: wrap; align-items: center;}

.builboardbox div.builboard{ flex-basis: 48%;}

.s_block  strong {
    margin-left: 20px; color: #ab7137;font-weight: 600;display: block;
}
.s_block strong::before {
    position: relative;
    top: -2px;
    left: -18px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #ab7137;
}
.builboard .lm{margin-left: 30px;}



.s_block h5{color: #312f2d;
    font-size: 20px;font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.s_block h5:before{
    content: "";
    flex: 0 1 1.5%;
    height: 2px;
    background: #ab7137;
    display: block;
    margin-right: 16px;
}

.s_block ol{ list-style: decimal;margin-left: 20px;margin-bottom: 30px;
}
.s_block ol li{font-weight:600;color:#ab7137;  }
.s_block ol li span{color: #312f2d;font-weight: 400;
    margin-left: 10px;
}
.s_block ol li span.red{color: #e41332;font-weight: 600;}

.builboardbox div.builboard_br{ flex-basis: 48%;}

.builboard_br{background: #fffaee; text-align: center;}

.builboard_br .head{background: #fff1cb;font-weight: 600;
    padding: 10px 40px;box-sizing: border-box;display: block;}

.builboard_br .body{
    padding: 20px 20px 20px;
    box-sizing: border-box;
}
.builboard_br .body .tel{font-weight: 600;color:#ab7137;
    font-size: 26px;letter-spacing: 0.13em;
}
.builboard_br .body .gr{font-size: 13px;color: #999999;}
.voicebr{margin-top: 0;
}
.voicebr .tofirst{flex-basis: 82%;
    background: #ab7137;

}
.voicebr a{
    margin: 20px auto;text-align: left;

}
.voicebr a div:last-child{ background: #ab7137;}


.voicebr .plusbox{position: absolute;

    background: #ab7137;
    font-weight: 700;


}


@media only screen and (max-width: 768px) {

    .br_title {
        font-size: 22px;
        text-align: left;
        font-weight: 510;
        border-left: 4px solid #ab7137;
        line-height: 1.8em;
        padding-left: 20px;

        margin-bottom: 20px;
    }
    .stext {
        font-size: 14px;line-height: 1.9em;

    }
    h3.sb,
    em.big {
        font-size: 18px;
    }
    .graytext_four {
        line-height: 1.9em;
        font-size: 12px;
    }
    .s_block {
        margin-bottom: 50px;
    }
    .builboardbox {
        display: block;

    }
    .s_block h5 {
        color: #312f2d;
        font-size: 18px;
        font-weight: 600;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .s_block h5:before {
        content: "";
        flex: 0 1 6%;
        height: 2px;
        background: #ab7137;
        display: block;
        margin-right: 10px;
    }
    .builboard_br{
        margin-bottom: 20px;
    }

}

/*100年文具；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/
.undercam{padding-bottom: 160px;}
.u_camp{background: #fffaee;}


.under_ser{background: #ffffff;}


.hun_inner{
    padding: 80px 0;text-align: center;
}
.hun_inner .intro{margin-bottom: 30px;}
span.n_hun {
    display: inline-block;
    margin-bottom: 40px;
    font-weight: 500;
    border-radius: 20px;
    color: #ffffff;
    padding: 2px;
    min-width: 150px;
    text-align: center;
    font-size: 15px;
    position: relative;
    background: #29b9c9;
    box-sizing: border-box;
}

.builboard_ci{background: #ffffff; text-align: center;
    border: 2px solid #312f2d;width: 800px; margin: 0 auto 80px;}

.builboard_ci .head{background: #29b9c9;
    color: #ffffff; font-weight: 600;
    padding: 10px;
    box-sizing: border-box;display: block;
    font-size: 26px;
}

.builboard_ci .head h3{ color: #ffffff; font-size: 26px;}
.builboard_ci .head h3 span{font-size: 17px;}

.builboard_ci .body{
    color: #29b9c9;
    padding: 10px 0px 10px;
    box-sizing: border-box;
}

.hun_inner h2.semit {
    font-size: 20px;
    margin-bottom: 70px;
    font-weight: 600;
}

.prizebox{display: flex;justify-content: space-between;flex-wrap: wrap; width: 1000px;margin: 0 auto 80px;}
.prizebox li{
    flex:0 1 32%;position: relative;
    border: 2px solid #312f2d;
    padding: 50px 30px 35px;box-sizing: border-box;
}
_:-ms-lang(x)::-ms-backdrop,.prizebox li {
    max-width: 32%;

}
.prizebox li .crown{
    position: absolute;top:-28px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;height: 46px;
    background: #ffffff;padding: 0 10px;

}
.prizebox h2{font-size: 26px;font-weight: 600;margin-bottom: 20px;}
.prizebox h2.gold{ color: #e0c000;}
.prizebox h2.silver{ color: #999999;}
.prizebox h2.bronze{ color: #ab7137;}
.prizebox .graybar{background: #f5f5f5;font-size: 17px;padding: 5px;margin-bottom: 20px;}
.prizebox h3{font-size: 20px;font-weight: 600;}



.prizebtn{width: 600px;margin: 40px auto 20px;position: relative; }
.prizebtn a{display: flex; justify-content: space-between;color:#ffffff;
    line-height: 50px;

    border: none;
    padding-bottom: 0;
    text-decoration: none;}
.prizebtn a:hover{opacity: 0.7;}
.prizebtn .tofirst{
    flex-basis: 87%;
    max-width: 87%;
    background: #e41332;
    text-align: left;
    box-sizing: border-box;
    padding: 15px 25px;
    font-weight: 600;
    font-size: 20px;
}
.prizebtn a div:last-child{flex-basis:  19.6%; background: #e41332;}


.prizebtn .plusbox{position: absolute;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px 25px;
    background: #e41332;
    font-weight: 700;
    box-sizing: border-box;
}
.prizebtn .plusbox_inner {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0;
    position: relative;
}
.prizebtn .plus-btn {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}
.prizebtn:hover .plus-btn {
    top: 0;
}

.prizebtn .plus-btn .bar {
    -webkit-transition: .24s cubic-bezier(.3, .74, .5, .93);
    transition: .24s cubic-bezier(.3, .74, .5, .93);
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 26px;
    height: 4px;
    background-color: #ffffff;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

.prizebtn .plus-btn .bar--01 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.prizebtn .plus-btn .bar--02, .prizebtn　.plus-btn .bar--03 {
    width: 8px
}

.prizebtn .plus-btn .bar--03 {
    margin-left: 8px
}

.prizebtn:hover .plus-btn .bar--01  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 10px;
    left: -2px;
}

.prizebtn:hover .plus-btn .bar--02 {
    margin-left: 11px;
    margin-top: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 15px;
}
.prizebtn:hover .plus-btn .bar--03 {
    margin-left: 11px;
    margin-top: -7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 17px;
}


.under_sg{
    background: #f5f5f5;
    padding: 80px 0;
}

.under_sg h2{font-size: 26px;font-weight: 600;margin-bottom: 20px;}

.under_sg ul{width: 1000px; display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;}
.under_sg ul li{flex: 0 1 32%;margin-right: 1%;margin-bottom: 10px;}
.under_sg ul li:nth-child(3n){margin-right: 0;}
.under_sg ul li a{display: block;background: #ffffff;
    color: #29b9c9;padding: 10px 0;text-align: center;}
.under_sg ul li a:hover{background: #29b9c9;
    color: #ffffff;cursor: pointer;cursor: hand;}
.under_ser_inner{width: 1000px;margin: 0 auto;}

.profile-table.nomargin{margin-bottom: 0;}

.under_ser_inner .firstd{line-height: 2em;}

.under_ser_inner b{font-weight: 600;}
.under_ser_inner strong {
    margin-left: 12px;
    color: #29b9c9;
    font-weight: 600;
    display: block;
}
.under_ser_inner strong::before {
    position: relative;
    top: -2px;
    left: -10px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #29b9c9;
}
.under_ser_inner span.arw{display: block;
    background: url(./assets/img/c_right_ci.png)no-repeat;
    background-size: 12px 9px;
    background-position: left center;
    padding-left: 20px;
    margin-left: 20px;
}
.under_ser_inner span.arw a{color: #312f2d;}
@media only screen and (max-width: 768px) {

    span.n_hun {

        margin-bottom: 30px;
        font-weight: 600;
        border-radius: 20px;
        color: #ffffff;
        padding: 2px;
        min-width: 125px;

        font-size: 13px;

    }
    .hun_inner {
        padding: 40px 20px;
        text-align: center;
    }
    .hun_inner .intro {
        text-align: left;
        margin-bottom: 30px;
    }
    .builboard_ci {

        width: 100%;
        margin: 0 auto 50px;
    }
    .builboard_ci .head h3 span {
        font-size: 16px;
        display: block;
    }
    .builboard_ci .head h3 {
        color: #ffffff;
        font-size: 22px;
        line-height: 1.8em;
    }
    .hun_inner h2.semit {
        line-height: 1.6em;
        margin-bottom: 45px;
        font-weight: 600;
        font-size: 18px;
    }
    .under_sg {
        background: #f5f5f5;
        padding: 50px 20px;
    }
    .under_sg h2{font-size: 22px;font-weight: 600;margin-bottom: 20px;}

    .under_sg ul {
        width: 100%;
        display: block;

    }
    .under_sg ul li{margin-right: 0;}

    .under_sg ul li{
    }
    .under_ser_inner {
        width: 100%;
        margin: 0 auto;
    }

    .undercam {
        padding-bottom: 65px;
    }
    .prizebox li .crown{

        width: 54px;height: 41px;
        background: #ffffff;padding: 0 10px;

    }
    /*    ボタン*/

    .prizebox {
        display: block;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 50px;
    }
    .prizebox li {
        /* flex: 0 1 32%; */
        /* position: relative; */
        /* border: 2px solid #312f2d; */
        padding: 40px 25px 20px;
        /* box-sizing: border-box; */
        margin-bottom: 50px;
    }
    .prizebox h2 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .prizebox .graybar {
        background: #f5f5f5;
        font-size: 16px;
        padding: 5px;
        margin-bottom: 15px;
    }
    .prizebox h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .prizebtn {
        width: 100%;
        margin: 40px auto 20px;
        position: relative;
    }
    .prizebtn a {
        display: flex;
        justify-content: space-between;
        color: #ffffff;
        /* line-height: 50px; */
        border: none;
        padding-bottom: 0;
        text-decoration: none;
        background: #e41332;
        align-items: center;
    }
    .prizebtn .tofirst {
        flex-basis: 82%;
        max-width: 82%;
        background: #e41332;
        text-align: left;
        box-sizing: border-box;
        padding: 12px 15px;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.8em;
        border-right: 2px solid #ffffff;
    }
    .prizebtn .plusbox{position: absolute;
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0px;
        background: #e41332;
        font-weight: 700;
        box-sizing: border-box;
        position: relative;
        padding: 0;
    }
    .prizebtn .plusbox_inner {
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
        position: relative;
    }
    .prizebtn .plus-btn {
        height: 100%;
    }
    .prizebtn .plus-btn {
        overflow: visible;
        top: 0;
    }
    .prizebtn .plus-btn img{
        width: 18px;
        /* position: absolute; */
        /* top: 0; */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
    }
    .prizebtn a div:last-child {
        flex-basis: 18%;
    }
}


/*キャンペーン；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/


.under_sg_inner{width: 1000px;margin: 0 auto;}

.under_sg_inner img.pc_only{margin-bottom: 50px;  }
.under_sg_inner img.mb_only{margin-bottom: 25px;  }



.under_ser_inner ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}

.under_ser_inner ul li{flex-basis: 48%;text-align: left;}
.under_ser_inner img{margin-bottom: 30px;}
.cam_two span{line-height: 2.5em;}

.cam_two span a:hover{color: #e41332;text-decoration: underline;}
.under_ser_inner span.arw {
    display: block;
    background: url(./assets/img/c_right_ci.png)no-repeat;
    background-size: 12px 9px;
    background-position: left center;
    padding-left: 20px;
    margin-left: 20px;
}

.cam_inner{position: relative;}
.cam_inner_text{
    font-weight: 600;
    position: absolute;
    text-align: center;
    top: 42%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
.cam_inner_text p{font-size: 15px;margin-bottom: 5px;}
.cam_inner_text h2{font-size: 26px; color: #007b42;}
.cam_inner_text.redt h2{color: #d2101b;}

.cam_inner img{width: 100%!important;}

.under_ser_inner span.arw a {
    color: #312f2d;
    font-weight: normal;
}

@media only screen and (max-width: 768px) {
    .under_ser_inner span.arw {
        background-position: left top 8px;
        margin-bottom: 10px;}
    .under_sg_inner {
        width: 100%;
        margin: 0 auto;

    }
    .under_ser_inner{
        box-sizing: border-box;
    }
    .under_ser_inner ul {
        display: block;

    }
    .under_ser_inner ul li:first-child{

        margin-bottom: 40px;
    }
    .under_ser_inner img {
        margin-bottom: 20px;
    }
    .under_ser_inner span {

        background-position: left 12px;

    }
    .cam_two span {
        line-height: 1.8em;
    }
    .cam_inner_text{top: 45%;}
    .cam_inner_text h2{line-height: 1.3em;font-size: 20px;
    }

}



/*100年詳細；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/
.under_huni_inner{width: 1000px;margin: 0 auto;}
.under_huni_inner .firstd{line-height: 2em;}
.builboard_ci .old{ position: relative;}
.builboard_ci .old span{
    position: absolute;
    color: #ffffff;
    opacity: 0.3;
    font-size: 26px;
    font-weight: 600;
    top: 20%;
    left: 8%;
    transform: translate(50% 50%);
}
.builboard_ci .oldb a{color:#29b9c9; }
.builboard_ci .oldb a:hover{text-decoration: underline;}
.sold{color: #29b9c9; font-size: 20px;
    margin-bottom: 30px;
    font-weight: 600;line-height: 1.6em;
}
.firstd span.one{display: inline-block;width: 9em;}
.firstd span.two{display: inline-block;width: 5em;}
.firstd span.three{display: inline-block;width: 4em;}

.under_huni_inner ul.under_serlist li {
    margin-left: 20px;
    font-weight: 400;
    display: block;
    position: relative;
}
.under_huni_inner ul.under_serlist li::before {
    position: absolute;
    top: 10px;
    left: -20px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #29b9c9;
}
.huni_clm{display: flex;justify-content: space-between;flex-wrap: wrap;}
.huni_clm li{flex-basis: 49%;align-items: flex-start;}



.hunibtn {
    width: 100%;
    margin: 10px auto;
    position: relative;
}
.profile-table .hunibtn i{margin-right: 10px;}
.profile-table .hunibtn a {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    /* line-height: 50px; */
    border: none;
    padding-bottom: 0;
    text-decoration: none;
    background: #e41332;
    align-items: center;
}
.profile-table .hunibtn a:hover{opacity: 0.7;text-decoration: none;}
.hunibtn .tofirst {
    flex-basis: 82%;
    max-width: 82%;
    background: #e41332;
    text-align: left;
    box-sizing: border-box;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.8em;
    border-right: 2px solid #ffffff;
}
.hunibtn .plusbox{position: absolute;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0px;
    background: #e41332;
    font-weight: 700;
    box-sizing: border-box;
    position: relative;
    padding: 0;
}
.hunibtn .plusbox_inner {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0;
    position: relative;
}
.hunibtn .plus-btn {
    height: 100%;
}
.hunibtn:hover .plus-btn {
    overflow: visible;
    top: 0;
}
.hunibtn .plus-btn img{
    width: 18px;
    /* position: absolute; */
    /* top: 0; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.hunibtn a div:last-child {
    flex-basis: 18%;
}
.huni30{margin-bottom: 30px;}
.under_huni_inner p.intro{margin-bottom: 30px;}
.under_huni_inner h5 {
    color: #312f2d;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.under_huni_inner h5:before {
    content: "";
    flex: 0 1 25px;
    height: 2px;
    background: #29b9c9;
    display: block;
    margin-right: 12px;
}
.grayback{background: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
    margin: 20px auto 50px;
    line-height: 2em;
}
.yellowback{
  background: #fffaee;
  padding-top: 85px;
  /* padding-bottom: 100px; */
}
.d-yellowback{
  background: #fff1cb;
  padding: 60px;
}
.whiteback{
  background-color: #fff;
  padding: 60px;
}

.under_huni_inner .graytext  p {display: flex;margin-bottom: 25px; line-height: 2em;}
.under_huni_inner .graytext  p:last-child{margin-bottom: 0;}
.oubo{display: inline-block;width: 16em;}
.under_huni_inner span.arw{display: block;
    background: url(./assets/img/c_right_ci.png)no-repeat;
    background-size: 12px 9px;
    background-position: left center;
    padding-left: 20px;
    margin-left: 20px;
}
.under_huni_inner span.arw a{color: #312f2d;font-weight: normal;}
.under_huni_inner strong {
    margin-left: 12px;
    color: #29b9c9;
    font-weight: 600;
    display: block;
}
.under_huni_inner strong::before {
    position: relative;
    top: -2px;
    left: -10px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #29b9c9;
}
.kenri{padding-bottom: 80px;text-align: left;}
@media only screen and (max-width: 768px) {
    .under_huni_inner {
        width: 100%;
        margin: 0 auto;
    }
    .under_huni_inner h5 {
        color: #312f2d;
        font-size: 18px;
        font-weight: 600;
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .under_huni_inner h5:before {
        content: "";
        flex: 0 1 8%;
        height: 2px;
        background: #29b9c9;
        display: block;
        margin-right: 12px;
        margin-top: 10px;
    }
    .builboard_ci .old span{font-size: 22px;text-align: center;
    top:12%;left: 11%;}

    .huni_clm{display: block;justify-content: space-between;flex-wrap: wrap;}
    .huni_clm li{flex-basis: 49%;align-items: flex-start;}
    .graytext {

        line-height: 1.8em;
    }
    .grayback{padding: 10px 20px;
        margin: 20px auto 30px;}
    .d-yellowback{
      padding: 40px 5.97%;
    }
    .whiteback{
      padding: 20px;
    }
    .profile-table td{padding-top: 10px;}
    .huni30 {
        margin-bottom: 15px;
    }
    .under_huni_inner .graytext p {
        margin-bottom: 20px;
        line-height: 1.8em;
    }
    .oubo {
        display: block;
        width: auto;
    }
    .hunibtn .tofirst {
        flex-basis: 82%;
        max-width: 82%;
        background: #e41332;
        text-align: left;
        box-sizing: border-box;
        padding: 12px 15px;

        font-size: 14px;
        line-height: 1.8em;
        border-right: 2px solid #ffffff;
    }
    .kenri {
        padding: 0 20px 50px;
        text-align: left;
    }
}


/*新商品情報；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/
.newitem_box{}
.newitem_box a{
    display: block;
    margin-bottom: 50px;
}


@media only screen and (max-width: 768px) {

    .newitem_box a{
        margin-bottom: 20px;
    }
}

/*キッズデザイン；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/
.c_top{background: url(./assets/img/kids_01.jpg)no-repeat;
background-size: 1200px 400px; position: relative;}
.c_top_inner{position: absolute;
top: 50%;left: 50%;
    transform: translate(-50%, 30px);
    font-weight: 600;

}
.c_top_inner p {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 20px;
}
.c_top_inner h2{
    font-size: 34px;
    color: #007b42;
}
.c_lead{
    font-size: 20px;
    font-weight: 600;
    padding: 80px 0;
}

.kids_cont_inner{padding: 0 100px;
    margin: 0 auto;text-align: center;
}


.kids_cont_head {
    margin: 0 auto;
    margin-bottom: 40px;
    background: url(./assets/img/kids_cont_head_bg.png) no-repeat;

}
.kids_cont_head_kids{
    font-size: 30px;
    font-weight: 600;

    background-size: 1000px 66px;
    color: #ffffff;

    line-height: 66px;
}

.kids_cont_block{display: flex;
justify-content: space-between;
padding-bottom: 50px;}
.kids_cont_block .fl{flex-basis: 60%;}
.kids_cont_block .fl:first-child{


    flex-basis: 34%;
}
.kids_cont_block .fl:first-child img{
    border: 1px solid #dddddd;
    margin-bottom: 30px;

}
.kids_cont_block .fl h4{
    font-size: 20px;
    font-weight: 600;
    color: #007b42;
    text-align: left;
    padding-left: 55px;
    background: url(./assets/img/kids_h3_01.png)no-repeat;
    line-height: 44px;
    margin-bottom: 15px;
}
.kids_cont_block .fl h4.l{
    background: url(./assets/img/kids_h3_02.png)no-repeat;

}
.kids_cont_block .fl p.fukidashi{background: #fff1cb;
padding: 30px;position: relative;
text-align: left;
border-radius: 10px;
margin-bottom: 40px;}


.kids_cont_block .fl p.fukidashi:after{
    content: "";
    position: absolute;
    top: -25px;
    left: 45px;
    margin-left: -15px;
    border: 10px solid transparent;
    border-bottom: 15px solid #fff1cb;
}
.kids_cont_dot{text-align: left;
margin-bottom: 30px;}
.kids_cont_dot strong{
    margin-left: 20px;
    display: block;
    font-size: 18px;font-weight: 600;
    margin-bottom: 5px;
}
.kids_cont_dot strong:before{
position: relative;
top: -2px;
left: -18px;
display: inline-block;
width: 8px;
height: 8px;
content: '';
border-radius: 100%;
    background: #007b42;
}
.kids_cont_dot p{
    color: #999999;
    font-size: 15px;
    line-height: 2em;
}
.kids_cont_dot span.arw {
    display: block;
    background: url(./assets/img/c_right_cg.png)no-repeat;
    background-size: 12px 9px;
    background-position: left center;
    padding-left: 20px;
    margin-left: 0px;
}

.kids_cont_dot span.arw a {
    color: #312f2d;
    font-weight: normal;
}


.under_c_sg{
    background: #f5f5f5;
    padding: 80px 0;
}

.under_c_sg h2{font-size: 26px;font-weight: 600;margin-bottom: 20px;line-height: 2.1em;}

.under_c_sg ul{width: 1000px; display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;}
.under_c_sg ul li{flex: 0 1 49.5%;margin-bottom: 10px;}

.under_c_sg ul li a{display: block;background: #ffffff;
    color: #007b42;padding: 10px 0;text-align: center;}
.under_c_sg ul li a:hover{background: #007b42;
    color: #ffffff;}



@media only screen and (max-width: 768px) {
    .c_top{background: url(./assets/img/kids_01_mb.jpg)no-repeat;
        background-size: 670px 567px;}
    .c_top_inner{position: absolute;
        top: 50%;left: 50%;
        transform: translate(-50%, -30px);
        font-weight: 600;
width: 100%;
    }
    .c_top_inner p {
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 1.8em;
    }
    .c_top_inner h2{
        font-size: 24px;
        line-height: 1.62em;
    }

    .c_lead{
        font-size: 18px;
        line-height: 1.8em;
        font-weight: 600;
        padding: 50px 0;
    }

    .kids_cont_inner{padding: 0 20px;
        margin: 0 auto;text-align: center;
    }


    .kids_cont_head {
        margin: 0 auto;

        margin-bottom: 20px;
        background:#cccccc url(./assets/img/kids_cont_head_bg_mb.png) no-repeat;
        padding-top: 30%;
        position: relative;
        top: 0;
        left: 0;
        background-size: cover;
    }
    .kids_cont_head_kids{
        color: #ffffff;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.5em;
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
    }

    .kids_cont_block{display: inline-block;
        padding-bottom: 0;
    }

    .kids_cont_block .fl:first-child img{
        margin-bottom: 30px;

    }
    .kids_cont_block .fl{
    width: 100%;
}

    .kids_cont_block .fl h4{
        font-size: 18px;
        padding-left: 55px;
        line-height: 44px;
        margin-bottom: 20px;
    }
    .kids_cont_block .fl h4.l{

    }
    .kids_cont_block .fl p.fukidashi{background: #fff1cb;
        padding: 15px;position: relative;
        margin-bottom: 30px;
    font-size: 14px;}



    .kids_cont_dot strong{
        margin-left: 10px;
        display: block;
        font-size: 16px;font-weight: 600;
        /*line-height: 0.9em;*/
        margin-bottom: 5px;
    }
    .kids_cont_dot strong:before{
        position: relative;
        top: -2px;
        left: -8px;
        display: inline-block;
        width: 8px;
        height: 8px;
        content: '';
        border-radius: 100%;
        background: #007b42;
    }
    .kids_cont_dot p{
        font-size: 14px;
        line-height: 1.9em;
    }
    .kids_cont_dot span.arw {
        display: block;
        background: url(./assets/img/c_right_cg.png)no-repeat;
        background-size: 12px 9px;
        background-position: left center;
        padding-left: 20px;
        margin-left: 0px;
    }

    .kids_cont_dot span.arw a {
        color: #312f2d;
        font-weight: normal;
    }

    .under_c_sg{
        background: #f5f5f5;
        padding: 50px 0;
    }

    .under_c_sg h2{font-size: 22px;font-weight: 600;margin-bottom: 20px;line-height: 1.45em;}

    .under_c_sg ul{width: 100%; display: block;justify-content: space-between;flex-wrap: wrap;margin: 0 auto; padding: 0 20px;
        box-sizing: border-box;
    }

    .under_c_sg ul li a{display: block;font-size: 14px;}
    .under_c_sg ul li a:hover{background: #007b42;
        color: #ffffff;}


}

/*グッドデザイン；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/


.goodwaku .c_top_inner h2 {

    color: #d2101b;
}

.goodwaku .kids_cont_head {
    margin: 0 auto;
    margin-bottom: 40px;
    background: none;
}
.goodwaku .kids_cont_head .kids_cont_head_kids {

    color: #d2101b;
    line-height: 60px;
    border: 2px solid #d2101b;

}

.goodwaku .kids_cont_block .fl h4 {

    color: #d2101b;

    background: url(./assets/img/good_h3_01.png)no-repeat;

}

.goodwaku .kids_cont_block .fl h4.l{
    background: url(./assets/img/good_h3_02.png)no-repeat;

}

.goodwaku .kids_cont_dot strong:before {

    background: #d2101b;
}

.goodwaku .kids_cont_dot span.arw {

    background: url(./assets/img/c_right_cr.png)no-repeat;
    background-size: 12px 9px;
    background-position: left center;
    padding-left: 20px;
    margin-left: 0px;
}

.goodwaku .kids_cont_block .fl p.fukidashi {
    background: #f5f5f5;
}

.goodwaku .kids_cont_block .fl p.fukidashi:after {

    border-bottom: 15px solid #f5f5f5;
}

.goodwaku .under_c_sg ul li a {

    color: #d2101b;
}

.goodwaku .under_c_sg ul li a:hover {
    background: #d2101b;
    color: #ffffff;
}


@media only screen and (max-width: 768px) {
    .goodwaku .kids_cont_head {
        margin-bottom: 20px;

    }
    .goodwaku  .kids_cont_head_kids {
        padding: 11px 0;
        color: #d2101b;
        line-height: 1.3em!important;
        transform: none;
        position: relative;
    }

    .goodwaku  .c_top_inner {

        transform: translate(-50%, -20px);

    }
}



/*動画；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/
.movie{

}

.movie .catalog_bn li a {
    font-size: 17px;
    line-height: 1.7em;
    font-weight: 600;
    color: #a159b9;
    text-align: left;
    padding: 15px;
    display: block;
}

.movie .catalog_bn li a {
    background-image: url(./assets/img/m_down.svg);

}

.movie h4.title_cc::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 16.666%;
    height: 2px;
    background-color: #a159b9;
    /* padding-right: 110px; */
}

.m_pdfbox{display: flex;justify-content: flex-start; margin-bottom: 80px;flex-wrap: wrap;
}

.m_pdfbox li{flex-basis: 31.3%; margin-right: 1.5%;}
_:-ms-lang(x)::-ms-backdrop, .m_pdfbox li {
    max-width: 32.3%;
}
.m_pdfbox li:last-child{margin-right: 0%;}
.m_pdfbox li a{background: #f5f5f5;display: block;
    padding: 20px 50px;text-align: center;box-sizing: border-box;}
.m_pdfbox li .m_movie{margin-bottom: 10px;
    width: 100%;
}
.m_pdfbox li:hover p{color: #e41332;text-decoration: underline;}
.m_pdfbox li p{color: #312f2d; font-size: 17px; line-height: 2em;}


.m_movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.m_movie iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}


@media only screen and (max-width: 768px) {
    .m_pdfbox li{
        flex-basis: 48%; margin-right: 4%;
        margin-bottom: 15px;
    }
    .m_pdfbox li:nth-child(2n){margin-right: 0;}
    .movie h4.title_cc:after {
        width: 30%;
    }

    .movie .catalog_bn li a {
        font-size: 14px;
        height: auto;
    }

    .m_pdfbox li p {
        color: #312f2d;
        font-size: 14px;
        line-height: 2em;
    }
    .m_pdfbox {
        margin-bottom: 50px;
        flex-wrap: wrap;
    }
}
/*キャンペーン結果発表；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.hun_results_inner {
    padding: 80px 0 0;
    text-align: left;
}


.hun_results_inner p{
    margin-bottom: 30px;

}

.under_hun_inner{
    width: 1000px;
    margin: 0 auto;
}
.under_hun_inner strong{
    color: #312f2d;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 20px;

}
.under_hun_inner strong:before {
    content: "";
    flex: 0 1 25px;
    height: 2px;
    background: #29b9c9;
    display: block;
    margin-right: 12px;
}
.resultintro_box{margin-bottom: 80px;}
.resurtbn{margin-bottom: 20px;}

 img.rmain{margin: 0px auto 40px;}
.rcomment{text-align: center;}
.resurtbn h3{font-size: 26px;font-weight: 600;}
.resurtbn h3 span{font-weight: 500; display: block;font-size: 15px;line-height: 2em;color: #999999;margin-bottom: 25px;
margin-top: 10px;}
.resurtbn h4{font-size: 17px;font-weight: 600;margin-bottom: 30px;}

.resurtbn table{border: 2px solid #312f2d; box-sizing: border-box;
margin-bottom: 80px;}

.resurtbn table tr:nth-child(2){border-top: 2px solid #312f2d;}
.resurtbn table th{
    text-align: center;
color: #ffffff;
width: 100px;padding: 22px;
}

.resurtbn table td{padding: 22px 40px;
    line-height: 2em; vertical-align: middle;
}
.resultred th{background: #fe0032;font-weight: 600;
    vertical-align: middle;
}
.resurtbn th img{width: 24px;height: 24px;
    margin-bottom: 9px;
}
.resultblue th{background: #00aaff;}


.resultgreen .table{
    /*border: 2px solid #312f2d;*/
    box-sizing: border-box;
    /*margin-bottom: 80px;*/
    width: 100%;
}

.resultgreen p{
    margin-bottom: 50px;
    text-align: right;
}

.resultgreen .table {
display: flex;
    justify-content: flex-start;flex-wrap: wrap;
}

.resultgreen .table dl{
    /*border-top: 2px solid #312f2d;*/
    flex-basis: 50%;
    max-width: 50%;
    box-sizing: border-box;
    border: 2px solid #312f2d;
    margin-top: -2px;
    margin-left: -2px;
}

.resultgreen .table dl:nth-child(1),.resultgreen .table dl:nth-child(2){/*border:none*/}
.resultgreen .table dl:nth-child(2n){border-left: 2px solid #312f2d;}
.resultgreen .table dd{padding: 22px 40px; font-size: 15px;
    color: #312f2d;
    line-height: 2em; vertical-align: middle;
    display: block;  padding: 20px 40px;
}
.resultgreen .table dd span{color: #999999;display: block;}
.resultgreen dt{background: #f5f5f5;font-weight: 600;
    vertical-align: middle;font-size: 17px;
    display: block;
    padding: 20px 40px;


}
.resultgreen dt.two{line-height: 54px;}
.resultgreen dt span{display: block;
    font-weight: 500;font-size: 15px; line-height: 2em;
}
.resultother .rcomment{margin-bottom: 70px;}

.resultother h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}

.result_under{padding: 80px 0;
    background: #f5f5f5;}

.result_under ul{display: flex;justify-content: space-between;}

.result_under ul li{flex-basis: 50%;text-align: left;}

.result_under ul li img{margin-bottom: 60px;}

.result_under span.arw {
    display: block;
    background: url(./assets/img/c_right_ci.png)no-repeat;
    background-size: 12px 9px;
    background-position: left center;
    padding-left: 20px;

}
.result_under span.arw a{color: #312f2d;}
.result_under span.arw a:hover{color: #d2101b;}
@media only screen and (max-width: 768px) {
    .under_hun_inner {
        width: 100%;
        margin: 0 auto;
    }
    .result_under span.arw {
    background-position: left top 8px;
    margin-bottom: 10px;}
    .hun_results_inner {
        padding: 30px 20px 0;
        text-align: left;
    }
    .under_hun_inner strong {
        color: #312f2d;
        font-size: 18px;
        font-weight: 600;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .under_hun_inner strong:before {
        content: "";
        flex: 0 1 20px;
        height: 2px;
        background: #29b9c9;
        display: block;
        margin-right: 10px;
    }
    img.rmain {
        margin: 0px auto 20px;
    }
    .resurtbn h4 {
        font-size: 16px;line-height: 1.9em;
    }
    .resurtbn table th{display: block;}
    .resurtbn table td{display: block;}

    .resurtbn table th {
        text-align: center;
        color: #ffffff;
        width: 100%;
        padding: 10px 20px;
        box-sizing: border-box;
        text-align: left;
        display: flex;
        align-items: auto;
    }
    .resurtbn table th img{margin-right: 1em;}
    .resurtbn th img {
        width: 19px;height:19px;
        margin-bottom: 0px;
    }
    .resurtbn table td {
        padding: 10px 17px;
        line-height: 2em;
        vertical-align: middle;
    }
    .resurtbn table {

        margin-bottom: 50px;
    }
    .resurtbn h3 {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.9em;
    }
    .resurtbn h3 span {
        font-weight: 500;
        display: block;
        font-size: 14px;
        line-height: 2em;
        color: #999999;
        margin-bottom: 15px;
        margin-top: 0px;
    }
    .resultgreen .table  {
        display: block;

    }
    .resultgreen .table dl{max-width: 100%;}
    .resultgreen .table dl:nth-child(2) {
        border-top: 2px solid #312f2d;

    }
    .resultgreen .table dl:nth-child(2n){/*border-left: none;*/}
    .resultgreen dt {

        font-size: 16px;
        padding: 12px 20px;
    }
    .resultgreen dt.two {
        line-height: normal;
    }
    .resultgreen .table dd {
        font-size: 14px;

        padding: 10px 20px;
    }
    .resultgreen .table {

        /*margin-bottom: 50px;*/
    }
    .resultother p{text-align: left;}
    .resultother .rcomment {
        margin-bottom: 40px;
    }
    .resultother .rcomment {
        margin-bottom: 40px;
    }
    .result_under {
        padding: 40px 20px;
        background: #f5f5f5;
    }
    .result_under ul {
        display: block;
    }
    .resultother .rcomment {
        margin-bottom: 40px;
    }
    .result_under ul li img {
        margin-bottom: 30px;
        width: 56%;
    }
    .result_under ul li {

        margin-bottom: 30px;
    }
    .result_under {
        padding: 40px 20px 20px;
    }
}


/*ごあいさつ；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/
.greetbox{
    border: 2px solid #312f2d;
    padding: 70px 50px;
    box-sizing: border-box;
}


.greetbox {display: flex;
justify-content: space-between;}

.greetbox li{
text-align: left;
}
.greetbox li  img{margin-right: 50px;}

.greetbox li h4{font-size: 26px;
margin-bottom: 40px;font-weight: 600;line-height: 1.8em;}
.greetbox li p{margin-bottom: 30px;}
.greetbox li p.valsa{text-align: right; margin-top: 40px;
margin-bottom: 0;}
.greetbox li p.valsa img{
    margin-right: 0;
    margin-top: 10px;
}





@media only screen and (max-width: 768px) {
    .greetbox {display: block;
        padding: 40px 20px 10px;
    }
    .greetbox li img {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .greetbox li h4{font-size: 22px;
        margin-bottom: 20px;
    }
    .greetbox li p.valsa {
        text-align: right;
        margin-top: 60px;
        margin-bottom: 0;
    }
    .greetbox li p.valsa img{
        margin-right: 0;
        margin-top: 10px;
        width: 50%;
    }
    .greet .o_title{
        margin-bottom: 50px;
    }

}


/*関連会社；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/


.affibn{margin-bottom: 40px;}



.affblock{display: flex;
justify-content: space-between; margin-bottom: 40px;}
.affblock li{flex-basis: 48%;text-align: left;}

.affblock li p{margin-bottom: 30px;}
.affblock li strong{color: #f18c34;margin-bottom: 20px;font-weight: 600;}
.affblock li dl{}
.affblock li dl dt{display: inline-block;
    margin-right: 1em;vertical-align: top;

}
.affblock li dl  dd{display: inline-block;
}
.affblock li img{margin-bottom: 0px;}


.affbox{
    border: 2px solid #312f2d;
    background: #fffaee;
    padding: 45px 45px 20px 45px;
    margin-bottom: 80px;
}
.affbox h3{font-size: 22px;line-height: 1.9em;font-weight: 600;margin-bottom: 30px;}
.affbox p{font-size: 15px;line-height: 2em;}

.affbox .affblock{margin-bottom: 0;}


.affi_table{display: flex;justify-content: space-between;
flex-wrap: wrap;}
.affi_table li{flex-basis: 48%;border-bottom: 1px solid #dddddd;
text-align: left;}
.affi_table li:nth-child(1) , .affi_table li:nth-child(2){
    border-top: 1px solid #dddddd;
}
.affi_table li span{
    display: block;
    padding: 15px 10px 15px 35px;
    font-size: 15px;
}

.affi_table li span:before{position: relative;
    top: -2px;
    left: -18px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #f18c34;
}

.affmgn{margin-bottom: 70px;}
@media only screen and (max-width: 768px) {


    .affblock{display: block;}
    .affblock li dl  dt{width: 30%;
        box-sizing: border-box;
        margin: 0;
    }
    .affblock li dl  dd{display: inline-block;
        width: 65%;
    }
    .affblock li:first-child img{
        width: 60%;
        margin: 10px 0;
    }
    .affbox{padding: 20px 16px;}
    .affbox h3{font-size: 20px;margin-bottom: 15px;line-height: 1.45em;}
    .affbox p {
        font-size: 14px;
        line-height: 1.8em;
    }
    .affbox{

        margin-bottom: 50px;
    }
    .affmgn {
        margin-bottom: 50px;
    }
    .affi_table {
        display: block;

    }
    .affi_table li span {
        display: block;
        padding: 15px 10px 15px 30px;
        font-size: 14px;
    }
    .affi_table li span:before {
        position: relative;
        top: -1px;
        left: -16px;
        display: inline-block;
        width: 6px;
        height: 6px;
        content: '';
        border-radius: 100%;
        background: #f18c34;
    }
    .affi{margin-bottom: 60px;}
}

/*クツワの歴史；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/


/*スタッフ専用；
：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：*/

.staff {
    margin-top: 50px;
}
.staff #header{
    height: 100px;
}

.staff .header-logo {
    margin-top: 35px;
    margin-left: 30px;
}
.staff #logobox_pc div{display: flex;align-items: center;}
.staff #logobox_pc div span{
    margin-left: 1.8em;
    display: block;
    margin-top: 25px;
    font-weight: 600;
    font-size: 18px;
    /* line-height: 100px; */
}

.staff .header_inner .sh_right{
margin-left:auto;

}

.staff .header_inner .sh_right ul{
    display: flex;
}
.staff .header_inner .sh_right ul li{
    width: 100px;
    height: 100px;
    color: #ffffff;
    box-sizing: border-box;
    padding: 20px;
}
.staff .header_inner .sh_right ul li a{color: #ffffff;}
.staff .header_inner .sh_right ul li:nth-child(1){
    background: #29b9c9;
}
.staff .header_inner .sh_right ul li:nth-child(2){
    background: #a4c251;
}
.staff .header_inner .sh_right ul li:nth-child(3){
    background: #f18c34;
}
.staff .header_inner .sh_right ul li:nth-child(4){
    background: #e41332;
}
.staff .header_inner .sh_right ul li:nth-child(1) img{
    width: 24px;
}
.staff .header_inner .sh_right ul li:nth-child(2) img {
    width: 20px;
}
.staff .header_inner .sh_right ul li:nth-child(3) img{
    width: 22px;
}
.staff .header_inner .sh_right ul li:nth-child(4) img{
    width: 28px;
}

.staff #header .header_inner div:nth-last-of-type(2) {
    margin-left: 0;
    margin-right: 0px;
}
.staff .u_title{color: #ffffff;}
.staff .u_title span {
    color: #ffffff;
    display: block;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 600;
    letter-spacing: 0em;
}



@media only screen and (max-width: 768px) {
    .staff {
        margin-top: 50px;
    }
    .staff #header{
        height: 60px;
    }
    .staff #header .header_inner {
        display: block;
    }

    .staff .header-logo {
        margin-top: 0px;
        margin-left: 0px;
        width: 50%;
        margin-right: 1em;
        padding: 18px 0;
        height: 60px;
    }
    .staff.header-logo a {
        display: block;
    }
    .staff #header img {
        height: auto;
        display: block;
        margin: 0 0 10px;
        padding-left: 10%;
        max-width: 100%;

    }
    .staff #logobox_pc div span {
        margin-left: 1.8em;
        display: block;
        margin-top: 0px;
        font-weight: 600;
        font-size: 14px;
        /* line-height: 100px; */
    }
    .staff .header_inner .sh_right ul li:nth-child(1) img{
        width: 16.5px;
    }
    .staff .header_inner .sh_right ul li:nth-child(2) img {
        width: 13.5px;
    }
    .staff .header_inner .sh_right ul li:nth-child(3) img{
        width: 15px;
    }
    .staff .header_inner .sh_right ul li:nth-child(4) img{
        width: 19.5px;
    }
    .staff .header_inner .sh_right img{
        text-align: center;
        margin: 0 auto!important;
        padding: 0!important;
    }
    .staff .header_inner .sh_right ul li {
        width: auto;
        width: auto;
        height: auto;
        flex-basis: 25%;
        color: #ffffff;
        box-sizing: border-box;
        padding: 8px 0 5px;
    }


}





.s_header  {
    background: url(./assets/img/sh_back.jpg);
    padding: 65px 0 80px;
    color: #ffffff;
    margin-bottom: 60px;
}


.staffrole{
    padding: 30px 0;
    width: 1200px;
    height: 690px;
    padding: 40px 30px;

    background: #ffffff;
    margin: 0 auto;
    box-sizing: border-box;


}
.staffrole_inner{
    overflow: scroll;
    width: 1140px;
    height: 610px;
}

.staffrole div.last {
    display: none;
    padding: 30px 30px;
    color: #312f2d;
    margin-bottom: 0;
}
.staffrole .first{cursor: pointer;
    border-top: 1px dashed #312f2d;
    padding: 12px 30px;
}
.staffrole .first .question{
    font-weight: 500;
    font-size: 17px;
    position: relative;
    padding-left: 0px;
    line-height: 2em;
    color: #29b9c9;
    text-align: left;
}
.staffrole .first .question dl{
    display: flex;
    justify-content: flex-start;
}

.staffrole .first .question dl dt{
    color: #999999;
    width: 13%;
}
.staffrole .first.current .question dl dt{
    color: #ffffff;
    font-weight: 600;
}
.staffrole .first .question dl dd{
width: 80%;}
.first .question:before {
    content:none;
    position: absolute;
    background: #ab7137;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-weight: normal;
    left: 0px;
    top: 50%;
    letter-spacing: 0.1em;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 600;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
}
.first .question:after {
    font-family: "Font Awesome 5 Free";
    content: '\f078';
    position: absolute;
    width: 50px;
    height: 50px;
    color: #29b9c9;
    font-weight: normal;
    right: 0px;
    top: 50%;
    letter-spacing: 0.1em;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 900;
    border-radius: 50%;
    text-align: center;
    line-height: 2.5em;
}
.first.current {background:#29b9c9;    border-bottom: 1px dashed #312f2d;
}
.first.current .question{color: #ffffff; }

.first.current .question:before {
    background: #ffffff;
    color: #29b9c9;

}
.first.current .question:after {
    font-family: "Font Awesome 5 Free";
    content: '\f077';
    position: absolute;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-weight: normal;
    right: 0px;
    top: 50%;
    letter-spacing: 0.1em;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 900;
    border-radius: 50%;
    text-align: center;
    line-height: 2.5em;
}

.answerbox{display: flex;justify-content: flex-start;margin-bottom: 30px;flex-wrap: wrap;
}
.answerbox li{margin-right: 20px;background: #f5f5f5;padding: 15px 15px 10px;box-sizing: border-box;text-align: center;margin-bottom: 20px;flex-basis: 20%;
}



@media only screen and (max-width: 768px) {

    .s_header {
        background: url(./assets/img/sh_back_mb.jpg) no-repeat  center top;
        padding: 65px 0 55px;
        color: #ffffff;
        margin-bottom: 50px;
    }

    .staff .u_title{
        margin: 0 0 20px;

        font-size: 26px;
        font-weight: 900;
        letter-spacing: 0.05em;
    }
    .staff .u_title span{
        font-size: 14px;}
    .staff .u_title span {

        margin-top: 5px;
    }
    .staffrole {

        width: 90%;
        height: 500px;
        padding: 30px 20px 40px;
        background: #ffffff;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .staffrole_inner {
        overflow: scroll;
        width: 100%;
        height: 460px;
    }
    .staffrole .first {
        cursor: pointer;
        border-top: 1px dashed #312f2d;
        padding: 10px 15px;
    }
    .staffrole .first .question {
        font-weight: 500;
        font-size: 17px;
        position: relative;
        padding-left: 0px;
        line-height: 2em;
        color: #29b9c9;
        text-align: left;
        width: 100%;
    }
    .staffrole .first .question dl {
        display: block;
        justify-content: flex-start;
    }
    .staffrole .first .question dl dt {
        color: #999999;
        width: 100%;
    }
    .first .question:after{
    font-family: "Font Awesome 5 Free";
    content: '\f078';
    position: absolute;
    width: 20px;
}
    .staffrole .first .question dl dd {
        width: 90%;
    }
    .first.current .question{color: #ffffff; }
    .staffrole div.last {
        display: none;
        padding: 10px 15px;
        color: #312f2d;
        margin-bottom: 0;
    }


}



/*スタッフコンテンツ*/

#flyer{margin-bottom: 80px;}
#flyer .t_title span {
    color: #a4c251;
    display: block;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 500;
}


.sf_head{display: flex;justify-content: space-between;font-weight: 600;}
.sf_head span{
    color: #ffffff;
    display: block;
    font-size: 12px;
    padding: 0px 25px;
    /* line-height: 1em; */
    border-radius: 10px 9px 0px 0px;

}
.sf_head span.pdf{background: #e41332;}
.sf_head span.jpg{background: #4363be;}
.sf_head span.excel{background: #31790e;}



.sf_head p{font-size: 13px; color: #999999;}
.sf_blk{display: flex;justify-content: flex-start; margin-bottom: 60px;}

.sf_blk li{flex-basis: 23%; margin-right: 2%;}
.sf_blk li a{background: #fffaee;display: block;
    padding: 20px 20px;text-align: center;box-sizing: border-box;
position: relative;}

.sf_blk li a .caption {
    font-size:        17px;
    text-align:         center;
    padding-top:        130px;
    color:            #fff;
    font-weight: 600;
}
.sf_blk li a .caption img{width: 30px;margin-bottom: 10px;}
.sf_blk li a .mask {
    width:            100%;
    height:            100%;
    position:        absolute;    /* 絶対位置指定 */
    top:            0;
    left:            0;
    opacity:        0;    /* マスクを表示しない */
    background-color:    rgba(0,0,0,0.4);    /* マスクは半透明 */
    -webkit-transition:    all 0.2s ease;
    transition:        all 0.2s ease;
}
.sf_blk li a:hover .mask {
    opacity:        1;    /* マスクを表示する */
}
.sf_blk li .sf_cont img{margin-bottom: 10px;
    width: 70%;
    margin: 0 auto 20px;
}
.sf_blk li .sf_cont h2{font-size: 17px;font-weight: 600; color: #312f2d;}
.sf_blk li a:hover .sf_cont h2{color: #e41332;text-decoration: underline;}
.sf_blk li .sf_cont p{color: #999999; font-size: 14px; line-height: 2em;}

.staffgreen .tofirst {
    flex-basis: 82%;
    max-width: 82%;
    background: #a4c251;
    text-align: left;
    box-sizing: border-box;
    padding: 0 25px;
    font-weight: 600;
}

.staffgreen a div:last-child {
    background: #a4c251;
}
.staffgreen a div:last-child img{width: 19px;
    position: absolute;left: 0px;
}

.staffgreen   .plus-btn {
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
.staffgreen .plusbox_inner {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0 9.5px;
    position: relative;
}


#sales{padding: 80px 0; background: #fffaee;}
#sales .t_title span {
    color: #f18c34;
    display: block;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 500;
}
#sales .sf_blk li a{background: #ffffff;
}


#sales .staffgreen .tofirst {

    background: #f18c34;

}

#sales .staffgreen a div:last-child {
    background: #f18c34;
}

#arrival{padding: 80px 0 120px; }
#arrival .t_title span {
    color: #e41332;
    display: block;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 500;
}


#arrival .staffgreen .tofirst {

    background: #e41332;

}

#arrival .staffgreen a div:last-child {
    background: #e41332;
}


@media only screen and (max-width: 768px) {


.sf_blk {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    flex-wrap: wrap;
}
.sf_blk li {
    flex-basis: 47%;
    margin-right: 3.5%;
    margin-bottom: 40px;
    }
.sf_blk li:nth-child(2n){
    margin-right: 0;
}
    .sf_head span {
        color: #ffffff;
        display: block;
        font-size: 10px;
        padding: 0px 18px;
        /* line-height: 1em; */
        border-radius: 10px 9px 0px 0px;
    }
    .sf_head p {
        font-size: 10px;
        color: #999999;
    }
    .sf_blk li .sf_cont img {
        margin-bottom: 10px;
        width: 90%;
        margin: 0 auto 20px;
    }
    .sf_blk li .sf_cont h2 {
        font-size: 16px;

    }
    .sf_blk li .sf_cont p {
        color: #999999;
        font-size: 12px;
        line-height: 2em;
    }
    .sf_blk li a {
        background: #fffaee;
        display: block;
        padding: 20px 20px 0;
        text-align: center;
        box-sizing: border-box;
        position: relative;
        height: 95%;
    }
     .staffgreen {
        width: 100%!important;
        margin: 0px auto 0!important;
        position: relative;
    }
    .staffgreen .plusbox_inner {
        margin-left: 0px;
        margin-top: 0px;
        padding: 0 0px;
        position: relative;
    }
    .staffgreen a div:last-child img {
        width: 21px;
        position: absolute;
        left: 0px;
    }
    .staffgreen .plus-btn {
        width: 21px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: 0px;
        left: -3px;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    #flyer {
        margin-bottom: 50px;
    }
    #sales {
        padding: 50px 0;
        background: #fffaee;
    }
    #arrival {
        padding: 50px 0 80px;
    }
    .staffgreen a div:last-child {
        width: 46px;
    }
    .staffgreen .tofirst {
        width: 230px;
        text-align: left;
        box-sizing: border-box;
        padding: 0 25px;
        font-weight: 600;
        display: inline-block;
    }
    .sf_blk li a .caption {

        padding-top: 55%;

    }
}

/*/////////
//////////
/////////
スタッフフッター
///////////
////////////
*/

.staff .u_footer ul li:last-child {
    text-align: center;
    margin-left: auto;
    margin: 0 auto;
    display: block;
    justify-content: flex-end;


}

.staff .u_footer ul li:last-child a {
    border: none;
    border-radius:0;
    font-size: 16px;
    height: 50px;
    width: 50px;
    margin-left: 10px;
    text-align: center;
}

.staff .u_footer ul li p img {
    margin-top: 10px;
    margin-bottom: 30px;
}
.staff .d_footer .wrap {
    display: block!important;
    justify-content: space-between;
}
.staff .d_footer .wrap div:last-child {
    text-align: center;
}
.staff .d_footer .wrap div {
    flex-basis: 50%;
    max-width: 100%;
}
.staff .u_footer {
    text-align: center;
    padding: 40px 0;
}
@media only screen and (max-width: 768px) {
    .staff .u_footer ul li p img {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .staff .d_footer .wrap div:last-child {
        text-align: center;
        margin: 0;
        padding: 0;
    }

}
/*/////////
//////////
/////////
クツワの歴史
///////////
////////////
*/


.history_bn{display: flex;justify-content: space-between;width: 100%;align-items: center;margin-bottom: 80px;
}

.history_bn li{background: #f5f5f5;margin-right: 3px; flex: 1 1;}
.history_bn li a{font-size: 17px;line-height: 1.7em;font-weight: 600;
    color: #f18c34;text-align: left;padding: 15px; display: block;}

.history_bn li a{background-image: url(./assets/img/h_down.svg);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 10px 12px;
    height: 55px;

}
.history_bn li a span{
    margin-top: 15px;
    display: block;
}
.history_bn li:hover{opacity: 0.8;}





.history_head_one{
    background: url(./assets/img/hi_a_bg.jpg) no-repeat center top;
    height: 500px;
    margin-bottom: 0px;
}
.history_head_two{
    background: url(./assets/img/hi_b_bg.jpg) no-repeat center top;
    height: 500px;
    margin-bottom: 0px;
}
.history_head_three{
    background: url(./assets/img/hi_c_bg.jpg) no-repeat center top;
    height: 500px;
    margin-bottom: 0px;
}
.history_head_four{
    background: url(./assets/img/hi_d_bg.jpg) no-repeat center top;
    height: 500px;
    margin-bottom: 0px;
}
.history_head_five{
    background: url(./assets/img/hi_e_bg.jpg) no-repeat center top;
    height: 500px;
    margin-bottom: 0px;
}

.history_inner{
    position: relative;

    width: 1000px;
    margin: 0 auto;
}


.history_img{position: absolute;top: 70px;
right: 0px;}

.history_head_five .history_img {
    position: absolute;
    top: 140px;
    right: 0px;
}
.h_yearbox{padding-top: 130px; color: #ffffff;
text-align: left;}

.h_yearbox .year{font-size: 80px;font-weight: bold;display: block;
    margin-bottom: 40px;
}
.h_yearbox .jyear{font-size: 18px;font-weight: bold;margin-bottom: 40px;
}

.h_yearbox .yeartext{font-size: 15px; margin-bottom: 10px;}
.h_yearbox .yeartext span{font-weight: bold;}

/*/////////
//////////
/////////
クツワの歴史コンテンツ
///////////
////////////
*/

#h_one, #h_two,#h_three,#h_four,#h_five{
    margin-top:-60px;
    padding-top:60px;
}

.history_cont{}

.outerone .history_inner{
    background: url(./assets/img/hi_border_a.png) no-repeat;
    background-position: 130px 0;
    padding: 80px 0 100px;

}
.outertwo .history_inner{
    background: url(./assets/img/hi_border_b.png) no-repeat;
    background-position: 130px 0;
    padding: 80px 0 390px;

}
.outerthree .history_inner{
    background: url(./assets/img/hi_border_c.png) no-repeat;
    background-position: 130px 0;
    padding: 80px 0 200px;

}
.outerfour .history_inner{
    background: url(./assets/img/hi_border_d.png) no-repeat;
    background-position: 130px 0;
    padding: 80px 0 85px;

}
.outerfive .history_inner{
    background: url(./assets/img/hi_border_e.png) no-repeat;
    background-position: 130px 0;
    padding: 80px 0 160px;

}

ul.hc_outer{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
}


.hc_box{ text-align: left;}

.hc_box_inner{position: relative;}
.hc_box h4{color: #f08200;font-weight: 600;font-size: 40px;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
}
.hc_box .hc_jyear{font-style: 16px;color: #999999;
    margin-bottom: 10px;
    display: block;
}
.hc_box  img,.hc_box img{
    margin-bottom: 20px;
    display: block;
    margin-top: 20px;
}
.hc_box .hc_yeartext{width: 300px;}
.hc_box .hc_yeartexttwo{width: 300px;}

.hc_box .wide{width: 400px;}
.hc_box .semiwide{width: 355px;}

.hc_box .narrow{width: 260px;}
.hc_box .hc_yeartext span,.hc_box .hc_yeartexttwo span{font-weight: 600; display: block;}

.hc_box img{}

/*11111*/

.outerone ul.hc_outer li:nth-of-type(1) {
    margin: 0 auto auto 0;
}
.outerone ul.hc_outer li:nth-of-type(2) {
    margin: 160px 0 0 auto;

}
.outerone ul.hc_outer li:nth-of-type(2) img{
    position: absolute;
    bottom: -10px;
    left: -350px;
    width: 300px;
}
.outerone ul.hc_outer li:nth-of-type(3) {
    margin: 25px auto auto 160px;
}
.outerone ul.hc_outer li:nth-of-type(4) {
    margin: -60px 65px auto auto;
}
.outerone ul.hc_outer li:nth-of-type(5) {
    margin: 80px 5px auto auto;
}
.outerone ul.hc_outer li:nth-of-type(6) {
    margin: -35px auto auto 65px;
}
.outerone ul.hc_outer li:nth-of-type(7) {
    margin: -45px 110px auto auto;
}
.outerone ul.hc_outer li:nth-of-type(8) {
    margin: -60px auto auto 65px;
}

/*22222*/

.outertwo ul.hc_outer li:nth-of-type(1) {
    margin: 0 auto auto 0;
}
.outertwo ul.hc_outer li:nth-of-type(2) {
    margin: 40px auto 0 100px;

}
.outertwo ul.hc_outer li:nth-of-type(2) img{
    position: absolute;
    bottom: 0;
    left: 350px;
    width: 300px;
}
.outertwo ul.hc_outer li:nth-of-type(3) {
    margin: 90px auto auto 190px;
}
.outertwo ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartext {
    position: absolute;
    left: 360px;
    top: -20px;
}


.outertwo ul.hc_outer li.hc_box:nth-of-type(3) .hc_box_inner .hc_yeartexttwo{
    position: absolute!important;
    left: 0px;
    top: 80px;

}
.outertwo ul.hc_outer li:nth-of-type(4) {
    margin: 460px 0px auto auto;
}
.outertwo ul.hc_outer li:nth-of-type(5) {
    margin: -345px auto auto 50px
}
.outertwo ul.hc_outer li:nth-of-type(6) {
    margin: 70px -50px auto auto;
}
.outertwo ul.hc_outer li:nth-of-type(6) img{
    position: absolute;
    bottom: -50px;
    left: -350px;
}
.outertwo ul.hc_outer li:nth-of-type(7) {
    margin: 100px auto auto 0px;
}
.outertwo ul.hc_outer li:nth-of-type(7) img{
    position: absolute;
    bottom: -160px;
    left: 350px;
}
.outertwo ul.hc_outer li:nth-of-type(8) {
    margin: 225px 0 auto auto;
}

.outertwo ul.hc_outer li:nth-of-type(9) {
    margin: -370px auto auto 0;
}
.outertwo ul.hc_outer li:nth-of-type(10) {
    margin: -30px 40px auto auto
}
.outertwo ul.hc_outer li:nth-of-type(11) {
    margin: -280px auto auto 100px;
}
.outertwo ul.hc_outer li:nth-of-type(11) img{
    position: absolute;
    left: -55px;
}


/*33333*/

.outerthree ul.hc_outer li:nth-of-type(1) {
    margin:0 auto auto 100px;
}
.outerthree ul.hc_outer li:nth-of-type(2) {
    margin: 60px auto 0 150px;

}
.outerthree ul.hc_outer li.hc_box:nth-of-type(2) .hc_yeartext {
    position: absolute;
    left: 0px;
    top: 90px;
}


.outerthree ul.hc_outer li.hc_box:nth-of-type(2) .hc_yeartexttwo{
    position: absolute!important;
    left: 450px;
    top: 90px;

}
.outerthree ul.hc_outer li:nth-of-type(3) {
    margin: 310px auto auto 0px;
}
.outerthree ul.hc_outer li:nth-of-type(4) {
    margin: -260px 90px auto auto;
}
.outerthree ul.hc_outer li:nth-of-type(5) {
    margin: -45px auto auto 50px;
}
.outerthree ul.hc_outer li:nth-of-type(6) {
    margin: -290px 110px auto auto;
}
.outerthree ul.hc_outer li:nth-of-type(7) {
    margin: 80px 250px auto auto;
}
.outerthree ul.hc_outer li:nth-of-type(7) img{
    position: absolute;
    left: -350px;
    bottom: -50px;
}
.outerthree ul.hc_outer li:nth-of-type(8) {
    margin: 70px auto auto 140px;
}
.outerthree ul.hc_outer li:nth-of-type(8) img{
    position: absolute;
    left: 420px;
    top: -20px;
}
.outerthree ul.hc_outer li:nth-of-type(9) {
    margin: 100px auto auto 0px;
}

.outerthree ul.hc_outer li.hc_box:nth-of-type(9) .hc_yeartexttwo{
    position: absolute!important;
    left: 450px;
    top: 80px;

}

.outerthree ul.hc_outer li:nth-of-type(10) {
    margin: 65px 100px auto auto;
}

.outerthree ul.hc_outer li:nth-of-type(10) img{
    position: absolute;
    left: -550px;
    top: -20px;
}

.outerthree ul.hc_outer li:nth-of-type(11) {
    margin: 260px auto auto 80px;
}

.outerthree ul.hc_outer li:nth-of-type(11) img{
    position: absolute;
    left: 370px;
    top: -20px;
}


/*44444*/

.outerfour ul.hc_outer li:nth-of-type(1) {
    margin:80px auto auto 110px;
}
.outerfour ul.hc_outer li:nth-of-type(1) img{
    position: absolute;
    top: -20px;
    left: 450px;
}
.outerfour ul.hc_outer li:nth-of-type(2) {
    margin: 80px auto 0 0;

}
.outerfour ul.hc_outer li:nth-of-type(2) img{
    position: absolute;
    top: -20px;
    left: 350px;

}
.outerfour ul.hc_outer li:nth-of-type(3) {
    margin: 80px auto auto 100px;
}

.outerfour ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartext {
    position: absolute;
    left: 460px;
    top: 0px;
}


.outerfour ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartexttwo{
    position: absolute!important;
    left: 0px;
    top: 120px;

}
.outerfour ul.hc_outer li:nth-of-type(4) {
    margin: 630px 430px auto auto;
}
.outerfour ul.hc_outer li:nth-of-type(4) img{
    position: absolute;
    bottom: -50px;
    left: 340px;
    /* width: 300px; */
}
.outerfour ul.hc_outer li:nth-of-type(5) {
    margin: 140px -10px auto auto;
}
.outerfour ul.hc_outer li:nth-of-type(5) img{
    position: absolute;
    top: -40px;
    left: -610px;
    /* width: 300px; */
}



@media only screen and (max-width: 768px) {
    .h_yearbox {
        padding-top: 70px;
        color: #ffffff;
        text-align: left;
    }
    .history_bn {
        justify-content: flex-start;
        width: 100%;
        align-items: center;
        margin-bottom: 50px;
        flex-wrap: wrap;
    }
    .history_bn li {
        background: #f5f5f5;
        margin-right: 3px;
        flex: 0 1 48%;
        margin-bottom: 3px;
    }
    .history_bn li:nth-child(2n){
        margin-right: 0;
    }
    .history_bn li a{font-size: 14px;
        height: auto;
    }
    .history_bn li a span {
        margin-top: 0px;
    }

    .history_inner {
        position: relative;
        width: 88%;
        margin: 0 auto;
    }

    .history_head_one{
        background: url(./assets/img/hi_a_bg_mb.jpg) no-repeat center top;
        height: 500px;
        margin-bottom: 0px;
        background-size: cover;
    }
    .history_head_two{
        background: url(./assets/img/hi_b_bg_mb.jpg) no-repeat center top;
        height: 500px;
        margin-bottom: 0px;
        background-size: cover;
    }
    .history_head_three{
        background: url(./assets/img/hi_c_bg_mb.jpg) no-repeat center top;
        height: 410px;
        margin-bottom: 0px;
        background-size: cover;
    }
    .history_head_four{
        background: url(./assets/img/hi_d_bg_mb.jpg) no-repeat center top;
        height: 540px;
        margin-bottom: 0px;
        background-size: cover;
    }
    .history_head_five{
        background: url(./assets/img/hi_e_bg_mb.jpg) no-repeat center top;
        height: 430px;
        margin-bottom: 0px;
        background-size: cover;
    }

    .outerone .history_inner, .outertwo .history_inner, .outerthree .history_inner, .outerfour .history_inner, .outerfive .history_inner{
        background: none;
    }
    .outerone, .outertwo, .outerthree, .outerfour, .outerfive{
        background: none;
        background: url(./assets/img/hi_border_mb.jpg) repeat-y;
        background-position: 32px top;

    }

    .history_head_five .history_img {
        position: absolute;
        top: 300px;
        right: 0px;
    }

    ul.hc_outer{display: block;}

    .outerone ul.hc_outer li:nth-of-type(1),.outerone ul.hc_outer li:nth-of-type(2),.outerone ul.hc_outer li:nth-of-type(3),.outerone ul.hc_outer li:nth-of-type(4),.outerone ul.hc_outer li:nth-of-type(5),.outerone ul.hc_outer li:nth-of-type(6),.outerone ul.hc_outer li:nth-of-type(7),.outerone ul.hc_outer li:nth-of-type(8),.outertwo ul.hc_outer li:nth-of-type(1),.outertwo ul.hc_outer li:nth-of-type(2),.outertwo ul.hc_outer li:nth-of-type(3),.outertwo ul.hc_outer li:nth-of-type(4),.outertwo ul.hc_outer li:nth-of-type(5),.outertwo ul.hc_outer li:nth-of-type(6),.outertwo ul.hc_outer li:nth-of-type(7),.outertwo ul.hc_outer li:nth-of-type(8),.outertwo ul.hc_outer li:nth-of-type(1),.outertwo ul.hc_outer li:nth-of-type(9),.outertwo ul.hc_outer li:nth-of-type(10),.outertwo ul.hc_outer li:nth-of-type(11),.outerthree ul.hc_outer li:nth-of-type(1),.outerthree ul.hc_outer li:nth-of-type(2),.outerthree ul.hc_outer li:nth-of-type(3),.outerthree ul.hc_outer li:nth-of-type(4),.outerthree ul.hc_outer li:nth-of-type(5),.outerthree ul.hc_outer li:nth-of-type(6),.outerthree ul.hc_outer li:nth-of-type(7),.outerthree ul.hc_outer li:nth-of-type(8),.outerthree ul.hc_outer li:nth-of-type(1),.outerthree ul.hc_outer li:nth-of-type(9),.outerthree ul.hc_outer li:nth-of-type(10),.outerthree ul.hc_outer li:nth-of-type(11), .outerfour ul.hc_outer li:nth-of-type(1),.outerfour ul.hc_outer li:nth-of-type(2),.outerfour ul.hc_outer li:nth-of-type(3),.outerfour ul.hc_outer li:nth-of-type(4),.outerfour ul.hc_outer li:nth-of-type(5),.outerfive ul.hc_outer li:nth-of-type(1){
        margin:0 0 40px 0px;
}

    ul.hc_outer li:last-child{margin-bottom: 0!important;}
    .outertwo ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartext,.outertwo ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartexttwo{
    position: relative!important;
    }
    .hc_box .hc_yeartext,
    .hc_box .hc_yeartexttwo,
    .hc_box .wide,
    .hc_box .semiwide,
    .hc_box .narrow{width: 84%;
        font-size: 14px;
        padding-left: 55px;
    }

        .hc_box h4 {
            color: #f08200;
            font-weight: 600;
            font-size: 32px;
            margin-bottom: 10px;
            letter-spacing: 0.1em;
            background: url(./assets/img/hi_pon.png) no-repeat;
            background-position: 0 5px;
            padding-left: 55px;
            background-size: 40px 20px;
    }
    .hc_box .hc_jyear {
        font-style: 14px;
        color: #999999;
        margin-bottom: 10px;
        display: block;
        padding-left: 55px;
    }

    .history_img {
        position: relative;
        top: 0px;
        right: 0px;
        width: 60%;
        /* right: 0; */
        /* text-align: right; */
        margin-left: auto;
    }
    .h_yearbox .year {
        font-size: 60px;
        font-weight: bold;
        display: block;
        margin-bottom: 20px;
    }
    .h_yearbox .jyear {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .h_yearbox .yeartext {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .outerone {
        padding: 120px 0 40px;
    }
    .outertwo {
        padding: 110px 0 40px;
    }
    .outerthree {
        padding: 110px 0 40px;
    }
    .outerfour {
        padding: 110px 0 40px;
    }
    .outerfive {
        padding: 110px 0 80px;
    }


    ul.hc_outer li img{
        position: relative!important;
        left: 55px!important;right: auto!important;top: auto!important;bottom: auto!important;
  }


    .outertwo ul.hc_outer li.hc_box:nth-of-type(3) .hc_box_inner .hc_yeartexttwo,    .outertwo ul.hc_outer li.hc_box:nth-of-type(3) .hc_box_inner .hc_yeartext,.outerthree ul.hc_outer li.hc_box:nth-of-type(2) .hc_yeartext,.outerthree ul.hc_outer li.hc_box:nth-of-type(2) .hc_yeartexttwo,.outerthree ul.hc_outer li.hc_box:nth-of-type(9) .hc_yeartexttwo,.outerfour ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartext,.outerfour ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartexttwo{
        position: relative!important;
        left: auto!important;right: auto!important;top: auto!important;bottom: auto!important;
        width: auto!important;

    }
    .hc_box .hc_yeartext img,
    .hc_box .hc_yeartexttwo img{
        left: 0!important;

    }

    .outertwo ul.hc_outer li.hc_box:nth-of-type(3) .hc_box_inner .hc_yeartexttwo,    .outertwo ul.hc_outer li.hc_box:nth-of-type(3) .hc_box_inner .hc_yeartext,.outerthree ul.hc_outer li.hc_box:nth-of-type(2) .hc_yeartext,.outerthree ul.hc_outer li.hc_box:nth-of-type(2) .hc_yeartexttwo,.outerthree ul.hc_outer li.hc_box:nth-of-type(9) .hc_yeartexttwo,.outerfour ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartext,.outerfour ul.hc_outer li.hc_box:nth-of-type(3) .hc_yeartexttwo{
        position: relative!important;
    }


    .outerone ul.hc_outer li:nth-of-type(2) img {

        width: 40%;
    }
    .outertwo ul.hc_outer li:nth-of-type(2) img {

        width: 70%;
    }
    .outertwo ul.hc_outer li:nth-of-type(3) img {

        width: 55%;
    }
    .outertwo ul.hc_outer li:nth-of-type(4) img {

        width: 75%;
    }
    .outertwo ul.hc_outer li:nth-of-type(5) img {

        width: 55%;
    }
    .outertwo ul.hc_outer li:nth-of-type(6) img {

        width: 55%;
    }
    .outertwo ul.hc_outer li:nth-of-type(8) img {

        width: 75%;
    }
    .outertwo ul.hc_outer li:nth-of-type(9) img {

        width: 75%;
    }
    .outertwo ul.hc_outer li:nth-of-type(10) img {

        width: 55%;
    }
    .outerthree ul.hc_outer li:nth-of-type(2) img {

        width: 70%;
    }
    .outerthree ul.hc_outer li:nth-of-type(4) img ,.outerthree ul.hc_outer li:nth-of-type(5) img ,.outerthree ul.hc_outer li:nth-of-type(6) img,.outerthree ul.hc_outer li:nth-of-type(8) img,.outerthree ul.hc_outer li:nth-of-type(9) img {

        width: 70%;
    }
    .outerthree ul.hc_outer li:nth-of-type(7) img {
        width: 45%;

    }
    .outerthree ul.hc_outer li:nth-of-type(9) .hc_yeartexttwo img{
        width: 45%;
    }
    .outerthree ul.hc_outer li:nth-of-type(10) img {
        width: 70%;

    }
    .outerfour ul.hc_outer li:nth-of-type(1) img {

        width: 50%;
    }
    .outerfour ul.hc_outer li:nth-of-type(3) img {

        width: 70%;
    }
    .outerfour ul.hc_outer li:nth-of-type(4) img {

        width: 70%;
    }

}






/*
.header-wrap.pc_only{
display: none!important;
}
.zdo_drawer_button.mb_only, .drawer-nav.mb_only, #inner-header.mb_only{
display: block!important;
}
*/

.zdo_drawer_menux{

}

.btn-search  {

    cursor: pointer;
    /* transition: 0.3s; */
    position: fixed;
    /* margin: 0 auto; */
    /* display: -webkit-flex; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    right: 30px;
    bottom: 30px;

    width: 120px;
    height: 120px;
    text-align: center;
}
.btn_open_inner {
    background: #e41332;
    border-radius: 50%;
    width: 120px;
    height: 120px;

}
.btn_close_inner {
    display: none!important;
    position: fixed;
    margin: 0;

}
    #drawer-checkboxx:checked ~ .btn_close_inner {




}
.btn_close_inner img {
    width: 60px;
    height: 60px;

}
.btn-search .btn_open_inner:hover{opacity: 0.8;}

.btn_open_inner img{display: block;
    display: block;
    margin: 20px auto 0;
    font-size: 15px;
    padding-top: 20px;
}
.btn_open_inner span.btn-search__text{font-weight: 600;
    color: #ffffff;}


#drawer-checkboxx {
    display: none;
}
#drawer-iconx {
    cursor: pointer;
    width: 100%;
    margin-right: 0;
}


#drawer-checkboxx:checked ~ .btn-search {

z-index: 9999999;
}
#drawer-contentx {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: #e41332;
    transition: all 0.3s ease-in-out 0s;
    transform: translate(100% , 100%);
}
#drawer-checkboxx:checked ~ #drawer-contentx {
    transform: translateX(0);
}

#drawer-checkboxx:checked ~ .btn-search .btn_open_inner{display: none!important;}

#drawer-checkboxx:checked ~ .btn-search .btn_close_inner{display: block!important;
    opacity: 1;
    z-index: 99999999!important;

}
#drawer-checkboxx:checked ~ .btn-search{
z-index: 999999;
right: 30px;
top: 30px;
bottom: auto;
background: none;
border-radius: 0;
width: 60px;
height: 60px;
}

@media only screen and (max-width: 768px) {

    .btn_open_inner  {width: 100px;height: 100px;}
    .btn_open_inner img{
        width: 55px;
        margin: 25px auto 0 23px;
        }
    .btn_open_inner span.btn-search__text {

        font-weight: 500;
        color: #ffffff;
        font-size: 80%;
        margin-left: 0px;

    }

    #drawer-checkboxx:checked ~ .btn-search{
        z-index: 999999;
        right: auto;
        left: 50%;
        top: auto;
        bottom: 30px;
        background: none;
        border-radius: 0;
        width: 60px;
        height: 60px;
        transform: translateX(-50%);
        position: fixed;
    }
    .btn-search {

        bottom: 20px;
        right: 0;

    }




}


.drawer-navs .d_inner{
    width: 90%;margin: 80px;


}
@media only screen and (max-width: 768px) {

    .drawer-navs .d_inner{
width: 88%;
margin: 40px auto 20px;
}
}
/*たぶ*/


.tabs3 {

    padding-bottom: 40px;

    width: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.tab_header3{

    width: 100%;
    margin: 0px auto 0;
}

/*タブのスタイル*/
.ChangeElem_Btn_Content3{
    display: flex;
    justify-content: flex-start;

}
 .ChangeElem_Btn3 {
     width: 390px;
     cursor: pointer;
     text-align: center;
     font-weight: bold;
     transition: all 0.2s ease;
     font-size: 17px;
     padding: 20px 20px;
     line-height: 1.5em;
     transition: 0.3s;
     box-sizing: border-box;
     background: none;
     border: none;
     position: relative;
     background: #c4c4c4;
     color: #ffffff;
     margin-right: 12px;
     height: 70px;
}


.ChangeElem_Btn3:nth-child(1):before{

    content: "";
    display: inline-block;
    width: 27px;
    height: 17px;
    background: url(./assets/img/top/tti01_w.svg) no-repeat;
    background-size: 25px 15px;
    background-position: 0px 3px;
    padding-left: 4px;
}

.ChangeElem_Btn3:nth-child(1).is-active:before, .ChangeElem_Btn3:nth-child(1):hover:before{


    background: url(./assets/img/top/tti01.svg) no-repeat;
    background-size: 25px 15px;
    background-position: 0px 3px;

}
.ChangeElem_Btn3:nth-child(1).is-active, .ChangeElem_Btn3:nth-child(1):hover{

    color: #e41332;
    background: #ffffff;

}
.ChangeElem_Btn3:nth-child(2).is-active, .ChangeElem_Btn3:nth-child(2):hover{
    color: #f18c34;

    background: #ffffff;
}
.ChangeElem_Btn3:nth-child(3).is-active, .ChangeElem_Btn3:nth-child(3):hover{
    color: #4363be;
    background: #ffffff;
}
.ChangeElem_Btn3.is-active{
    border-top: 2px solid #312f2d;
    border-left: 2px solid #312f2d;
    border-right: 2px solid #312f2d;

}
.ChangeElem_Btn3.is-active:after{
    border-bottom: 2px s0lid #ffffff;
}

.tab_item3{
    border: 2px solid #312f2d;
    background: #ffffff;
    padding: 60px 60px 20px;
    box-sizing: border-box;
}

/*商品ラインナップ*/
.z_lineup {display: flex;
justify-content: space-between;
flex-wrap: wrap;}

.z_lineup li{
    flex-basis: 23%;

}
.w_lineup {display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}

.w_lineup div{
    flex-basis: 23%;

}

dl.z_head{
    display: flex;
    border: 2px solid #312f2d;
}
dl.z_head dt{background: #ffffff;
    border-right: 2px solid #312f2d;}
dl.z_head dd{
    background: #fffaee;
    font-size: 18px;
    color: #312f2d;
    width: 100%;
    text-align: left;
    padding: 20px;
    box-sizing: border-box;

}
dl.z_head dd.twin{
    padding: 8px 20px;
    line-height: 1.5em;
}

div.z_text{margin: 20px 0 40px;}
div.z_text a{
    display: block;
    background: url(./assets/img/common/z_right_ci.png)no-repeat;
    background-size: 12px 9px;
    background-position: left center;
    padding-left: 20px;
    margin-left: 5px;
    text-align: left;
    font-size: 14px;
    color: #312f2d;
}
div.z_text a:hover{
    color: #fe0032;

}






div.w_inner{
margin-bottom: 30px;
    text-align: left;
}
div.w_inner img{margin-bottom: 0px;}

div.w_inner  a{
    color: #312f2d;font-weight: 600;
}
div.w_inner  a:hover{
    color: #fe0032;

}
div.w_inner  p{

}

.ChangeElem_Panel3 .wordbox{
    padding: 300px 19%;
    box-sizing: border-box;
    border: none;
}

.ChangeElem_Panel3 #sbox1,.ChangeElem_Panel3 #sbtn1{
    height: 100px;
}
.ChangeElem_Panel3 .wordsearch {
    width: 100%;
    margin: 0 auto;
    height: 100px;
}


@media only screen and (max-width: 768px) {

.ChangeElem_Btn3 {
    width: auto;

    font-size: 12px;

    margin-right: 0;
    height: 70px;
    flex-basis: 32%;
    padding: 10px;
    }
    .ChangeElem_Btn_Content3 {
        display: flex;
        justify-content: space-between;
    }
    .ChangeElem_Btn3 i{display: block;
        margin-bottom: 5px;
    }

    .ChangeElem_Btn3:nth-child(1):before{
        display: block;
        width: 100%;
    }
    .ChangeElem_Btn3:nth-child(1):before,
    .ChangeElem_Btn3:nth-child(1).is-active:before, .ChangeElem_Btn3:nth-child(1):hover:before
    {
        background-position: 50% 0px;
    }
    .tab_item3 {
        border: 2px solid #312f2d;
        background: #ffffff;
        padding: 20px 20px 0px;
        box-sizing: border-box;
    }
    .z_lineup {
        display: block;
    }
    dl.z_head dt img{width: 60px;}
    dl.z_head dd {
        font-size: 16px;
        width: 100%;
        text-align: left;
        padding: 0 20px;
        box-sizing: border-box;
        line-height: 58px;

    }
    div.z_text {
        margin: 20px 0 20px;
    }
    .w_lineup div{
        flex-basis: 48%;

    }

    .w_lineup div img {
        max-width: 100%;
        width: 100%;
    }
    div.w_inner {
        margin-bottom: 10px;
    }
    div.w_inner p {font-size: 12px;
    }

    .ChangeElem_Panel3 .wordbox {
        padding: 40px 0px;
        box-sizing: border-box;
        border: none;
    }

    .ChangeElem_Panel3 .wordbox h3 {
        font-size: 16px;
        line-height: 1.5em;
        margin-bottom: 20px;
    }
    .ChangeElem_Panel3 #sbox1, .ChangeElem_Panel3 #sbtn1 {
        height: 50px;
    }
    .ChangeElem_Panel3 #sbtn1 i {
        margin-right: 0px;
        font-size: 100%;
    }
}

/* //　部材購入 追加　20191223 ======================== */

.buzai_products{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 50px;
}

.buzai_item{
  width: 380px;
  background-color: #fff;
  padding-top: 30px;
  margin-bottom: 30px;
}
.buzai_item:not(:nth-of-type(3n)){
  margin-right: 30px;
}

.buzai_item__photo{
  text-align: center;
}
.buzai_item__lbl{
  font-weight: 600;
  padding-bottom: 25px;
}
.buzai_item__lbl__name{
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.buzai_item__lbl__pn{
  font-size: 15px;
  color: #ab7137;
  line-height: 1.47;
}

.buzai_item__type{}
.buzai_item__type_list{
  border-top: 1px solid #ddd;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  text-align: left;
}
.buzai_item__type_list__box{
  position: relative;
  padding-left: 50px;
  line-height: 1.4;
}

.buzai_item__type_list input[type="checkbox"]{ display: none; }
.buzai_item__type_list input[type="checkbox"] + label{
  font-size: 15px;
  font-weight: 600;
}
.buzai_item__type_list input[type="checkbox"] + label::before{
  content: '';
  background: #f5f5f5;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.buzai_item__type_list input[type="checkbox"] + label::after{
  content: '\f00c';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 30px;
  /* color: #e41332; */
  color: #999;
  /* opacity: 0; */
  text-align: center;
}
.buzai_item__type_list input[type="checkbox"]:checked + label::after{
  /* opacity: 1; */
  color: #e41332;
}
.buzai_item__type_list .kakaku{
  font-size: 13px;
}
.buzai_item__type_list__select{
  position: relative;
}
.buzai_item__type_list__select::after{
  content: '';
  width: 0;
  height: 0;
  display: block;
  border-width: 7px 4px;
  border-color: #999 transparent transparent;
  border-style: solid;

  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-25%);
}
.buzai_item__type_list select{
  width: 70px;
  height: 40px;
  padding: 0 15px;
}
.buzai_item__type_list select:disabled {
  color: #ccc;
}


.calculateButton-wrap{
  margin-bottom: 60px;
}
.calculateButton{
  width: 500px;
  height: 80px;
  background: #e41332;

  border: 2px solid #e41332;

  font-size: 20px;
  font-weight: 600;
  color: #fff;
  transition: .2s;
}
@media only screen and (min-width: 768px){
  .calculateButton:hover{
    background-color: #fff;
    color: #e41332;
    cursor: pointer;
  }
}

.result__box{ margin-bottom: 20px; display: none; }
.loading{}

table.result{
  width: 100%;
  border: 1px solid #ddd;

}
table.result.pc{display: table !important;}
table.result tr{}
table.result th, table.result td{
  font-size: 15px;
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 10px 19px;
}
table.result th{
  text-align: center;
  font-weight: 600;
  background-color: #f5f5f5;
}
table.result td{}
table.result td .flexblock{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  text-align: left;
}
table.result td .result_img{
  margin-right: 20px;
}
table.result td .result_lbl{
  line-height: 1.73;
}
table.result td .result_lbl_name{
  font-weight: 600;
}
table.result td .result_lbl_pn{
  color: #ab7137;
}

table.result td:nth-of-type(1){}
table.result td:nth-of-type(2){}
table.result td:nth-of-type(3),
table.result td:nth-of-type(4),
table.result td:nth-of-type(5){ text-align: right; }

table.result td img{
  width: 80px;
  height: 80px;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit: contain; object-position: center;";
}
.breakdown{
  width: 322px;
  margin-left: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 0;
  font-size: 15px;
}
.breakdown_dt,
.breakdown_dd{
  width: 50%;
  font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial,serif;
}
.breakdown_dd{
  text-align: right;
  font-weight: 600;
}

.totalfee{
  background-color: #f5f5f5;
  text-align: right;
  padding: 20px;
  font-size: 20px;
  font-weight: 600;

  font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial,serif;
}

.mw_wp_form_confirm .totalfee{
  margin-bottom: 50px;
}

.redline{
  border: 2px solid #e41332;
  padding: 20px 30px;
  text-align: left;
  margin-bottom: 50px;
}
.redline .indent li{
  text-indent: -1em;
  margin-left: 1em;
}

#hello{
  padding: 60px 40px;
  width: 1000px;
}
#hello .hello_title{
  font-size: 26px;
  font-weight: 600;
  color: #ab7137;
  margin-bottom: 20px;
  text-align: center;
}
#hello p{ font-size: 15px; text-align: center; }
#hello .grayback{
  padding: 0;
}
#hello h4{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 22px;
  text-align: center;
}

#hello .hello_list{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#hello .hello_list_box{
  width: 25%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;

  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  padding: 8px 18px;
  box-sizing: border-box;

  font-size: 15px;
}
#hello .hello_list_dt{}
#hello .hello_list_dd{
  text-align: right;
}

@media only screen and (max-width: 768px) {
  /* .buzai_block .s_block ol li span{
    display: block;
  } */

  .buzai_item:not(:nth-of-type(3n)){
    margin-right: 0;
  }

  .calculateButton-wrap{margin-bottom: 40px;}
  .calculateButton{
    width: 100%;
    height: 70px;
    font-size: 18px;
  }
  table.result.pc{ display: none !important; }
  table.result.sp{ display: table !important; }

  table.result.sp .result_lbl{
    font-size: 14px;
  }
  table.result.sp td img{
    width: 40px;
    height: 40px;
  }

  table.result.sp .flexblock_dl{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  table.result.sp .flexblock_dt,
  table.result.sp .flexblock_dd{

    font-size: 12px;
    line-height: 2.08;
  }
  table.result.sp .flexblock_dt{
    text-align: left;
    font-weight: 600;
    width: 40%;
  }
  table.result.sp .flexblock_dd{
    text-align: right;
    width: 60%;
  }

  .breakdown{
    width: 69.61%;
    font-size: 14px;
  }
  .totalfee{
    font-size: 18px;
  }
  .redline{
    padding: 10px 15px;
    margin-bottom: 20px;
  }
  .redline .indent li{
    text-indent: -1em;
    margin-left: 1em;
  }

  .buzai_block .formItem.name .iteml input[type=text][name=zip]{
    width: 100px;
  }
  .buzai_block .half input[type=text]{
    width: 100% !important;
  }

  .mw_wp_form_confirm .redline,
  .mw_wp_form_confirm .centertext{display: none;}



  #hello{
    padding: 30px 0;
    width: 89.33%;
  }
  #hello .hello_title{
    font-size: 22px;
  }
  #hello p{ font-size: 14px; width: 88.06%; margin: 0 auto; }
  #hello .grayback{
    padding: 0;
  }
  #hello h4{
    font-size: 16px;
    margin-bottom: 10px;
  }

  #hello .hello_list{
    display: block;
    width: 88.06%;
    margin: 0 auto;
  }
  #hello .hello_list_box{
    width: 100%;

    padding: 8px 18px;
    font-size: 14px;
  }
}

/* //　部材購入 追加　20191223 ======================== */