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

/*----------
01.トップ
----------*/

#top{
	overflow:hidden;
}

#top .main_contents{
padding: 0 0 71px;
}

#top #main_visual{
/* max-width: 1200px; */
margin: 0 auto;
position: relative;
}

#top #main_visual .mainimg{
/* max-width: 809px; */
width: 65%;
margin: 0 0 0 auto;
animation-duration: 2s;
}

#top #main_visual .mainimg img{
width: 100%;
}

#top #main_visual .title_box{
color: #fff;
max-width: 150px;
width: 100%;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
left: 10.3%;
top: 18%;
font-family: 'A-OTF-RyuminPro-Light',serif;

}

#top #main_visual .title{
font-size: 38px;
line-height: 45px;
max-width: 90px;
width: 100%;
padding: 0 0 0 30px;
opacity: 0;
}

#top #main_visual .sub_title{
font-size: 30px;
max-width: 30px;
width: 100%;
/* font-family: 'mlsig'; */
opacity: 0;
}

#top .cnt_area h2{
font-family: 'A-OTF-RyuminPro-Light',serif;
font-size: 48px;
color: #fff;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: relative;
max-width: 48px;
width: 100%;
padding: 43px 0 0;
}

#top .cnt_area h2::before{
content: "";
display: block;
width: 1px;
height: 20px;
background: #fff;
margin: 0 auto;
position: absolute;;
top: 0;
left: 49.8%;
}

#top .cnt_area .next_btn{
border:1px solid #fff;
box-sizing: border-box;
color: #fff;
max-width: 173px;
padding: 19px 0 18px;
text-align: center;
font-size: 14px;
font-family: 'Mercury-DisplayBold',serif;
}

#top .cnt_area .next_btn a{
color: #fff;
}

#top #concept_area{
max-width: 1200px;
margin: 0 auto;
padding: 73px 0 0;
position: relative;
z-index: 3;
}

#top #concept_area .cnt_img{
max-width: 722px;
width: 60.17%;
float: left;
box-sizing: border-box;
padding: 0 0 0 5.16%;
position: relative;
}

#top #concept_area .cnt_img img{
width: 100%;
max-width: 660px;
display: block;
}

#top #concept_area .cnt_img .box_anime{
 transform-origin: left top;
transform: skewX(30deg) translateX(-30%) scale(1, 1);
  transition: transform 1s;
width: 145%;
height: 110%;
background: #b20000;
position: absolute;
top: -10px;
left: 0;
z-index: 1;
}

#top #concept_area .cnt_img.active .box_anime{
transform-origin:right top;
transform: skewX(30deg) translateX(-30%) scale(0, 1);
}

#top #concept_area .cnt_text{
float: right;
max-width: 478px;
width: 39.83%;
box-sizing: border-box;
padding: 0 5% 0 0;
position: relative;
z-index: 4;
}

#top #concept_area .cnt_text h2{
float: right;
}

#top #concept_area .cnt_text p{
font-size: 14px;
line-height: 30px;
color: #fff;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
max-width: 235px;
width: 100%;
height: 298px;
float: right;
padding: 53px 13.16% 0 0;
}

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

#top .next_btn{
transition: all .4s;
position: relative;
}

#top #concept_area .next_btn:hover{
background:#fff;
}

#top #concept_area .next_btn:hover::before{
content: "";
width: 96%;
height: 85%;
display: block;
position: absolute;
border: 2px solid #b20000;
top: 2px;
left: 2px;
}

#top #concept_area .next_btn:hover a{
color: #b20000;
}

#top #service_area{
max-width: 1200px;
margin: 0 auto;
padding: 66px 0 0;
position: relative;
z-index: 3;
overflow: hidden;
}

#top #service_area .cnt_img{
max-width: 722px;
width: 60.17%;
float: right;
box-sizing: border-box;
padding: 0 0 0 5.16%;
}

#top #service_area .cnt_img img{
width: 100%;
max-width: 660px;
display: block;
}

#top #service_area .cnt_img .box_anime{
 transform-origin: right top;
