@charset "utf-8";



/* Reset CSS

-------------------------------*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{

    margin:0;

    padding:0;

}

table{

    border-collapse:collapse;

    border-spacing:0;

}

fieldset,img{

    border:0;

}

address,caption,cite,code,dfn,em,strong,th,var{

    font-style:normal;

    font-weight:normal;

}

ul,ol,li{

    list-style:none;

}

caption,th{

    text-align:left;

}

h1,h2,h3,h4,h5,h6{

    font-size:100%;

    font-weight:normal;

}

q:before,q:after{

    content:'';

}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

hr {display:none;}

input,textarea,select{

    font-family:inherit;

    font-size:inherit;

    font-weight:inherit;

    *font-size:100%;

}

*,

*::before,

*::after {

    box-sizing: border-box;

}



/* フルードイメージ */

img{

    max-width:100%;

    height:auto;

    vertical-align: bottom;

    margin:0;

    padding:0;

}



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {display: inline-block;}/*IE7用*/



/* Hides from IE-mac \*/

* html .clearfix { height:1%;}

.clearfix { display:block;}

/* End hide from IE-mac */



.alpha a:hover img {

    opacity: 0.7;

    filter: alpha(opacity=70);

    -ms-filter: "alpha(opacity=70)";

}



/* スムーススクロール　（IE以外） */

html {scroll-behavior: smooth;}



/* layout */

.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

.ar { text-align: right; }

.al { text-align: left; }

.ac { text-align: center; }

.strong{font-weight:bold;}



@font-face {

  font-family: "NSans-B";

  src: url(../fonts/NotoSansJP-Bold.otf) format("opentype");

}

@font-face {

  font-family: "NSans-M";

  src: url(../fonts/NotoSansJP-Medium.otf) format("opentype");

}

@font-face {

  font-family: "NSans-R";

  src: url(../fonts/NotoSansJP-Regular.otf) format("opentype");

}

@font-face {

    font-family: "Acumin-B";

    src: url(../fonts/Acumin-BdPro.otf) format("opentype");

}





/* リンク設定

-------------------------------*/

a {

  outline:none;

    color: #29abe2;

}



a:hover {

  text-decoration: none;

}



a,a:hover,a:hover img {

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  text-decoration: none;

}



a:hover {

  filter: alpha(opacity=80);

  -moz-opacity:0.80;

  opacity:0.80;

}



/* PCで電話リンクしない */

@media(min-width: 768px){

  a[href^="tel:"]{

    pointer-events: none;

      color: #333;

  }

}



.flex{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.f-red{

    color: #ed1e79;

}

.f-blue{

    color: #29abe2;

}







/* Basic setting

-------------------------------*/



body {

    font-family:"NSans-R", "メイリオ", Meiryo, system-ui, -apple-system, BlinkMacSystemFont,"Helvetica Neue", "Hiragino Sans","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic","Arial", "Yu Gothic", "Meiryo",verdana, sans-serif;

    font-size: 16px;

    line-height: 1.8em;

    color: #000;

    -webkit-text-size-adjust: 100%;

}

#wrapper{

    margin:0 auto;

    padding:0;

    width:100%;

    max-width: 2048px;

    overflow:hidden;

    background: url(../images/bg_head_bar.png) left top no-repeat;

}



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

    #wrapper{

        background-position: -30px top;

    }

}



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

    body {

        font-size: 15px;

        line-height: 1.7em;

    }

}







/* ヘッダー

-------------------------------*/

* html #header{height:1%;}

#header{

    padding-top: 10px;

    padding-right: 10px;

    padding-bottom: 10px;

    padding-left: 70px;

}

#header .inner{

    align-items: center;

}

#header .logo{

    width: 28%;

}

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

    #header{

        padding-left: 40px;

    }

    #header .logo{

        width: 70%;

    }



}

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

    #header{

        padding-left: 30px;

    }





}











/* フッター

-------------------------------*/

#footer{

    width: 100%;

    background-color: #000;

    color: #fff;

    padding-top: 40px;

    padding-bottom: 30px;

    margin-top: 100px;

}

#footer a{color: #fff;}

#footer .inner{

    width: 90%;

    max-width: 1200px;

    margin: auto;

    position: relative;

}

.f_in01{

    width: calc(100% - 250px);

    align-items: flex-end;

}



.f_in01 .f_add{

    width: 38%;

}

.f_in01 .f_navi{

    width: 60%;

}



.f_in01 .f_add .c_name{

    font-family: "NSans-B",sans-serif;

    font-size: 22px;

    margin-top: 15px;

    margin-bottom: 15px;

}

.f_in01 .f_add .c_add{

    line-height: 1.4em;

}

.f_in01 .f_navi ul{

    margin-bottom: 30px;

}



.f_in02{

    width: calc(100% - 250px);



    padding-top: 20px;

    border-top: solid 1px #fff;

    margin-top: 30px;

    font-size: 12px;

    line-height: 1.3em;

}

.f_in02 .link a{

    text-decoration: underline;

}

.f_in02 .link a:hover{

    text-decoration: none;

}



.f_insta_qr{

    position: absolute;

    right: 0;

    top: 0;

    

}





/*  ページトップへ */

#pageTop{

	position:fixed;

	bottom:50px;

	right:20px;

}



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

    .f_in01{

        width:100%;

    }



    .f_in01 .f_add{

        width: 100%;

        text-align: center;

        margin-bottom: 30px;

    }

    .f_in01 .f_navi{

        width: 100%;

        text-align: center;

    }

    .f_in02{

        width:100%;

    }

    .f_insta_qr{

        position: static;

        margin-top: 50px;

        text-align:center;

    }

    

}



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

    #footer{

        padding-bottom: 20px;

    }

    .f_in01 .f_add .c_name{

        margin-top: 40px;

        margin-bottom: 15px;

        font-size: 20px;

    }



    .f_in01 .f_navi ul{

        display: none;

    }

    .f_in01 .f_navi .tel{

        width: 80%;

        margin: auto;

    }

    .f_in02{

        text-align: center;

    }

    .f_in02 .link{

        display: none;

    }

    .f_in02 .copy{

        width: 100%;

    }



    #pageTop img{

        width:40px;

        height:auto;

    }

}









/* 共通

-------------------------------*/

.w1060{

    width: 90%;

    max-width: 1060px;

    margin: auto;

}

.w1400{

    width: 90%;

    max-width: 1400px;

    margin: auto;

}

