@charset "UTF-8";


/* web fonts */
@import url(http://fonts.googleapis.com/css?family=Courgette);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*
 * cmn_layout.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	font-size: 16px;
	color: #111;
	line-height:1.8em;
	word-wrap:break-word;/* 英数字折り返し */
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ max-width: 100%; width: 100%; height: auto; vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#header,
#contents,
section,
.box_layout01,
.box_column01,
.list_inline01
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#header:after,
#contents:after,
section:after,
.box_layout01:after,
.box_column01:after,
.list_inline01:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* !contents
---------------------------------------------------------- */
html { overflow-y: scroll;}
@media print {
	html,
	html body { *zoom: 0.65;}
}

.Clear {
	clear: both;
}

a {
	color: #2AA8FD;
	text-decoration: underline;
}

a:hover {
	color: #2AA8FD;
	text-decoration: none;
}

/*---ヘッダー上部---*/
.Logo {
	float: left;
	width: 370px;
	margin: 20px 0px 20px 0px;
}

.Tel {
	float: right;
	width: 230px;
	margin: 20px 0px 20px 0px;
}

/*---ナビ（トップ）---*/
#Top_Navi_Wrap {
	clear: both;
	width:100%;
	padding: 0x;
	border-top: 20px solid #CBE198;
	background-color: #5FCBBC;
}

#Top_Navi {
	clear:both;
	height:150px;
	width:960px;
	margin:0 auto;
}

#Top_Navi img {
	vertical-align:top;
}

#Top_Navi ul {
	text-align:left;
	height:150px;
	width:960px;
}

#Top_Navi li {
	float: left;
	list-style: none;
	padding-right: 0px;
	text-indent: -9999px;
}

#Top_Navi a:hover {
	background-position:0px -150px;
	text-decoration:none;
}

li.Top_Navi-01 a {
	display: block;
	height: 150px;
	width: 240px;
	background: url(../img/top_navi_01.jpg) no-repeat left top;
	background-size: cover;
}

li.Top_Navi-02 a {
	display:block;
	height: 150px;
	width: 240px;
	background:url(../img/top_navi_02.jpg) no-repeat left top;
	background-size: cover;
}

li.Top_Navi-03 a {
	display:block;
	height: 150px;
	width: 240px;
	background:url(../img/top_navi_03.jpg) no-repeat left top;
	background-size: cover;
}

li.Top_Navi-04 a {
	display:block;
	height: 150px;
	width: 240px;
	background:url(../img/top_navi_04.jpg) no-repeat left top;
	background-size: cover;
}

/*---ナビ---*/
#Navi_Wrap {
	clear: both;
	width:100%;
	padding: 0x;
	border-top: 20px solid #CBE198;
	background-color: #5FCBBC;
}

#Navi {
	clear:both;
	height:70px;
	width:960px;
	margin:0 auto;
}

#Navi img {
	vertical-align:top;
}

#Navi ul {
	text-align:left;
	height:70px;
	width:960px;
}

#Navi li {
	float: left;
	list-style: none;
	padding-right: 0px;
	text-indent: -9999px;
}

#Navi a:hover {
	background-position:0px -70px;
	text-decoration:none;
}

li.Navi-01 a {
	display: block;
	height: 70px;
	width: 240px;
	background: url(../img/navi_01.jpg) no-repeat left top;
	background-size: cover;
}

li.Navi-02 a {
	display:block;
	height: 70px;
	width: 240px;
	background:url(../img/navi_02.jpg) no-repeat left top;
	background-size: cover;
}

li.Navi-03 a {
	display:block;
	height: 70px;
	width: 240px;
	background:url(../img/navi_03.jpg) no-repeat left top;
	background-size: cover;
}

li.Navi-04 a {
	display:block;
	height: 70px;
	width: 240px;
	background:url(../img/navi_04.jpg) no-repeat left top;
	background-size: cover;
}

li.Navi-01-on a {
	display:block;
	height: 70px;
	width: 240px;
	background:url(../img/navi_01.jpg) no-repeat left -70px;
	background-size: cover;
}

li.Navi-02-on a {
	display:block;
	height: 70px;
	width: 240px;
	background:url(../img/navi_02.jpg) no-repeat left -70px;
	background-size: cover;
}

li.Navi-03-on a {
	display:block;
	height: 70px;
	width: 240px;
	background:url(../img/navi_03.jpg) no-repeat left -70px;
	background-size: cover;
}

li.Navi-04-on a {
	display:block;
	height: 70px;
	width: 240px;
	background:url(../img/navi_04.jpg) no-repeat left -70px;
	background-size: cover;
}

/* !ナビゲーション（レスポンシブ）
---------------------------------------------------------- */
#nav-wrap ul, #nav-wrap li, #nav-wrap a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* nav-wrap */
#nav-wrap {
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
	margin: 0 auto;
	z-index: 100;
	position: fixed;
	left: 0;
	top: 0;
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

