@charset "utf-8";
/* ==================================================
		
		選ばれる理由 PC

================================================== */
@media screen and (min-width:751px) {
  
/* --------------------------------------------------
		#vi
-------------------------------------------------- */
#vi {
 background: url(/reason/img/bak_vi_pc.jpg) no-repeat center top / cover;
}
  
/* --------------------------------------------------
		tab
-------------------------------------------------- */
.stit01 {
 font-weight: bold;
 color: #4b600f;
 display: block;
}
.stit02 {
 font-weight: bold;
 color: #4a382b;
 display: block;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .data-box > div ul .greenbox {
 width: 322px;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div .txt {
 font-weight: bold;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div .txt > span {
 display: block;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div ul .greenbox {
 width: 312px;
 display: grid;
 padding: 10px;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div ul .greenbox > span {
 font-size: 31px;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div ul .greenbox > span span {
 margin-top: -8px;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div ul .greenbox > span span {
 margin-top: -8px;
}
.tabarea .tabarea-inner .tabarea-area .support-inner .support-box .img .imgb {
 display: block;
}
.tabarea .tabarea-inner .tabarea-area .support-inner .support-box .img .imgb a:hover {
 transition: opacity 0.5s;
 opacity: 0.8;
}

}


/* ==================================================
		
		選ばれる理由 SP

================================================== */
@media screen and (max-width:750px) {
  
/* --------------------------------------------------
		#vi
-------------------------------------------------- */
#vi {
 background: url(/reason/img/bak_vi_sp.jpg) no-repeat right top / cover;
 position: relative;
}
  
/* --------------------------------------------------
		tab
-------------------------------------------------- */
.stit01 {
 font-weight: bold;
 color: #4b600f;
 display: block;
}
.stit02 {
 font-weight: bold;
 color: #4a382b;
 display: block;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .data-box > div ul .greenbox {
 width: 49%;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div {
 width: 48%;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div:last-of-type {
 width: 75%;
 margin: 0 auto;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div .txt, 
.tabarea .tabarea-inner .tabarea-area .data-inner .spfigure .txt {
 font-weight: bold;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .figure > div .txt > span, 
.tabarea .tabarea-inner .tabarea-area .data-inner .spfigure .txt > span {
 display: block;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .spfigure ul .greenbox {
 width: 50%;
 margin: 0 auto;
 display: grid;
 padding: 5px 0 8px;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .spfigure ul .greenbox > span {
 font-size: 18px;
}
.tabarea .tabarea-inner .tabarea-area .data-inner .spfigure ul .greenbox > span > span {
 margin-top: -6px;
}
.tabarea .tabarea-inner .tabarea-area .support-inner .support-box .issimg {
 width: 33%;
}
.tabarea .tabarea-inner .tabarea-area .support-inner .support-box .img .imgb {
 display: block;
}
.tabarea .tabarea-inner .tabarea-area .support-inner .support-box .img .imgb a:hover {
 transition: opacity 0.5s;
 opacity: 0.8;
}

}