@charset "UTF-8";
/****************************************
       CSS レイアウト (共有)
*****************************************/


/*トップイメージ*/
.business_main_img{
display:block;

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

background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
margin-bottom: 60px;
}

.business_wrapper{
position: relative;
max-width: 1170px;
margin: 0 auto;
height: 553px;
}

.business_comments{
top: 155px;
bottom: auto;
font-size: 110px;
position: absolute;
bottom: 25px;
left: 4.6875vw;
right: 4.6875vw;
background:rgba(0, 0, 0, 0.0);
}

.business_title{
margin: 0 0 0.1em;
padding: 0;
color: #ffffff;
font-weight: 700;
line-height: 1;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
font-size: 0.5em;
}

.business_txt{
margin: 0;
padding: 0 0 0 0.1em;
color: #ffffff;
font-size: 3.75vw;
font-weight: 700;
line-height: 1.8;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
font-size: 0.2em;
}

/*タイトル*/
.header_business_title{
margin: 0 0 60px;
padding: 0;
text-align: center;
font-size: 2.8em;
font-weight: 700;
line-height: 1;
}




/**/
.reuse{
margin-bottom: 32px;
}


.reuse_txt{
float:left;
width:70%;
display:block;
background:#f5f5f5;
height:200px;
}

.reuse_txt h2{
margin-bottom: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 1.8em;
font-weight: 700;
letter-spacing: 0.1em;
color: #1d1d1f;
}


.reuse_txt_inner{
padding:10px;
	font-size: 1.1em;
	line-height:1.774;
	word-break: normal;
	word-wrap: break-word;
color: #86868b;
}

.reuse_img{
float:left;
width:30%;
display:block;
background:#fff;
height:200px;
}

.reuse_img_inner{
display:block;
background-image: url(../images/reuse.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height:200px;
margin-bottom: 60px;
}

.reuse::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.netmedia{
margin-bottom: 32px;
display: flex;
}

.netmedia_txt{
float:left;
width:70%;
display:block;
background:#f5f5f5;
height:200px;
}

.netmedia_txt h2{
margin-bottom: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 1.8em;
font-weight: 700;
letter-spacing: 0.1em;
color: #1d1d1f;
}

.netmedia_txt_inner{
padding:10px;
	font-size: 1.1em;
	line-height:1.774;
	word-break: normal;
	word-wrap: break-word;
color: #86868b;
}

.netmedia_img{
float:left;
width:30%;
display:block;
background:#fff;
height:200px;
}

.netmedia_img_inner{
display:block;
background-image: url(../images/netmedia.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height:200px;
margin-bottom: 60px;

}


.netmedia::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}







.netstore{
margin-bottom: 32px;
}


.netstore_txt{
float:left;
width:70%;
display:block;
background:#f5f5f5;
height:200px;
}

.netstore_txt h2{
margin-bottom: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 1.8em;
font-weight: 700;
letter-spacing: 0.1em;
color: #1d1d1f;
}

.netstore_txt_inner{
padding:10px;
	font-size: 1.1em;
	line-height:1.774;
	word-break: normal;
	word-wrap: break-word;
color: #86868b;
}

.netstore_img{
float:left;
width:30%;
display:block;
background:#fff;
height:200px;
}

.netstore_img_inner{
display:block;
background-image: url(../images/netstore.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height:200px;
margin-bottom: 60px;
}

.netstore::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/****************************************
       CSS レイアウト (PC)
*****************************************/
/*PCのみの表示*/

@media (max-width: 741px) {

.business_title{
font-size: 0.4em;
text-align:center;
}

.reuse_txt{
width:100%;
float:clear;
}

.reuse_img{
float:clear;
width:100%;
}

.netmedia{
 flex-direction: column;
}


.netmedia_txt{
width:100%;
float:clear;
margin-bottom: 32px;
}

.netmedia_img{
float:clear;
width:100%;
}
.order1 {
  order: 1;
 }
.order2 {
  order: 2;
 }

.netstore_txt{
width:100%;
float:clear;
}

.netstore_img{
float:clear;
width:100%;
}




}



/****************************************
       CSS レイアウト (モバイル)
*****************************************/
/*モバイルのみの表示*/
@media (max-width: 481px) {
.business_txt{
margin: 0;
padding: 0 0 0 0.1em;
color: #ffffff;
font-weight: 700;
line-height: 1.8;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
font-size: 0.12em;
text-align:center;
}
	
}

@media (max-width: 321px) {


}