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


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

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

/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
#Header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:9000;
}
#Header::before{
	display:none;
}
#Header::after{
	display:none;
}

#Header .logo{
	width: 100%;
	margin: 0;
	padding: 16px 0;
	text-align:center;
	background:#FFF;
}
#Header .logo img{
	width: 53%;
	height: auto;	
}

/* ---------------------------------------------------------------------------
			#Gnav	
				グローバルナビゲーション
--------------------------------------------------------------------------- */
#Header .drawer{
	position: absolute;
	top:0;
	right:-100%;
	width: 96.5%;
	height: 100vh;
	background:#FFF;
	padding: 60px 0 0 20px;
	transition:.5s;
	z-index:15000;
}
#Header .drawer.open{
	right:0;
}

/* menu button */

#Header .menu{
	position:absolute;
	right:14px;
	top:25px;
	z-index:12000;
}
#Header .menu-close{
	position:absolute;
	left:25px;
	top:15px;	
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	padding:10px;
	margin-right: -10px;
	width: 40px;
	height: 34px;
	cursor:pointer;
}
.menu-trigger span {
	position: absolute;
	left: 5px;
	width: 25px;
	height: 2px;
	background-color: #000;
}
.menu-trigger span:nth-of-type(1) {
	top: 7px;
}
.menu-trigger span:nth-of-type(2) {
	top: 15px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 9px;
}
.menu-close .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(5px) rotate(-315deg);
	transform: translateY(5px) rotate(-315deg);
}
.menu-close .menu-trigger span:nth-of-type(2) {
	-webkit-transform: translateY(-3px) rotate(315deg);
	transform: translateY(-3px) rotate(315deg);
}



/* Gnav */

#Gnav{
	margin-bottom: 30px;
}
#Gnav ul .sp{
	display:block;	
}
#Gnav ul .pc{
	display:none;	
}
#Gnav > ul > li{
	height: auto;
	min-height:56px;
	line-height:56px;
	font-size:1.4rem;
	border-bottom:1px solid #D8D8D8;
}
#Gnav ul li a,
#Gnav ul li > span{
	position: relative;
	display:block;
	width: 100%;
	height: 100%;
	padding-left: 15px;
	border-left:none;
	background:url(../images/common/arw_h_b_s.png) no-repeat right 14px center;
	background-size:8px auto;	
}
#Gnav ul li > span::after{
	position: absolute;
	right:13px;
	top:50%;
	transform:translateY(-50%);
	display:block;
	content:"";	
	width: 14px;
	height: 14px;
	background:url(../images/common/ico_menu_plus.png) no-repeat;
	background-size:14px auto;
}
#Gnav ul li a:hover,
#Gnav ul li > span:hover{
	background-color:#FFF;
}
#Gnav ul li.trigger{
	position: relative;
}
#Gnav ul li.trigger:hover{
	background-color:#FFF;
}
#Gnav .lower-nav{
	display:block;
	width: auto;
	height: 0;
	overflow:hidden;
	position: static;
	margin-left: 15px;
	transition:.3s;
}
#Gnav .acc-open+.l-nav01{
	height: 171px;
}
#Gnav .acc-open+.l-nav02{
	height: 228px;
}
#Gnav .lower-nav li{
	border-bottom:none;
	border-top:1px dotted #D8D8D8;	
}

#Header .inq-btn{
	margin-bottom: 15px;
	padding-right: 10px;		
}
#Header  .inq-btn a{
	width: 100%;
	margin: 0 auto;
	height: 56px;
	line-height:56px;
	font-size:1.4rem;
	background-size:14px auto;
	background:#F6891F;	
}
#Header  .inq-btn em{
	display:inline;
	font-weight:normal;
	font-style:normal;		
}
#Header .btn-close{
	height: 56px;
	margin-right: 10px;
	line-height: 56px;
	border:1px solid #D8D8D8;
	text-align:center;
	font-size:1.4rem;
	cursor:pointer;
}
#Header .btn-close strong{
	font-size:2rem;	
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Content {
	margin: 0px 0px 0px 0px;
	min-width:initial;
}

