/*----------
01.トップ
02.コンセプト
03.サービス
04.Aboutus
06.お問い合わせ
07.topics
08.topics詳細
09.special
10.special詳細
----------*/

@media only screen and (max-width:1024px){
/*----------
01.トップ
----------*/

#top #concept_area .cnt_text{
width: 47.83%;
padding: 0 2% 0 0;
}

#top #concept_area .cnt_text p{
padding: 53px 8.16% 0 0;
}

#top #concept_area .cnt_img{
width: 52.17%;
padding: 0 0 0 2.16%;
}

#top #service_area .cnt_text{
width: 47.83%;
padding: 9px 0 0 2%;
}

#top #service_area .cnt_text .catchcopy{
padding: 34px 6.96% 0 0;
}

#top #service_area .cnt_text p{
padding: 34px 3.37% 0 0;
}

#top #service_area .cnt_img{
width: 52.17%;
padding: 0 0 0 2.16%;
}

#top #inspiration_area .cnt_g{
margin: 0 auto 0 20px;
width: 94%;
}

#top #inspiration_area .cnt_box .cnt_img{
width: 55.68%;
}

#top #inspiration_area .cnt_box .cnt_text{
width: 44.32%;
}

#top #inspiration_area h2{
right: 3%;
}

#top #case_area .cnt_g{
width: 94%;
}

#top #about_area .cnt_text{
padding: 0 5.25% 0 0;
}

#top #topics_area .cnt_g{
width: 94%;
}

/*----------
02.コンセプト
----------*/

#concept #value_area .h2_g{
position: static;
writing-mode:inherit;
max-width: none;
text-align: center;
}

#concept #value_area .h2_g h2{
writing-mode:inherit;
float: none;
margin: 0 0 60px;
}

#concept #value_area .h2_g p{
writing-mode:inherit;
float: none;
}


/*----------
04.Aboutus
----------*/

#aboutus .main_contents .lyt-txt:nth-of-type(1){
	width:96%;
	margin:0 auto;
}

#aboutus .main_contents .lyt-content .lyt-txt:nth-of-type(1) > .txt{
	width:55%;
}

#aboutus .img_box01 img{
	width:40%;
	height:100%;
	margin:0;
}

#aboutus .main_contents .lyt-txt:nth-of-type(1) > img{
	width:40%;
	margin:0;
	height:100%;
}

/*----------
06.お問い合わせ
----------*/

#contact .contents_in{
width: 90%;
}




}


@media only screen and (max-width:865px){
/*----------
01.トップ
----------*/

#top #about_area .cnt_text{
width: 42.75%;
}

#top #about_area .cnt_img{
width: 57.25%;
}



}






@media only screen and (max-width:750px){
/*----------
01.トップ
----------*/

.bg_line{
display: none;
}

header .line{
display: none;
}

#top #main_visual{
padding: 46px 0 0;
}

#top #main_visual .title_box{
max-width: 70px;
}

#top #main_visual .title{
max-width: 47px;
font-size: 16px;
line-height: 25px;
padding: 0 0 0 10px;
}

#top #main_visual .sub_title{
font-size: 12px;
max-width: 12px;
}

#top .cnt_area h2{
font-size: 33px;
max-width: 33px;
}

#top #concept_area{
position: relative;
}

#top #concept_area h2{
position: absolute;
top: 11%;
right: 3%;
z-index:2;
}

#top #concept_area .cnt_text{
float: none;
width: auto;
padding: 0;
width: 100%;
position: static;
}

#top #concept_area .cnt_text .clearfix{
width: 84%;
}

#top #concept_area .cnt_text p{
float: none;
padding: 30px 0 0 11%;
text-shadow: 0 0 5px #fff;
}

#top #concept_area .cnt_img{
float: none;
width: 84%;
margin: 0 auto 0 0;
padding: 0;
}

#top #concept_area .cnt_text .next_btn{
margin: 39px auto 0;
}

#top #service_area{
position: relative;
}

#top #service_area h2{
position: absolute;
top: 11%;
left: 3%;
}

#top #service_area .cnt_text{
float: none;
width: auto;
padding: 0;
width: 100%;
position: static;
}

#top #service_area .cnt_text .clearfix{
width: 84%;
margin: 0 0 0 auto;
}

#top #service_area .cnt_text .catchcopy{
padding: 34px 5% 0 0;
}

#top #service_area .cnt_text p{
padding: 34px 3.37% 0 0;
text-shadow: 0 0 5px #fff;
}