transform: skewX(30deg) translateX(-50%) scale(1, 1);
  transition: transform 1s;
width: 200%;
height: 110%;
background: #b20000;
position: absolute;
top: -10px;
left: 0;
z-index: 1;
}

#top #service_area .cnt_img.active .box_anime{
transform-origin:left top;
transform: skewX(30deg) translateX(-50%) scale(0, 1);
}

#top #service_area .cnt_text{
float: left;
max-width: 478px;
width: 39.83%;
box-sizing: border-box;
padding: 9px 0 0 5%;
position: relative;
z-index: 4;
}

#top #service_area .cnt_text h2{
float: right;
}

#top #service_area .cnt_text .catchcopy{
font-size: 16px;
line-height: 30px;
color: #fff;
font-family: 'A-OTF-RyuminPro-Medium',serif;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
max-width: 30px;
width: 100%;
float: right;
padding: 34px 11.96% 0 0;
}

#top #service_area .cnt_text p{
font-size: 14px;
line-height: 30px;
color: #fff;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
max-width: 175px;
width: 100%;
height: 298px;
float: right;
padding: 34px 8.37% 0 0;
}

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

#top #service_area .next_btn:hover{
background:#fff;
}

#top #service_area .next_btn:hover::before{
content: "";
width: 96%;
height: 85%;
display: block;
position: absolute;
border: 2px solid #b20000;
top: 2px;
left: 2px;
}

#top #service_area .next_btn:hover a{
color: #b20000;
}

#top #inspiration_area{
padding: 70px 0 57px;
background: #fff;
margin: 57px auto 0;
position: relative;
z-index: 3;
}

#top #inspiration_area .contents_in{
max-width: 1200px;
margin: 0 auto;
position: relative;
}

#top #inspiration_area h2{
font-size: 40px;
color: #000;
max-width: 40px;
padding: 0;
position: absolute;
top: 46%;
right: 84px;
z-index:10;
}

#top #inspiration_area h2::before{
display: none;
}

#top #inspiration_area .cnt_g{
max-width: 890px;
width: 100%;
margin: 0 auto 0 96px;
}

#top #inspiration_area .cnt_box{
padding: 0 0 80px;
position: relative;
}

#top #inspiration_area .cnt_box .box_anime{
transform: skewX(30deg) translateX(-30%) scaleY(1);
 transform-origin: left top;
transform: skewX(30deg) translateX(-30%) scale(1, 1);
  transition: transform 1s;
width: 145%;
height: 110%;
background: #fff;
position: absolute;
top: -10px;
left: 0;
z-index: 3;
}

#top #inspiration_area .cnt_img.active .box_anime{
transform-origin:right top;
transform: skewX(30deg) translateX(-30%) scale(0, 1);
}

#top #inspiration_area .cnt_box .cnt_img{
max-width: 540px;
width: 60.68%;
float: left;
}

#top #inspiration_area .cnt_box .cnt_img img{
width: 100%;
/* animation: cover_scale 1.5s 0.9s both;
transform: scale3d(1.2, 1.2, 1); */
/* transform: skewX(30deg) translateX(80%) scaleY(1); */
}

/* #top #inspiration_area .cnt_box .cnt_img img{
translateX:"-25%";
scaleY:1;
transform: scaleY(1);
transform: translateX(-25%);
} */

#top #inspiration_area .cnt_box .cnt_text{
float: right;
max-width: 350px;
width: 39.32%;
padding: 20px 0 0;
position: relative;
z-index: 5;
}

#top #inspiration_area .cnt_box .cnt_text h3{
font-size: 16px;
color: #000;
font-family: 'A-OTF-RyuminPro-Medium',serif;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
max-width: 20px;
width: 100%;
float: right;
padding: 28px 0 0 0;
position: relative;
}

#top #inspiration_area .cnt_box .cnt_text h3::before{
width: 1px;
height: 10px;
background: #000;
margin: 0 auto;;
position: absolute;
top: 0;
left: 49.8%;
content: "";
display: block;
}