.w1480{

    width: 90%;

    max-width: 1480px;

    margin: auto;

}



.ttlbox{

    width: 100%;

    max-width: 1920px;

    height: 427px;

    margin: 0 auto 100px;

    padding-top: 60px;

}

.ttlbox.bg_contact{

    background-image: url(../images/ttl_img_contact.jpg);

    background-position: 52vw center;

    background-repeat: no-repeat;

}

.ttlbox ._in{

    width: 100%;

    max-width: 1740px;

    padding-left: 70px;

    margin-left: auto;

}

.ttlbox .p_name{

    display: inline-block;

    font-family: "Acumin-B";

    font-size: 70px;

    line-height: 1.2em;

    position: relative;

}

.ttlbox .p_name span{

    font-size: 120px;

    line-height: 1.2em;

}

.ttlbox .p_name .ja{

    position: absolute;

    top: 20px;

    left: 100px;

    font-size: 16px;

    line-height: 1.2em;

}

.ttlbox .p_name .fig{

    position: absolute;

    right: -100px;

    bottom: 0;

}

.ttlbox .p_name .fig img{

    vertical-align: inherit;

}

.ttlbox.bg_info .p_name .ja{

    left: 50px;

}

.ttlbox.bg_info .p_name .fig{

    right: -180px;

    bottom: 20px;

}

.ttlbox .txt{

    width: 100%;

    max-width: 730px;

}

.ttlbox.bg_contact .txt{

    width: 50%;

}

.ttlbox .txt dt{

    margin-bottom: 20px;

}

.ttlbox .txt dd{

    text-indent: -1em;

    margin-left: 1em;

}

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

    .ttlbox.bg_contact{

        background-image: none;

    }

    .ttlbox.bg_contact .txt{

        width: 100%;

    }

}

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

    .ttlbox{

        height: auto;

        margin-bottom: 60px;

        padding-top: 30px;

    }

    .ttlbox ._in{

        padding-left: 40px;

    }

    .ttlbox .p_name{

        font-size: 7.6vw;

        line-height: 1.2em;

    }

    .ttlbox .p_name span{

        font-size: 13vw;

        line-height: 1.2em;

    }

    .ttlbox .p_name .ja{

        top: 2vw;

        left: 10vw;

        font-size: 14px;

        line-height: 1.2em;

    }

    .ttlbox .p_name .fig{

        width: 8vw;

        right: -10vw;

    }

    .ttlbox.bg_info .p_name .ja{

        left: 5vw;

    }

    .ttlbox.bg_info .p_name .fig{

        right: -19vw;

        bottom: 2vw;

        width: 17vw;

    }

    .ttlbox .txt{

        padding-right: 5%;

    }

    .ttlbox .txt br.pc{

        display: none;

    }

}

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

    .ttlbox {

        margin-bottom: 50px;

        padding-top: 20px;

    }

    .ttlbox .p_name{

        margin-bottom: 30px;

    }

    .ttlbox .p_name .ja{

        position: static;

        margin-top: -8px;

    }

}

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

    .ttlbox .p_name .fig{

        display: none;

    }



}















/* HOME

-------------------------------*/



.home #wrapper{

    background: none;

    color: #403125;

}

.home #footer{

    margin-top: 0;

}



.top01{

    background-color: #fff;

    position: relative;

    padding-bottom: 40px;

}

.top01 .txt{

    position: absolute;

    left: 3%;

    top: 100px;

}

.top01 .txt li{

    padding-top: 30px;

    padding-bottom: 30px;

}

.top01 .img{

    width: 1083px;

    margin-left: auto;



}

@media  (min-width:911px) and (max-width:1910px){

    .top01 .txt{

        top: 9vw;

    }

    .top01 .txt li{

        padding-top: 1vw;

        padding-bottom: 1vw;

    }

    .top01 .txt li img{

        width: auto;

        height: 4.45vw;

    }

    .top01 .img{

        width: 56.7vw;

    }

}

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



    .top01{

        padding-top: 40px;

    }

    .top01 .txt{

        position: static;

        padding: 0 5% 5%;

    }

    .top01 .txt li{

        padding-top: 1vw;

        padding-bottom: 1vw;

    }

    .top01 .txt li img{

        width: auto;

        height: 9vw;

    }

    .top01 .img{

        width: 95%;

        margin-left: auto;

    }

}





.top_ttl{

    letter-spacing: 0.2em;

    margin-bottom: 40px;

    position: relative;

    z-index: 3;

}

.top_ttl .ja{

    font-family: "NSans-M",sans-serif;

    font-size: 21px;

    line-height: 1.1em;

    padding-left: 10px;

    border-left: solid 4px #403125;

    margin-bottom: 5px;

}

.top_ttl .en{

    font-family: "Acumin-B","NSans-B",sans-serif;

    font-size: 74px;

    line-height: 1.2em;

}

.top_ttl .maru{

    position: absolute;

    top: -20px;

    left: -70px;

    z-index: -1;

    width: 159px;

    height: 159px;

    background: url(../images/top_ttl_bg_maru.png) no-repeat;

    background-size: cover;

}

.top_ttl_sub{

    font-family: "NSans-M",sans-serif;

    font-size: 34px;

    line-height: 1.3em;

    margin-bottom: 40px;

}



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



    .top_ttl{

        margin-bottom: 30px;

    }

    .top_ttl .ja{

        font-size: 16px;

        line-height: 1.1em;

    }

    .top_ttl .en{

        font-size: 55px;

        line-height: 1.2em;

    }

    .top_ttl .maru{

        position: absolute;

        top: -20px;

        left: -50px;

        width: 120px;

        height: 120px;

    }

    .top_ttl_sub{

        font-size: 26px;

        line-height: 1.3em;

        margin-bottom: 30px;

    }

}

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



    .top_ttl{

        margin-bottom: 20px;

    }

    .top_ttl .ja{

        font-size: 16px;

        line-height: 1.1em;

    }

    .top_ttl .en{

        font-size: 40px;

        line-height: 1.2em;

    }

    .top_ttl .maru{

        position: absolute;

        top: -20px;

        left: -30px;

        width: 100px;

        height: 100px;

    }

    .top_ttl_sub{

        font-size: 20px;

        line-height: 1.3em;

        margin-bottom: 20px;

    }







}























.top02{

    width: 100%;

    background: url(../images/top_bg_obi.jpg);

}

