@charset "utf-8";


/*=============================================================================================================================================
 画面の横幅が480px以下
===============================================================================================================================================*/
#container{}

/* 包括要素の中 width指定 */
.innerContainer {
	max-width: 480px;
	margin: 0 auto;
	margin-bottom: 20px;
}

/*-表示順変更--------------------------------*/

.flexWrap {
	display: flex !important;
	display:-webkit-box !important;
	display:-webkit-box !important;
	display:-webkit-flex !important;
	flex-direction: column !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrapGlobalMenu {
	clear: both;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.wrapLSNSHeader {
	clear: both;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}


/* 共通ヘッダー包括
---------------------------------------------------------------------- */
#header {}

#header .innerContainer {}

/* SHARPロゴ包括
---------------------------*/
/* PC */
#wrapHeader .wrapCommonHeader .headCorpLogo {
	display: none;
}

/* SP */
#header .headCorpLogoSp {
	padding: 10px;
	text-align: center;
	border-bottom: 4px solid #f5f5f5;
}

#header .spMenu {
	padding: 10px;
	border-bottom: 4px solid #f5f5f5;
}

/* SHARP CLOUD LABS包括
---------------------------*/
/* PC */
#wrapHeader .wrapLSNSHeader .headLogo {
	display: none;
}

/* SP */
#header .headLogoSp {
	float: left;
	width: 70%;
}

/* グローバルメニュー　包括
---------------------------------------------------------------------- */
#buttons-container {
	float: right;
	width: 15%;
	text-align: center;
	background:#FFF;
}

#buttons-container button {
	display: inline-block;
	margin: 0 auto;
	border: none;
	outline: none;
	background: none;
}
#buttons-container button span {
	display: block;
}

/* ====================== lines button ==================================================*/
.lines-button {
	padding: 1.5rem 0;
	transition: .3s;
	cursor: pointer;
	user-select: none;
	border-radius: 0.57143rem;
	  /* */
}
.lines-button:hover {
	opacity: 1;
}
.lines-button:active {
	transition: 0;
}

.lines {
	display: inline-block;
	width: 2rem;
	height: 0.3rem;
	background: #303031;
	border-radius: 0.28571rem;
	transition: 0.3s;
	position: relative;
}
.lines:before, .lines:after {
	display: inline-block;
	width: 2rem;
	height: 0.3rem;
	background: #303031;
	border-radius: 0.28571rem;
	transition: 0.3s;
	position: absolute;
	left: 0;
	content: '';
	-webkit-transform-origin: 0.28571rem center;
	transform-origin: 0.28571rem center;
}
.lines:before {
	top: 0.5rem;
}
.lines:after {
	top: -0.5rem;
}

.lines-button:hover .lines:before {
	top: 0.6rem;
}
.lines-button:hover .lines:after {
	top: -0.6rem;
}

.lines-button.close {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.x.close .lines {
	background: transparent;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 2rem;
}
.lines-button.x.close .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}



/* 開閉メニュー包括
---------------------------*/
#wrapHeader {
	background-color: #dcf0fb;
	padding: 10px;
}

/* パートナー/お問い合わせボタン包括
---------------------------*/
#wrapHeader .wrapCommonHeader .commonNavi {
	margin-bottom: 10px;
	border-bottom: 1px solid #f5fbfe;
}

#wrapHeader .wrapCommonHeader .commonNavi li{
	margin-bottom: 10px;
	width: 100%;
	background-repeat: no-repeat, repeat-y;
	background-position: left center;
}

#wrapHeader .wrapCommonHeader .commonNavi li a {
	display: block;
	padding: 15px 20px 15px 80px;
	line-height: 2.5em;
	color: #FFF;
	text-align: center;
}

/* パートナーボタン
---------------------------*/
#wrapHeader .wrapCommonHeader .commonNavi li.btnContact {
	background-color: #5aa7d1;
	background-image: url(../img/header/ic_contact_sp.png), url(../img/header/bg_contact_sp.png);
}

/* お問い合わせボタン
---------------------------*/
#wrapHeader .wrapCommonHeader .commonNavi li.btnInquiry {
	background-color: #b3b3b3;
	background-image: url(../img/header/ic_inqu_sp.png), url(../img/header/bg_inqu_sp.png);
}

/* サイトロゴ/SNSボタン包括
---------------------------*/
#wrapHeader .wrapLSNSHeader {}

/* SNSボタン包括
---------------------------*/
#wrapHeader .wrapLSNSHeader .snsNavi {
	width: 100%;
}

#wrapHeader .wrapLSNSHeader .snsNavi li{
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-bottom: 10px;
	background-color: #FFF;
}

#wrapHeader .wrapLSNSHeader .snsNavi li:first-child{
	margin-left: 0;
}

#wrapHeader .wrapLSNSHeader .snsNavi li a {
	text-align: center;
	padding: 15px 0;
	display: block;
}

#wrapHeader .wrapLSNSHeader .snsNavi li a img {
	vertical-align: bottom;
}


/* サーチボタン
---------------------------*/
#wrapHeader .wrapLSNSHeader .snsNavi li.btnSearch {
	display: none;
}

#wrapHeader .wrapLSNSHeader #searchBox {}

#searchBox input,
#searchBox button,
#searchBox textarea,
#searchBox select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#wrapHeader .wrapLSNSHeader #searchBox .searchform {
	background-color: #FFF;
	clear: both;
}

#wrapHeader .wrapLSNSHeader #searchBox .searchform .search-field[type="search"] {
	width: 90%;
	height: 35px;
	padding: 0 10px;
	float: left;
	box-sizing: border-box;
}

#wrapHeader .wrapLSNSHeader #searchBox .searchform .search-submit[type="image"] {
	width: 10%;
	height: 35px;
	padding: 0;
	float: left;
}

#wrapHeader .wrapLSNSHeader #searchBox .searchform .search-submit[type="image"]:hover {
	opacity: 0.5;
}

#wrapGlobalMenu {
	margin-bottom: 10px;
	border-bottom: 1px solid #f5fbfe;
}

#wrapGlobalMenu ul.wrapMenu li {
	text-align: left;
}
#wrapGlobalMenu ul.wrapMenu li span{
	border-left: none;
	padding: 0;
}
#wrapGlobalMenu ul.wrapMenu li:nth-child(odd) {
	margin-left: 0;
}

#wrapGlobalMenu ul.wrapMenu li {
	margin-bottom: 10px !important;
	background-color: #FFF;
	background-image: url(../img/header/ic_head_nav_sp.png), url(../img/header/bg_head_nav_sp.png);
	background-repeat: no-repeat, repeat-y;
	background-position: right center;
}

#wrapGlobalMenu ul.wrapMenu li a {
	display: block;
	color: #2295ce;
	text-align: center;
	padding: 20px 30px 20px 10px;
	box-sizing: border-box;
}

#wrapGlobalMenu ul.wrapMenu li a:hover {
	opacity: 0.3;
	}


/* コンテンツ/サイド包括表示設定
---------------------------------------------------------------------- */
#wrapMain {
	margin-bottom: 40px !important;
	overflow: hidden;
}

#wrapContents {
	margin-bottom: 50px !important;
}

/* 下層コンテンツ包括 */
.wrapUnder {
	padding: 10px;
}

.wrapCategory {}

.wrapCategory .categoryName {
	float:left;
}
.wrapCategory .categoryData {
	float: right;
}



/* サイド包括表示設定
---------------------------*/
#wrapSide {}

#wrapSide .wrapSideList {}

#wrapSide .wrapSideList a {
	color: #333;
}

/* サイド記事リストタイトル
---------------------------*/
#wrapSide .wrapSideList .ttlSide {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 3px solid #f5f5f5;
}

#wrapSide .wrapSideList .ttlSide .ttl{
	display: table-cell;
	font-size: 116%;
	font-weight: normal;
	padding: 5px 5px 5px 10px;
	border-left: 5px solid #d2c78a;
	vertical-align: middle;
}

#wrapSide .wrapSideList .ttlSide .listBtn{
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}

#wrapSide .wrapSideList .ttlSide .listBtn a{
	font-size: 80%;
	padding-right: 12px;
	background-image: url(../img/parts/ic_listbtn.png);
	background-position: right center;
	background-repeat: no-repeat;
}

/* サイド記事包括
---------------------------*/
.wrapSideList .item {
	margin-bottom: 30px;
}

.wrapSideList .item dl {
	margin-bottom: 10px !important;
}

.wrapSideList .item dl dt {
	font-size: 93%;
}