#top #inspiration_area .cnt_box .cnt_text p{
font-size: 14px;
line-height: 30px;
color: #000;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
max-width: 238px;
width: 100%;
height: 249px;
float: right;
padding: 30px 11.43% 0 0;
}

#top #inspiration_area .cnt_box .next_btn{
margin: 25px 0 0 auto;
border:none;
background: #000;
max-width: 171px;
padding: 18px 0;
box-sizing: border-box;
position: relative;
border: 1px solid #000;
}

#top #inspiration_area .cnt_box .next_btn:hover{
box-shadow: 0 20px 5px -10px rgba(0, 0, 0, 0.4);
  transform: translateY(-10px);
}

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

#top #inspiration_area .cnt_box:nth-child(2) .cnt_img{
float: right;
}

#top #inspiration_area .cnt_box:nth-child(2) .cnt_text{
float: left;
padding: 17px 8.2% 0 0;
box-sizing: border-box;
}

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

#top #inspiration_area .cnt_box:nth-child(2) .cnt_text p{
padding: 25px 7.22% 0 0;
height: 252px;
max-width: 206px;
}

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

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

#top #inspiration_area .cnt_img img{
position: relative;
z-index: 2;
}

#top #inspiration_area .cnt_img img.shadow{
display: block;
position: absolute;
top: 30px;
left: 30px;
z-index: 0;
moz-box-shadow: inset 0px 0px 15px 15px #fff;
-webkit-box-shadow: inset 0px 0px 15px 15px #fff;
box-shadow: inset 0px 0px 15px 15px #fff;
}

#top #inspiration_area .cnt_img .shadow_img{
position: absolute;
    top: 30px;
    left: 30px;
    -moz-box-shadow: inset 0px 0px 15px 15px #fff;
    -webkit-box-shadow: inset 0px 0px 15px 15px #fff;
    box-shadow: inset 15px 15px 48px 45px #fff;
    content: " ";
    width: 100%;
    /* height: 360px; */
height: 300px;
    z-index: 1;
}




#top #case_area{
padding: 120px 0 0;
max-width: 1130px;
margin: 0 auto;
position: relative;
z-index: 3;
}

#top #case_area h2{
position: absolute;
top: 79px;;
left: 9px;
}

#top #case_area h2::before{
left: 48.8%;
}

#top #case_area .cnt_g{
max-width: 1050px;
margin: 0 0 0 auto;
}

#top #case_area .cnt_box{
max-width: 300px;
width: 28.57%;
float: left;
margin: 0 2.38%;
text-align: center;
}

#top #case_area .cnt_img{
max-width: 300px;
padding: 0 0 16px;
}

#top #case_area .cnt_img img{
width: 100%;
}

#top #case_area h3{
font-family: 'Mercury-DisplayBold',serif;
font-size: 20px;
color: #fff;
padding: 0 0 10px;
}

#top #case_area p{
color: #fff;
text-align: center;
font-size: 12px;
}

#top #case_area .next_btn{
margin: 60px auto 0;
}

#top #about_area{
padding: 85px 0 0;
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 3;
}

#top #about_area .cnt_img{
max-width: 813px;
width: 67.25%;
float: left;
padding: 20px 0 0;
}

#top #about_area .cnt_img img{
width: 100%;
}

#top #about_area .cnt_text{
float: right;
max-width: 387px;
width: 32.75%;
padding:0 9.25% 0 2.5%;
box-sizing: border-box;
}

#top #about_area .cnt_text h2{
float: right;
}

#top #about_area .cnt_text .catchcopy{
font-size: 18px;
line-height: 30px;
color: #fff;
font-family: 'A-OTF-RyuminPro-Medium',serif;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
max-width: 24px;
width: 100%;
float: right;
padding: 40px 50px 0 0;
}

#top #about_area .cnt_text p{
font-size: 14px;
line-height: 30px;
color: #fff;
font-family: 'A-OTF-RyuminPro-Medium',serif;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
max-width: 86px;
width: 100%;
height: 209px;
float: right;
padding: 50px 25px 0 0;
}

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

#top #about_area .next_btn:hover{
background:#fff;
}

