@charset "utf-8";

/*
Theme Name: Asai
Author: FAGICA
Description: Asai
Version: 1.0
*/

/*Common*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 14px;
    min-width: 1120px;
    color: #42836F;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

a {
    text-decoration: none !important;
    color: inherit;
}

a:hover,
button:hover,
input[type="submit"]:hover,
a img:hover {
    opacity: 0.85;
}

.container {
    width: 1120px;
    padding: 0;
}
hr{
    border-top: 2px solid #eee;
}
.text-9 {
    font-size: 9px;
}

.text-10 {
    font-size: 10px;
}

.text-11 {
    font-size: 11px;
}

.text-12 {
    font-size: 12px;
}

.text-13 {
    font-size: 13px;
}
.text-13_black {
    font-size: 13px;
    color: black;
}
.text-13_eigyo {
    font-size: 13px;
    color: black;
    letter-spacing: 0.2em;
}
.text-14 {
    font-size: 14px;
}
.text-14_qu_sei {
    letter-spacing: 0.1em;
    line-height: 1.8em;
}
.text-15 {
    font-size: 15px;
}

.text-16 {
    font-size: 16px;
}
.text-16_black {
    font-size: 16px;
    color: black;
}
.text-16_10y {
    font-size: 16px;
    margin-bottom: 14px;
}


.text-17 {
    font-size: 17px;
}

.text-18 {
    font-size: 18px;
}

.text-19 {
    font-size: 19px;
}

.text-20 {
    font-size: 20px;
}
.text-20_tel {
    font-size: 20px;
    color: black;
    letter-spacing: 0.1em;
    margin-top: 5px;
}
.text-21 {
    font-size: 21px;
}
.text-21_qua {
    font-size: 21px;
    letter-spacing: 0.12em;
    color: black;
    font-weight: 200;
}
.text-27{
    font-size: 27px;
}
.bold{
    font-weight: bold;
}
.b500{
        font-weight: 500;
}
.text-22 {
    font-size: 22px;
}
.text-22_black {
    font-size: 22px;
    color: black;
}

.text-23 {
    font-size: 23px;
}
.text-23_bold {
    font-size: 23px;
    font-weight: bold;
}

.text-24 {
    font-size: 24px;
}

.text-25 {
    font-size: 25px;
}

.text-26 {
    font-size: 26px;
}

.text-31 {
    font-size: 31px;
    letter-spacing: 0.07em;
}

.text-32 {
    font-size: 32px;
}

.text-36 {
    font-size: 36px;
}

.text-44 {
    font-size: 44px;
}

.text-48 {
    font-size: 48px;
}

.text-56 {
    font-size: 56px;
}

.text-64 {
    font-size: 64px;
}

.row {
    margin: 0;
}

.light-green {
    color: #6FAE97;
}

.light-red {
    color: #986565;
}
.light-red_qua{
    color: #b81c22;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

.black{
    color: #000;
}

.white{
    color: #ffffff;
}

.purple{
    color: #9e005d;
}

.main {
    /*margin-bottom: 75px;*/
}

.background-white {
    background: white;
}

.background-light-green{
    background: #DCEDED;
}

