@charset "utf-8";

/* --------------------------------------------------------- */
/* tendo - index.css */
/* --------------------------------------------------------- */

/* メイン
----------------------- */
#main{}
#main h1{background-image:url(../img/title_bg.jpg);}
#main a{display:block;transition:opacity ease 0.3s;}
#main a:hover{opacity:0.7;}

#main .box{margin-top:70px;}
#main .box:last-of-type{padding-bottom:190px;}
#main .textBox{position:relative;width:53.572%;}
#main .inner{position:absolute;width:100%;top:50%;left:0;padding:0 0%/*75px*/;box-sizing:border-box;transform:translateY(-50%);}
#main h2{margin-bottom:1em;font-size:32px;font-weight:normal;}
#main h2 small{font-size:22px;}
#main .text{margin-bottom:2em;font-size:18px;line-height:1.8;}
#main .inner .text:last-of-type{margin-bottom:0;}
#main .text li{position:relative;padding-left:7em;}
#main .text li span{position:absolute;left:0;}

#main #box1 .inner{padding-right:0;}
#main #box1 .image{width:35.714%;}

#main #box2 .textBox{width:51.786%;}
#main #box2 .inner{padding-left:0;}
#main #box2 .image{width:43.75%;}

#main #box2 ul.text{margin-bottom:1.5em;}
#main #box2 p.text:last-of-type{margin-bottom:0;}



/* ----------------------- */
/* PC～SP
/* ----------------------- */
@media screen and (max-width: 1120px){

#main .inner{position:static;transform:translateY(0);}
#main .textBox{width:60.572%;}
#main #box2 .textBox{width:52.786%;}

}



/* ----------------------- */
/* SP
/* ----------------------- */
@media screen and (max-width: 750px){
	
/* メイン
----------------------- */
#main:after{content:none;}
#main .layer{width:94.666%;}
#main h1{background-image:url(../img/sp/title_bg.jpg);}
#main a:hover{opacity:1;}

#main .box{margin-top:10%;display:block;}
#main .box:last-of-type{padding-bottom:20%;}
#main .textBox{width:100%;}
#main h2{margin-bottom:0.8em;font-size:4.26vw;}
#main h2 small{font-size:2.93vw;}
#main .text{width:calc(100% - 40px);margin:0 auto 2em;font-size:3.8vw;}

#main #box1 .image{width:57.142%;margin:0 auto 8%;}

#main #box2 .textBox{width:100%;}
#main #box2 .image{width:70%;margin:15% auto 2.5%;}
	

}