#top #about_area .next_btn:hover::before{
content: "";
width: 96%;
height: 85%;
display: block;
position: absolute;
border: 2px solid #b20000;
top: 2px;
left: 2px;
}

#top #about_area .next_btn:hover a{
color: #b20000;
}



#top #topics_area{
padding: 52px 0 0;
max-width: 1130px;
margin: 0 auto;
position: relative;
z-index: 3;
}

#top #topics_area h2{
position: absolute;
top: 79px;;
left: 9px;
}

#top #topics_areaa h2::before{
left: 48.8%;
}

#top #topics_area .cnt_g{
max-width: 1050px;
margin: 0 0 0 auto;
}

#top #topics_area .cnt_box{
max-width: 300px;
width: 28.57%;
float: left;
margin: 0 2.38%;
text-align: center;
}

#top #topics_area .cnt_img{
max-width: 300px;
padding: 0 0 16px;
}

#top #topics_area .cnt_img img{
width: 100%;
}

#top #topics_area h3{
color: #fff;
text-align: center;
font-size: 12px;
}

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



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

#concept header::before,#concept header::after{
background: rgba(238,238,238,0.8);
max-width: 36px;
width: 50%;
content:"";
}

#concept .nav_btn{
z-index: 3;
}

#concept header.active::before,#concept header.active::after{
background: #fff;
max-width: none;

}

#concept {
background: #b20000;
}

#concept .main_contents .title{
font-family: 'A-OTF-RyuminPro-Light';
}

#concept #value_area{
background: #fff;
padding: 30px 0 225px;
}

#concept #value_area .contents_in{
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 3;
}

#concept #value_area .h2_g{
max-width: 126px;
width: 100%;
position: absolute;;
top: 0;
left: 60px;
}

#concept #value_area .h2_g h2{
float: left;
}

#concept #value_area .h2_g p{
float: right;
}

#concept #value_area .cnt_img{
max-width: 655px;
width: 68.09%;
position: relative;
}

#concept #value_area .cnt_img img{
width: 100%;
}

#concept #value_area .cnt_img .box_anime{
 transform-origin: left top;
transform: skewX(30deg) translateX(-30%) scale(1, 1);
  transition: transform 1s;
width: 145%;
height: 110%;
background: #fff;
position: absolute;
top: -10px;
left: 0;
z-index: 1;
}

#concept #value_area .cnt_img.active .box_anime{
transform-origin:right top;
transform: skewX(30deg) translateX(-30%) scale(0, 1);
}

#concept #value_area .title{
font-size: 24px;
position: relative;
margin: 0 auto 30px;
padding: 15px 0 0;
max-width: 82px;
}

#concept #value_area .title::before{
position: absolute;
content: "";
display: block;
width: 20px;
height: 1px;
border-top: 1px solid #000;
top: 0;
left:5px;
}

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

#concept #value_area h3 {
font-size: 20px;
font-size: 2rem;
margin: 0 auto 45px;
padding: 0 30px 0 0;
}

#concept #value_area h3 [lang='en'] {
display: block;
font-size: 18px;
padding: 0 7px 0 0;
}

 #concept #value_area .cnt_g p{
font-size: 14px;
line-height: 30px;
height: 294px;
}

#concept #value_area #cnt_g01{
max-width: 962px;
width: 82%;
margin: 0 0 0 auto;
padding: 40px 0 0;
}

#concept #value_area #cnt_g01 .cnt_img{
float: right;
margin: 0 3.12% 0 0;
}

#concept #value_area #cnt_g01 .cnt_text{
max-width: 207px;
width: 21.52%;
float: left;
}

#concept #value_area #cnt_g01 p{
max-width: 207px;
}

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

#concept #value_area #cnt_g02 .cnt_img{
float: left;
margin: 0 0 0 2.5%;
padding: 90px 0 0;
}

#concept #value_area #cnt_g02 .cnt_img{
width:54.59%;
}

#concept #value_area #cnt_g02 .cnt_text{
float: right;
max-width: 380px;
width: 31.67%;
margin: 0 5% 0 0;
}