#top #service_area .cnt_img{
float: none;
width: 84%;
margin: 0 0 0 auto;
padding: 0;
}

#top #service_area .cnt_text .next_btn{
margin: 40px auto 0;
}

#top #inspiration_area h2{
font-size: 33px;
top: 0;
z-index: 4;
}

#top #inspiration_area .cnt_g{
margin: 0 auto 0 0;
width: 84%;
}

#top #inspiration_area .cnt_box{
position: relative;
}

#top #inspiration_area .cnt_box .cnt_text{
float: none;
width: 100%;
padding: 20px 20px 0 0;
box-sizing: border-box;
}

#top #inspiration_area .cnt_box:nth-child(2) .cnt_text{
padding: 17px 20px 0 0;
}

#top #inspiration_area .cnt_box .cnt_text p{
padding: 30px 6.43% 0 0;
}

#top #inspiration_area .cnt_box:nth-child(2) .cnt_text p{
padding: 25px 6.43% 0 0;
}

#top #inspiration_area .cnt_box .cnt_img{
float: none;
width: auto;
}

#top #inspiration_area .cnt_box .next_btn{
margin: 25px auto 0;
}

#top #inspiration_area .cnt_box:nth-child(2) .next_btn{
margin: 50px auto 0;
}

#top #case_area h2{
left: 3%;
top: 70px;
}

#top #case_area{
padding: 70px 0 0;
}

#top #case_area .cnt_g{
width: 84%;
}

#top #case_area .cnt_box{
float: none;
width: auto;
margin: 0 auto 30px;
}

#top #about_area{
position: relative;
}

#top #about_area .cnt_text h2{
position:absolute;
top: 85px;
right: 3%;
}

#top #about_area .cnt_img{
float: none;
width: 84%;
padding: 0;
}

#top #about_area .cnt_text{
width: 100%;
float: none;
padding: 0;
}

#top #about_area .cnt_text .clearfix{
width: 84%;
padding: 0 10px 0 0;
box-sizing: border-box;
}

#top #about_area .cnt_text .catchcopy{
padding: 20px 0 0;
}

#top #about_area .cnt_text p{
padding: 30px 25px 0 0;
text-shadow: 0 0 5px #fff;
}

#top #about_area .next_btn{
margin: 30px auto 0;
}

#top #topics_area h2{
left: 3%;
top: 70px;
}

#top #topics_area{
padding: 70px 0 0;
}

#top #topics_area .cnt_g{
width: 84%;
}

#top #topics_area .cnt_box{
float: none;
width: auto;
margin: 0 auto 30px;
}

#top #topics_area .next_btn{
margin: 35px auto 0;
}

/*----------
02.コンセプト
----------*/

#concept header::before, #concept header::after{
background: none;
}

#concept header.bg_on::before{
background: #fff;
}

#concept header.bg_on::after{
background: #fff;
visibility: inherit;
}

#concept .cotnent-header-inner p{
line-height: 24px !important;
font-size: 14px;
}

#concept .cotnent-header-inner p.txt-lead{
font-family: 'A-OTF-RyuminPro-Medium';
font-size: 18px;
margin: 0 7% 0 15px;
}

#concept #value_area .h2_g h2{
margin: 0 auto 30px;
padding: 26px 0 0;
}

#concept .main_contents h2::before{
height: 20px !important;
}

#concept #value_area .title{
padding: 25px 0 0;
font-size: 18px;
max-width: none;
text-align: center;
}

#concept #value_area .title em{
font-size: 28px;
}

#concept #value_area .title::before{
width: 1px;
height: 10px;
border-top: none;
border-left: 1px solid #000;
left: 0;
right: 0;
margin: 0 auto;
}

#concept #value_area h3{
padding: 0;
float: right;
}

#concept #value_area .cnt_text p{
float: right;
padding: 0 30px 0 0;
line-height: 24px;
height: 265px;
}


#concept #value_area #cnt_g01 .cnt_img{
width: 87%;
float: none;
margin: 0 auto;
}

#concept #value_area #cnt_g01{
width: auto;
}

#concept #value_area #cnt_g01 .cnt_text{
float: none;
width: auto;
max-width: none;
}

#concept #value_area #cnt_g01 .text_box{
max-width: 268px;
margin: 0 auto 50px;
}

#concept #value_area #cnt_g02{
padding: 30px 0 0;
}