.wrapSideList .item dl dd {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.wrapSideList .wrapItemRecentEntry {}

.wrapSideList .wrapItemRecentEntry dl {
	margin-bottom: 0;
}

.wrapSideList .wrapItemRecentEntry dl dd {
	padding-bottom: 0;
	border-bottom: none;
}

.wrapSideList .wrapItemRecentEntry .wrapPhoto {
	margin-bottom: 5px;
	text-align: center;
}

/* サイドキーワードリスト
---------------------------*/
.wrapKetwordList {}

#wrapSide .wrapKetwordList .ttlSide {
	color: #FFF;
	background-color: #d2b722;
}

#wrapSide .wrapKetwordList .ttlSide .ttl{
	font-size: 116%;
	font-weight: normal;
	padding: 5px 5px 5px 10px;
}
.wrapItemKetword {
	background-color: #f4f2eb;
	padding: 5px 15px 5px 15px;
}
.wrapItemKetword li a{
	color: #333;
	display: table;
	width: 100%;
	padding: 15px 0;
}
.wrapItemKetword li{
	border-top: 1px dotted #999;
}

.wrapItemKetword li:first-child{
	border-top: none;
}

.wrapItemKetword li span {
	display: table-cell;
}

.wrapItemKetword li span.ketword {
	text-align: left;
	width: 80%;
}

.wrapItemKetword li span.contNum {
	text-align: right;
	width: 80%;
}

.wrapBannerList {}
.wrapBannerList .wrapItemBanner {}
.wrapBannerList .wrapItemBanner li{
	width: 49%;
	float: left;
	margin-top: 20px;
	margin-right: 2%;
	border: 4px solid #cecece;
	box-sizing: border-box;
}
.wrapBannerList .wrapItemBanner li:nth-child(even){
	margin-right: 0;
}

/* 下層ページ包括表示設定
---------------------------------------------------------------------- */

/* oneカラム
---------------------------*/
#oneCloum {}

/* twoカラム
---------------------------*/
#twoCloum {}

/* twoカラム コンテンツ包括
---------------------------*/
#twoCloum #wrapMainInner{}

/* twoカラム サイド
---------------------------*/
#twoCloum #wrapSide{}

/* twoカラム コンテンツ
---------------------------*/
#twoCloum #wrapContents {}

/* アーティクル左右余白
---------------------------*/
#wrapContents .wrapArticleInner {}

/* 下層ページパンくず包括
---------------------------------------------------------------------- */
/* 下層ページ　パンくずリスト */
#wrapTopicPath {
	clear: both;
	margin-bottom: 3%;
	padding: 0.5%;
	background-color: #f5f5f5;
	display: none;
}

#wrapTopicPath .innerContainer ul {}

#wrapTopicPath .innerContainer ul li {
	float: left;
	padding: 0.1% 0;
	line-height: 1.5;
}

#wrapTopicPath .innerContainer ul li:before {
	padding-left: 5px;
	content:'> ';
}

#wrapTopicPath .innerContainer ul li:after {
	content:' ';
}

#wrapTopicPath .innerContainer ul li.bhome:before {
	padding-left: 0;
	padding-right: 5px;
	content: url(../img/parts/ic_home.png);
}

/* -----------------------------------------------
　タイトル
----------------------------------------------- */

/* h1相当あしあらい -------------------------*/
.hn01 {
	clear: both;
	font-weight: normal;
	font-size: 150%;
	line-height: 1.5;
	margin-bottom: 3%;
	padding-top: 30px;
	padding-bottom: 20px;
	color: #2595d1;
}

/* h2相当あしあらい -------------------------*/
.hn02 {
	clear: both;
	font-weight: normal;
	font-size: 110%;
	line-height: 1.3;
	margin-bottom: 3%;
	padding: 15px;
	border-top: 3px solid #2595d1;
	border-bottom: 2px solid #f5f5f5;
	color: #333;
}
.hn02_smacoco {
	clear: both;
	font-weight: normal;
	font-size: 110%;
	line-height: 1.3;
	margin-bottom: 3%;
	padding: 15px;
	border-top: 3px solid #cc040a;
	border-bottom: 2px solid #f5f5f5;
	color: #333;
}
.hn02_qacom {
	clear: both;
	font-weight: normal;
	font-size: 110%;
	line-height: 1.3;
	margin-bottom: 3%;
	padding: 15px;
	border-top: 3px solid #75ccc6;
	border-bottom: 2px solid #f5f5f5;
	color: #333;
}