#concept #value_area #cnt_g02 .cnt_text p{
max-width: 180px;
margin: 0 auto;
}

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

#concept #value_area #cnt_g03 .cnt_img{
float: right;
margin: 0 0 0 2.5%;
padding: 55px 0 0;
width: 54.59%;
}

#concept #value_area #cnt_g03 .cnt_text{
float: left;
max-width: 514px;
width: 42.84%;
}

#concept #value_area #cnt_g03 .cnt_text p{
max-width: 176px;
margin: 0 auto;
}


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

#concept #value_area #cnt_g04 .cnt_img{
float: left;
margin: 0 0 0 2.5%;
padding: 90px 0 0;
}

#concept #value_area #cnt_g04 .cnt_img{
width:54.59%;
}

#concept #value_area #cnt_g04 .cnt_text{
float: right;
max-width: 380px;
width: 31.67%;
margin: 0 5% 0 0;
}

#concept #value_area #cnt_g04 .cnt_text p{
max-width: 180px;
margin: 0 auto;
}

@media only screen and (max-width:1190px){
#concept #value_area .h2_g{
left: 10px;
}
}



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

#service header::before,#service header::after{
background: rgba(217,0,0,0.8);
max-width: 36px;
width: 50%;
content:"";
}

#service .nav_btn{
z-index: 3;
}

#service header.active::before,#service header.active::after{
background: #fff;
max-width: none;
}

#service .main_contents .lyt-content-header > .cotnent-header-inner{
	box-sizing:border-box;
	padding:0 40px;
}

#service .main_contents .lyt-content-header > .cotnent-header-inner p{
	writing-mode:initial;
	font-family:'A-OTF-RyuminPro-Medium',serif;
	font-size:16px;
}







#service #cnt_area01{
position: relative;
z-index: 5;
}


#service #cnt_area01 .contents_in{
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 3;
}

#service #cnt_area01 .txt{
/* -webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl; */
}

#service #cnt_area01 .txt h2{
font-size: 32px;
position: relative;
padding: 50px 0 0 0;
text-align: center;
color: rgba(217,0,0,1);
font-family:'A-OTF-RyuminPro-Medium';
letter-spacing: 0.2em;
}

#service #cnt_area01 .txt h2::before{
display: none;
}

/* #service #cnt_area01 .txt h2::before{
position: absolute;
top: 0;
right: 14%;
content: "";
display: block;
width: 1px;
height: 40px;
border-left: 1px solid #000;
} */

#service #cnt_area01 .txt h2 span{
display: block;
font-size: 18px;
line-height: 30px;
padding: 20px 0 0;
color: #333;
font-family: 'A-OTF-RyuminPro-regular',serif;
font-weight: normal;
letter-spacing: normal;;
}

#service #cnt_area01 .txt p{
font-size: 14px;
line-height: 30px;
padding: 32px 0 0;
}

#service #cnt_area01 .cnt_img img{
width: 100%;
}


#service #cnt_area01 .cnt_box01 .cnt_img{
float:right;
margin: 0 2.5% 0 0;
max-width: 655px;
width: 54.59%;
}

#service #cnt_area01 .cnt_box01 .txt{
float:left;
max-width: 515px;
width:42.91%;
box-sizing: border-box;
/* padding: 0 140px 0 0; */
padding: 0 0 0 80px;
}

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

#service #cnt_area01 .cnt_box02 .cnt_img{
float: left;
margin: 0 0 0 2.5%;
max-width: 655px;
width: 54.59%;
}

#service #cnt_area01 .cnt_box02 .txt{
float:right;
max-width: 480px;
width: 40%;
box-sizing: border-box;
/* padding: 0 160px 0 0; */
padding: 0 80px 0 0;
}

/* #service #cnt_area01 .cnt_box02 .txt p{
	height:380px;
} */

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

#service #cnt_area01 .cnt_box03 .cnt_img{
float:right;
margin: 0 2.5% 0 0;
max-width: 655px;
width: 54.59%;
}