.bg_obi_ue{

    width: 100%;

    height: 12px;

    background: url(../images/bg_w_ue.png) center top repeat-x;

}

.bg_obi_sita{

    width: 100%;

    height: 12px;

    background: url(../images/bg_w_sita.png) center bottom repeat-x;

}

.top02 ._in{

    padding-top: 230px;

    padding-bottom: 100px;

    background: url(../images/top02_kei_nami.png) center center no-repeat;

}



.t-box{

    display: flex;

    justify-content: space-between;

}

.t-box.rev{

    flex-flow: row-reverse;

}

.t-box .txt{

    width: 47%;

    padding-left: 3%;

}

.t-box .img{

    width: 47%;

    text-align: center;

}

.t-box .img div{ 

    position: relative;

}

.top02 .top_ttl .en{

    letter-spacing: 0;

}

.top02 .top_ttl .en span{

    font-size: 130%;

    line-height: 1.2em;

    letter-spacing: 0;

    padding-right: 0.1em;

}



.t-box .txt p{

    margin-bottom: 20px;

}

.top02 .txt .btn{

    margin-top: 40px;

    margin-bottom: 20px;

    width: 207px;

}

.top02 .txt .btn a{

    display: block;

}

.t-box.item01 .img .kei{

    position: absolute;

    top: -309px;

    left: 48%;

}



.t-box.item02 .txt{

    padding-top: 100px;

}



.t-box.item02 li{

    width: 100%;

    background-color: #f2e9d9;

    border: solid 2px #403125;

    border-radius: 80px;

    background-image: url(../images/top02_arrow.png);

    background-position: 95% center;

    background-repeat: no-repeat;

    margin-bottom: 15px;

}



.t-box.item02 ul{

    padding-bottom: 80px;

}

.t-box.item02 li a{

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

.t-box.item02 li .num{

    width: 70px;

    height: 70px;

    border-radius: 35px;

    background-color: #403125;

    color: #fff;

    font-family: "NSans-B",sans-serif;

    font-size: 32px;

    line-height: 1.2em;

    display: flex;

    justify-content: center;

    align-items: center;



}

.t-box.item02 li .cap{

    color: #403125;

    font-size: 18px;

    line-height: 1.2em;

    padding-left: 1em;

}

.t-box.item02 li .cap span{

    display: inline-block;

}



.t-box.item02 .img .kei{

    position: absolute;

    bottom: -309px;

    left: 48%;

}



.top_bana001 {

	margin: 90px auto;

	width: 100%;

	max-width: 1490px;

}







@media (min-width:1001px) and (max-width:1410px){

    .top02 .top_ttl .en{

        font-size: 5.1vw;

        line-height: 1.2em;

    }

}

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

    .top02 ._in{

        padding-top: 16vw;

        padding-bottom: 100px;

    }

    .t-box.item02 ul{

        padding-bottom: 0;

    }



    .t-box.item01 .img .kei{

        top: -21vw;

    }

    .t-box.item01 .img .kei img{

        width: auto;

        height: 21vw;

    }

}

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



    .top02 ._in{

        padding-top: 12vw;

        padding-bottom: 10vw;

        background: none;

    }

    .t-box{

        display: block;

    }

    .t-box .txt{

        width: 100%;

        padding-left: 0;

        margin-bottom: 30px;

    }

    .t-box .img{

        width: 100%;

        text-align: center;

    }

    .t-box .img img{

        max-width: 90%;

        height: auto;

    }

    .t-box.item01 .img .kei{

        display: none;

    }

    

    .t-box.item02 .txt{

        padding-top: 50px;

    }

    .t-box.item02 .img .kei{

        display: none;

    }

}

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



    .top02 .top_ttl .en{

        font-size: 35px;

        line-height: 1.2em;

    }



    .top02 .txt .btn{

        margin: 30px auto;

    }

    .t-box.item02 li .num{

        width: 55px;

        height: 55px;

        border-radius: 27px;

        font-size: 25px;

        line-height: 1.2em;

    }

    .t-box.item02 li .cap{

        font-size: 16px;

        line-height: 1.2em;

    }

	

	.top_bana001 {

		margin: 40px auto;



	}	

	



}













.top03{

    margin-top: 50px;

    margin-bottom: 50px;

}

.top03 ._in{

    display: flex;

    justify-content: space-between;

    flex-flow: row-reverse;

    align-items: center;

}

.top03 .txt{

    width: 47%;

    padding-left: 5%;

}

.top03 .img{

    width: 47%;

    text-align: center;

}

.top03 .top_ttl .maru{

    background-image: url(../images/top_ttl_bg_maru2.png)

}

.top03 .txt .btn{

    margin-top: 40px;

    width: 207px;

}

.top03 .txt .btn a{

    display: block;

}

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

    .top03 ._in{

        display: block;

    }

    .top03 .txt{

        width: 100%;

    }

    .top03 .img{

        width: 90%;

        margin: 40px auto 0;

    }

}

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

    .top03 .txt .btn{

        margin: 30px auto 0;

    }

}









.top04{

    width: 100%;

    background: url(../images/top_bg_obi.jpg);

}

.top04 ._in{

    padding-top: 100px;

    padding-bottom: 100px;

    width: 90%;

    max-width: 510px;

    margin: auto;

}

.top04 .top_ttl{

    text-align: center;

}

.top04 .top_ttl .ja{

    display: inline-block;

}

.top04 .top_ttl .maru{

    top: -40px;

    left: 0;

    width: 100%;

    height: 159px;

    background-position: center;

    background-size: auto 100%;

}

.top04 .top_ttl .img01{

    position: absolute;

    top: -30px;

    left: -80px;

    width: 86px;

    height: 169px;

    background: url(../images/top04_img01.png) no-repeat;

    background-size: auto 100%;

}

.top04 .top_ttl .img02{

    position: absolute;

    top: -30px;

    right: -80px;

    width: 86px;

    height: 169px;

    background: url(../images/top04_img02.png) no-repeat;

    background-size: auto 100%;

}



.top04 .tel{

    text-align: center;

    margin-top: 40px;

    margin-bottom: 40px;

}

.top04 .tel p{

    margin-top: 10px;

}

.top04 .btn{

    width: 80%;

    max-width: 416px;

    margin: 40px auto 0;

}

