@charset "UTF-8";
/* CSS Document */
* { box-sizing:border-box; }

html { font-size:15px; overflow:auto; -webkit-text-size-adjust: 100%; }
body {
	line-height:1.7; color:#333; overflow:hidden; position:relative;
	background:#fff;
	font-family:"メイリオ", Meiryo, sans-serif;
	}
body, h1, h2, h3, h4, dl, dd, ul, form, textarea, figure { margin:0; padding:0; font-size:100%; }
h1, h2, h3, h4, h5, h6 { font-family:"メイリオ", Meiryo, sans-serif; }

img, input[type="image"] { max-width: 100%; font-size:0; line-height:0; vertical-align:bottom; }
ul { list-style-type:none; }
fieldset { border:none; }
strong { font-size:1.2em; }
em { font-style:normal; font-weight:bold; }
label { display:inline-block; }
input,textarea { padding:3px 2px; font-size: 15px; border: 1px solid #ccc; border-radius: 3px; }
/*input { -webkit-appearance: none; }*/
/*table { border-collapse:collapse; border-spacing:0; }*/

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/*回り込み解除clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* 共通 ------------------------ */
a { color:#0ba29a; text-decoration:none; }
a:active, a:hover { text-decoration:none; }
a img { border-width:0px; }

.serif { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight:normal; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.small  { font-size:0.85em; }
.big    { font-size:1.2em; }
.bold { font-weight:bold; }
.indent{ text-indent: -1em; padding-left: 1em; }
.attention{ color:#B20000; }
.clear { clear:both; }
.hide { display:none; }
.iblock { display:inline-block; }
.wide { width:100%; }

.meiryo { font-family:"メイリオ", Meiryo, sans-serif; }

ul.disc, ul.square { padding-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.upper-alpha li { list-style-type:upper-alpha; }
ul.upper-alpha, ol { margin-left:1.5em; padding:0; }

ul.col3 li { float:left; width:33.33%; }

img.middle { vertical-align:middle; }

.red { color:#e83421; }
.yelllow { color: #fff100; }
.green { color: #8ec54a; }
.blue { color: #165498; }

.fleft { float:left; }
.fright { float:right; }

p { margin-top:0; margin-bottom:0; }

a, .anime {
	-ms-transition: all .5s;
	transition: all .5s;
}
.flex { display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
  -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; }
.flexCenter { justify-content: -ms-center; justify-content: -webkit-center; justify-content: center; }
.flexLeft { justify-content: -ms-left; justify-content: -webkit-left; justify-content: left; }

.fw { margin-left:-500%; margin-right:-500%; padding-left:500%; padding-right:500%; /*Full Width*/ }
@media print {
  .fw { margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
}

/* --共通------------------------ */
.secTitle { -webkit-display: flex; display: flex; -webkit-justify-content: center; justify-content: center; margin: 1em auto 0; font-size: 28px; text-align: center; border-top: 4px solid #e83421; }
.secTitle.orange { border-top: 4px solid #F39800; }
.secTitle > span { display: inline-block; margin: -1.05em auto 0; padding: 5px 40px; background: #fff; }
/*.secTitle > span:before { content: ""; position: absolute; top: 0; bottom: 0; right: 100%; width: 980px; height: 4px; margin: auto 0; border-top: 4px solid #e83421; }
.secTitle > span:after { content: ""; position: absolute; top: 0; bottom: 0; left: 100%; width: 980px; height: 4px; margin: auto 0; border-top: 4px solid #e83421; }
*/
.pushBtn { display: inline-block; margin: 0 5px 5px 0; padding: 15px 45px 15px 15px; color: #fff; background-color:#0ba29a; border-radius: 15px; box-shadow: 5px 5px 0 0 #fff100; position: relative; }
.pushBtn:after { content: ""; position: absolute; top: 0; right: 15px; bottom: 0;
width: 0; height: 0; margin: auto 0; border-style: solid; border-width: 10px 0 10px 13px; border-color: transparent transparent transparent #ffffff; }
.pushBtn:hover { color: #fff; margin: 5px 0 0 5px; box-shadow: 0 0 0 0 rgba(255,255,255,0) !important; }

.subTitle { padding-left: 2.5em; font-size: 20px; line-height: 1.2em; border-bottom: 3px solid #e83421; position: relative; }
.subTitle:before { content: ""; position: absolute; left: 0; bottom: 0; width: 2em; height: 1em; border-radius: 50px 50px 0 0; background: #e83421; }

.heading { margin: 0 0 10px 1.15em; padding: 2px 5px 2px 25px; font-size: 18px; background: #F8C2BC; border-radius: 0 10px 10px 0; position: relative; }
.heading:before { content: ""; position: absolute; top: 50%; left: -1.35em; width: 33px; height: 33px; background: #e83421 url("../img/ico_heart.svg") no-repeat 7px 8px / 18px 18px; border: solid 3px white; border-radius: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.heading2 { padding-left: 1.2em; position: relative; }
.heading2:before { content: "◎"; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; font-weight: bold; color: #165498; }
 
.sp_only { display: none; }

/*ページ送り*/
.pagination{ clear:both; margin:30px 0 0; text-align:center; }
.pagination a, .pagination span { display:inline-block; margin:3px; padding:4px 10px 3px; }
.pagination a{ color:#0ba29a; text-decoration:none; background-color:#FFF; border:1px solid #0ba29a; }
.pagination a:hover{ color:#FFF; background-color:#0ba29a; border:1px solid #0ba29a; }
.pagination span.current{ color:#FFF; background-color:#0ba29a; border:1px solid #0ba29a; }
.pagination span.disabled { border:1px solid #CCC; color:#CCC; }