/**
 *
 *  サイト共通(SP表示)
 *
 */


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
body{
	font-size:12px;
}
#Page {
	min-width:320px;	
}
#Page img{
	width:100%;
	height:auto;
}
.pc{
	display:none;	
}
.sp{
	display:block;	
}


/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

.ophover{
	transition:none;;	
}
.ophover:hover{
	opacity: 1;
}

/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/
#Page{
	border:none;
}
.inner{
	width: 100%;
	padding:0 15px;
}


/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
#Header{
	padding: 0;
	border-top:4px solid #4574BA;	
}
#Header .inner{
	width: 100%;
	min-width:initial;
	padding: 0;	
}
#Header h1{
	position: static;
	padding: 18px 0;
	margin-left: 15px;
	width: 145px;
}

/* スクロール時 */
#Header.scroll{
	border-top:4px solid #4574BA;
	top:0;
	-webkit-box-shadow: none;
 	-moz-box-shadow: none;	
  	box-shadow: none;
}
#Header.scroll .inner{
	padding: 0;	
}
#Header.scroll #Gnav ul li p a{
	padding: 18px 15px;
}
#Header.scroll h1 img{
	width: 100%;
	height: auto;	
}

/* ---------------------------------------------------------------------------
			#Gnav	
				グローバルナビゲーション
--------------------------------------------------------------------------- */
#Gnav{
	display:none;
	padding-right: 0;
	background:#F4F4F7;
}
#Gnav > ul{
	float: none;
}
#Gnav ul li{
	display:block;
	border-bottom:1px solid #C6C6C6;
}
#Gnav ul li.nav00{
	display:block;
}
#Gnav .parent span.open{
	border-bottom:1px solid #C6C6C6;	
}
#Gnav ul li a{
	position: relative;
	display:block;
	padding: 18px 15px;	
}
#Gnav > ul > li p a{
	color:#4573B9;
	background:url(../images/common/arw_nav_sp.png)  no-repeat right 12px center;
	background-size:8px auto;
}
#Gnav .parent span{
	padding: 18px 15px;
	color:#4573B9;		
	width: 100%;
	height: 100%;
	cursor:pointer;
	background:url(../images/common/ico_plus.png) no-repeat right 10px center;
	background-size:16px auto;		
}
#Gnav .parent span.open{
	background:url(../images/common/ico_minus.png) no-repeat right 10px center;
	background-size:16px auto;		
}
#Gnav > ul > li .parent a{
	display:none;	
}
#Gnav > ul > li .parent a:hover:after{
	display:none;
}

#Gnav .sub{
	display:none;
	position: static;
	background:none;
	text-align:left;
}
#Gnav .sub a{
	padding: 18px 30px;
	background:none;
	font-size:92%;	
}
#Gnav .sub a:hover{
	color:#3D3D3D;	
}
#Gnav .sub li:first-child{
	display:block;	
}
#Gnav .sub li:last-child{
	border-bottom:none;	
}
#Gnav .nav02 .sub{ padding-right: 0;}
#Gnav .nav03 .sub{ padding-right: 0;}
#Gnav .nav05 .sub{ padding-right: 0;}
#Gnav .nav06 .sub{ padding-right: 0;}


/* メニュー開閉 */
#SpMenuBtn{
	position:absolute;
	top:0;
	right:0;
	width: 55px;
	height: 55px;	
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 55px;
	height: 55px;
}
.menu-trigger span {
	position: absolute;
	left: 17px;
	width: 25px;
	height: 3px;
	background-color: #4D79BD;
}
.menu-trigger span:nth-of-type(1) {
	top: 18px;
}
.menu-trigger span:nth-of-type(2) {
	top: 26px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 18px;
}
.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-315deg);
	transform: translateY(9px) rotate(-315deg);
}
.active .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-7px) rotate(315deg);
	transform: translateY(-7px) rotate(315deg);
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Content {
	margin-top: 59px;
	padding-bottom: 30px;
}

/*--------------------------------------------------------------------------
   layout
---------------------------------------------------------------------------*/
.layout-box{
	display:block;
}


/*--------------------------------------------------------------------------
   btn-base
---------------------------------------------------------------------------*/
.btn-base{
	height: 50px;
	line-height:50px;
}
.btn-base span:before{
	background:url(../images/common/arw_btn_w01_sp.png) no-repeat;
	background-size:100% auto;
}

.btn-base.btn-w{
	color:#3D3D3D;
	background:#FFF;	
}
.btn-base.btn-w span:before{
	background:url(../images/common/arw_btn_bk01_sp.png) no-repeat;
	background-size:100% auto;
}

.txt-link-btn span{
	background:url(../images/common/arw_bg_w01_sp.png) no-repeat left center;
	background-size:16px auto;	
}


