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

/*-----------------------------------------------------
sp
-------------------------------------------------------*/
html{font-size:10px;}
img {max-width:100%; height:auto;}
body{font-size:1.4rem;}
@media screen and (max-width: 374px) {
	body{font-size:1.3rem;}
}

/*--------------------------------------------------------------------
   footer
---------------------------------------------------------------------*/
footer{ padding:0 0 25px;}

footer #ftrIn nav,
footer #ftrIn .ftrInfo{
    width:auto;
    float:none;
}

footer #ftrIn nav > ul{
    float:none;
    padding:20px 15px 15px;
    border-bottom:#3e3e3e 1px solid;
}
.ftrNav01,
.ftrNav02,
.ftrNav03,
.ftrNav04,
.ftrNav05{width:100%;}

footer #ftrIn nav ul > li{
    margin-bottom:0; 
    font-size:1.4rem;
}

footer #ftrIn nav ul li .mgnWrap{ margin-top:10px; overflow:hidden;}
footer #ftrIn nav ul li .mgnWrap ul{ overflow:hidden; display:block; width:100%;}
footer #ftrIn nav ul li .mgnWrap ul li{
    width:50%;
    float:left;
    text-align:left;
}
footer #ftrIn nav ul li .mgnWrap a{
    font-size:1.3rem;
}


footer #ftrIn nav > ul.ftrNav05 li{display:inline; margin-right:2em;}

footer #ftrIn .ftrInfo{
    width:100%;
    max-width:248px;
    margin:0 auto;
    padding-top:40px;
}

footer #ftrIn .ftrInfo dl{text-align:center;}
footer p.copy{text-align:center;}


/*--------------------------------------------------------------------
   maintitle
---------------------------------------------------------------------*/
#mainTitle{
    padding-top:29.333%;
}
#mainTitle .titBg{
    width:77.3333%;
    height:68px;
    bottom:-50px;    
}

#mainTitle h1{
    padding-left:30px;
    font-size:1.9rem;
}
#mainTitle h1 span{font-size:1.2rem; padding-bottom:5px;}

/*--------------------------------------------------------------------
   container
---------------------------------------------------------------------*/
#container.toppage{ padding:40px 0 40px;}
#container.second{ padding:80px 10px 40px;}

/* base
-----------------------*/
div[id="container"] p,
div[id="container"] span,
div[id="container"] li,
div[id="container"] dt,
div[id="container"] dd,
div[id="container"] th,
div[id="container"] td{
    line-height:1.9;}

/* box
---------------------------------------------------------*/
div[id="container"].second section + section {margin-top: 30px;}

div[id="container"].second section p + figure{ margin-top:30px; }
div[id="container"].second section figure + *{ margin-top:40px; }

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

div[id="container"].second section h2{
    font-size:1.8rem;
}

div[id="container"].second section h3{
    font-size:1.6rem;
}

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


/*localLink*/

.localLink li + li{ margin-top:20px;}

/*btmLink*/


.btmLink{
    padding:15px 15px;
}
.btmLink li{
    display:block;
}  

/*----------------------------------------------------
local --- top
-------------------------------------------------------*/
/* box
---------------------------------------------------------*/
#container.toppage section + .topBg{margin-top:90px;}
#container.toppage .topBg + section {margin-top:50px;}
/* mainimage
---------------------------------------------------------*/

#mainImage li .inner{
    padding-top:68%;
}

#mainImage li .inner a{
    width:56.4%;
    height:25%;
    padding:20px;
    font-size:1.4rem;
    right:0;
    bottom:14.5%;
    overflow:hidden;
}
#mainImage li .inner a::after{
    width:14px;
    height:5px;
    right:15px;
    bottom:15px;
}
#mainImage li .inner a span{
    font-size:0.8rem;
    white-space:nowrap;
}

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

#container.toppage section h2{
    font-size:3.4rem;  
}
#container.toppage section h2 span{
    font-size:1.3rem;
}

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

#topSection01 h2{margin-bottom:25px;}

#topSection01 ul {
    max-width:320px;
    margin:0 auto;
}

#topSection01 ul li{
    width:auto;
    float:none;
}
#topSection01 ul li + li{margin-left:0; margin-top:70px;}
#topSection01 ul li.first {margin-left: 0;}
#topSection01 ul li.link02{margin-top:70px;}


#topSection01 ul li a .sclimg{ display:none;}

#topSection01 ul li a .linkTxt{
    height:45px;
    padding:10px 0 0 20px;
    font-size:1.5rem;
    bottom:-13px;
}
#topSection01 ul li a .linkTxt span,
#topSection04 .boxR a .linkTxt span{ font-size:1.1rem; display:block; }


/* section02
---------------------------------------------------------*/
#topSection02,
#topSection03{
    padding:40px 10px 0;
}
#topSection03{padding-bottom:50px;}

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

#topSection02 img,
#topSection03 img{
    position:static !important;
    width:100%;
    max-width:340px;
    margin:0 auto;
}

#topSection02 .box,
#topSection03 .box{
    width:auto;
    float:none;
    padding-bottom:0;
}
#topSection02 .box ul,
#topSection03 .box ul{margin-bottom:30px; overflow:hidden;}

#topSection02 .box ul li,
#topSection03 .box ul li{
    width:48%;
    float:left;
    margin-right:1%;
    margin-left:1%;
    margin-bottom:2%;
}

/* section04
---------------------------------------------------------*/
#topSection04{
    padding-left:10px;
    padding-right:10px;
}
#container.toppage section#topSection04 h2{
    margin-bottom:20px;
}
#container.toppage section#topSection04 h2 span{
    display:block;
    margin-left:0;
    position:relative;
    top:0; 
    }



#topSection04 .boxL,
#topSection04 .boxR{
    width:auto;
    float:none;
}
#topSection04 .boxR{
    max-width:315px;
    margin:0 auto;
    padding-bottom:50px;
}

#topSection04 .boxR a .linkTxt{
    height: 70px;
    padding: 10px 0 0 20px;
    font-size: 1.7rem;
    bottom: -35px;
}

#topSection04 .boxL ul li a span{
    display:block;
    width:auto;
    float:none;
}
#topSection04 .boxL ul li a p{
    margin-left:0;
}
#topSection04 .boxL ul{margin-bottom:50px;}






@media screen and (max-width: 374px) {
    /*iphone5*/
}