#service #cnt_area01 .cnt_box03 .txt{
float:left;
max-width: 515px;
width:42.91%;
box-sizing: border-box;
/* padding: 0 140px 0 0; */
padding: 0 0 0 80px;
}

#service .lyt-content.lyt-inspiration h2, #service .lyt-content.lyt-inspiration02 h2{
font-family: 'A-OTF-UDShinGoPro-Medium',sans-serif;
font-size: 16px;
}

#service .lyt-content.lyt-inspiration h2 span{
padding: 0 0 8px;
}

#service .lyt-content.lyt-inspiration .list-inline > li, #service .lyt-content.lyt-inspiration02 .list-inline > li{
font-family: 'A-OTF-UDShinGoPro-Regular',sans-serif;
text-align: left !important;
font-size: 12px;
line-height: 20px;
}

#service .lyt-inspiration .lyt-hdg h3{
font-size: 20px;
}

#service .lyt-inspiration02 .lyt-hdg h3{
font-size: 20px;
}

#service #inspiration_area{
position: relative;
z-index: 5;
}

#service #inspiration_area02{
position: relative;
z-index: 5;
}


/*----------
04.aboutus
----------*/

/*  */

/* #aboutus .nav_btn{
z-index: 3;
}

*/

#aboutus header::before,#aboutus header::after{
background: rgba(217,0,0,0.8);
max-width: 36px;
width: 50%;
content:"";
}

#aboutus header.active::before,#aboutus header.active::after{
background: #fff;
max-width: none;
}

#aboutus .img_box01{
margin-bottom: 0;
padding-bottom: 40px;
}

#aboutus .img_box01 img{
height: 100%;
width: auto;
}

#aboutus table{
width: 90%;
max-width: 700px;
margin: 0px auto;
padding: 40px 0 50px;
border: 1px solid #eee;
}

#aboutus table th{
background-color: #eee;
padding: 15px 0 15px 20px;
text-align: left;
width: 25%;
border-bottom: 1px solid #ddd;
}

#aboutus table tr:last-child th{
border-bottom: 1px solid #eee;
}

#aboutus table td{
padding: 15px 15px;
line-height: 2.1;
font-size: 1.4rem;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

#aboutus .cnt_g{
background-color: #fff;
padding: 0 0 80px !important;
}

#aboutus h2.color_b{
	color: #000 !important;
}

#aboutus h2.color_b:before {
    background-color: #000;
}

#aboutus .main_contents .lyt-txt:nth-of-type(1) {
margin-bottom: 0!important;
}

#aboutus .main_contents .lyt-content{
	position:relative;
	z-index:3;
}

#aboutus .main_contents .h2_white{
	color:#fff;
}

#aboutus .main_contents .lyt-content h2.h2_white:before{
	background-color:#fff;
}




/*----------
05.access
----------*/

/* #access header::before,#access header::after{
width: 0;
}

#access header.active::before,#access header.active::after{
background: #fff;
width: 60%;
} */

#access header::before,#access header::after{
background: rgba(217,0,0,0.8);
max-width: 36px;
width: 50%;
content:"";
}

#access .nav_btn{
z-index: 3;
}

#access header.active::before,#access header.active::after{
background: #fff;
max-width: none;
content:"";
}

#access .main_contents .lyt-content{
position: relative;
z-index: 5;
}


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

#contact header{
height: auto;
}
/*
#contact header::before,#contact header::after{
background: rgba(217,0,0,0.8);
max-width: 72px;
width: 50%;
background: none;
height: auto;
}

#contact header.active::before,#contact header.active::after{
height: 100vh;
}

#contact .nav_btn{
}

#contact .nav_btn .nav_line{
border-top-color:#000;
}

#contact header.active::before,#contact header.active::after{
background: #fff;
max-width: none;
} */

#contact header::before,#contact header::after{
background: rgba(217,0,0,0.8);
max-width: 36px;
width: 50%;
content:"";
}

#contact .nav_btn{
z-index: 3;
}

#contact header.active::before,#contact header.active::after{
background: #fff;
max-width: none;
}