.center-div {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.hr-asai{
    border-color: #6FAE97;
    margin-top: 0;
    margin-bottom: 0;
}

.relative-pos{
    position: relative;
}

.line-separator hr{
    margin-top: 3px;
}

.text-right-important{
    text-align: right !important;
}


/*Header*/
.header-top-1{
    opacity: 0.5;
    color: #666666;
}

.header-menu{
    margin-top: 20px;
    letter-spacing: 0.06em;
}

.header-wrap-1{
    margin-top: 10px;
    margin-bottom: 7px;
    letter-spacing: 0.2em;
}

.header-wrap-2{
    margin-bottom: 10px;
}

.header-text-1{
    margin-top: 60px;
    letter-spacing: 0.2em;
}

.header-wrap-3{
    height: 55px;
}

.header-menu-item{
    margin-left: 15px;
}
.page_title{
    letter-spacing: 0.1em;
    font-size: 15px;
    margin-top: 50px;
}
.index-blog-wrap{
    /*background-color: #efefef;*/
}
.header-logo{
    float: left;
}
.header-logo_rfo{
    float: right;
}
/*Footer*/
.footer-0{
    width: auto;
    margin: 0 auto 55px;
}
.footer-1{
    width: 200px;
    margin: 0 auto 55px;
}

.footer-1 img {
    width: 100%;
}

.footer-2{
    margin-bottom: 25px;
}

.footer-3{
    margin-bottom: 70px;
}

.footer-4{
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #536F56;
    padding: 20px 25px;
    margin-bottom: 40px;
}

.footer-5{
    margin-bottom: 20px;
}

.footer-6{
    margin-bottom: 15px;
}

.blog-right-desc-footer{
    margin-left: auto;
    margin-right: auto;
}

/*TOP*/
.index-main-img{
    /*margin-bottom: 115px;*/
    /*position: relative;*/
}
.top_right_br{
    margin-bottom: 10px;
    margin-left: 20px
}
.blog-right-desc2{
    margin-bottom: 20px;
}
.blog-right-desc{
    padding: 20px 22px;
    width: 200px;
    height: 156px;
    background-color: #6FAE97;
    margin-bottom: 20px;
}
.blog-right-line{
    margin-top: 5px;
    margin-bottom: 15px;
}

.index-row-blog{
    width: 617px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
}

.index-blog-wrap{
    padding-top: 75px;
    padding-bottom: 15px;
}

.index-company-wrap{
    background-color: #DCEDED;
    padding-top: 20px;
    padding-bottom: 60px;
    margin-bottom: 100px;
}

.index-company-logo{
    margin-bottom: 50px;
}

.company-item{
    float: left;
    width: 21%;
    margin-right: 2%;
    margin-left: 2%;
    line-height: 1.6em;
letter-spacing: 0.08em;
    color: #666666;
    /*margin-bottom: 65px;*/
}

.company-item-title{
    margin-bottom: 15px;
}

.company-row{
    margin-bottom: 40px;
}

.index-instagram-wrap{
    margin-bottom: 100px;
}

.index-instagram-title{
    margin-bottom: 25px;
}

.clearfix-insta{
    margin-bottom: 40px;
}

.index-instagram-row{
    /*margin-left: -40px;*/
    margin-right: -40px;
}

.col-insta{
    padding-left: 40px;
    padding-right: 40px;
}

.parallax-btn{
    position: absolute;
    bottom:10px;
    /*left: calc(50% - 18px);*/
    width: 100%;
    text-align: center;
}

.parallax-window {
    min-height: 500px;
    background: transparent;
}

.parallax-window-top {
    /*height: calc(100% * 1.5);*/
    min-height: calc(100vw / (1570 / 944));
    background: transparent;
}

.img-full{
    width: 100% !important;
    height: 100% !important;
}

.top-item-img{
    margin-bottom: 15px;
}
.t-link{
    letter-spacing: 0.1em;
    margin-top: 45px;
}

.top-text-1{
    margin-bottom: 10px;
    letter-spacing: 0.1em
}

.top-text-2{
    margin-bottom: 30px;
}

.top-text-3{
    margin-bottom: 10px;
}

.top-text-4{
    margin-bottom: 30px;
}

.top-text-5{
    margin-bottom: 15px;
}
.grid_shojo{
	margin-bottom: 90px;
}
.item1{
	width: 120px;
    margin: 0 auto 75px;
}
.item2{
    margin-right: 22px;
}
.item5{
    margin-left: 22px;
    margin-right: 22px
}
.item5{
    margin-left: 22px; 
}

.item2 img, .item5 img{
	width: 100%;
}
@media only screen and (min-width: 1025px) {
    .item-2-5-wrap{
        text-align: center;
    }

    .item-2-5-wrap .item2, .item5{
        width: 215px;
        display: inline-block;
    }
}

.item3{
    margin: 60px auto;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.6;
}
.item3 p{
	font-weight: bold;
	margin-bottom: 3px;
}
.item4{
	text-align: center;
}
.item4 img{
	margin-bottom: 10px;
}

/*Quality*/
.main-quality{
    margin-bottom: 230px;
    letter-spacing: 0.1em;
}

.quality-img{
    margin-bottom: 50px;
}

.quality-title-wrap{
    margin-bottom: 20px;
}

.quality-wrap{
    /*margin-bottom: 30px;*/
}

.quality-wrap2{
}

.parallax-window-1-wrap{
    padding-top: 25px;
}

.parallax-window-2-wrap{
    padding-top: 30px;
}

.quality-header-wrap{
    padding-top: 54px;
    /*margin-bottom: 25px;*/
}

.quality-text-header-1{
    margin-top: -15px;
    margin-bottom: 70px;
    letter-spacing: 0.2em;
    font-weight: 200;
}

.quality-header-1{
    margin-bottom: 50px;
}

.quality-desc-1{
    margin-bottom: 100px;
}

.quality-desc-2{
    margin-bottom: 40px;
    margin-top: 90px;
    color: #666666;
}

.qty-worker-wrap{
    margin-bottom: 50px;
}

.quality-wrap-green{
    background-color: #DCEDED;
    padding-top: 50px;
    padding-bottom: 90px;
    margin-bottom: 95px;
}

.qty-header-5{
    margin-bottom: 60px;
}

.qty-detail-5-1{
    margin-bottom: 60px;
}

.qty-detail-5-2{
    margin-bottom: 10px;
}

.qty-detail-5-3{
    padding: 33px 10px;
    border-top: 1px solid #42836F;
    border-bottom: 1px solid #42836F;
    max-width: 811px;
    margin-left: auto;
    margin-right: auto;
}

.qty-item-spacing{
    margin-bottom: 10px;
}
.qty-item-t-spacing{
    margin-bottom: 10px;
    font-weight: bold;
}

.qty-row{
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 60px;
    letter-spacing: 0.03em;
}

.qty-quality{
    /*margin-bottom: 15px;*/
}

.qty-row-header{
    margin-bottom: 60px;
}

.qty-img{
    text-align: right !important;
    float: left;
    margin-left: 15%;
}
.qty-desc{
    width: 85%;
}
.qty-text-1{
    margin-bottom: 60px;
    letter-spacing: 0.1em;
}

.qty-border{
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: 0.1em;
}

.qty-worker-img-wrap{
    margin-bottom: 200px;
}
.text-14_qua_sei {
    line-height: 2.0em;
    letter-spacing: 0.06em;
}
.text-45 {
    font-size: 45px;
}

/*Inquiry*/
.main-inquiry{
    margin-bottom: 230px;
    letter-spacing: 0.1em;
}

.inquiry-header-1{
    width: 280px;
    background-color: #DCEDED;
    padding: 15px 20px;
    height: 100px;
    float: left;
}

.inquiry-header-2{
    padding: 20px 20px 10px 10px;
    height: 100px;
    width: 380px;
    float: left;
}

.inquiry-header-wrap{
    border-bottom: 1px solid #6FAE97;
    margin-bottom: 45px;
}

.form-horizontal .control-label {
    text-align: left;
}

label {
    font-weight: normal;
}

.inq-input{
    width: 100%;
    margin-top: 5px;
    border: 1px solid #6FAE97;
	padding: 2px;
    padding-left: 6px;
    letter-spacing: 0.2em;
}

.checkbox-inline {
    margin-right:10px;
}

.inq-padding-right-0{
    padding-right: 0;
}

.inq-padding-left-0{
    padding-left: 0;
}

.inq-input-error{
    border: 1px solid orangered !important;
}

.inq-input-disabled{
    opacity: 0.85 !important;
}
.inq_title{
    margin-bottom: 15px;
    font-size: 15px;
    letter-spacing: 0.1em;
}
.form-group{
    margin-bottom: 20px;
}


/*inquiry result*/
.main-inquiry-result{
    padding-top: 35px;
    margin-bottom: 170px;
}

.inq-result-title{
    margin-bottom: 20px;
}

.inq-result-desc{
    margin-bottom: 40px;
}


/*shitteokitai*/
.main-shitteokitai{
    padding-top: 65px;
    margin-bottom: 40px;
    letter-spacing: 0.1em;
}

.stk-title-1 {
    margin-bottom: 40px;
}

.stk-desc-1{
    margin-bottom: 40px;
}

.stk-img-1{
    margin-bottom: 40px;
}

.stk-img-2{
    margin-bottom: 65px;
}

.stk-title-2{
    margin-bottom: 15px;
    line-height: 1.6em;
}

.stk-desc-2{
    margin-bottom: 35px;
    line-height: 1.6em;
    color: #333333;
}

.stk-item{
    border: solid 1px #42836F;
    border-radius: 3px;
    width: 450px;
    height: 233px;
    padding: 25px 20px 10px 20px;
    margin: 0 10px 30px 10px;
}

.stk-item-header{
    margin-bottom: 20px;
}

.stk-item-desc-1{
    margin-bottom: 10px;
}

.stk-item-telp{
    border-bottom: solid 1px #546e58;
}

.stk-col-first{
    text-align: right;
}

.stk-col-first .stk-item{
    margin-left: auto;
}

.stk-arrow-1{
    position: absolute;
    top: 100px;
    right: -8px;
}

.stk-arrow-2{
    position: absolute;
    top: 228px;
    right: 69px;
}

.row-stk-wrap{
    margin-bottom: 65px;
    color: #333333;
}

.stk-desc-3{
    margin-bottom: 65px;
    color: #333333;
}

.stk-btn-2{
    margin-bottom: 90px;
}

.shitteokitai-desc-1{
    border-bottom: 1px solid #6FAE97;
    padding-bottom: 50px;
    margin-bottom: 150px;
    color: #333333;
    max-width: 914px;
    margin-right: auto;
    margin-left: auto;
}

.stk-title-3{
    margin-bottom: 50px;
}

.stk-desc-4{
    margin-bottom: 50px;
    letter-spacing: 0.08em;
}

.stk-desc-5{
    margin-left: 70px;
    letter-spacing: 0.08em;
}

.stk-desc-5 ul li{
    margin-bottom: 15px;
}

.stk-desc-5 ul{
    list-style: none;
}

.stk-desc-5 ul li:before{
    font-family: 'FontAwesome';
    content: '\f111';
    margin:0 10px 0 -15px;
    position: absolute;
    /*color: #f00;*/
}

.stk-img-3{
    margin-bottom: 100px;
}



/*About*/
.main-about{
    margin-bottom: 150px;
}

.abt-main-img{
    margin-bottom: 55px;
}

.abt-desc-1{
    margin-right: 15px;
    text-align: right;
}
.abt-desc-1-wrap{
    margin-bottom: 40px;
}

.abt-green-bg{
    background-color: #DCEDED;
    padding: 50px 0 110px 0;
    margin-bottom: 165px;
}

.row-abt{
    margin-bottom: 50px;
}

.row-abt .col-xs-3{
    padding-left: 45px;
    padding-right: 45px;
}

.abt-title-2{
    margin-bottom: 25px;
}

.abt-title-2-desc{
    margin-bottom: 70px;
    letter-spacing: 0.1em;
    color: #212121;
}

.abt-title-3{
    margin-bottom: 40px;
}
.blogpic {
	text-align:center;
    margin-bottom: 5px;
}
.blog-img {
	max-width: 100px;
	max-height: 80px;
	text-align: center;
	display: inline-block;
	
}
#about-gyomu {
	padding-bottom: 50px;
    line-height: 1.8;
    letter-spacing: 0.1em;
}
.aisatsu_txt{
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 2em;
    text-align: center;
}
.genba_pic{
    margin-bottom: 10px;
}
.jusseki_txt{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-align: left;
}
.jisseki_name{
    font-weight: 500;
    margin-bottom: 5px;
    color: #000;
}
.jisseki_naiyo{
    line-height: 1.2;
    color: #333333;
}
.jisseki_area {
    width: 215px;
    float: left;
    margin-left: 55px;
}
#map-canvas {
    margin: 0 auto;
    width:360px;
    height:213px
}
.error-check {
	margin: 10px 0 30px 10px;
    background: #dcbcc8;
    padding: 30px;
}
.inq-address {
	width: 70% !important;
}

