body	{ background-color: #ebf1f5; font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif; }

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}
a:hover img {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
a img {
-webkit-transition: opacity 0s ease-out;
-moz-transition: opacity 0s ease-out;
-ms-transition: opacity 0s ease-out;
transition: opacity 0s ease-out;
}

a, a:link, a:visited, a:active {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #1c8cff;
}

.shadow	{ box-shadow:0 0 6px; }
.img100	{ width: 100%; }

.tabArea	{ }
.tabiner	{ padding: 35px 50px 0; }
.tabiner a	{ text-align: center; width: 50%; float: left; display: block; }
.tabiner a	{ font-size: 20px; color:#000; font-weight: nomal; padding: 10px; }
.tabiner a.on	{ background-color: #000000; color: #fff; border-color: #000; border-style: solid; border-width: 1px 1px 0; }
.tabiner a.of	{ background-color: #ffffff; color: #000; border-color: #000; border-style: solid; border-width: 1px 1px 0; }
.tabiner a.of:hover	{ background-color: #1c8cff; color: #fff; border-color: #1c8cff; border-style: solid; border-width: 1px 1px 0; }
@media (max-width: 767px) {
	.tabiner	{ padding: 10px 10px 0; }
	.tabiner a	{ font-size: 15px; color:#000; font-weight: bold; padding: 8px; }
}
@media (max-width: 500px) {
	.tabiner	{ padding: 10px 10px 0; }
	.tabiner a	{ font-size: 12px; color:#000; font-weight: bold; padding: 5px; }
}


.itemAreaW	{ background-color: #ffffff; padding: 0 20px 20px ; border: solid 1px #000000; }
.itemAreaM	{ background-color: #ffffff; padding: 0 20px 20px ; border: solid 1px #000000; }

.itemAreaW h2, 
.itemAreaM h2	{ font-size: 24px; color:#000; font-weight: bold; text-align: center; padding: 10px 10px 0; }
.itemAreaW h2, 
.itemAreaM h2	{ border-top: 1px solid black; margin:60px 0 0; text-align:center; padding:0; height:20px; }
.itemAreaW h2 span, 
.itemAreaM h2 span	{ position: relative; top: -12px; padding: 0 20px; background:white; }
@media (max-width: 767px) {
	.itemAreaW h2, 
	.itemAreaM h2	{ font-size: 20px; color:#000; margin:30px 0 0; font-weight: bold; text-align: center; padding: 10px 10px 0; }
	.itemAreaW h2 span, 
	.itemAreaM h2 span	{ position: relative; top: -18px; padding: 0 20px; background:white; }
}

.dtitle	{ margin: 0 auto; padding: 10px 0; font-size: 20px; font-weight: bold; }
.heading	{ margin: 10px 0 }

.dtt4 .heading	{ padding: 12px 5px; margin: 10px -20px; position:relative; text-align: center; border-radius: 0px; background: #fff; }
.dtt4 .heading:after,
.dtt4 .heading:before	{ content: ''; position: absolute; bottom: -7px; width: 25px; height: 20px; z-index: -1; }
.dtt4 .heading:after	{ left: 1px; transform: rotate(120deg); }
.dtt4 .heading:before	{ right: 1px; transform: rotate(60deg); }
@media (max-width: 767px) {
	.dtitle	{ margin: 0 auto; padding: 8px 0; font-size: 15px; font-weight: bold; }
	.dtt4 .heading	{ margin: 10px 0px; }
}

.itemAreaW .dtitle	{ color:#2b97ff; }
.itemAreaW .dtt4 .heading	{ border: solid 2px #2b97ff; }
.itemAreaW .dtt4 .heading:after,
.itemAreaW .dtt4 .heading:before	{ background: #2b97ff; border: solid 1px #2b97ff; }

.itemAreaM .dtitle	{ color:#003570; }
.itemAreaM .dtt4 .heading	{ border: solid 2px #003570; }
.itemAreaM .dtt4 .heading:after,
.itemAreaM .dtt4 .heading:before	{ background: #003570; border: solid 1px #003570; }


.itemsetA	{ padding: 0 0 10px; }
.itemsetA	{ text-align: center; }
.itemsetA p	{ text-align: center; }
.itemsetA p	{ margin: 0 0 1px; padding: 0; font-size: 11px; }
.itemsetA p.name	{ font-size: 12px; font-weight: bold; }
.itemsetA p img	{ padding: 5px 30px 0; }

@media (max-width: 767px) {
	.itemsetA	{ text-align: center; }
	.itemsetA p	{ text-align: center; }
	.itemsetA p	{ margin: 0 0 1px; padding: 0; font-size: 11px; }
	.itemsetA p.name	{ font-size: 12px; font-weight: bold; }
	.itemsetA p img	{ padding: 0; }
}

.underbtn	{ text-align: center; margin: 100px 0 50px 0; }
.underbtn a	{ color: #fff; font-weight: bold; background-color: #000; text-decoration: none; margin: 0 auto; padding: 20px 40px; border: solid 1px #000; }
.underbtn a:hover	{ color: #000; background-color: #fff; text-decoration: none; border: solid 1px; }
@media (max-width: 767px) {
	.underbtn	{ text-align: center; margin: 40px 0 50px 0; }
	.underbtn a	{ font-size: 12px; color: #fff; font-weight: bold; background-color: #000; text-decoration: none; margin: 0 auto; padding: 15px 25px; border: solid 1px #000; }
	.underbtn a:hover	{ color: #000; background-color: #fff; text-decoration: none; border: solid 1px; }
}
@media (max-width: 500px) {
	.underbtn	{ text-align: center; margin: 40px 0 50px 0; }
	.underbtn a	{ font-size: 10px; color: #fff; font-weight: bold; background-color: #000; text-decoration: none; margin: 0 auto; padding: 10px 10px; border: solid 1px #000; }
	.underbtn a:hover	{ color: #000; background-color: #fff; text-decoration: none; border: solid 1px; }
}

.footArea	{ color: #000; font-size: 10px; text-align: center; padding: 25px 0 100px; }
@media (max-width: 767px) {
	.footArea	{ color: #000; font-size: 8px; text-align: center; padding: 25px 0 100px; }
}


a span.btnn {
    color: #fff;
    font-size: 76%;
    background-color: #000;
    text-align: center;
    margin-top: 10px;
    padding: 2px 24px;
    display: inline-block;
    border: solid 1px #000;
}
a:hover span.btnn {
    color: #000;
    font-size: 76%;
    background-color: #fff;
    text-align: center;
    margin-top: 10px;
    padding: 2px 24px;
    display: inline-block;
    border: solid 1px #000;
}


/*min-widthの指定 (数字に指定したところから) */
@media (min-width: 768px) {/*幅768px以上で適用されるスタイル*/}
@media (min-width: 992px) {/*幅992px以上で適用されるスタイル*/}
@media (min-width: 1200px) {/*幅1200px以上で適用されるスタイル*/}

/*max-widthの指定 (数字に指定したところまで)*/
@media (max-width: 1199px) {/*幅1199px以下で適用されるスタイル*/}
@media (max-width: 991px) {/*幅991px以下で適用されるスタイル*/}
@media (max-width: 767px) {/*幅767px以下で適用されるスタイル*/}




/* ------------ GO TOP ------------- */
@media (max-width: 767px) { 
	#scrollUp { bottom: 0; right: 0; padding: 10px 20px; background: #1c8cff; color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; text-align: center; width: 100%; }
}
@media (min-width: 768px)	{ 
	#scrollUp { bottom: 20px; right: 20px; padding: 10px 20px; background: #1c8cff; color: #fff; }
}
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background: #0056aa; }


/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none; } }
@media (min-width: 768px)	{ .pconly { display: block; } }


/* ------------ GRID GUTTER ------------- */
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}
.row-4 {
  margin-left: -2px;
  margin-right: -2px;
}
.row-4 > div {
  padding-right: 2px;
  padding-left: 2px;
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > div {
  padding-right: 5px;
  padding-left: 5px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > div {
  padding-right: 10px;
  padding-left: 10px;
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > div {
  padding-right: 15px;
  padding-left: 15px;
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > div {
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) { 
	.no-gutter > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}
}
@media (min-width: 991px) { 
	.no-gutter > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}
}

@media (max-width: 767px) { 
.under-05, 
.under-10, 
.under-15, 
.under-20, 
.under-30, 
.under-40	{ margin-bottom: 5px; }
}
@media (min-width: 768px) { 
.under-05	{ margin-bottom: 5px; }
.under-10	{ margin-bottom: 10px; }
.under-15	{ margin-bottom: 15px; }
.under-20	{ margin-bottom: 20px; }
.under-30	{ margin-bottom: 30px; }
.under-40	{ margin-bottom: 40px; }
}
@media (min-width: 991px) { 
.under-05	{ margin-bottom: 5px; }
.under-10	{ margin-bottom: 10px; }
.under-15	{ margin-bottom: 15px; }
.under-20	{ margin-bottom: 20px; }
.under-30	{ margin-bottom: 30px; }
.under-40	{ margin-bottom: 40px; }
}

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }