@charset "utf-8";

/* ===================================================================
 common.css
=================================================================== */

/*-----------------------------------------------
body
----------------------------------------------- */
body {
  background: #FFF;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  color: #333;
}

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

/* ------------------------------
 　画像に疑似ロールオーバー
------------------------------ */

a:hover .rollover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/*-----------------------------------------------
リンク指定
----------------------------------------------- */
a:link {
    color: #006cff;
    text-decoration: none;
}
a:visited {
    color: #006cff;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    cursor: pointer;
}


/*--------------------
clearfixの設定
--------------------*/

.clearfix:after {
  content :".";
  display :block;
  visibility :hidden;
  height :0.1px;
  font-size :0.1em;
  line-height :0;
  clear :both;
}

.clearfix{
  display :inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clearfix{height :1%;}
.clearfix{display :block;}
/* End Holly Hack */

/*-----------------------------------------------
汎用
----------------------------------------------- */
.f-left {
  float:left;
  padding: 0 10px 10px 0;
}
.f-right {
  float:right;
  padding: 0 0 10px 10px;
}
.clear {
    clear: both;
}
@media screen and (max-width: 768px) {
  .wrapper {
      padding: 0 3.125%;
  }
}
@media screen and (min-width: 769px) {
  .wrapper {
      padding: 0;
  }
}

/*-----------------------------------------------
font
----------------------------------------------- */
h2,
h3,
h4,
h5 {
  font-size: 100%;
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}

/* フォントカラー
----------------------------------------------------------------------------- */



/* マージン・パディング
----------------------------------------------------------------------------- */
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.pt0 {
  padding-top: 0 !important;
}

/* メディアクエリ
----------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
.for-sp {
  display: none;
}
.for-pc {
  display: block;
}
.for-table {
  display: table;
}
}/* Media Queries END */

@media screen and (max-width: 768px) {
.for-sp {
  display: block;
}
.for-pc {
  display: none;
}
.for-table {
  display: none;
}
HEADER img{width:100%;}
#maincontent img{width:100%;}
FOOTER img{width:100%;}
}/* Media Queries END */



#pagelead{
padding-top:30px;
max-width: 1000px !important;
width: auto !important;
margin-left: auto;
margin-right: auto;
}
#pagelead .section_bdy p{
padding-bottom:25px;
}
#pagelead .section_bdy h2.accorDion{
color:#056e90;
font-size:26px;
padding:18px 15px 15px;
background:#c2f1ec;
position: relative;
cursor: pointer
}
#pagelead .section_bdy h2.accorDion:after{
content: "＋";
position: absolute;
right: 7px;
top: 6px;
line-height: 100%;
font-size: 48px;
font-weight: normal;
}
#pagelead .section_bdy h2.accorDion.active:after{
content:"－";
}
#pagelead .section_bdy h2.accorDion02{
  background:#c2e2f1;
  margin-top: 10px;
}
#pagelead .section_bdy .accBox{
display:none;
}
#pagelead .section_bdy .accBox .accInn{
margin-top:20px;
position: relative;
}
#pagelead .section_bdy .accBox dl dt{
font-size: 24px;
padding: 5px 0 0 20px;
margin-bottom:10px;
line-height: 100%;
color: #056e90;
font-weight: bold;
background: url(../image/ico_arr_right01.png) no-repeat left center;
}
#pagelead .section_bdy .accBox dl dt span{
display: inline-block;
position: relative;
}
#pagelead .section_bdy .accBox dl dt span b{
position: relative;
z-index: 10;
}
#pagelead .section_bdy .accBox dl dt span:after{
content: "";
background: #f2f692;
width: 100%;
height: 5px;
position: absolute;
left: -5px;
bottom: 0;
padding: 5px 0;
}
#pagelead .section_bdy .accBox dl dd{
font-size:16px;
color:#555555;
line-height: 150%;
}
#pagelead .section_bdy .accBox ul.atten{
margin-top:10px;
}
#pagelead .section_bdy .accBox ul.atten li{
font-size:14px;
color:#555555;
line-height: 175%;
padding-left: 1em;
text-indent: -1em;
}
#pagelead .colRed{
color:#ff0000;
}
#pagelead .section_bdy .accBox .accCt02{
margin-top:30px;
}
#pagelead .section_bdy .accBox .accCt02 dl dd,
#pagelead .section_bdy .accBox .accCt02 ul{
width:60%;
}
#pagelead .section_bdy .accBox .accInn .img_right{
width: 40%;
text-align: center;
position: absolute;
right: 0;
bottom: 0;
}