.about-font-color{
    color: #333333;
}


/*Ekitai*/
.main-ekitai{

}

.ekitai-title{
    margin-bottom: 80px;
}

.ekitai-main-img-1{
    margin-bottom: 60px;
}

.ekitai-btn-wrap{
    margin-bottom: 95px;
}

.ekitai-btn-title{
    color: #42836F;
    margin-bottom: 15px;
}

.ekitai-main-img-2{
    margin-bottom: 115px;
}

.ekitai-main-img-3{
    margin-bottom: 100px;
}

.ekitai-body {
    color: #000000;
    padding: 0 45px;
}

.ekitai-body-ttl-1{
    margin-bottom: 20px;
}

.ekitai-body-ttl-2{
    color: #00ACD4;
    margin-bottom: 30px;
    font-weight: bold;
}

.ekitai-bottom-border {
    border-bottom: 1px solid #6FAE97;
    margin-bottom: 50px;
}

.ekitai-body-desc{
    margin-bottom: 40px;
    color: #666;
}
.text-16.ekitai-item-1-desc {
    color: #666;
}
.ekitai-item-1 {
    width: 432px;
    margin: 0 40px;
}

.ekitai-item-1-wrap {
    margin-bottom: 75px;
}

.ekitai-item-2-ttl{
    text-align: center;
    margin: 0 auto 9vw;
    width: 65vw;
}