/* h3相当あしあらい -------------------------*/
.hn03 {
	clear: both;
	font-weight: normal;
	font-size: 110%;
	line-height: 1.3;
	margin-bottom: 2%;
	padding: 5px 10px 5px 30px;
	color: #333;
	background-color: #e3eef4;
	background-image: url(../img/parts/ic_h003.png);
	background-position: left center;
	background-repeat: no-repeat;
}

/* h4相当あしあらい -------------------------*/
.hn04 {
	clear: both;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.2;
	margin-bottom: 1%;
	padding: 10px 10px 8px 30px;
	border-bottom: 2px solid #f5f5f5;
	color: #333;
	background-image: url(../img/parts/ic_h004.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* h5相当あしあらい -------------------------*/
.hn05 {
	clear: both;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.2;
	margin-bottom: 1%;
	padding: 3px 10px 3px 30px;
	color: #333;
	background-image: url(../img/parts/ic_h005.png);
	background-position: left center;
	background-repeat: no-repeat;
}

/* h6相当あしあらい -------------------------*/
.hn06 {
	clear: both;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.4;
	margin-bottom: 1%;
	padding: 3px 10px 3px 20px;
	color: #333;
	background-image: url(../img/parts/ic_h006.png);
	background-position: left center;
	background-repeat: no-repeat;
}

/*	画像FIT
 ------------------------------------------------------------------ */
.imgFit img {
	width: 100%;
}

#wrapContents .textWrap .textReadTtl {
	font-weight: bold;
	margin-top: 1em !important;
	margin-bottom: 0.5em !important;

}

/*	50%左右レイアウト
 ------------------------------------------------------------------ */
#wrapContents .textWrapTwo {}
#wrapContents .textWrapTwo .leftW {
	float: none;
	width: 100%;
}
#wrapContents .textWrapTwo .rightW {
	float: none;
	width: 100%;
}


/*	画像ありレイアウト
 ------------------------------------------------------------------ */

/*画像キャプション*/
.photoWrap .caption,
.photoTwo .caption,
.photoThree .caption {
	font-size: 83%;
	margin-bottom: 10px;
}

/*画像キャプションぶちぬき*/
.captionWide {
	text-align: center;
	clear: both;
	font-size: 83%;
	padding-top: 5px;
}


/*　写真小　----------------　*/
.wrapPhotoSmall .textWrap {
	width: 100%;
}
.wrapPhotoSmall .photoWrap {
	width: 100%;
}

/*　写真中　----------------　*/
.wrapPhotoMedium .textWrap {
	width: 100%;
}
.wrapPhotoMedium .photoWrap {
	width: 100%;
}

/*　写真大　----------------　*/
.wrapPhotoLarge .textWrap {
	width: 100%;
	margin-bottom: 1em;
}
.wrapPhotoLarge .photoWrap {
	width: 100%;
}


/* 画像左寄せ ------------------------------*/
.photoL {
	padding: 0;
}

/*テキスト*/
.photoL .textWrap {
	float: right;
	padding: 0;
}

/*画像キャプション*/
.photoL .textWrap .caption {
	font-size: 83%;
}

/*画像*/
.photoL .photoWrap {
	float: left;
	text-align: center;
}


/* 画像右寄せ ------------------------------*/

#wrapContents .photoR {
	padding: 0;
}

/*テキスト*/
#wrapContents .photoR .textWrap {
	float: none;
	padding: 0;
}

/*画像*/
#wrapContents .photoR .photoWrap {
	float: none;
	text-align: center;
}


/* 画像下横MAX ------------------------------*/
#wrapContents .photoFull {}

/*画像*/
#wrapContents .photoFull .photoWrap {
	clear: both;
	text-align: center;
}


/* 画像2枚横並び ------------------------------*/
#wrapContents .photoTwo {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
#wrapContents .photoTwo .leftP {
	text-align: center;
	float: none;
	width: 100%;
}
#wrapContents .photoTwo .rightP {
	text-align: center;
	float: none;
	width: 100%;
}


/* 画像3枚横並び ------------------------------*/
#wrapContents .photoThree {
	width: 100%;
	clear: both;
}
#wrapContents .photoThree .leftP {
	text-align: center;
	float: none;
	width: 100%;
}
#wrapContents .photoThree .photoC {
	text-align: center;
	float: none;
	width: 100%;
}
#wrapContents .photoThree .rightP {
	text-align: center;
	float: none;
	width: 100%;
}