.opaque { background-color: #FFF; opacity: 0.9; }

/* hide toggle button */
#nav-wrap > a.mobile-btn { display: none; }

ul#nav {
	display: none; /* !非表示 */
}
ul#nav li {
	position: relative;
	list-style: none;
	display: inline-block;
}

/* Links */
ul#nav li a {

/* 8px padding top + 8px padding bottom + 32px line-height = 48px */
	display: inline-block;
	padding: 0 10px;
	line-height: 32px;
	text-decoration: none;
	text-align: left;
	color: #FFF;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

ul#nav li a:hover {
	color: #ff6000;
}

ul#nav li a:active { background-color: transparent !important; }
ul#nav li.current a { color: #ff6000; }

/*---スライド画像---*/
#Slide_Topics {
	width: 700px;
	margin: 0 auto;
}

/* !汎用コンテンツ
---------------------------------------------------------- */
.row {
	width: 94%;
	max-width: 960px;
	margin: 0 auto;
}
.row02 {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

/*---見だし---*/
h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
	color: #22ac38;
	border-bottom: 1px solid #8fc31f;
}

/*---お知らせ---*/
#Area_Topics {
   width: 100%;
}

/*---ボタン（お問い合わせ）---*/
.Btn_Inquiry a {
	display: block;
	height: 150px;
	width: 700px;
	background: url(../img/inquiry.jpg) no-repeat left top;
	background-size: cover;
	text-indent: -9999px;
}

.Btn_Inquiry a:hover {
	background-position:0px -150px;
	text-decoration:none;
}

/*---リスト(数字)---*/
.Decimal {
	margin:0px 0px 0px 22px;
}

.Decimal li {
	list-style-type:decimal;
	margin:0px 0px 12px 0px;
}

/*---リスト(矢印)---*/
.Arrow {
	background:url(../img/ico_arrow.jpg) no-repeat left 4px;
	padding: 0px 0px 0px 16px;
}

/*---ライン---*/
.Line {
	border-top: 1px solid #FFF;
	height: 1px;
}

/*---2カラム（リキッド）---*/
.Liquid_box {
   display: table;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

.Liquid_box .box_30 {
   display: table-cell;
   width: 29%;
}

.Liquid_box .box_40 {
   display: table-cell;
   width: 39%;
}

.Liquid_box .box_60 {
   display: table-cell;
   width: 59%;
}

.Liquid_box .box_70 {
   display: table-cell;
   width: 69%;
}

.Liquid_box .box_margin {
   display: table-cell;
   width: 2%;
}

@media screen and (max-width: 640px) {
   .Liquid_box {
      display: block;
   }
   .Liquid_box .box_30 {
      display: block;
      width: 100%;
      margin-bottom:10px;
   }
   .Liquid_box .box_40 {
      display: block;
      width: 100%;
      margin-bottom:10px;
   }
   .Liquid_box .box_60 {
      display: block;
      width: 100%;
      margin-bottom:10px;
   }
   .Liquid_box .box_70 {
      display: block;
      width: 100%;
      margin-bottom:10px;
   }
   .Liquid_box .box_margin {
      display: block;
      width: 100%;
   }
}

/* !Table
---------------------------------------------------------- */
/*---テーブル（基本）---*/
.table_basic01 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
	.table_basic01 th,
	.table_basic01 td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 4px 12px;
		background-color: #fff;
	}
	.table_basic01 th {
		background-color: #f0f0f0;
	}
@media screen and (max-width:767px){
.table_basic01 {
	width: 100%;
}
	.table_basic01,
	.table_basic01 thead,
	.table_basic01 tbody,
	.table_basic01 tr,
	.table_basic01 th,
	.table_basic01 td {
		width: 100%;
		display: block;
	}
	.table_basic01 th,
	.table_basic01 td {
		border-top: none;
		border-left: none;
	}
}

/*---テーブル（枠なし）---*/
.table_basic02 {
	width: 100%;
	border-collapse: separate;
	border: none;
}
	.table_basic02 td {
		border: none;
		padding: 0;
		vertical-align: middle;
	}
	.table_basic02 th {
		padding: 5px 0px 3px 14px;
		color: #FFF;
	}
@media screen and (max-width:767px){
.table_basic02 {
	width: 100%;
}
	.table_basic02,
	.table_basic02 thead,
	.table_basic02 tbody,
	.table_basic02 tr,
	.table_basic02 th,
	.table_basic02 td {
		width: 100%;
		display: block;
	}
	.table_basic02 th,
	.table_basic02 td {
		border: none;
	}
	.table_basic02 th {
		text-align: center;
	}
	.table_basic02 img {
		padding: 0;
	}
}

/*---テーブル（メールフォーム）---*/
.table_Inquiry {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
	.table_Inquiry th,
	.table_Inquiry td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 10px 15px;
	}
	.table_Inquiry th {
		background-color: #f0f0f0;
		text-align: right;
	}
	.table_Inquiry td {
	}