.top04 .btn a{

    display: block;

}





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

    .top04 ._in{

        padding-top: 80px;

        padding-bottom: 10vw;

    }



    .top04 .top_ttl .maru{

        top: -20px;

        height: 120px;

    }

    .top04 .top_ttl .img01{

        top: -3vw;

        left: 0;

        width: 9.5vw;

        height: 18vw;

    }

    .top04 .top_ttl .img02{

        top: -3vw;

        right: 0;

        width: 9.5vw;

        height: 18vw;

    }

}

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

    .top04 .top_ttl .maru{

        top: -30px;

    }



}







.top05{

    width:95%;

    max-width: 1400px;

    padding: 50px;

    margin: 50px auto;

    background-color: #f8efe3;

    border-radius: 15px;

    position: relative;



}



.top05 .btn_more{

    position: absolute;

    top: 80px;

    right: 50px;

    z-index: 4;

}

.top05 .btn_more a{

    display: inline-block;

    width: 150px;

    padding: 15px 0;

    text-align: center;

    background-color: #403125;

    border-radius: 50px;

    color: #fff;

    

}

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

    .top05{

        padding: 30px;

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .top05 .btn_more{

        position: static;

        text-align: center;

        margin-top: 40px;

    }

    .top05 .btn_more a{

        padding: 10px 0;

    }



}

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

    .top05{

        padding: 30px 20px;

    }

    .top05 .btn_more{

        margin-top: 30px;

    }

    .top05 .btn_more a{

        padding: 8px 0;

    }



}































/* 会社案内

-------------------------------*/

.ttlbox.bg_company{

    height: auto;

}



.c-box{

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-bottom: 200px;

}

.c-box.rev{

    flex-flow: row-reverse;

}

.c-box .txt{

    width: 50%;

}

.c-box .txt ._in{

    width: 787px;

    padding: 0 45px;

    margin-left: auto;

}

.c-box.rev .txt ._in{

    margin-left: 0;

}

.c-box .img{

    width: 50%;

}

.c-box .txt .sub_fig{

    margin-top: 50px;

    margin-bottom: 50px;

    text-align: center;

}

.c-box .txt .sub_fig img{

    max-width: 80%;

    height: auto;

    margin-bottom: 20px;

}

.c-box .txt .name{

    text-align: right;

}

.c-box .txt .name span{

    font-family: "NSans-B",sans-serif;

    font-size: 120%;

}



.c-ttl{

    font-family: "NSans-B",sans-serif;

    font-size: 34px;

    line-height: 1.2em;

    margin-bottom: 50px;

    position: relative;

}

.c-ttl:after{

    position: absolute;

    left: 0;

    bottom: -20px;

    width: 36px;

    height: 2px;

    background-color: #1a1a1a;

    content: "";

}



.com02 .c-box .img{

    text-align: right;

    padding-right: 40px;

}

.c-box .txt .rinen{

    font-size: 28px;

    line-height: 2.2em;

    text-decoration: underline;

    text-decoration-color: #8cc6c4;

    text-underline-offset: 10px;

}

.c-box .txt .rinen span{

    font-family: "NSans-B",sans-serif;

    font-size: 108%;



}

.c-box .txt.bg_logo{

    background: url(../images/bg_logo_symbol.png) 110% bottom no-repeat;

}

.com03{

    margin-bottom: 100px;

}

.gaiyou{

    width: 100%;

    border-top: solid 1px #8cc6c4;

}

.gaiyou tr{

    border-bottom: solid 1px #8cc6c4;

}

.gaiyou th{

    width: 170px;

    padding: 25px;

    font-family: "NSans-B",sans-serif;

}

.gaiyou td{

    width: calc(100% - 170px);

    padding: 25px;

}

.gaiyou td.add br.sp{

    display: none;

}

.gaiyou td.add a.map img{

    vertical-align: middle;

}



.enkaku .gaiyou{

    width: 47%;

}

.enkaku .gaiyou th{

    vertical-align: top;

}



.com04{

    margin-bottom: 100px;

}

.com05{

    margin-bottom: 100px;

}

.csr_list{

    width: 100%;

}

.csr_list .item{

    width: 46%;

    padding-top: 30px;

    border-top: solid 1px #8cc6c4;

    padding-bottom: 20px;

}

.csr_list .item:nth-child(3),

.csr_list .item:nth-child(4){

    border-bottom: solid 1px #8cc6c4;

}





.csr_list .item dt{

    font-size: 155%;

    line-height: 1.5em;

    font-weight: 700;

    text-indent: -1em;

    margin-left: 1em;

}

.csr_list .item dd{

    min-height: 58px;

}

.csr_list .item .img{

    margin-top: 20px;

    text-align: center;

    position: relative;

}

.csr_list .item .img:after{

    position: absolute;

    bottom: 30px;

    left: calc(50% + 200px);

    z-index: 3;

    width: 32px;

    height: 32px;

    background: url(../images/icon_zoom.png) center center no-repeat;

    content: "";

}

.csr_list .item .img.tate:after{

    bottom: 0;

    left: calc(50% + 120px);

}

.csr_list .item .img img{

    width: 100%;

    max-width: 450px;

    height: auto;

}









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



    .c-box{

        margin-bottom: 12.5vw;

    }

    .c-box .txt ._in{

        width: 100%;

        padding: 0 5%;

    }

    .c-box .txt.bg_logo{

        background-size: 25vw auto;

    }

    .com03,

    .com04,

    .com05

    {

        margin-bottom: 12.5vw;

    }



}

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

    .enkaku .gaiyou{

        width: 100%;

    }

    .enkaku .gaiyou:nth-child(2){

        border-top: none;

    }

}

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

    .c-box{

        display: block;

        padding-left: 5%;

        padding-right: 5%;

    }

    .c-box .txt{

        width: 100%;

        margin-bottom: 20px;

    }

    .c-box .txt ._in{

        width: 100%;

        padding: 0;

    }

    .c-box .img{

        width: 100%;

    }



    .com02 .c-box .img{

        text-align: center;

        padding-right: 0;

    }

    .c-box .txt .rinen{

        margin-left: 1em;

        font-size: 20px;

        line-height: 2.2em;

    }

    .c-box .txt.bg_logo{

        background-position: right 10%;

    }

    

    

    .csr_list{

        width: 100%;

        max-width: 700px;

        margin: auto;

    }

    .csr_list .item{

        width: 100%;

    }

    .csr_list .item:nth-child(3),

    .csr_list .item:nth-child(4){

        border-bottom: none;

    }

    .csr_list .item dd{

        min-height: initial;

        min-height: auto;

    }

    .csr_list .item dt{

        font-size: 110%;

        line-height: 1.5em;

    }

    

    

}

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

    .gaiyou td.add br.sp{

        display: inline-block;

    }

    .gaiyou td.add a.map{

        line-height: 3em;

    }



}

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

    .company #wrapper{

        background-position: -30px -250px;

