@charset "utf-8";
/*-----------------------------------------------------
common
--------------------------------------------------------*/
	.forPC,
	.forSP{display:none;}
	.forTB{display:inherit;}

/*-----------------------------------------------------
tablet
--------------------------------------------------------*/
img {max-width:100%; height:auto;}
html{font-size:10px;}
body{font-size:1.4rem;}

/*--------------------------------------------------------------------
   footer
---------------------------------------------------------------------*/
footer{padding:60px 10px 30px;}

.ftrNav01,
.ftrNav02,
.ftrNav03,
.ftrNav04,
.ftrNav05{width:30%;}

/*--------------------------------------------------------------------
   container
---------------------------------------------------------------------*/
#container.second{
    padding-left:30px;
    padding-right:30px;
}


/* layout
---------------------------------------------------------*/
.colBox01 #mainBox,
.colBox01 aside{
    width:auto;
    float:none;    
}
.colBox01 aside{display:none;}

/*----------------------------------------------------
local --- top
-------------------------------------------------------*/


/*title
--------------*/

#container.toppage section h2{
    font-size:3.6rem; 
}
#container.toppage section h2 span{
    font-size:1.2rem;
}

/* section01
---------------------------------------------------------*/
#topSection01{
    padding-left:30px;
    padding-right:30px;
}

#topSection01 ul li{width:31%;}
#topSection01 ul li + li{margin-left:3.5%;}

#topSection01 ul li a .linkTxt{
    width:85%;
    height:48px;
    padding:15px 0 0 15px;
    font-size:1.2rem;
    bottom:-25px;
}
#topSection01 ul li a .linkTxt span,
#topSection04 .boxR a .linkTxt span{ font-size:0.9rem;}

#topSection01 ul li a .linkTxt::after,
#topSection04 .boxR a .linkTxt::after{
    right:10px;
}

/* section02
---------------------------------------------------------*/
#topSection02{
    padding-left:30px;
    padding-right:30px;
    padding-top:50px;
}

#topSection02 h2{margin-bottom:20px;}

#topSection02 img{
    width:45%;
    right:30px;
    top:-30px;
}

/* section03
---------------------------------------------------------*/
#topSection03{
    padding-left:30px;
    padding-right:30px;
    padding-bottom:0;
}


#topSection03 h2{margin-bottom:20px;}

#topSection03 img{
    width:45%;
    left:30px;
    top:40px;
}

#topSection03 .box{
    width:40%;
    float:right;
    padding-bottom:50px;
    margin-top:-50px;
}


/* section04
---------------------------------------------------------*/
#topSection04{
    padding-left:30px;
    padding-right:30px;
}
#topSection04 .boxL ul li{padding:10px 0;}

#topSection04 .boxL ul li a span{font-size:0.9rem; width:5em; padding-top:5px;}
#topSection04 .boxL ul li a p{font-size:1.2rem; margin-left:5em;}

#topSection04 .boxR a .linkTxt{
    width: 85%;
    height: 70px;
    padding: 15px 0 0 15px;
    font-size: 1.4rem;
    bottom: -35px;
}