/*--------------------------------------------------------------------------
   Buttons
---------------------------------------------------------------------------*/
.btn_base_b a,
.btn_base_w a,
.btn_base_ghost_w a,
.btn_base_ghost_b a,
.btn_base_gra a,
.inq_btn_base a{
	display:block;
	width: 100%;
	height: 100%;
	text-align:center;
	transition:.3s;
}
.inq_btn_base a:hover{
	opacity:.7;
}


/* ボタン黒  */
.btn_base_b a{
	width: 100%;
	height: 54px;
	line-height:54px;
	font-size:1.4rem;		
}
.btn_base_b span{
	padding-left: 18px;
	background:url(../images/common/arw_h_w_s.png) no-repeat left center;
	background-size:8px auto;	
}
.btn_base_b a[target="_blank"] span{
	padding: 0 18px;
	background:url(../images/common/arw_h_w_s.png) no-repeat left center, url(../images/common/ico_blank_w_s.png) no-repeat right center;
	background-size:8px auto, 13px auto;		
}

/* ボタン グラデーション */
.btn_base_gra a{
	width: 100%;
	height: 54px;
	line-height:54px;
	font-size:1.4rem;		
}
.btn_base_gra span{
	padding-left: 18px;
	background:url(../images/common/arw_h_w_s.png) no-repeat left center;
	background-size:8px auto;	
}



/* ゴーストボタン 白 */
.btn_base_ghost_w a{
	border:1px solid #FFF;
	height: 58px;
	line-height:58px;
	font-size:1.6rem;
	color:#FFF;
}
.btn_base_ghost_w a span{
	padding-left: 26px;
	background:url(../images/common/arw_v_w_b.png) no-repeat left 10px;
	background-size:20px auto;
}
.btn_base_ghost_w a:hover span{
	background-position:left 13px;
}
.btn_base_ghost_w a:hover{
	background:rgba(255,255,255,0.3);	
}

/* ゴーストボタン 黒 */

.btn_base_ghost_b a{
	height: 58px;
	line-height:58px;
	border:1px solid #000;
	font-size:1.6rem;
	color:#000;
	background:rgba(255,255,255,0);
}
.btn_base_ghost_b a span{
	padding-left: 26px;
	background:url(../images/common/arw_v_b_b.png) no-repeat left 10px;
	background-size:20px auto;
}
.btn_base_ghost_b a:hover span{
	background-position:left 13px;
}
.btn_base_ghost_b a:hover{
	background:rgba(0,0,0,0.3);	
}


/* お問い合わせボタン */
.inq_btn_base a{
	width:100%;
	height: 60px;
	line-height:60px;
	font-size:1.6rem;
}
.inq_btn_base span{
	padding-left: 32px;
	background:url(../images/common/ico_mail.png) no-repeat left center;
	background-size:16px auto;	
}

/* 上下ライン ボタン */
.btn_base_line a{
	padding: 10px 0 10px 25px;
	background:url(../images/common/arw_h_o_s.png) no-repeat left center;	
	font-size:1.4rem;
	transition:.3s;
}
.btn_base_line a:hover{
	background-color:#FFE0C1;
	background-position:8px center;	
}
.btn_base_line a span{
	padding-right: 18px;
	background:url(../images/common/ico_blank_b_s.png) no-repeat right center;	
}




/*--------------------------------------------------------------------------
   新着情報 汎用
---------------------------------------------------------------------------*/
.news_list{
	font-size:1.3rem;	
}
.news_list dt{
	margin-bottom: 5px;
}
.news_list dt .cat{
	top:-3px;
	width: 60px;
	margin-right: 10px;
	font-size:1rem;
}
.news_list dd{
	margin-bottom: 16px;
	padding-bottom: 12px;
	line-height:1.4;
}



/*--------------------------------------------------------------------------
   タイトル 汎用
---------------------------------------------------------------------------*/

/* セクションタイトル */
.ttl_sec{
	font-size:2.8rem;
	line-height:1.2em;
}
.ttl_sec span{
	font-size:1.5rem;
	letter-spacing:0.5px;	
}