/* 新着情報 ------------------------------*/
.newsDateList {
	clear: both;
	width: 100%;
}

.newsDateList dt {
	float: none;
	width: 100%;
}

.newsDateList dd {
	margin-bottom: 1em;
	padding-left: 0;
	padding-bottom: 1em;
	border-bottom: 1px dotted #c9c9c9;;
}


/* メッセージ
---------------------------------------------------------------------- */

#wrapMessage {
	background: url(../../img/index/bg_message.jpg) no-repeat;
	background-size: cover;
	margin-top: 30px;
}

#innerMessage {
    max-width: 700px;
    margin: 0 auto;
	text-align: center;
	color: #ffffff;
	padding: 20px;
}

#innerMessage p.txt01 {
	font-size: 	129%;
	line-height: 34px;
}

#innerMessage p.txt02 {
	line-height: 26px;
}

#innerMessage hr {
    width: 100%;
    background-color: #ffffff;
    display: block;
    margin: 30px auto;
    padding: 4px 0;
    border: 0;
    opacity: 0.5;
}


/* トピックス
---------------------------------------------------------------------- */

#wrapTopics {
	margin-top: 60px;
	
}
#innerTopics {
	max-width: 978px;
	margin: 0 auto;
}

#innerTopics .topicsTtl {
    text-align: center;
}

#innerTopics .topicsTtl h2 {
	font-size: 150%;
	border-bottom: 8px solid #e5c825;
	display: inline-block;
    margin: 0 auto 30px;
	padding-bottom: 10px;
	letter-spacing: 0.2em;
	font-weight: normal;
}

#innerTopics .wrapItem {}
#innerTopics .topicsItem {
	margin-bottom: 3.5%;
	padding: 0 20px;
	box-sizing: border-box;
}


#innerTopics .topicsItem .imgResponsive {
	text-align: center;
}

/* カテゴリー、日付、NEW */

.info {
	margin-top: 10px;	
}
.info .cate{
	float: left;
	color: #ffffff;
	margin-top: 3px;
	padding: 0 5px;
	font-size: 72%;	
}

/* ニュース */
.cateNews .cate {background-color: #2595D1;}

/* アクティビティ */
.cateActivity .cate {background-color: #bb9438;}

/* チャレンジ */
.cateChallenge .cate {background-color: #88bb38;}

.info .date{
	float: left;
	font-size: 100%;
	color: #989064;
}

.info .new{
	float: left;
	background-color: #bb3847;
	color: #ffffff;
	margin-top: 3px;
	margin-left: 10px;
	padding: 0 5px;
	font-size: 72%;	
}

.topics_ttl {
	margin: 5px 0;	
}

/* トップナビゲーション
---------------------------------------------------------------------- */

#wrapTopNavi {
	background-color: #f5f5f5;
	padding: 60px 0;	
}

#innerTopNavi {
	max-width: 978px;
	margin: 0 auto;
}

#innerTopNavi .wrapItem {}
#innerTopNavi .topNaviItem {
	width: 100%;
	margin-bottom: 2%;
	padding: 0 30px 30px 30px !important;
	box-sizing: border-box;
	text-align: center;
	background-color: #FFF;
	background-position: right bottom;
	background-repeat: no-repeat;
}

#innerTopNavi .topNaviItem:hover {
	opacity: 0.7;
}

#innerTopNavi .topNaviItem .icon {
	padding: 30px 0;
}

#innerTopNavi .topNaviItem .iconTtl {
	font-size: 130%;
	margin-bottom: 10px;
	font-weight: normal;
}

#innerTopNavi .topNaviItem .iconText {
	margin-bottom: 0px;
}




#innerTopNavi .topNaviItem:nth-child(2n) {
	margin-right: 0;
}

#innerTopNavi .navi001 {
	background-image: url(../../img/index/ic_top_arrow001.png);
}

#innerTopNavi .navi001 .iconTtl a {
	color: #2595d1;
}

#innerTopNavi .navi002 {
	background-image: url(../../img/index/ic_top_arrow002.png);
	background-color: #2595d1;
}

#innerTopNavi .navi002 .iconTtl a {
	color: #FFF;
}