#concept #value_area #cnt_g02 .cnt_text{
float: none;
width: auto;
max-width: none;
margin: 0;
}

#concept #value_area #cnt_g02 .text_box{
max-width: 244px;
margin: 0 auto;
}

#concept #value_area #cnt_g02 .cnt_img{
width: 87%;
margin: 0;
padding: 30px 0 0;
float: none;
margin: 0 auto;
}

#concept #value_area #cnt_g03{
padding: 45px 0 0;
}

#concept #value_area #cnt_g03 .cnt_text{
float: none;
width: auto;
max-width: none;
margin: 0;
}

#concept #value_area #cnt_g03 .text_box{
max-width: 244px;
margin: 0 auto;
}

#concept #value_area #cnt_g03 .cnt_img{
width: 87%;
margin: 0;
padding: 30px 0 0;
float: none;
margin: 0 auto;
}

#concept #value_area #cnt_g04{
padding: 30px 0 0;
}

#concept #value_area #cnt_g04 .cnt_text{
float: none;
width: auto;
max-width: none;
margin: 0;
}

#concept #value_area #cnt_g04 .text_box{
max-width: 244px;
margin: 0 auto;
}

#concept #value_area #cnt_g04 .cnt_img{
width: 87%;
margin: 0;
padding: 30px 0 0;
float: none;
margin: 0 auto;
}



/*----------
03.サービス
----------*/


#service header::before, #service header::after{
background: none;
}

#service .main_contents .lyt-content-header > .cotnent-header-inner{
padding: 0;
}

/* #service .main_contents h1{
margin-right: 0;
} */

#service .main_contents .lyt-content-header > .cotnent-header-inner p{
font-size: 14px;
padding: 0;
}

#service #cnt_area01 .cnt_box01 .cnt_img{
float: none;
width: 87%;
margin: 0 auto;
}

#service #cnt_area01 .cnt_box01 .txt{
float: none;
/* max-width: 260px; */
width: 90%;
padding: 0;
margin: 0 auto;
}

#service #cnt_area01 .txt p{
line-height: 24px;
padding: 35px 0 0;
}

#service #cnt_area01 .txt h2::before{
height: 20px;
right:13%;
}

#service #cnt_area01 .cnt_box01 .txt h2::before{
right:9%;
}

#service #cnt_area01 .txt h2{
padding: 30px 0 0 0;
}

#service #cnt_area01 .cnt_box02{
padding: 40px 0 0;
}

#service #cnt_area01 .cnt_box02 .cnt_img{
float: none;
margin: 0 auto;
width: 87%;
}

#service #cnt_area01 .cnt_box02 .txt{
float: none;
width: 90%;
/* max-width: 288px; */
margin: 0 auto;
padding: 0;
}

/* #service #cnt_area01 .cnt_box02 .txt p{
text-indent: 1em;
height: 330px;
} */

#service #cnt_area01 .cnt_box03{
padding: 40px 0 0;
}

#service #cnt_area01 .cnt_box03 .cnt_img{
float: none;
margin: 0 auto;
width: 87%;
}

#service #cnt_area01 .cnt_box03 .txt{
float: none;
width:90%;
/* max-width: 288px; */
margin: 0 auto;
padding: 0;
}

/* #service #cnt_area01 .cnt_box03 .txt p{
text-indent: 1em;
height: 330px;
} */

#service .lyt-content.lyt-flow .list-inline{
width: 78%;
margin: 0 5% 0 auto;
}

#service .lyt-content.lyt-flow h3:before{
display: none;
}

#service .lyt-content.lyt-flow h3 [lang='en']{
margin: -10px 10px 0 0;
display: block;;
float: left;
}

#service .lyt-content.lyt-flow p{
clear: both;
}

#service .lyt-content.lyt-flow .list-inline > li{
margin: 0;
}

#service .lyt-content.lyt-flow .list-inline > li:nth-of-type(even){
margin: 0;
}



#service .lyt-content.lyt-inspiration .list-inline, #service .lyt-content.lyt-inspiration02 .list-inline{
float: none;
max-width: none;
width: 81%;
}

#service .lyt-content.lyt-inspiration .list-inline{
margin: 0 1% 0 auto;
}

#service .lyt-content.lyt-inspiration .lyt-content-inner, #service .lyt-content.lyt-inspiration02 .lyt-content-inner{
width: 92%;
}