@media screen and (max-width:767px){
.table_Inquiry {
	width: 100%;
}
	.table_Inquiry,
	.table_Inquiry thead,
	.table_Inquiry tbody,
	.table_Inquiry tr,
	.table_Inquiry th,
	.table_Inquiry td {
		width: 100%;
		display: block;
	}
	.table_Inquiry th,
	.table_Inquiry td {
		border-top: none;
		border-left: none;
	}
	.table_Inquiry th {
		text-align: center;
	}
	.table_Inquiry td {
	}
}

/* !Box（通常）
----------------------------------------------------------- */
.box_column01 {
	margin:0;
}
	.box_column01 .col {
		float: left;
	}
	.box_column01.col2 .col {
		margin: 16px 2.2% 0 0;
		width: 48.9%;
	}
	.box_column01.col3 .col {
		margin: 16px 2.2% 0 0;
		width: 31.85%;
	}
	.box_column01.col4 .col {
		margin: 16px 2.2% 0 0;
		width: 23.35%;
	}
	.box_column01.col5 .col {
		margin: 24px 2.2% 0 0;
		width: 18.24%;
	}
	.box_column01.col6 .col {
		margin: 16px 2.2% 0 0;
		width: 14.83%;
	}
	.box_column01.col2 .col:nth-child(2n),
	.box_column01.col3 .col:nth-child(3n),
	.box_column01.col4 .col:nth-child(4n),
	.box_column01.col5 .col:nth-child(5n),
	.box_column01.col6 .col:nth-child(6n) {
		margin-right: 0;
	}
	.box_column01.col2 .col:nth-child(2n+1),
	.box_column01.col3 .col:nth-child(3n+1),
	.box_column01.col4 .col:nth-child(4n+1),
	.box_column01.col5 .col:nth-child(5n+1),
	.box_column01.col6 .col:nth-child(6n+1) {
		clear: both;
	}
	.box_column01 a {
	}
	.box_column01 figure {
	}

@media screen and (max-width:737px){
.box_column01  {
	margin: 0;
}
	.box_column01 .col,
	.box_column01.col2 .col,
	.box_column01.col3 .col,
	.box_column01.col4 .col,
	.box_column01.col5 .col {
		float: none;
		width: auto;
		margin: 0;
		padding: 10px 0;
	}
	.box_column01.col6 .col {
		float: none;
		width: auto;
		margin: 0;
		padding: 10px;
	}
	.box_column01 figure {
		float: left;
		width: 100px;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
}

/* !Footer
---------------------------------------------------------- */
.Copy {
	height:40px;
	font-size: 12px;
	text-align: right;
}

#Footer_Wrap_Deco {
	height:43px;
	background: url(../img/footer.jpg) repeat-x left top;
}

#Footer_Wrap {
	height:auto;
	color:#FFF;
	background: #5FCBBC;
	line-height:1.4em;
}

#Footer_Wrap a {
	color:#FFF;
	text-decoration: underline;
}

#Footer_Wrap a:hover {
	color:#FFF;
	text-decoration: none;
}

/* !Fonts -------------------------------------------------------------- */
.ffMincho { font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','ＭＳ 明朝','MS Mincho',serif;}
.fwB { font-weight: bold;}
.fcPink { color: #FF7479;}
.fzSSS  { font-size:  63%;}/* base 16px -> 10px */
.fzSS   { font-size:  75%;}/* base 16px -> 12px */
.fzS    { font-size:  88%;}/* base 16px -> 14px */
.fzM    { font-size: 100%;}
.fzL    { font-size: 113%;}/* base 16px -> 18px */
.fzLL   { font-size: 125%;}/* base 16px -> 20px */
.fzLLL  { font-size: 138%;}/* base 16px -> 22px */
.fzLLLL { font-size: 150%;}/* base 16px -> 24px */
.fz36 { font-size: 36px; line-height:1.4em;}

/* !Margin ------------------------------------------------------------------ */
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt100 { margin-top:100px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}

/* !Padding ------------------------------------------------------------------ */
.pt10 { padding-top:10px !important;}
.pt40 { padding-top:40px !important;}
.pt80 { padding-top:80px !important;}
.pt160 { padding-top:160px !important;}
.pb10 { padding-bottom:10px !important;}
.pb30 { padding-bottom:30px !important;}

/* !Inline Align ------------------------------------------------------------ */
.taC { text-align: center !important;}
.taR { text-align: right !important;}
.ImgC { display: block; margin-left: auto; margin-right: auto;}
/* !Padding  ---------------------------------------------------------------- */
.pt80 { padding-top:80px !important;}
.pt15per { padding-top:15% !important;}
/* !Width ------------------------------------------------------------------- */
.w80per { width: 80% !important;}
/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}


/* YouTube追加 */
.movie {
  position: relative;
  max-width: 80%;
	margin:0 auto;
  padding-top: 45%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}