#innerTopNavi .navi002 .iconTtl span{
	padding-bottom: 20px;
	border-bottom: 3px #a8d5ed solid;
}


#innerTopNavi .navi003 {
	background-image: url(../../img/index/ic_top_arrow003.png);
}

#innerTopNavi .navi003 .iconTtl a {
	color: #ffb85b;
}

#innerTopNavi .navi004 {
	background-image: url(../../img/index/ic_top_arrow004.png);
}

#innerTopNavi .navi004 .iconTtl a {
	color: #afaafa;
}

#innerTopNavi .navi005 {
	background-image: url(../../img/index/ic_top_arrow005.png);
}

#innerTopNavi .navi005 .iconTtl a {
	color: #d50018;
}

#innerTopNavi .navi006 {
	background-image: url(../../img/index/ic_top_arrow006.png);
	margin-bottom: 0;
}

#innerTopNavi .navi006 .iconTtl a {
	color: #85cba4;
}

/* フッター包括
---------------------------------------------------------------------- */

/* フッター包括---------------------------*/

#wrapFooter {}

#footer {}

#footer .footLogo {
	padding: 20px 0;
	background-color: #e5e5e5;
	text-align: center;
}

#footer .footLogo img{
	width: auto;
	height: 40px;
}

#footer .footNavi {
	padding: 30px 10px;
	background-color: #f1f1f1;

}

#footer .footNavi .lNavi {}

/* パートナー/お問い合わせボタン包括
---------------------------*/
#footer .footNavi .lNavi .footUlNavi {}

#footer .footNavi .lNavi .footUlNavi li{
	width: 100%;
	margin-bottom: 10px;
	background-color: #FFF;
}

#footer .footNavi .lNavi .footUlNavi li a {
	display: block;
	padding: 15px 20px 15px 50px;
	line-height: 1.5em;
	color: #666;
	text-align: center;
}

/* パートナーボタン
---------------------------*/
#footer .footNavi .lNavi .footUlNavi li.btnContact {
	background-image: url(../img/footer/ic_contact.png), url(../img/footer/bg_contact.png);
	background-repeat: no-repeat, repeat-y;
	background-position: left center;
	background-size: 50px 46px, 230px auto;
}

/* お問い合わせボタン
---------------------------*/
#footer .footNavi .lNavi .footUlNavi li.btnInquiry {
	background-image: url(../img/footer/ic_inqu.png), url(../img/footer/bg_contact.png);
	background-repeat: no-repeat, repeat-y;
	background-position: left center;
	background-size: 50px 46px, 230px auto;
}

#footer .footNavi .rNavi {}

#footer .footNavi .rNavi ul.wrapMenu li {
	border-bottom: 1px solid #FFF;
}

#footer .footNavi .rNavi ul.wrapMenu li a {
	display: block;
	padding: 10px 0 10px 0;
	color: #727272;
	background-image:url(../img/footer/ic_footer_navi.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}

#footer .footNavi .rNavi ul.wrapMenuBottom{
	margin-top: 20px;
}

#footer .footNavi .rNavi ul.wrapMenuBottom li{
	background-color: #FFF;
	text-align: center;
	margin-top: 1px;
	padding: 5px 15px;
	box-sizing: border-box;
}
#footer .footNavi .rNavi ul.wrapMenuBottom li:nth-child(even){
	margin-right: 0;
}

#footer .footNavi .rNavi ul.wrapMenu li a:hover,
#footer .footNavi .rNavi ul.wrapMenuBottom li a:hover  {
	opacity: 0.5;
}

#footer .copyright {
	padding: 20px 0;
	text-align: center;
	background-color: #f5f5f5;
}

/* ページトップへ戻る---------------------------*/
.wrapPageTopPc {
	display: none;
	position:relative;
	width:100%;
	height:0;
}
.wrapPageTopPc p {
	background-color: rgba(0,0,0,0.5);
	background-image: url(../img/footer/ic_pagetop.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 25px 15px;
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 0;
	left: 0;
	display: block;
	text-align: center;
	box-sizing: border-box;
}

.wrapPageTopPc p:hover {
	opacity: 0.9;
}

#wrapPager {
	display: none;
	
}


/* 動画
---------------------------*/
.video-container {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 2em;
	height: 0;
	overflow: hidden;
	text-align: center;
}

.video-container embed,.video-container iframe,.video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}