/* ラインつきタイトル */
.ttl_line{
	padding-bottom: 25px;
	font-size:2.3rem;	
}
.ttl_line::after{
	width: 30px;
	height: 3px;
	margin-bottom: 16px;
}

/*--------------------------------------------------------------------------
   カード枠
---------------------------------------------------------------------------*/
.card{
	padding: 35px 20px;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.08);
}





/*--------------------------------------------------------------------------
   Cv
---------------------------------------------------------------------------*/
#Cv{
	padding: 40px 0 45px;
}
#Cv h2{
	font-size:1.4rem;
	margin-bottom: 15px;
	line-height:1.5;	
}
#Cv .inq-btn{
	width: 100%;
}


/*--------------------------------------------------------------------------
   txt-link
---------------------------------------------------------------------------*/
.txt-link ul{
	display:flex;
	flex-wrap:wrap;	
	padding:0;
	text-align:left;
	border-bottom:none;	
}
.txt-link ul li{
	display:block;
	width: 50%;
	padding: 0;
	border-bottom:1px solid #D8D8D8;	
}
.txt-link ul li:last-child{
	border-bottom:none;
}
.txt-link ul li a{
	display:block;
	padding: 16px 5px 16px 16px;	
	transition:.3s;
	border-right:1px solid #D8D8D8;	
}
.txt-link ul li:nth-child(even) a{
	border-left:none;	
}
.txt-link ul li a:hover{
	opacity:.7;	
}
.txt-link ul li span.blank{
	padding-right: 16px;
	background:url(../images/common/ico_blank_b_s.png) no-repeat right center;
}

/*--------------------------------------------------------------------------
   CompanyInfo
---------------------------------------------------------------------------*/
#CompanyInfo{
	padding: 30px 0 25px;	
}
#CompanyInfo h2{
	margin-bottom: 20px;
	text-align:center;	
}
#CompanyInfo h2 img{
	width: 70px;	
}
#CompanyInfo ul{
	display:block;
	width: 100%;
	font-size:1.3rem;
}
#CompanyInfo ul li{
	position: relative;
	width: 100%;
	padding: 0;	
}
#CompanyInfo ul li+li{
	padding: 0;
	margin-top: 25px;	
}
#CompanyInfo ul h3{
	position: static;
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
	padding-top: 7px;
	font-size:1.5rem;	
}
#CompanyInfo ul p{
	padding-left: 0;
	line-height:1.6;	
}
#CompanyInfo ul p .sp{
	display:inline;	
}

/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
.pagetop a{
	display:block;
	width: 100%;
	height: 48px;
	line-height:48px;
	background:#9C9C9B;
	color:#FFF;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;	
}
.pagetop span{
	padding-left: 26px;
	background:url(../images/common/arw_pagetop.png) no-repeat left 3px;
	background-size:17px auto;
	letter-spacing:0.5px;
}

#Footer .gotop{
	position:fixed;
	right:35px;
	bottom:30px;
}
#Footer .gotop.bottom{
	bottom:110px

}
#Footer .security{
	padding: 40px 0 20px 0;	
}
#Footer .security .inner{
	display:block;	
}
#Footer .icons{
	width: 100%;
	text-align:center;	
}
#Footer .icons li{
	display:inline-block;
}
#Footer .icons li+li{
	margin-left: 8px;	
}
#Footer .icons li:nth-child(1) img{
	width: 114px;	
}
#Footer .icons li:nth-child(2) img{
	width: 73px;	
}
#Footer .icons li:nth-child(3) img{
	width: 37px;	
}
#Footer .icons li:nth-child(4) img{
	width: 32px;	
}
#Footer .u-link{
	width: 100%;
	padding-top: 20px;
	text-align:center;
	font-size:1.2rem;	
}
#Footer .u-link li{
	display:inline-block;
	line-height:1;
}
#Footer .u-link li a{
	padding: 0 4px 0 10px;
	transition:.3s;	
}
#Footer .copyright{
	padding: 15px 0;
	text-align:center;
	font-size:1rem;
}

}