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

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
reset
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family:verdana,
		 Meiryo,
		"メイリオ",	
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		"游ゴシック",
		"Yu Gothic",
		sans-serif;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
reset end
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html{ width: 100%;;-webkit-text-size-adjust: 100%;}

body { line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ol, ul { list-style: none; list-style-type: none;}
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
a{ text-decoration:none; display:block;}

img{ max-width:100%; height:auto; display:block;}

p{line-height:1.8em;font-size:16px;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
クリアフィックス
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.clearfix { *zoom: 1;}

.clearfix:before,
.clearfix:after { display: block; line-height: 0; content: "";}
.clearfix:after { clear: both;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
フロート関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.clear{ clear:both;}

.f-left{ float:left !important;}
.f-right{ float:right !important;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
マージン関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.m-bot10{ margin-bottom:10px !important;}
.m-bot20{ margin-bottom:20px !important;}
.m-bot30{ margin-bottom:30px !important;}
.m-bot40{ margin-bottom:40px !important;}
.m-bot50{ margin-bottom:50px !important;}
.m-bot60{ margin-bottom:60px !important;}
.m-bot70{ margin-bottom:70px !important;}
.m-bot80{ margin-bottom:80px !important;}
.m-bot90{ margin-bottom:90px !important;}
.m-bot100{ margin-bottom:100px !important;}
.m-bot150{ margin-bottom:150px !important;}
.m-auto{ margin:0 auto;}
.m-none{ margin:0 !important;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
パディング関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pad-ud25{ padding:25px 0;}
.pad-ud30{ padding:30px 0;}
.pad-ud80{ padding:80px 0;}
.has-padding{ padding:50px 0;}
.pad-100{ padding:100px 0;}
.pad-75{ padding:75px 0;}
.pad-20{ padding:20px;}
.pad-b20 { padding-bottom: 20px;}
.pad-t10 { padding-top: 20px;}
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
フォント関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.f-color1{ color:#E07481 !important; border-bottom:2px solid #E07481;}
.f-color2{ color:#D9913E !important; border-bottom:2px solid #D9913E;}
.f-color3{ color:#13AD67 !important; border-bottom:2px solid #13AD67;}
.f-color4{ color:#2DA7E0 !important; border-bottom:2px solid #2DA7E0;}
.f-color5{ color:#E07481 !important; border-bottom:2px solid #E07481;}

.font-12{ font-size:12px !important;}
.font-14{ font-size:14px !important;}
.font-16{ font-size:16px !important;}
.font-18{ font-size:18px !important;}
.font-20{ font-size:20px !important;}
.font-25{ font-size:25px !important;}
.font-27{ font-size:27px !important;}
.font-30{ font-size:30px !important;}
.font-32{ font-size:32px !important;}
.font-40{ font-size:40px !important;}
.font-50{ font-size:50px !important;}
.font-b{ font-weight:bold;}

.f-color{ color:#EB4E68; font-size:60px;}
.f-blue{ color:#2567A2;}
.f-turquoise{ color:#00AFCC;}
.f-black{ color:#000;}

.f-center{ text-align:center !important;}

/*マーカー*/
.marker_yellow_hoso { background: linear-gradient(transparent 60%, #ffff66 60%);}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
バックグラウンド関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.bg-color{ background-color:#CCEFF5;}
.bg-color2{ background-color:#C4F0F0;}
.bg-01{ background:#83E0E0;}
.bg-pop{ background:#F8F8F2;}
.bg-tit{ background:url(../images/bg-tit.jpg);}

.bg-point { position: relative; background:url(../images/point-bg.jpg) no-repeat;}

.bg-point:after,.bg-point:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bg-point:after {
	border-color: rgba(242, 242, 242, 0);
	border-top-color: #f2f2f2;
	border-width: 30px;
	margin-left: -30px;
}
.bg-point:before {
	border-color: rgba(242, 242, 242, 0);
	border-top-color: #f2f2f2;
	border-width: 36px;
	margin-left: -36px;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
ナビゲーション
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.snip1135 { text-align: center; text-transform: uppercase; font-weight: 500;}

.snip1135 li { display: inline-block; list-style: outside none none; margin: 0 10px; padding: 0;}

.snip1135 a {
  padding: 0.5em 0;
  color: #00468C;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
}
.snip1135 a:before,
.snip1135 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1135 a:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #2980b9;
}
.snip1135 a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color:#006DD9;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.snip1135 a:hover:before,
.snip1135 .current a:before { opacity: 1; width: 100%;}

.snip1135 a:hover:after,
.snip1135 .current a:after { max-width: 100%;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
スライドショー
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#slide-wrap{ width:1500px; margin:0 auto; overflow:hidden; padding:10px 0;}

#slide-wrap h2{ font-size:40px; padding:0 15px;}

#slider { overflow:hidden; position:relative; width:100%;}

#sliderInner { position:relative; left:50%; width:3000px; margin-left:-1500px;} 


#sliderInner li { width:1000px;}

#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1000px;
    height:450px;
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter:"alpha( opacity=60 )";
    background:#FFF;
}
#slideFilterL { left:2px;}
#slideFilterR { right:5px;}

.bx-wrapper { margin:0 auto; position:relative;}

.bx-wrapper .bx-pager { margin:0 auto; width:760px; background:#fff;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
スライドコントローラー
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bx-wrapper .bx-prev { left:792px; background:url(../images/controls.png) no-repeat 0 -32px;}

.bx-wrapper .bx-next { right:792px; background:url(../images/controls.png) no-repeat -43px -32px;}

.bx-wrapper .bx-prev:hover { background-position:0 0;}

.bx-wrapper .bx-next:hover { background-position:-43px 0;}

.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:109px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
ページャー
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;
}


.break-pc { display: block;}
.break-smt { display: none;}



@media screen and (max-width:640px){
	
p{ line-height:1.6em;font-size:14px;}

.break-pc { display: none;}
.break-smt { display: block;}


.font-25{ font-size:15px !important;}
.font-27{ font-size:17px !important;}
.font-30{ font-size:20px !important;}
.font-32{ font-size:22px !important;}
.font-40{ font-size:30px !important; line-height:1.3em;}
.font-50{ font-size:50px !important;}

.m-bot50{ margin-bottom:50px !important;}
.m-bot70{ margin-bottom:30px !important;}
.m-bot100{ margin-bottom:50px !important;}
.m-bot150{ margin-bottom:50px !important;}

.has-padding{ padding:30px 0 0;}
.pad-ud80{ padding:40px 0;}
.pad-100{ padding:50px 0;}
.pad-75{ padding:20px 0;}
.snip1135 { display:none;}


.bg-point {
	position: relative;
	background:url(../images/point-bg.jpg) no-repeat;
	background-size:cover;
}
.bg-point:after,.bg-point:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bg-point:after {
	border-color: rgba(242, 242, 242, 0);
	border-top-color: #f2f2f2;
	border-width: 30px;
	margin-left: -30px;
}
.bg-point:before {
	border-color: rgba(242, 242, 242, 0);
	border-top-color: #f2f2f2;
	border-width: 36px;
	margin-left: -36px;
}


.snip1135 li { margin: 0;}

.snip1135 a:before,
.snip1135 a:after { display:none;}

.snip1135 a:before { display:none;}

.snip1135 a:after { display:none;}

.snip1135 a:hover:before,
.snip1135 .current a:before { display:none;}

.snip1135 a:hover:after,
.snip1135 .current a:after { display:none;}


#slide-wrap{ width:100%; margin:0 auto; overflow:hidden; padding:0;}

#slide-wrap h2{ font-size:20px;}


#slider { overflow:hidden; position:relative; width:100%;}

#sliderInner { position:relative; left:50%; width:200%; margin-left:-100%;}

#sliderInner li { width:100%;}

#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:30%;
    height: auto;
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter:"alpha( opacity=60 )";
    background:#FFF;
}
#slideFilterL { left:2px;}
#slideFilterR { right:5px;}

.bx-wrapper { margin:0 auto; position:relative;}

.bx-wrapper .bx-pager { margin:0 auto; width:100%; background:#FFF;}

}