.ekitai-item-2-detail-wrap {
    margin-bottom: 150px;
}

.nav-tabs>li>a {
    min-height: 73px;
    margin-right: 0;
    line-height: 1.42857143;
    border-top: 1px solid #42836F !important;
    border-radius: unset;
}

.nav-tabs>li:nth-child(1)>a {
    border-left: 1px solid #42836F !important;
}

.nav-tabs>li:nth-child(6)>a {
    border-right: 1px solid #42836F !important;
}

.tab-content {
    border: 1px solid #42836F;
    padding: 60px;
}

.tab-desc-ttl{
    font-size: 30px;
    color: #42836F;
    margin-bottom: 40px;
}

.tab-desc{
    font-size: 16px;
    margin-bottom: 40px;
    color: #666;
}

.tab-desc-img-wrapper {
    padding: 0 35px 10px;
    margin-bottom: 30px;
}

.tab-desc-img{
    font-size: 15px;
    width: 339px;
    text-align: right;
    margin: 0 33px;
}

.tab-desc-img img {
    margin-bottom: 10px;
}

.tab-dsc-2{
    margin: 0 65px 0;
    width: 752px;
    font-size: 16px;
    color: #666;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #eee;
    /*border: unset;*/
    border-bottom-color: unset;
    border-top: 1px solid #42836F;
}

.nav>li {
    position: relative;
    display: block;
    width: 16.6666%;
    text-align: center;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 20px 0;
}

.nav>li>a>.nav-border {
    position: relative;
    display: flex;
    padding: 20px 0;
    border-right: 1px solid #42836F;
    min-height: 90px;
    align-items: center;
    justify-content: center;
}

.nav>li:nth-child(6)>a>.nav-border {
    border-right-color: transparent;
}