/*        background-position: -30px -200px;*/

    }



    .c-box .txt .sub_fig{

        margin-top: 30px;

        margin-bottom: 30px;

    }



    .c-box .txt .sub_fig p{

        text-align: left;

    }

    .c-ttl{

        font-size: 22px;

        line-height: 1.2em;

        margin-bottom: 30px;

    }

    .c-ttl:after{

        bottom: -10px;

    }

    .c-box .txt .rinen{

        font-size: 18px;

        line-height: 2.2em;

    }



    .c-box .txt.bg_logo{

        background: none;

    }

    .gaiyou th{

        width: 25%;

        padding: 15px 0 ;

    }

    .gaiyou td{

        width: 75%;

        padding: 15px 0 ;

    }

    .gaiyou td.add span{

        display: block;

    }

    

    .csr_list .item .img:after{

        left:auto;

        right: 0;

    }

    .csr_list .item .img.tate:after{

        left:auto;

        right: 0;

    }

}

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

    .gaiyou th{

        display: inline-block;

        width: 100%;

        padding-bottom: 0;

    }

    .gaiyou td{

        display: inline-block;

        width: 100%;

        padding-left: 15px;

    }

    .gaiyou tr.row{

        border-bottom-style: dashed;

    }



}













































/*事業案内

-------------------------------*/



.biz01{

    margin-top: -450px;

}



.biz01 .c-box{

    align-items: flex-end;

}

.biz01 .c-box .img{

    padding-right: 50px;

    padding-bottom: 50px;

    background: url(../images/biz_bg_kaku.jpg) right bottom no-repeat;

}

.biz02 .c-ttl:after{

    position: absolute;

    left: 0;

    bottom: -10px;

    z-index: -1;

    width: 10.2em;

    height: 28px;

    background-color: #e8e8e8;

    content: "";

}

.biz02 .c-box .txt p span{

    font-weight: bold;

    font-size: 115%;

}

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

    .biz01{

        margin-top: -300px;

    }

    .biz01 .c-box .img{

        background-size: auto 22vw;

        padding-right: 30px;

        padding-bottom: 30px;

    }

}

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

    .ttlbox.bg_business{

        height: auto;

    }

    .biz01{

        margin-top: 0;

    }

    .biz01 .c-box{

    }

}

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

    .biz01 .c-box .img{

        background: none;

        padding: 0;

    }

}

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

    .business #wrapper{

        background-position: -30px -200px;

    }

    .biz02 .c-ttl:after{

        height: 18px;

    }

}





.biz03 .ttl{

    margin-bottom: 30px;

    font-family: "NSans-B",sans-serif;

    position: relative;

}

.biz03 .ttl .txt1{

    position: absolute;

    left: 70px;

    top: 25px;

    font-size: 16px;

    line-height: 1.2em;

}

.biz03 .ttl .txt2{

    font-size: 45px;

    line-height: 1.2em;

}

.biz03 .ttl .txt2 span{

    font-size: 220%;

    line-height: 1.2em;

    padding-right: 10px;

}

.biz03 .yoso{

    width: 100%;

    border-top: solid 1px #8cc6c4;

}

.biz03 .yoso tr{

    border-bottom: solid 1px #8cc6c4;

}

.biz03 .yoso td{

    padding: 20px;

}

.biz03 .yoso td.img{

    width: 32%;

    text-align: center;

}

.biz03 .yoso td.txt{

    width: 68%;

}

.biz03 .yoso dt{

    font-family: "NSans-B",sans-serif;

    font-size: 130%;

    line-height: 1.4em;

    text-indent: -1.7em;

    margin-left: 1.7em;

    margin-bottom: 20px;

}

.biz03 .yoso dt span{

    font-size: 110%;

    padding: 0 0.2em;

}

.biz03 .yoso dt span:before{

    content: "“";

    color: #999;

}

.biz03 .yoso dt span:after{

    content: "”";

    color: #999;

}

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



    .biz03 .ttl{

        margin-bottom: 20px;

    }

    .biz03 .ttl .txt1{

        position: static;

    }

    .biz03 .ttl .txt2{

        font-size: 35px;

        line-height: 1.2em;

    }

    .biz03 .ttl .txt2 span{

        font-size: 150%;

        line-height: 1.2em;

        padding-left: 0;

    }

    .biz03 .yoso td{

        padding: 15px 0;

    }

    .biz03 .yoso td.img{

        display: inline-block;

        width: 100%;

        padding-bottom: 0;

    }

    .biz03 .yoso td.txt{

        display: inline-block;

        width: 100%;

    }

}





.biz04{

    width: 100%;

    background: url(../images/biz_bg_obi.jpg);

    background-size: cover;

    padding: 40px 0 80px;

    margin-top: 100px;

    margin-bottom: 100px;

    color: #403125;

}

.biz04 ._in{

    width: 100%;

    max-width: 1400px;

    margin: auto;

    padding-top: 50px;

    padding-left: 90px;

    padding-right: 90px;

    background-image: url(../images/biz_bg_kigo01.png),url(../images/biz_bg_kigo02.png);

    background-position: left top,right bottom;

    background-repeat: no-repeat,no-repeat;

}

.biz04 .ttl{

    width: 48%;

    font-family: "NSans-B",sans-serif;

    font-size: 50px;

    line-height: 1.5em;

}

.biz04 .ttl span.siz1{

    font-size: 140%;

}

.biz04 .ttl span.siz2{

    font-size: 120%;

}

.biz04 .ttl div{

    padding-left: 40px;

    padding-bottom: 10px;

    background: url(../images/biz_bg_maru.png) left bottom no-repeat;

}

.biz04 .txt{

    width: 50%;

    font-size: 112%;

    line-height: 2em;

}



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

    .biz04 ._in{

        background-position: 10% top,90% bottom;

    }

    .biz04 .ttl{

        width: 100%;

        max-width: 640px;

        margin: 0 auto 30px;

    }

    .biz04 .txt{

        width: 100%;

        max-width: 640px;

        padding-left: 40px;

        padding-right: 5%;

        margin: auto;

    }

}

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

    .biz04{

        padding: 60px 0 ;

        margin-top: 10vw;

        margin-bottom: 10vw;

    }

    .biz04 ._in{

        padding: 0;

        background: none;

    }

}

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

    .biz04 .ttl{

        font-size: 35px;

        line-height: 1.5em;

    }

    .biz04 .txt{

        padding-left: 5%;

    }

    .biz04 .txt p{

        margin-bottom: 20px;

        line-height: 1.7em;

    }

    .biz04 .txt p br{

        display: none;

    }

}