#contact .cnt_area{
background: #fff;
position: relative;
z-index: 5;
}

#contact .cnt_area .contents_in{
max-width: 1040px;
margin: 0 auto;
font-family: 'A-OTF-UDShinGoPro-Regular';
padding: 0 0 93px;
/* position: relative;
z-index: 4; */
}

#contact .cnt_area .first_text{
padding: 50px 0 40px;
font-size: 12px;
line-height: 30px;
font-family: 'A-OTF-UDShinGoPro-Regular';
}

#contact .cnt_area table{
max-width: 1040px;
width: 100%;
margin: 0 auto;
}

#contact .cnt_area th{
width: 291px;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 12px;
line-height: 30px;
padding: 28px 0 28px 4px;
text-align: left;
}

#contact .cnt_area th span{
color: #b90400;
}

#contact .cnt_area td{
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 12px;
line-height: 30px;
padding: 28px 0;
vertical-align: top;
}

#contact .cnt_area td input[type="text"]{
max-width: 651px;
height: 36px;
width: 100%;
background:#fff;
box-sizing: border-box;
border: 1px solid #ddd;
box-shadow: none;
padding: 5px 10px;
font-size: 12px;
line-height: 30px;
}

#contact .cnt_area td label{
padding: 0 0 0 10px;
}

#contact .cnt_area textarea{
max-width: 651px;
width: 100%;
height: 190px;
box-sizing: border-box;
border: 1px solid #ddd;
background: #fff;
box-shadow: none;
padding: 10px;
font-size: 12px;
line-height: 20px;
}

#contact .cnt_area td.date_box span{
display: block;
padding: 0 0 10px;
}

#contact .cnt_area td.date_box span.text{
display: inline-block;;
padding: 0 30px 0 0;
}

#contact .cnt_area td.date_box input{
max-width: 177px;
height: 36px;
border: 1px solid #ddd;
background-color: #fff;
background: url(../img/contact/icon_calendar.png) no-repeat 96% center;
 box-shadow: none;
box-sizing: border-box;
padding: 5px 10px;
/* margin: 0 0 0 30px; */
}

#contact .cnt_area td.date_box select{
max-width: 171px;
width: 100%;
height: 36px;
border-radius: 0;
box-sizing: border-box;
border: 1px solid #ddd;
background: #fff;
box-shadow: none;
padding: 5px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../img/contact/arrow_bottom.png) no-repeat 96% center;
font-size: 12px;
font-family: 'A-OTF-UDShinGoPro-Regular';
}

#contact .cnt_area td.date_box .date01{
padding: 15px 0 8px;
}


#contact .cnt_area .attention_text{
max-width: 797px;
margin: 0 auto;
font-size: 12px;
line-height: 30px;
color: #000;
padding: 40px 0 90px;
font-family: 'A-OTF-UDShinGoPro-Regular';
}

#contact .cnt_area .submit_box{
background: #000;
color: #fff;
max-width: 404px;
width: 100%;
margin: 0 auto;
}

#contact .cnt_area .submit{
background: none;
box-shadow: none;
border:none;
color: #fff;
max-width: 404px;
width: 100%;
text-align: center;
padding: 13px 0;
font-family: 'A-OTF-RyuminPro-Regular',serif;
font-size: 24px;
}

/* スピンボタン（上下ボタン）を非表示 */
#contact input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* カレンダーのインジケータ（▼）を非表示 */
#contact input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
/* color: #f00; */
  position: relative;
background-color: rgba(0,0,0,0);
/* background: url(../img/contact/icon_calendar.png) no-repeat left top; */
}


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

#contact .privacy_policy{
padding: 70px 0;
}

#contact .privacy_policy h2{
font-family: 'A-OTF-RyuminPro-Regular',serif;
font-size: 3rem;
margin-bottom: 45px;
text-align: center;
}

#contact .privacy_policy p{
font-family: 'A-OTF-RyuminPro-Regular',serif;
line-height: 2.1;
font-size: 1.4rem;
margin: 40px auto;
max-width: 830px;
}

#contact .privacy_policy dl{
margin: 0 auto;
max-width: 830px;
}

