@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: style.css（TOPページ以外共通）

-------------------------------------------*/


/*=========================================
	header
=========================================*/

/*=========================================
      container
=========================================*/
#container{ padding:0 0 120px; margin:0 auto;}


/*===========================================
	パンクズ
===========================================*/
#breadCrumbArea{ background:#ddd; padding:10px; font-size:80%; line-height:1;}
#breadCrumbArea p a:first-child{ color:#000;}
#breadCrumbArea p{ color:#999;}
#breadCrumbArea p span{ color:#666; display:inline-block;}
#breadCrumbArea p a{ color:#666; text-decoration:underline;}
#breadCrumbArea p a,
#breadCrumbArea p span{ margin:0 5px;}
#breadCrumbArea p a:hover{ text-decoration:none;}


/*===========================================
	mv
===========================================*/
#mv{ height:350px; background-size:cover !important;}


/*=========================================
	h2
=========================================*/
.pageTitle{ padding:70px 0; text-align:center;}
.pageTitle:after{ display:none;}
.pageTitle span{ display:block;}
.pageTitle span.en{ font-size:32px; letter-spacing:0.3em;}
.pageTitle span.jp{ font-size:16px; padding:10px 0 0;}


/*=========================================
	h2Txt
=========================================*/
.h2Txt{ text-align:center; margin:0 0 40px;}


/*=========================================
      intro
=========================================*/
.intro{ text-align:center; padding:0 0 20px;}
.intro .h{ margin:0 0 10px; font-size:20px; letter-spacing:0.1em;}
.intro .txt{}