.biz05 ul{

    justify-content: flex-start;

}

.biz05 li{

    width: 23%;

    margin-left: 1%;

    margin-right: 1%;

    margin-bottom: 30px;

}

.biz05 li p{

    margin-top: 10px;

    line-height: 1.4em;

}

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

    .biz05 li{

        width: 31%;

    }

    .biz05 li p br{

        display: none;

    }

}

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

    .biz05 li{

        width: 48%;

        margin-bottom: 20px;

    }



}

































/* 採用情報

-------------------------------*/

.ttlbox.bg_recruit{

    height: auto;

}

.r-box{

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-bottom: 200px;

}

.r-box.rev{

    flex-flow: row-reverse;

}

.r-box .txt{

    width: 50%;

}

.r-box .txt ._in{

    width: 787px;

    padding: 0 45px;

    margin-left: auto;

}

.r-box.rev .txt ._in{

    margin-left: 0;

}

.r-box .img{

    width: 50%;

    position: relative;

}



.r-ttl{

    font-family: "NSans-M",sans-serif;

    font-size: 23px;

    line-height: 1.2em;

    margin-bottom: 70px;

    position: relative;

}

.r-ttl .cap{

    font-family: "NSans-B",sans-serif;

    font-size: 45px;

    line-height: 1.2em;

    letter-spacing: 0.15em;

}

.r-ttl:after{

    position: absolute;

    left: 0;

    bottom: -20px;

    width: 36px;

    height: 2px;

    background-color: #1a1a1a;

    content: "";

}

.r-box .txt p{

    margin-bottom: 20px;

}

.r-box .txt.bg_kaku{

    background: url(../images/rec_bg.jpg) left bottom no-repeat;

}

.r-box .img.bg_kaku2:after{

    position: absolute;

    bottom: -40px;

    right: -30px;

    z-index: -1;

    width: 350px;

    height: 504px;

    background:url(../images/rec_bg.jpg);

    content:"";

}

.r-box .img.bg_kaku3:after{

    position: absolute;

    bottom: -40px;

    left: -30px;

    z-index: -1;

    width: 350px;

    height: 504px;

    background:url(../images/rec_bg.jpg);

    content:"";

}



.r-box.mono{

    display: block;

}

.r-box.mono .img{

    width: auto;

    display: inline-block;

}

.notice_txt{

    width: 100%;

    max-width: 960px;

    padding-bottom: 20px;

    border-bottom: solid 1px #8cc6c4;

}

.notice_txt span{

    color: #1ea13a;

}

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

    .r-box{

        margin-bottom: 12.5vw;

    }

    .r-box .txt ._in{

        width: 100%;

        padding: 0 5%;

    }

    .r-box.mono{

        padding-left: 5%;

        padding-right: 5%;

    }

    .r-box.mono .img{

        width: 50vw;

    }

    .r-box .txt.bg_kaku{

        background-size: 24vw auto;

    }

    .r-box .img.bg_kaku2:after{

        bottom: -2.5vw;

        right: -1.8vw;

        width: 24vw;

        height: 30vw;

    }

    .r-box .img.bg_kaku3:after{

        bottom: -2.5vw;

        left: -1.8vw;

        width: 24vw;

        height: 30vw;

    }

}

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

    .r-ttl{

        font-size: 16px;

        line-height: 1.2em;

        margin-bottom: 50px;

    }

    .r-ttl .cap{

        font-size: 30px;

        line-height: 1.2em;

        letter-spacing: 0;

    }

    .r-ttl:after{

        bottom: -10px;

    }

    .r-box{

        display: block;

        padding-left: 5%;

        padding-right: 5%;

    }

    .r-box .txt{

        width: 100%;

        margin-bottom: 20px;

    }

    .r-box .txt ._in{

        width: 100%;

        padding: 0;

    }

    .r-box .txt p br{

        display: none;

    }

    

    .r-box .img{

        width: 100%;

    }

    .r-box.mono .img{

        width: 100%;

    }

    .r-box .txt.bg_kaku{

        background: none;

    }

    .r-box .img.bg_kaku2:after{

        display: none;

    }

    .r-box .img.bg_kaku3:after{

        display: none;

    }



}

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



    .recruit #wrapper{

        background-position: -30px -250px;

    }

    .r-ttl{

        margin-bottom: 30px;

    }

    .r-ttl .cap{

        margin-top: 3px;

        font-size: 22px;

        line-height: 1.2em;

    }



}







/* 内観をスライダー表示 */

.r_gallery{

    margin-bottom: 200px;

}



.r_gallery .slider{

    width: 50%;

    margin-left: auto;

}

.r_gallery .slick-dots {

    position: absolute;

    top: 0;

    left: -750px;

    bottom: auto;

    width: 700px;

}

.r_gallery .slick-dots li {

    position: relative;

    display: inline-block;

    width: 46%;

    height: auto;

    margin: 0 2% 25px;

    padding: 0;

    cursor: pointer;

}

.r_gallery .slick-dots li.slick-active img{

    filter: brightness(50%);

}



/* 左にメイン画像のとき */

.r_gallery.rev .slider{

    margin-left: 0;

    margin-right: auto;

}

.r_gallery.rev .slick-dots {

    top: 0;

    right: -750px;

    left: auto;

}



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

    .r_gallery .slick-dots {

        left: -46vw;

        width: 43vw;

    }

    .r_gallery.rev .slick-dots {

        right: -46vw;

    }

}

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

    .r_gallery{

        margin-bottom: 13vw;

    }

    .r_gallery .slider{

        width: 90%;

        margin: auto;

    }

    .r_gallery.rev .slider{

        margin: auto;

    }

    .r_gallery .slick-dots{

        position: static;

        margin-top: 20px;

        width: 100%;

    }

    .r_gallery .slick-dots li {

        width: 23%;

        margin: 0 1% 15px;

    }



}



/* スライダーの背景 */

.rec02 .r_gallery,

.rec06 .r_gallery{

    background: url(../images/rec_bg.jpg) left bottom no-repeat;

}

