@charset "utf-8";

/* =======================================
 7つのコンセプトTOP
======================================= */
.sub section#subContainer.concept_index .mainVisual .text_box p.homeHead_mainText_wrapper {
	width: auto;
	font-size: inherit;
	float: none;
	display: table;
}
.main_box.concept_index ul li:last-child dl h5 span {
    color: inherit;
    position: inherit;
    border: inherit;
    padding: inherit;
    background: inherit;
}
.sub section#subContainer.concept_index{
	margin: -230px auto 0 auto !important;
	position: relative;
}
.concept_index .mainVisual{
	height:80vh;
	margin-bottom:100px;
	margin-top: 0 !important;
	position:relative;
	background-image:linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 70%, rgba(245,245,245,0.933) 70%, rgba(245,245,245,0.933) 100%), url(/concept/img/index/a_img_main_pc.webp);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	background-attachment:fixed;
}
.no-webp .concept_index .mainVisual{
	background-image:linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 70%, rgba(245,245,245,0.933) 70%, rgba(245,245,245,0.933) 100%), url(/concept/img/index/a_img_main_pc.jpg);
}
.sub section#subContainer.concept_index .mainVisual .subTitleBox{
	padding-top:150px;
}
.sub section#subContainer.concept_index .mainVisual .text_box {
	background: rgba(255,255,255,0.9);
	width: 45%;
	min-width:600px;
	max-width:750px;
	height:40vh;
	min-height:500px;
	padding: 60px;
	position: absolute;
	box-sizing: border-box;
	right:0;
	top:25vh;
}
.sub section#subContainer.concept_index .mainVisual .text_box h3 {
	font-size: 150%;
	min-height:450px;
	font-weight:bold;
	text-align: left;
	float:left;
	vertical-align:top;
	border-right:1px solid #;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.sub section#subContainer.concept_index .mainVisual .text_box p{
	width:70%;
	float:right;
	text-align:left !important;
}
.main_box.concept_index{
	margin:70px auto 0 auto;
}
.main_box.concept_index ul{
	overflow:auto;
}
.main_box.concept_index ul li{
	width:48%;
	height:700px;
	margin-right:4%;
	margin-bottom:40px;
	position:relative;
	float:left;
	box-sizing:border-box;
	background-repeat:none;
	background-size:cover;
	background-position:center;
}
.main_box.concept_index ul li:nth-child(even){
	margin-right:0;
}
.loaded .main_box.concept_index ul li:nth-child(1){
	background-image: url(/concept/img/index/a_img01.webp);
}
.loaded .main_box.concept_index ul li:nth-child(2){
	background-image: url(/concept/img/index/a_img02.webp);
}
.loaded .main_box.concept_index ul li:nth-child(3){
	background-image: url(/concept/img/index/a_img03.webp);
}
.loaded .main_box.concept_index ul li:nth-child(4){
	background-image: url(/concept/img/index/a_img04.webp);
}
.loaded .main_box.concept_index ul li:nth-child(5){
	background-image: url(/concept/img/index/a_img05.webp);
}
.loaded .main_box.concept_index ul li:nth-child(6){
	background-image: url(/concept/img/index/a_img06.webp);
}
.loaded .main_box.concept_index ul li:nth-child(7){
	background-image: url(/concept/img/index/a_img07.webp);
}
.no-webp .loaded .main_box.concept_index ul li:nth-child(1){
	background-image: url(/concept/img/index/a_img01.jpg);
}
.no-webp .loaded .main_box.concept_index ul li:nth-child(2){
	background-image: url(/concept/img/index/a_img02.jpg);
}
.no-webp .loaded .main_box.concept_index ul li:nth-child(3){
	background-image: url(/concept/img/index/a_img03.jpg);
}
.no-webp .loaded .main_box.concept_index ul li:nth-child(4){
	background-image: url(/concept/img/index/a_img04.jpg);
}
.no-webp .loaded .main_box.concept_index ul li:nth-child(5){
	background-image: url(/concept/img/index/a_img05.jpg);
}
.no-webp .loaded .main_box.concept_index ul li:nth-child(6){
	background-image: url(/concept/img/index/a_img06.jpg);
}
.no-webp .loaded .main_box.concept_index ul li:nth-child(7){
	background-image: url(/concept/img/index/a_img07.jpg);
}
.main_box.concept_index ul li:nth-child(8){
	padding:0;
	margin:0;
}
.main_box.concept_index ul li:nth-child(8) dl{
	width:100%;
	margin:0;
	padding:0;
	background:none;
}
.main_box.concept_index ul li:nth-child(8) dl dt h5{
	font-size:200%;
	display: table;
	padding-bottom: 50px;
	margin:0;
	 -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.main_box.concept_index ul li:nth-child(8) dl p{
	width:70%;
	margin:0 auto;
}
.main_box.concept_index ul li dl{
	width:90%;
	padding:30px;
	background:rgba(255,255,255,0.933);
	position:absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	margin: auto;
	box-sizing:border-box;
}
.main_box.concept_index ul li dl h5{
	font-size:150%;
	font-weight:700;
	margin-bottom:10px;
}
.main_box.concept_index ul li dl h5 span{
	font-family: 'Jost', sans-serif;
	color:#fff;
	font-size:40px;
	margin-right:10px;
	position:absolute;
	top:-1em;
	right:0;
	border:1px solid #000;
	padding:0.05em 0.3em;
	background:rgba(0,0,0,0.9);
}
.main_box.concept_index ul li:nth-child(8) dl h5 span {
	padding: 0;
	top:0em;
}
.main_box.concept_index .top_line_btn a i {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}