/*===========================================
	アンカー
===========================================*/
.anc{ max-width:1000px; width:90%; margin:0 auto 50px; overflow:hidden;}
.anc li{ float:left; width:49%; margin:0 0.5%; text-align:center; font-size:15px; letter-spacing:0.2em;}
.anc li a{ display:block; border:1px solid #666; padding:16px 0; text-decoration:none; transition:all 0.3s ease; position:relative;}
.anc li a:hover{ background:#d1edff;}
.anc li a:after{ content:""; display:block; width:6px; height:6px; margin:auto; position:absolute; top:0; bottom:0; right:10px; border:1px solid #00abd6; border-width:2px 2px 0 0; -webkit-transform:rotate(135deg); transform:rotate(135deg);}


/*=================================
	h3
=================================*/
h3.title{ text-align:center; line-height:1;}
h3.title:after{ content:""; display:block; background:#333; width:15px; height:1px; margin:25px auto 30px;}
h3.title span.en{ display:block; font-weight:600; font-size:26px; line-height:1; letter-spacing:0.3em;}
h3.title span.jp{ display:block; font-size:110%; padding:15px 0 0; letter-spacing:0.1em;}



/*=========================================
      見出し
=========================================*/
.md01{ letter-spacing:0.05em; margin:0 0 10px; font-size:110%; line-height:1;}
.md01 > span{ display:inline-block; border:1px solid #666; padding:4px 10px;}

.md02{ letter-spacing:0.1em; margin:0 0 10px; font-size:110%; line-height:1;}
.md02 > span{ display:inline-block; border:1px solid #333; border-width:0 0 1px; padding:0 2px 8px;}


/*=========================================
	ph
=========================================*/
.phL{ float:left;}
.phR{ float:right;}


/*==================================
	btnMore
=================================*/
.btnMore{}
.btnMore a{ padding:23px 0;}


/*=========================================
	table
=========================================*/
table.data{ width:100%; border:1px solid #cecabf; line-height:1.4;}
table.data tr{ border-bottom:1px solid #cecabf;}
table.data th{ width:12%; background:#f2efe8; color:#000; text-align:center; font-weight:bold;}
table.data td{ width:30%; padding:13px 20px;}
table.data td a{ text-decoration:underline;}
table.data td a:hover{ text-decoration:none;}
table.data td ul li{ font-size:13px;}


/*===============================
     リスト
===============================*/
/*黒丸*/
ul.disc{ margin: 0 0 0 1.5em; line-height:1.3;}
ul.disc > li{ display:list-item; list-style:disc; margin:0 0 5px;}
/*数字*/
ol.decimal{ margin: 0 0 0 1.5em;}
ol.decimal > li{ display:list-item; list-style:decimal;}
/*四角*/
ul.square{ margin: 0 0 0 1.5em;}
ul.square > li{ display:list-item; list-style:square;}


/*===============================
     ※ *
===============================*/
.ast{ padding-left:1em; text-indent:-1em; font-size:90%; line-height:1.3;}

/*===============================
	pager
===============================*/
.pager{ width:100%; overflow:hidden; margin:40px auto; line-height:1; text-align:center;}
.pager li{ border:#333 solid 1px; margin:1px; display:inline-block; /display:inline; /zoom:1;}
.pager li a,
.pager li span{ padding:10px; color:#333; background:none; display:inline-block; /display:inline; /zoom:1; text-decoration:none;}
.pager li span{ color:#fff; background:#333;}
.pager li a:hover{ color:#fff; background:#333;}


/*=========================================
	戻るボタン
=========================================*/
.btnBack{ width:400px; margin:0 auto;}
.btnBack a{ display:block; padding:13px 0; position:relative; border:1px solid #ccc; text-align:center; text-decoration:none; transition:all 0.3s ease;}
.btnBack a:hover{ opacity:0.8;}
.btnBack a:after{ content:""; display:block; width:6px; height:6px; margin:auto; position:absolute; top:0; bottom:0; left:10px; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}


/*=========================================
	SPA BREEZE
=========================================*/
.bgSpa{ background:#d2effd;}


/*=========================================
	footer
=========================================*/
footer{ border-top:2px solid #000;}


/*=========================================
	COMING SOON
=========================================*/
.ComingSoon{ padding:30px 0; text-align:center;}
.ComingSoon .en{ font-size:30px; color:#ccc;}
.ComingSoon .txt{ font-weight:bold; color:#ccc;}







/*===================================================

	スマホ

===================================================*/
@media only screen and (max-width: 739px) {


/*=========================================
	header
=========================================*/


/*=========================================
      container
=========================================*/
#container{ max-height:inherit !important; width:auto !important; padding:0 0 30px;}


/*===========================================
	パンクズ
===========================================*/
#breadCrumbArea{}


/*===========================================
	mv
===========================================*/
#mv{ height:0; padding-top:40%;}

/*=========================================
	h2
=========================================*/
.pageTitle{ font-size:12px; padding:30px 0;}
.pageTitle span.en{ font-size:24px;}
.pageTitle span.jp{ font-size:14px; padding:5px 0 0;}


/*=========================================
	h2Txt
=========================================*/
.h2Txt{ font-size:90%; padding:0 5% 20px; text-align:left;}


/*=========================================
      intro
=========================================*/
.intro{ text-align:center; padding:10px 4% 20px;}
.intro .h{ margin:0 0 10px; font-size:15px;}

/*===========================================
	アンカー
===========================================*/
.anc{ max-width:inherit; width:96%; margin:0 auto 20px;}
.anc li{ width:48% !important; margin:0 1% 2%; font-size:13px; letter-spacing:0;}
.anc li a{ padding:10px 0 18px;}
.anc li a:after{ width:4px; height:4px;}
.anc li a:after{ width:4px; height:4px; margin:auto; position:absolute; top:55%; bottom:0; left:0; right:0;}



/*=================================
	h3
=================================*/
h3.title{}
h3.title:after{ margin:15px auto;}
h3.title span.en{ font-size:20px;}
h3.title span.jp{ padding:10px 0 0; font-size:12px;}


/*=========================================
      見出し
=========================================*/
.mdTitle{ font-size:14px; margin:0 0 20px;}
.mdTitle > span{ font-size:10px; padding:0 0 7px;}
.mdTitle > span > span.en{ font-size:20px; padding:0; letter-spacing:0.1em;}

/*=========================================
	ph
=========================================*/
.phL{ float:none; width:auto !important;}
.phR{ float:none; width:auto !important;}


/*==================================
	btnMore
=================================*/
.btnMore{}
.btnMore a{ padding:13px 0; border:1px solid #333; background:#333; color:#fff;}


/*=========================================
	table
=========================================*/
table.data{ border-spacing:0 3px; border:none;}
table.data tr{ border:none;}
table.data th{ width:25%; font-size:11px; padding:6px 4%; font-size:110%; background:#e6e2d9;}
table.data td{ padding:10px 4%;}
table.data th,
table.data td{ display:block; width:auto; text-align:left;}

/*===============================
     リスト
===============================*/
/*黒丸*/
ul.disc{}
ul.disc > li{ margin-left:0.1em;}
/*数字*/
ol.decimal{}
ol.decimal > li{ margin-left:0.1em;}
/*四角*/
ul.square{}
ul.square > li{ margin-left:0.1em;}


/*===============================
     ※ *
===============================*/
.ast{}


/*===============================
	pager
===============================*/
.pager{ margin:20px auto;}
.pager li{ margin:0;}
.pager li a,
.pager li span{ padding:6px 8px;}
.pager li span{}


/*=========================================
	戻るボタン
=========================================*/
.btnBack{ width:60%;}
.btnBack a{ padding:10px 0;}





}