.rec03 .r_gallery,

.rec04 .r_gallery{

    position: relative;

}

.rec03 .r_gallery:after{

    position: absolute;

    bottom: -40px;

    right: 48%;

    z-index: -1;

    width: 390px;

    height: 504px;

    background: url(../images/rec_bg.jpg) ;

    content: "";

}

.rec04 .r_gallery:after{

    position: absolute;

    bottom: -40px;

    left: 48%;

    z-index: -1;

    width: 390px;

    height: 504px;

    background: url(../images/rec_bg.jpg) ;

    content: "";



}

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

    .rec02 .r_gallery,

    .rec06 .r_gallery{

        background-size: 24vw auto;

    }

    .rec03 .r_gallery:after,

    .rec04 .r_gallery:after{

        width: 24vw;

        height: 31vw;

    }

}

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

    .rec02 .r_gallery,

    .rec06 .r_gallery{

        background: none;

    }

    .rec03 .r_gallery:after,

    .rec04 .r_gallery:after{

        background: none;

    }

}





/* 追加　*/

.ttlbox.rec_ban {

  height: 300px;

}







.rec_link {

	display: flex;

	justify-content: center;

	margin-bottom: 96px;



}

.rec_link_btn {

	margin-left: 10px;

	margin-right: 10px;

}



.rec_link_btn a{

	width: 300px;

	height: 69px;

	background-color: #000;

	color: #fff;

	border-radius: 35px;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 0;

	position: relative;



		

}

.rec_link_btn a:after,

.rec_link_btn a:hover:after{

	position: absolute;

	left: auto;

	bottom: auto;

	right: 10%;

	top: 28%;

	width: auto;

	height: auto;

	background-color: transparent;

	content: "↓";

	color: #fff;

}



.rec_entry_btn {

	margin-left: 10px;

	margin-right: 10px;

}



.rec_entry_btn a{

	width: 227px;

	height: 69px;

	background-color: #000;

	color: #fff;

	border-radius: 35px;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 0;

	position: relative;

	margin: 60px auto;



		

}

.rec_entry_btn a:after,

.rec_entry_btn a:hover:after{

	position: absolute;

	left: auto;

	bottom: auto;

	right: 10%;

	top: 28%;

	width: auto;

	height: auto;

	background-color: transparent;

	content: "→";

	color: #fff;

}







.r-ttl_b01 {

  font-family: "NSans-M",sans-serif;

  font-size: 28px;

  line-height: 1.8em;

	margin-bottom: 20px;

}

.r-ttl_b_txt {

	width: 710px;

	line-height: 2.2em;

	margin-bottom: 90px;

}



.youkou_contents {

   display: flex;

   flex-wrap: wrap;

   width: 100%;

}

.youkou_contents .item {

    display: flex;

    flex-direction: column;	

   width: calc(100% / 4);

   padding-right: 50px;

	height: 490px;

   

}

.youkou_contents .item p {

	font-size: 23px;

	font-weight: bold;

	margin-top: 20px;

}

.youkou_contents .item_btn {

	margin-top: auto;

}

.youkou_contents .item span {

	padding: 4px 18px;

	border: solid #000000 2px;

	border-radius: 35px;

	margin-right: 10px;

	

}

.kome_txt {

	width: 100%;

	background-color: #e5e5e5;

	text-align: center;

	padding: 20px;

	font-weight: bold;

	margin: 78px auto 40px;

}

.rec_box_waku {

	border: solid 2px #1a1a1a;

	width: 100%;

	max-width: 766px;

	text-align: center;

}

.rec_box_waku p{

	font-size: 23px;

	font-weight: bold;

	margin-bottom: 20px;

}

.rec_box01{

	margin: 2em auto 3em;

	padding:2.6em;/*内側余白*/

	position: relative;

}



.rec_box01:before{

	border-bottom:30px solid transparent;

	border-left:30px solid #1a1a1a;

	content: '';

	display: block;

	position: absolute;

	top: 0px;

	left: 0px;

}



.rec_box01:after{

	border-left:30px solid transparent;

	border-bottom:30px solid #1a1a1a;

	content: '';

	display: block;

	position: absolute;

	bottom: 0px;

	right: 0px;

}





.naze_contents {

   display: flex;

   flex-wrap: wrap;

   width: 100%;

}

.naze_contents .item {

    display: flex;

    flex-direction: column;	

   width: calc(96% / 2);

   padding-right: 50px;

   margin: 2em auto;

   padding: 30px 90px 40px;

   border-top:solid 2px #8cc6c4;

   border-bottom:solid 2px #8cc6c4;

   background-color:#f4f9f9;/*背景色*/ 

	max-width: 700px;

}





.naze_contents .item .title {

    position: relative;

    display: inline-block;

    padding: 0 30px;

	margin: auto;

	font-size: 25px;

	margin-bottom: 30px;

}

 

.naze_contents .item .title:before,

.naze_contents .item .title:after {

    content: '';

    position: absolute;

    top: 50%;

    display: inline-block;

    width: 20px;

    height: 5px;

    background-color: #666;

}

 

.naze_contents .item p:before {

    left: 0;

}

 

.naze_contents .item p:after {

    right: 0;

}



.entry_contents {

	background: url(../images/rec_bg_02.jpg) ;

	background-repeat: no-repeat;

	background-position: top center;

	padding-top: 460px;

}

.entry_contents .inner {

	width: 100%;

	max-width: 1170px;

	background-color: #FFFFFF;

	margin: auto;

}

.entry_contents .inner .txtbox {

	width: 100%;

	max-width: 590px;

	margin: auto;

	padding-top: 90px;

}



.entry_contents .inner .txtbox p {

	font-size: 28px;

	text-align: center;

	line-height: 170%;

	margin-bottom: 40px;

}



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

	.youkou_contents .item {

		width: calc(100% / 2);

		margin-bottom: 60px;

		height: auto;

	}

	.youkou_contents .item span {

		padding: 4px;

	}

	.youkou_contents .item_btn {

		margin-top: 20px;

	}

}