#contact .privacy_policy dt{
font-family: 'A-OTF-RyuminPro-Bold',serif;
font-weight: bolder;
line-height: 2.5;
font-size: 1.8rem;
border-bottom: 1px solid #ddd;
}

#contact .privacy_policy dd{
font-family: 'A-OTF-RyuminPro-Regular',serif;
line-height: 2.1;
font-size: 1.4rem;
margin-bottom: 15px;
}



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

#news header{
height: auto;
}

#news header::before,#news header::after{
background: rgba(217,0,0,0.8);
max-width: 36px;
width: 50%;
content:"";
}

#news .nav_btn{
z-index: 3;
}

#news header.active::before,#news header.active::after{
background: #fff;
max-width: none;
}

#news #cnt_area01{
background: #fff;
position: relative;
z-index: 5;
padding: 0 0 30px;
}

#news #cnt_area01 .cnt_g{
max-width: 1062px;
margin: 0 auto;
padding: 73px 0 10px;
}

#news #cnt_area01 .cnt_box{
max-width: 300px;
float: left;
width: 28.25%;
margin: 0 2.54% 63px;
}

#news #cnt_area01 .cnt_img{
max-width: 300px;
padding: 0 0 8px;
}

#news #cnt_area01 .cnt_img img{
width: 100%;
}

#news #cnt_area01 .cnt_img img.wp-post-image{
width: auto;
height: 18.83vw;
max-height: 200px;
display: block;
margin: 0 auto;
}

#news #cnt_area01 h3{
text-align: center;
font-size: 12px;
line-height: 30px;
}


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

#news_detail header{
height: auto;
}

#news_detail header::before,#news_detail header::after{
background: rgba(217,0,0,0.8);
max-width: 36px;
width: 50%;
}

#news_detail .nav_btn{
z-index: 3;
}

#news_detail header.active::before,#news_detail header.active::after{
background: #fff;
max-width: none;
}

#news_detail #crumbRap{
background: #fff;
max-width:1000px;
padding:0 0 40px;
width:96% !important;
}

#news_detail #singleAtc{
background: #fff;
position:relative;
z-index:4;
padding:20px 0 80px;
}

#news_detail #singleAtc h1{
	margin:0 0 10px;
	writing-mode:inherit;
}

#news_detail #singleAtc .cnt_g{
	max-width:1000px;
	margin:0 auto;
	width:96%;
}

#news_detail #singleAtc .box{
	width:auto;
}

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

#special header{
height: auto;
}

#special header::before,#special header::after{
background: rgba(217,0,0,0.8);
max-width: 36px;
width: 50%;
content:"";
}

#special .nav_btn{
z-index: 3;
}

#special header.active::before,#special header.active::after{
background: #fff;
max-width: none;
}

#special #cnt_area01{
background: #fff;
position: relative;
z-index: 5;
padding: 0 0 30px;
}

#special #cnt_area01 .cnt_g{
max-width: 1062px;
margin: 0 auto;
padding: 73px 0 10px;
}

#special #cnt_area01 .cnt_box{
max-width: 300px;
float: left;
width: 28.25%;
margin: 0 2.54% 63px;
}

#special #cnt_area01 .cnt_img{
max-width: 300px;
padding: 0 0 15px;
}

#special #cnt_area01 .cnt_img img{
width: 100%;
}

#special #cnt_area01 h3{
text-align: center;
font-family: 'Mercury-DisplayBold';
font-size: 20px;
line-height: 30px;
}

#special #cnt_area01 p{
text-align: center;
font-size: 12px;
line-height: 30px;
}

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

#special_detail header{
height: auto;
}

#special_detail header::before,#special header::after{
background: rgba(217,0,0,0.8);
max-width: 36px;
width: 50%;
}

#special_detail .nav_btn{
z-index: 3;
}

#special_detail header.active::before,#special header.active::after{
background: #fff;
max-width: none;
}

#special_detail #singleAtc{
background: #fff;
position: relative;
z-index: 5;
padding: 0 0 30px;
}