/*--------------------------------------------------------------------------
   img-zoom
---------------------------------------------------------------------------*/
.img-zoom:hover .pic img,
.pic.img-zoom:hover img{
	-webkit-transform: none;
    -moz-transform: none;
    transform: none;	
}


/*--------------------------------------------------------------------------
   page title
---------------------------------------------------------------------------*/
.page-ttl{
	height: 100px;	
	padding-top: 30px;
}
.page-ttl:after{
	display:block;
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	width: 100%;
	height: 100%;
	margin-left: 0;
}
.page-ttl .inner{
	position: relative;
	z-index:10;	
}
#Page .page-ttl h2 img{
	width: auto;
	height: 36px;	
}

.ttl-bracket{
	font-size:125%;
}
.ttl-bracket span{
	padding:0 17px;	
}
.ttl-bracket span:before{
	top:0;
	background-size:6px auto;
	width: 6px;
	height: 28px;
}
.ttl-bracket span:after{
	top:0;
	background-size:6px auto;
	width: 6px;
	height: 28px;

}



/*--------------------------------------------------------------------------
   bread-crum
---------------------------------------------------------------------------*/
.bread-crum{
	display:none;
}


/*--------------------------------------------------------------------------
   intro
---------------------------------------------------------------------------*/
.intro{
	padding: 40px 0 35px;
}
.intro .lead{
	margin-bottom: 20px;	
}
.intro.middle{
	padding: 40px 0 30px;
	text-align:left;	
}


/*--------------------------------------------------------------------------
  point
---------------------------------------------------------------------------*/
.point{
	padding: 40px 12px;
}
.point .circle{
	width: 55px;
	left:14px;
	top:-28px;	
}




/*--------------------------------------------------------------------------
   category nav
---------------------------------------------------------------------------*/
.cat-nav{
	display:none;
}


/*--------------------------------------------------------------------------
   pagetop
---------------------------------------------------------------------------*/
.pagetop a{
	position: static;
	width: 100%;
	height: auto;
	padding: 15px 0;
	background:#4574BA;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.pagetop span{
	display:inline;
	position: relative;
	left:-8px;
	padding-left: 24px;
	background:url(../images/common/arw_pagetop_sp.png) no-repeat left center;
	background-size:17px auto;	
}

/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Footer{
	padding: 0;	
}
#Footer .inner{
	padding: 0;	
}
#Footer .info-area{
	margin-bottom: 20px;
	padding-top: 45px;	
}
#Footer .sitemap{
	float: none;
	width: 100%;	
}
#Footer .sitemap ul li{
	border-bottom:1px solid #C6C6C6;
}
#Footer .sitemap > ul > li{
	display:block;
}
#Footer .sitemap > ul > li.ftnav00{
	display:block;	
}
#Footer .sitemap > ul > li p{
	margin-bottom: 0;	
}
#Footer .sitemap > ul > li span.open{
	border-bottom:1px solid #C6C6C6;
}
#Footer .sitemap > ul > li p a{
	display:block;
	padding: 18px 15px;
}

#Footer .sitemap .parent a{
	display:none;	
}
#Footer .sitemap .parent span{
	display:block;
	padding: 18px 15px;
	color:#4573B9;		
	width: 100%;
	height: 100%;
	cursor:pointer;
	background:url(../images/common/ico_plus.png) no-repeat right 10px center;
	background-size:16px auto;	
}
#Footer .sitemap ul li.current p a,
#Footer .sitemap ul li.current .parent span,
#Footer .sitemap ul .sub li.current a{
	background-color:#DBE6F8;
}
#Footer .sitemap .parent span.open{
	background:url(../images/common/ico_minus.png) no-repeat right 10px center;
	background-size:16px auto;
}
#Footer .sub{
	display:none;	
}
#Footer .sitemap ul ul li a{
	display:block;
	padding: 18px 30px;
	font-size:92%;
	color:#3D3D3D;
}
#Footer .sub li:last-child{
	border-bottom:none;	
}
#Footer .ft-logo{
	width: 200px;
	margin: 0 auto 12px;	
}
#Footer .address{
	margin-bottom: 17px;
	font-size:84%;
	text-align:center;
}
#Footer .address .sp{
	display:inline;	
}
#Footer .address a{
	color:#3D3D3D;	
}
#Footer .btn{
	width: 240px;
	margin: 0 auto;
}
#Footer .btn .btn-base{
	background:#4574BA;	
}

#Footer .sub-nav{
	float: none;
	font-size:84%;
	text-align:center;
	margin-bottom: 30px;
}
#Footer .sub-nav li{
	display:block;
	margin: 0 0 10px;	
}
#Footer .sub-nav li a{
	color:#3D3D3D;	
}
#Footer .copyright{
	float: none;
	background:#5B84C3;
	padding: 15px;
	color:#FFF;
	font-size:84%;
	text-align:center;
}