@media (max-width: 1150px) {

  .rec_link_btn a {

	  width: 17vw;

	  height: 5.6vw;

	  border-radius: 3vw;

  }

  .naze_contents .item {

	  width: 100%;

	  margin: 1em auto;

	}

	

	

	

}













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

	 .ttlbox.rec_ban {

	  height: auto;

	}

	 .rec_link {

	margin-bottom: 30px;



}	

	 .rec_link a {

    width: 160px;

    height: 40px;

    background-color: #000;

    color: #fff;

    border-radius: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0;

    position: relative;

  }	

	

	 .r-ttl_b01 {

  font-size: 20px;

 

}

	.youkou_contents .item {

		width: 100%;

		padding-right: 0;

	}

	.youkou_contents .item span {

		padding: 4px 8px;

	}

	.kome_txt {

		margin-top: 0;

	}

	.naze_contents .item {

		padding: 20px 30px;

	}

	.naze_contents .item .title {

		font-size: 20px;

		margin-bottom: 20px;

	}

	

	.entry_contents {

		background: none ;

		background-repeat: no-repeat;

		background-position: top center;

		padding-top: 60px;

	}	

	.entry_contents .inner .txtbox {

		width: 90%;

		padding-top: 20px;

	}	

	.entry_contents .inner .txtbox p {

		font-size: 20px;

		margin-bottom: 20px;

	}

	.rec_entry_btn a {

	  width: 200px;

	  height: 60px;

	  margin: 30px auto;

	}	

	

	.rec_link_btn a::after, 

	.rec_link_btn a:hover::after {

		top: 18%;

	

	}

}





























/* インフォメーション

-------------------------------*/

.ttlbox.bg_info{

    height: auto;

}

.info_list{

    background: url(../images/bg_info_kei.png) center top repeat-y;

}

.info_list dl{

    width: 47%;

}

.info_list dt{

    margin-bottom: 10px;

    font-family: "NSans-M",sans-serif;

    font-size: 125%;

    line-height: 1.5em;

    text-indent: -1em;

    margin-left: 1em;

}

.info_list dt span{

    display: inline-block;

    font-size: 90%;

    color: #888;

    padding-left: 1em;

}



.info_list dd{

    min-height: 110px;

    background-color: #f3f9f9;

    border-top: solid 1px #8cc6c4;

    border-bottom: solid 1px #8cc6c4;

    padding: 25px;

    margin-bottom: 50px;

}

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

    .info_list{

        background: none;

    }

    .info_list dl{

        width: 100%;

    }

    .info_list dd{

        min-height: initial;

        min-height: auto;

    }



}



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

    .info #wrapper{

        background-position: -30px -250px;

    }

    .info_list dt{

        margin-bottom: 8px;

        font-size: 110%;

        line-height: 1.5em;

    }

    .info_list dd{

        padding: 15px;

        margin-bottom: 30px;

    }

    .info_list dt span{

        display: block;

    }

}













/* お問い合わせ

-------------------------------*/

.contact #footer{

    margin-top: 0;

}

.bg_gray{

    background-color: #e5e5e5;

    padding-top: 100px;

    padding-bottom: 100px;

    

}

.mailform{

    width: 100%;

    margin-bottom: 30px;

    border-collapse: separate;

    border-spacing: 10px 20px;/* 左右・上下 */

}

.mailform th{

    width: 25%;

}

.mailform td{

    width: 75%;

}



.mailform th.va-top{

    vertical-align: top;

    padding-top: 15px;

}



.mailform th span{

    color: #ed1e79;

}

.mailform td span.txt{

    color: #999;

    display: inline-block;

}



.length_l{

    width: 100%;

    padding: 15px;

    border: none;

    background-color: #fff;

    border-radius: 5px;

}

.length_s{

    width: 100%;

    max-width: 200px;

    padding: 15px;

    border: none;

    background-color: #fff;

    border-radius: 5px;

}

.naiyou{

    width: 100%;

    height: 200px;

    padding: 15px;

    border: none;

    background-color: #fff;

    border-radius: 5px;

    resize: vertical;

}



.form_sub01{

    background-color: #f2f2f2;

    padding: 20px;

    text-align: center;

}

.form_sub01 a{

    text-decoration: underline;

}

.form_sub01 a:hover{

    text-decoration: none;

}

.form_sub02{

    text-align: center;

    margin-top: 50px;

    margin-bottom: 50px;

}

.form_sub03{

    text-align: center;

}

.btn_sousin{

    background:url(../images/btn_sousin.png);

    width:253px;

    height:60px;

    border:0px solid;

    cursor:pointer;

    transition: 0.3s;

}

.btn_sousin:hover {

    opacity: 0.7;

    filter: alpha(opacity=70);

    -ms-filter: "alpha(opacity=70)";

}



.thanks .ttl{

    text-align: center;

    font-family: "NSans-M",sans-serif;

    font-size: 125%;

    margin-bottom: 30px;

}





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

}

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

    .bg_gray{

        padding-top: 50px;

        padding-bottom: 50px;

    }

    .mailform{

        margin-bottom: 10px;

        border-collapse: separate;

        border-spacing: 0 20px;/* 左右・上下 */

    }

    .mailform th{

        display: inline-block;

        width: 100%;

        padding-bottom: 5px;

    }

    .mailform td{

        display: inline-block;

        width: 100%;

    }



    .mailform th.va-top{

        padding-top: 0;

    }

    .form_sub02{

        text-align: left;

        margin-top: 30px;

        margin-bottom: 30px;

    }





}























/* プライバシーポリシー

-------------------------------*/

.ttlbox.bg_privacy{

    height: auto;

}

.ttlbox.bg_privacy .txt{

    margin-top: 50px;

    

}

.privacy_list dt{

    margin-bottom: 10px;

    font-family: "NSans-M",sans-serif;

    font-size: 125%;

    line-height: 1.5em;

    text-indent: -1em;

    margin-left: 1em;

}

.privacy_list dd{

    background-color: #f3f9f9;

    border-top: solid 1px #8cc6c4;

    border-bottom: solid 1px #8cc6c4;

    padding: 25px;

    margin-bottom: 50px;

}



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

    .privacy #wrapper{

        background-position: -30px -100px;

    }

    .ttlbox.bg_privacy .txt{

        margin-top: 0;



    }

    .privacy_list dt{

        margin-bottom: 10px;

        font-size: 110%;

        line-height: 1.5em;

    }

    .privacy_list dd{

        padding: 15px;

        margin-bottom: 30px;

    }

}











@media screen and (min-width: 680px){   

  .show_pc { display:block; }

  .show_sp { display:none; }

}

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

  .show_pc { display:none; }

  .show_sp { display:block; }

}



























/* プリントの表示設定 */

@media print{

    body{width:1110px; margin:auto;}

}