#service .lyt-content.lyt-inspiration .lyt-hdg > .title:before, #service .lyt-content.lyt-inspiration02 .lyt-hdg > .title:before{
margin: 0 0 -10px 10px;
}

#service .lyt-content-header + .lyt-content{
padding: 35px 0 60px;
}

/*----------
04.about
----------*/

#aboutus header::before, #aboutus header::after{
background: none;
}

#aboutus header.bg_on::before{
background: #fff;
}

#aboutus header.bg_on::after{
background: #fff;
visibility: inherit;
}

#aboutus .txt-lead .sp_p{
padding: 40px 0 0;
}

#aboutus .pic02{
width: 50%;
margin: 0 auto;
float: none;
display: block;
}

#aboutus .main_contents .lyt-box:before{
top:-53px;
}

#aboutus .main_contents .lyt-box{
line-height: 24px;
}

#aboutus .img_box01 img {
    height: auto;
    width: 90%;
	max-width: 445px;
}

#aboutus table th{
	padding:15px 10px;
}

#aboutus .main_contents .lyt-txt:nth-of-type(1) > img{
	width:90%;
	margin:0 auto 10px;
}

#aboutus .main_contents .lyt-content .lyt-txt:nth-of-type(1) > .txt{
	width:auto;
}





/*----------
06.お問い合わせ
----------*/

#contact header::before, #contact header::after{
background: none;
}

#contact header.bg_on::before{
background: #fff;
}

#contact header.bg_on::after{
background: #fff;
visibility: inherit;
}



#contact .main_contents .lyt-content-header > .cotnent-header-inner p.txt-lead{
display: none;
}

#contact .cnt_area .first_text{
padding: 25px 0 20px;
}

#contact .cnt_area th{
display: block;
border-bottom: none;
padding: 10px 0;
}

#contact .cnt_area td{
display: block;
border-top: none;
padding: 0 0 10px;
}

#contact .cnt_area td.date_box input{
display: block;
margin: 0 10px 10px 0;
}

#contact .cnt_area .attention_text{
padding: 20px 0 45px;
}

/*----------
07.topics
----------*/

#news header::before, #news header::after{
background: none;
}

#news header.bg_on::before{
background: #fff;
}

#news header.bg_on::after{
background: #fff;
visibility: inherit;
}

#news .main_contents .lyt-content-header > .cotnent-header-inner p.txt-lead{
display: none;
}

#news #cnt_area01 .cnt_g{
width: 94%;
}

#news #cnt_area01 .cnt_box{
width: 46%;
margin: 0 2% 30px;
}

#news #cnt_area01 .cnt_img img.wp-post-image{
height: 30.66vw;
}

/*----------
08.topics詳細
----------*/

#news_detail header::before, #news_detail header::after{
background: none;
}

#news_detail header.bg_on::before{
background: #fff;
}

#news_detail header.bg_on::after{
background: #fff;
visibility: inherit;
}

#news_detail .main_contents .lyt-content-header > .cotnent-header-inner p.txt-lead{
display: none;
}

#news_detail #crumbRap{
	line-height:20px;
}

#news_detail .alignleft{
	float:none;
}

#news_detail .alignright{
	float:none;
}


/*----------
09.special
----------*/

#special header::before, #special header::after{
background: none;
display:none;
}

#special header.bg_on::before{
background: #fff;
display:block;
}

#special header.bg_on::after{
background: #fff;
visibility: inherit;
display:block;
}

/* #special .main_contents .lyt-content-header > .cotnent-header-inner p.txt-lead{
display: none;
} */

#special .main_contents .lyt-content-header > .cotnent-header-inner p{
line-height: 24px;
}

#special .main_contents h1{
min-height: 165px;
}

#special #cnt_area01 .cnt_g{
width: 94%;
}

#special #cnt_area01 .cnt_box{
width: 46%;
margin: 0 2% 30px;
}


/*----------
10.special詳細
----------*/

#special_detail header::before, #special_detail header::after{
background: none;
}

#special_detail header.bg_on::before{
background: #fff;
}

#special_detail header.bg_on::after{
background: #fff;
visibility: inherit;
}

/* #special .main_contents .lyt-content-header > .cotnent-header-inner p.txt-lead{
display: none;
} */

#special_detail .main_contents .lyt-content-header > .cotnent-header-inner p{
line-height: 24px;
}

#special_detail .main_contents h1{
min-height: 165px;
}

#special_detail #singleAtc #mainContents{
	width:96% !important;
}




}