@charset "UTF-8";

/*
* Theme Name: テンプレート01_07
* Author: Iscream Design
* Version: 1.5
* Description: 
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


/* change colours to suit your needs */

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}


/* change colours to suit your needs */

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* change border colour to suit your needs */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

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


body {
  font-size: 15px;
  line-height: 1.5em;
  color: #333333;
font-family: 'Noto Sans Japanese', Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "ヒラギノ角ゴ ProN W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic";
 font-weight: 300;   
    
}


/************************************ a:link a:hoverの設定*/

a:link,
a:visited {
  color: #000;
  text-decoration: none;
}

a:hover,
a:active {
  color: #666;
  text-decoration: underline;
}


/************************************ サイト幅の設定（meta内のviewportも同様の数値を記入　※960px以下の場合は960pxに設定するiPad向け）*/

.container {
  width: 990px;
}

@media only screen and (max-width: 990px) {
  .container {
    width: 100%;
  }
}


/************************************ コンテンツ*/

.contents {
  float: left;
  width: 693px; 
}

@media only screen and (max-width: 990px) {
  .contents {
    float: none;
    width: auto;
  }
}


/************************************テーブル (01_04 追加)*/

.table-bordered {
  border-collapse: collapse;
  border: solid 1px #eeeeee;
  width: 100%;
}

.table-bordered th,
.table-bordered td {
  border: solid 1px #eeeeee;
  padding: 5px 20px;
}

.table-bordered th {
  width: 20%;
  vertical-align: middle;
  color: #FFFFFF;
  background-color: #06b6bc;
}

/************************************テーブル (01_04 追加)*/

.table-bordered02 {
  border-collapse: collapse;
  border: solid 1px #0052a4;
  width: 100%;
}

.table-bordered02 th,
.table-bordered02 td {
  border: solid 1px #0052a4;
  padding: 5px 20px;
}

.table-bordered02 th {
  width: 20%;
  vertical-align: middle;
  background-color: #e7f0f8;
}

/************************************テーブルレスポンシブ仕様 (01_04 追加)*/

@media only screen and (max-width: 990px) {
  .sp-listlayout {
    border: none !important
  }
  .sp-listlayout tr {
    display: block;
    margin-bottom: 5px
  }
  .sp-listlayout th {
    border: none !important;
    display: list-item;
    width: 100%;
  }
  .sp-listlayout td {
    border: none !important;
    display: list-item;
    list-style: none;
    width: 100%;
  }
  .sp-listlayout {
    table-layout: fixed
  }
  .sp-listlayout * {
    word-wrap: break-word
  }

  .table-bordered02 {
    border-collapse: collapse;
    border: solid 1px #0052a4;
    width: 100%;
    font-size: 80%;
    line-height:1.1em;
  }

  .table-bordered02 th,
  .table-bordered02 td {
    border: solid 1px #0052a4;
    padding: 5px;
  }

  .table-bordered02 th {
    width: auto;
    vertical-align: middle;
    background-color: #e7f0f8;
  }
  .table-bordered02 .w_39s {
    width: 39%;
  }
  .table-bordered02 .w_30s {
    width: 33%;
  }

}


/***************************/


/********【お問い合わせフォーム】********/


/***************************/


/************************************フォーム (01_04 追加)*/

.mw_wp_form {
  font-size: 13px;
  margin: 0 0 20px;
  /**
  * ボタン
  */
  /**
  * その項目のエラーのwrapper
  */
  /**
  * 必須マーク
  */
  /**
  * 各項目のwrapper
  */
  /**
  * 注釈
  */
}

.mw_wp_form dl {
  border-top: #dddddd solid 1px;
  border-left: #dddddd solid 1px;
  border-right: #dddddd solid 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  zoom: 1;
  /*背景色変更の場合　background-color:#背景色; color:#文字色;　を追記*/
}

.mw_wp_form .formend
/*管理画面内でフォームの最後のdlに class="formend" を記入*/

{
  border-bottom: #dddddd solid 1px !important;
}

.mw_wp_form dl dt,
.mw_wp_form dl dd {
  margin: 0;
  padding: 20px 0 15px 10px;
}

.mw_wp_form dl dt {
  float: left;
  font-weight: bold;
  padding-right: 20px;
  width: 25%;
  position: relative;
}

.mw_wp_form dl dt .mwform-require {
  position: absolute;
  top: 20px;
  right: 20px;
}

.mw_wp_form dl dd {
  overflow: hidden;
  zoom: 1;
  border-left: #dddddd solid 1px;
  /*背景色変更の場合　background-color:#FFF;color:#文字色;を追記(文字色を入れないと白色になるため)*/
}

.mw_wp_form dl dd input,
.mw_wp_form dl dd textarea {
  border: #cccccc solid 1px;
  border-radius: 3px;
  margin: 0;
  max-width: 88%;
  padding: 9px 12px;
  vertical-align: middle;
}

.mw_wp_form dl dd textarea {
  width: 90%;
}

.mw_wp_form dl dd label {
  margin: 0 10px 0 2px;
}

.mw_wp_form dl dd label input[type="checkbox"],
.mw_wp_form dl dd label input[type="radio"] {
  margin: 0 5px 0 0;
}

.mw_wp_form p.mwform-btn {
  margin-top: 10px;
  text-align: center;
}

.mw_wp_form p.mwform-btn input {
  background-color: #f5f5f5;
  border: #dddddd solid 1px;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  font-weight: normal;
  padding: 10px 20px;
}

.mw_wp_form p.mwform-btn input:active,
.mw_wp_form p.mwform-btn input:hover {
  background-color: #eee;
}

.mw_wp_form .mwform-errors {
  margin: 5px 0 0;
  overflow: hidden;
  zoom: 1;
  /**
  * エラーメッセージ
  */
}

.mw_wp_form .mwform-errors .mwform-error {
  float: left;
  margin: 0 10px 0 0;
}

.mw_wp_form .mwform-errors .mwform-error span {
  background-color: #F7CCE6;
  border: #ee4d89 solid 1px;
  border-radius: 3px;
  color: #EE4D89;
  display: inline-block;
  font-size: 85%;
  padding: 3px 6px 2px;
}

.mw_wp_form .mwform-require {
  color: #EE4D89;
  font-size: 85%;
}

.mw_wp_form .mwform-field {
  margin: 0 0 5px;
}

.mw_wp_form .mwform-note {
  font-size: 85%;
}

/* @media only screen and (max-width: 480px) { */
@media only screen and (max-width: 990px) {

  .mw_wp_form dl dt {
    float: none;
    width: auto;
    padding-bottom: 10px;
  }
  .mw_wp_form dl dd {
    padding-top: 0;
  }
  .mw_wp_form dl dd {
    border-left: none;
  }
}


/***************************/


/********【アーカイブ】********/


/***************************/


/************************************詳細はこちらボタン(01_04 追加)*/


/* more-btn */

.more-btn a {
  background-color: #f9bab3;
  color: #FFFFFF;
  padding: 5px 10px;
}

.more-btn a:hover {
  text-decoration: none;
  background-color: #FCD2D3;
}


/************************************ 特記 スマホ時*/

@media only screen and (max-width: 990px) {}


/*WP用 投稿表示*/

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 12px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 12px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}


/***************************/


/********【スマホ用メニュー】********/


/***************************/

a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  float: left;
  width: 100%;
  /*position: relative;*/
position:fixed;   /* スマホメニューの固定　固定しないときは relative */
  top: 0;
/*  background-color: #aaffaa; */
/*  background-color: #32cd32; */
  background: #32cd32;
  /*スマホメニューメイン背景色サイトに合った背景色に変更*/
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
/*  background-color: #aaffaa; */
/*  background-color: #ffa500; */
  background: #ffa500;
  /*スマホメニューアコーディオン背景色サイトに合った背景色に変更*/
  margin-top: 44px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.5;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #231815;
  background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 21px;
  /*スマホメニューエキスパンド時の高さ*/
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
background-color: #aaffaa;

    /*スマホメニューエキスパンド時の背景色*/
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-remove {
  display: none !important;
}


/***************************/


/********【ヘッダー】********/


/***************************/


/*------slider-----*/

.bxslider_bg01 {
  background: url(images/top_main_01.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 599px;
}

.bxslider_bg02 {
  background: url(images/top_main_02.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 599px;
}

.bxslider_bg03 {
  background: url(images/top_main_03.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 599px;
}

.bxslider_bg04 {
  background: url(images/top_main_04.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 599px;
}

.bxslider_bg04_fix {
  background: url(images/top_main_04.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 599px;
}


/*------slider01-----*/

.slider01-area {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  clear: both;
}
@media only screen and (max-width: 990px) {
  .slider01-area {
    height: auto;
  }
}


/*------head_master_box-----*/

.head_master_box {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/*------h1-----*/

.h1-style {
  margin: auto;
  padding: 5px 0px;
  width: 960px;
}

.h1-font {
  font-size: 24px;
/*  color: #44bb55; */
  color: #000000;
    font-weight: 900;
  text-align: left;
         background-color: rgba( 255, 243, 184, 0.90 );
  width: 495px;

}

.eng-font {
  font-size: 30px;
/*  color: #44bb55; */
  color: #000000;
    font-weight: 900;
  text-align: left;
         background-color: rgba( 255, 243, 184, 0.90 );
    text-align: center;
        padding: 15px 0px;
        margin: 0px 0px 5px 0px;
  width: 328px;

}


@media only screen and (max-width: 990px) {
  .h1-style {
    width: 100%;
    clear: both;
  }
  .h1-font {
  font-size: 22px;
      color: #006400;
        background-color: #ff9;
    font-weight: 700;
    text-align: center;
        padding: 5px 0px;
width: 100%;
  }

  .eng-font {
  font-size: 22px;
      color: #006400;
        background-color: #ff9;
    font-weight: 700;
    text-align: center;
        padding: 5px 0px;
width: 100%;
  }




    .hide640 {
  display: none;
}
}
/* @media only screen and (max-width: 480px) { */
@media only screen and (max-width: 990px) {

  .h1-style  {
    margin-top:47px;
  }
}
/*-----un h1-----*/

.un_h1-style {
  margin: auto;
  padding: 5px 0px;
  width: 960px;
}

.un_h1-font {
  font-size: 10px;
  text-align: left;
}

@media only screen and (max-width: 990px) {
  .un_h1-style {
    width: 100%;
    clear: both;
  }
  .un_h1-font {
    text-align: center;
  }
}
/* @media only screen and (max-width: 480px) { */
@media only screen and (max-width: 990px) {

  .un_h1-style {
    padding: 52px 0px 5px 0;
  }
}
/*------header-----*/

.head01-container {
  width: 100%;
}
.head01-main-area {
  margin: auto;
  overflow: hidden;
  width: 960px !important;
}

.head01-left-area {
  background-color: #fff;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  float: left;
/*  width: 494px; */
  width: 514px;
  overflow: hidden;
}

.head01-left-img01 {
  background-color: #ffffbb;
  border-radius: 5px 0px 0px 5px / 5px 0px 0px 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  width: 234px;
  float: left;
  text-align: center;
/*  padding: 22px 5px; */
  padding: 34px 5px;
}

.head01-left-img02 {
/*  width: 260px;  */
  width: 280px;
  float: right;
  padding: 10px 10px;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  line-height: 1.5em;
  font-size: 12px;
}
.head01-left-img02 p {
  line-height: 2em;
}
.head01-right-area {
  float: right;
  text-align: right !important;
}

.head01-right-img-area {}

.head01-right-img01 {
  display: inline-table !important;
/* width: 248px !important; */
/*    width: 450px !important;  */
    width: 120px !important;  
  padding: 0px 0px 0px 0px;
/*  text-align: right;  */
  text-align: center;
}

.head01-right-img02 {
  display: inline-table !important;
  width: 207px !important;
  padding: 0px 0px 0px 0px;
}

@media only screen and (max-width: 990px) {
  .head01-main-area {
    width: 100% !important;
    padding:0 15px;
  }
  .head01-left-area {
    width: 100%;
    float: none;
    margin-bottom:10px;


  }
  .head01-left-img01 {

    padding: 5px 0px 0px 0px;
    width: 100%;
    text-align: center !important;
  }
  .head01-left-img02 {
    width: 100%;

    text-align: center !important;
    padding: 0px 0px 5px 0px;
  }
  .head01-right-area {
    float: none;
    text-align: center !important;
  }
  .head01-right-img-area {
    overflow:hidden;
    display: block;
  }
  .head01-right-img01 {
    display: block;
/*    float:left;  */  
    width: 50% !important; 
/*    width: 100% !important; */
      
      margin-left: auto;
 margin-right: auto;
    padding: 5px 0px 0px 0px;
  }
  .head01-right-img01 img { 
    width: 100% !important;
  }
  .head01-right-img02 {
    display: block;
    float:left;  
    width: 50% !important;
    padding: 0px 0px 0px 0px;
  }
  .head01-right-img02 img { 
    width: 100% !important;
  }
}

.head_logo {
  text-align: center;
  width: 100%;
  padding: 120px 0 90px 0;
}
.head_logo_sp {
  display:none;
}
@media only screen and (max-width: 990px) {
  .head_logo {
    display:none;
  }
  .head_logo_sp {
    display: block;
    margin:auto;
    width: 100%;
    text-align:center;
    padding: 10px 0 0px 0;
/* --    width:200px;  -- */
    width:80%;
  }
}

/*------[fix]-----*/
#nav_sc_area {
  position: relative;
  height:85px;/*余白込みの高さ*/
}
#nav {
  padding-top: 20px;/*余白*/
}
.fixed {
  display:block;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color:#fff;
  z-index: 100;
  width:100%;
  clear:both;
  height:85px;/*余白込みの高さ*/
  padding-top:0px;
}
@media only screen and (max-width: 990px) {
  #nav_sc_area {
    display:none;
  }
}
/*------[nav]-----*/

.nav_main_area {
  width: 960px;
  height: 45px;
  margin: 0px auto 0 auto;
  clear: both;
}

@media only screen and (max-width: 990px) {
  .nav_main_area {
    display: none;
    visibility: hidden;
  }
}


/*------nav-----*/

.nav_02 {
  width: 100%;
}

.nav_02 .gNavi-area {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  /*サイトに合わせて変更*/
  height: 45px;
  /*サイトに合わせて変更*/
}

.nav_02 .gNavi {
  float: right;
  background-image: url(images/shared/header_01/gnavi.bg.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 960px;
  /*サイトに合わせて変更*/
}

.nav_02 .gNavi_list {
  margin: 0;
  line-height: 1.6;
  list-style: none;
}

.nav_02 .gNavi_list-item {
  margin-left: 1px;
  float: left;
}


/*------dropdown-----*/

.nav_02 .gNavi .item04 {
  position: relative;
  z-index: 500;
}

.nav_02 .gNavi .item04 ul {
  left: 0px;
  position: absolute;
  display: none;
  width: 240px;
  /*サイトに合わせて変更*/
  padding-top: 0px;
  /*サイトに合わせて変更*/
}

.nav_02 .gNavi .item04 ul li {
  text-align: center;
  /filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
  border-bottom: dotted 1px #FFFFFF;
  /*サイトに合わせて変更*/
  background-color: #1e70c2;
  /*サイトに合わせて変更*/
}

.nav_02 .gNavi .item04 ul li.lastChild {
  border-bottom: none;
}

.nav_02 .gNavi .item04 ul li:hover {}

.nav_02 .gNavi .item04 ul li a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 15px 0px;
  /*サイトに合わせて変更*/
  color: #fff;
  /*サイトに合わせて変更*/
}

.nav_02 .gNavi .item04 ul li a:hover {
  background-color: #aaffaa;
  color: #fff;
}

@media only screen and (max-width: 990px) {
  .nav_02 .gNavi .item04 ul {
    width: 100%;
    /*サイトに合わせて変更*/
  }
}

/* @media only screen and (max-width: 480px) { */
@media only screen and (max-width: 990px) {
  .nav_02 .gNavi-area {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    /*サイトに合わせて変更*/
  }
  .nav_02 {
    display: none;
  }
}


/***************************/


/********【サイド】********/


/***************************/

.rNavi {
  float: right;
  width: 237px;
}

@media only screen and (max-width: 990px) {
  .rNavi {
    float: none;
    width: auto;
  }
}

.side_info_area {
  font-size: 13px;
  margin-bottom: 20px;
  background-color: #aaffaa;
  border: solid 2px #d6e5f2;
  padding: 0px 20px 0 20px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}

.side_info_title {
  background: url(images/shared/page_side_01.png) no-repeat;
  background-position: center top;
  font-size: 16px;
  text-align: center;
  font-family: 'Noto Sans Japanese';
  margin-bottom: 5px;
  margin-top: -2px;
  color: #0253a5;
  padding-top: 15px;
}

.side_txt_link a:link {
  color: #0253a5;
}

.side_txt_link a:visited {
  color: #0253a5;
}

.side_txt_bt {
  text-align: right;
}

.side_txt_bt a:link {
  background: url(images/shared/arrow02.png) no-repeat;
  background-position: left 5px;
  padding-left: 10px;
  color: #0253a5;
}

.side_txt_bt a:lvisited {
  color: #0253a5;
}

@media only screen and (max-width: 990px) {
  .side_txt_bt {
    text-align: center;
  }
}

.side_menu_area {
  font-size: 13px;
  margin-bottom: 20px;
  background-color: #FFF;
  border: solid 2px #d6e5f2;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding: 0 20px;
}

.side_menu_title {
  font-size: 16px;
  text-align: center;
  font-family: 'Noto Sans Japanese';
    font-weight: 300;
  background-color: #0253a5;
  color: #fff !important;
  margin: -2px -22px 0 -22px;
  padding: 10px 0;
  border: solid 2px #0253a5;
  border-radius: 4px 4px 0px 0px / 4px 4px 0px 0px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}

.side_menu_title a{
  color: #fff;
  text-decoration: none;
}

.side_menu li {
  border-bottom: dotted 1px #d4d4d5;
  list-style: none;
  padding: 1em 0 0.5em 20px;
  margin: 0 -20px;
  text-indent: -1em;
  padding-left: 1em;
}

.side_menu .li_end {
  list-style: none;
  padding: 1em 0 0.5em 20px;
  border-bottom: none !important;
  text-indent: -1em;
  padding-left: 1em;
}

.side_menu li a:link {
  background: url(images/shared/arrow01.png) no-repeat;
  background-position: left 5px;
  color: #0253a5;
  margin: 0 0 0 20px;
  padding-left: 10px;
}

.side_menu li a:visited {
  color: #0253a5;
}


/***************************/


/********【フッター】********/


/***************************/


/*------pagetop-----*/

#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

#page-top a {
  width: 88px;
  padding: 10px 0;
  display: block;
}



/*------foot_bn_area-----*/

.foot_bn_area {
  background-color: #e7f0f8;
  width: 100%;
  padding: 20px 15px;
  margin-top: 100px;
}

@media only screen and (max-width: 990px) {
  .foot_bn_area {
    margin-top: 30px;
  }
}


/*------footer-----*/

.foot_09 {
  background-color: #bbffbb;
  padding: 30px 0px 30px 0px;
}


/*------up right-----*/

.foot_09_up_rightbox {
  background-color: #FFF;
  border: solid 2px #d6e5f2;
  padding: 10px 20px 0px 20px;
  margin-bottom: 10px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}

@media only screen and (max-width: 990px) {
  .foot_09 {
    padding: 30px 0px 0px 0px;
  }
  .foot_09_up_rightbox {
    padding: 10px 10px 0px 10px;
    margin-bottom: 40px;
    margin-top: 40px;
  }
}


/*------topics-----*/

.foot_news_title_area {
  border-bottom: solid 1px #b0b0af;
  margin-bottom: 0px;
  padding: 0px 0 10px 0;
}

.foot_news_title_font {
  font-size: 18px;
/*  color: #0153a4; */
    color: #000000;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
}

.foot_news {}

.foot_news_list {
  display: table;
  width: 100%;
  font-size: 13px;
}

.foot_news_list-time {
  width: 20%;
  padding: 1.5em 1em 1.5em 0;
  display: table-cell;
}

.foot_news_list-description {
  width: 80%;
  padding: 1.5em 0em 1.5em 0;
  display: table-cell;
}

.foot_news dl:nth-child(even) {
  border-top: dotted 1px #d2d2d2;
  border-bottom: dotted 1px #d2d2d2;
}

@media only screen and (max-width: 990px) {
  .foot_news_list {}
  .foot_news_list-time {
    display: block;
    width: 100%;
    padding: 0.5em .5em 0 .5em;
  }
  .foot_news_list-description {
    display: block;
    width: 100%;
    padding: 0em .5em 0.5em .5em;
  }
}


/*------up right-----*/

.foot_09_up_right_img01 {
  width: 200px;
  float: left;
  padding: 0 10px 20px 0;
}

.foot_09_up_right_img02 {
  width: 264px;
  float: left;
  padding: 0 0px 20px 0;
}

@media only screen and (max-width: 990px) {
  .foot_09_up_right_img01 {
    width: 100%;
    float: none;
    padding: 0 0px 20px 0;
    text-align: center;
  }
  .foot_09_up_right_img02 {
    width: 100%;
    float: none;
    padding: 0 0px 20px 0;
    text-align: center;
  }
}


/*------down-----*/

.foot_09_downarea {
  padding: 40px 0px 100px 0px;
  overflow: hidden;
}


/*------sitemap-----*/

.foot_09 .sitemap_title {
  font-size: 16px;
  color: #666666;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  padding: 0 0 5px 0;
  margin-bottom: 20px;
  border-bottom: solid 1px #fff;
}

.foot_09 .sitemap_list-item {
  margin-bottom: 5px;
}

.foot_09 .sitemap_list-item a {
  text-decoration: none;
  font-size: 13px;
}

.foot_09 .sitemap_list-item a:hover {
  text-decoration: underline;
}

.foot_09 .sitemap {
  margin-top: 0px;
}

.foot_09 .sitemap a {
  color: #666666;
}

.foot_09 .sitemap a:hover {
  text-decoration: underline;
}

.foot_09 .sitemap01,
.foot_09 .sitemap02 {
  width: 330px;
  padding-right: 30px;
}

.foot_09 .sitemap03 {
  width: 300px;
}

@media only screen and (max-width: 990px) {
  .foot_09_downarea {
    padding: 0px 0px 40px 0px;
    overflow: hidden;
  }
  .foot_09 .sitemap_title {
    margin-top: 30px;
  }
  .foot_09 .sitemap01 {
    width: 100%;
    padding-right: 0px;
  }
  .foot_09 .sitemap02 {
    width: 100%;
    padding-right: 0px;
  }
  .foot_09 .sitemap03 {
    width: 100%;
    padding-right: 0px;
  }
}


/*------copyright-----*/

.foot_09 .footer_copyright {
  width: 100%;
  margin: auto;
}

.foot_09 .copyright_typo {
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 11px;
  color: #666666;
  padding: 5px 0px;
  text-align: center;
}

@media only screen and (max-width: 990px) {
  .foot_09 .footer_copyright {
    text-align: center;
  }
  .foot_09 .copyright_typo {
    font-size: 10px;
  }
}


/***************************/


/********【common】********/


/***************************/

.page_contents_area {
  background-color: #f2f8fd;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  padding: 20px 0;
  margin-bottom: 40px;
}

.page_contents_title {
  border-bottom: dotted 1px #d4d4d5;
  padding: 0 0 10px 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.page_contents_menu li {
  list-style: decimal !important;
  padding: 0.5em 2em 0.5em 2em !important;
  color: #0052a4 !important;
  list-style-position: inside !important;
}

.page_contents_menu li a:link {
 color: #000000;
}

.page_contents_menu li a:visited {
 color: #000000;
}


/************************************ テキストカラー*/

.fo_rd {
  color: #dd270a !important;
}

.fo_bl {
  color: #0052a4 !important;
}

.fo_gen {
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
}

.bg_gr {
  background-color: #CCC;
  padding: 10px;
  overflow: visible;
}

.bg_img330 {
  background: url(images/shared/balloon330.png) no-repeat;
  background-position: center top;
  padding: 20px 20px 20px 60px;
  overflow: visible;
}

.bg_img270 {
  background: url(images/shared/balloon270.png) no-repeat;
  background-position: center top;
  padding: 20px 20px 20px 60px;
  overflow: visible;
}

.bg_img230 {
  background: url(images/shared/balloon230.png) no-repeat;
  background-position: center top;
  padding: 20px 20px 20px 60px;
  overflow: visible;
}

.bg_img02 {
  background: url(images/shared/balloon02.png) no-repeat;
  background-position: center top;
  padding: 10px;
  overflow: visible;
}

.link_blue a:link {
  color: #558ed5;
}

.link_blue a:visited {
  color: #558ed5;
}


/************************************ テキストアンダーライン背景画像*/


/*<p><span class="bg_img">****************</span></p>*/

.bg_img {
  background-image: url(images/sample.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  display: inline-block;
}


/************************************ パディング*/

.top_pad_50 {
  padding-top: 50px;
}

.top_pad_60 {
  padding-top: 60px;
}

.top_pad_70 {
  padding-top: 70px;
}

.bottom_pad_50 {
  padding-bottom: 50px;
}

.bottom_pad_60 {
  padding-bottom: 60px;
}

.bottom_pad_70 {
  padding-bottom: 70px;
}


/************************************ マージン*/

.top_mg_50 {
  padding-top: 50px;
}

.top_mg_60 {
  margin-top: 60px;
}

.top_mg_70 {
  margin-top: 70px;
}

.bottom_mg_50 {
  margin-bottom: 50px;
}

.bottom_mg_60 {
  margin-bottom: 60px;
}

.bottom_mg_70 {
  margin-bottom: 70px;
}


/************************************ パンくず*/

.breadcrumb_area {
  overflow: hidden;
  height: auto;
  margin: 0px 0px 20px 0px;
}

.breadcrumb_style {
  float: left;
}

.breadcrumb_font {
  font-size: 12px;
}

.breadcrumb_font ul li {
  float: left;
}

@media only screen and (max-width: 990px) {
  .breadcrumb_area {
    margin: 20px 0px 20px 0px;
  }
}


/************************************ 見出し*/


/*------h2-----*/

.h2-04-area {
  /*(画面100％時に背景として使用)*/
  width: 100%;
  background-image: url(images/shared/h2.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  clear: both;
  margin: 30px 0 0 0;
}

.h2-04-style {
  margin: auto;
  width: 960px;
  /*サイトに合わせて変更*/
  padding: 100px 0px 100px 30px;
  /*背景画像からの位置調整*/
}

.h2-04-font {
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 30px;
  text-align: left;
 color: #000000;
}

@media only screen and (max-width: 990px) {
  .h2-04-style {
    width: 100%;
    padding: 50px 0px 50px 0px;
    /*背景画像からの位置調整*/
  }
  .h2-04-font {
    font-size: 26px;
    text-align: center;
    line-height: 1.3;
  }
}

.h3_style {
  padding: 5px 0px 5px 0px;
  margin-bottom: 20px;
}

.h3_font {
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 26px;
 color: #000000;
  text-align: left;
  line-height: 1.25em;
}

.h3_font a:link {
 color: #000000;
}

.h3_font a:visited {
 color: #000000;
}

@media only screen and (max-width: 990px) {}

.h4_style {
  border-bottom: solid 3px #0052a4;
  height: auto;
  padding: 5px 0px 5px 0px;
  margin-bottom: 20px;
  clear: both;
}

.h4_font {
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 22px;
 color: #000000;
  text-align: left;
  line-height: 1.25em;
}

.s_h4_fontb {
  font-family: 'Noto Sans Japanese';
    font-weight: 800;
  font-size: 28px;
 color: #000000;
  text-align: left;
  line-height: 1.25em;
}

.s_fontb {
  font-family: 'Noto Sans Japanese';
    font-weight: 800;
  font-size: 22px;
 color: #000000;
  text-align: left;
  line-height: 1.25em;
}




@media only screen and (max-width: 990px) {}

.h5_style {
  background-color: #aaffaa;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  height: auto;
  padding: 7px 0px 7px 10px;
  margin-bottom: 20px;
  clear: both;
}

.h5_font {
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 18px;
  color: #fff;
  text-align: left;
  line-height: 1.25em;
}

@media only screen and (max-width: 990px) {}


/***************************/


/********【index】********/


/***************************/


/********【01】********/

.in_cont01_area {
/*  background-color: #f1f6fb; */
  background-color: #bbffbb;
  width: 100%;
  padding: 50px 0 20px 0;
}

.in_cont01_title {
  text-align: center;
  margin-bottom: 40px;
}
.title_about {
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 30px;
  text-align: center;
/* color: #000000; */
  color: #000000;
}
.title_about::before {
  content: "";
  display: inline-block;
  background: url(images/icon_elephant_01.png) no-repeat 0 0;
  width: 58px;  
  height: 66px;
  margin: 0 10px 0 0;
}
.title_about::after{
  content: "";
  display: inline-block;
  background: url(images/icon_elephant_02.png) no-repeat 0 0;
  width: 54px;  
  height: 66px;
}
.in_cont01_txt {
  font-size: 14px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 990px) {
  .title_about {
    line-height: 1.6em;
  }
  .title_about::before{
    display: none;
  }
  .title_about::after{
    display: none;
  }
  .in_cont01_txt {
    margin-bottom: 50px;
  }
}

/********【02】********/

.in_cont02_area {
  width: 100%;
  padding: 50px 0 20px 0;
}

.in01_list_style {
  text-align: left;
  margin: 0 0 20px 10px;
  overflow: hidden;
}

.in01_list_style li {
  list-style-position: inside;
  list-style: none;
  background: url(images/shared/arrow01.png) no-repeat;
  background-position: left 6px;
  width: 40%;
  float: left;
  margin: 0 10% 10px 0;
  padding-left: 12px;
  color: #125eaa;
  font-size: 14px;
}

@media only screen and (max-width: 990px) {
  .in01_list_style li {
    width: 100%;
    margin: 0 0% 10px 0%;
    font-size: 13px;
  }
}
.in_cont02_box_main {
  margin-left: -15px;
  margin-right: -15px;
  clear:both;
}
.in_cont02_box_l {
  width:23%;
  float:left;
  margin:0 2% 0 0;
}
.in_cont02_box_c1 {
  width:23%;
  float:left;
  margin:0 1% 0 1%;
}
.in_cont02_box_c2 {
  width:23%;
  float:left;
  margin:0 1% 0 1%;
}
.in_cont02_box_r {
  width:23%;
  float:left;
  margin:0 0% 0 2%;
}
@media only screen and (max-width: 990px) {
  .in_cont02_box_main {
    margin-left: 0px;
    margin-right: 0px;
  }
  .in_cont02_box_l {
    width:48%;
    margin:0 2% 0 0;
  }
  .in_cont02_box_c1 {
    width:48%;
    margin:0 0% 0 1%;
  }
  .in_cont02_box_c2 {
    width:48%;
    margin:0 1% 0 0%;
  }
  .in_cont02_box_r {
    width:48%;
    margin:0 0% 0 2%;
  }
}

/********【03】********/

.in_cont03_area {
  width: 100%;
  padding: 50px 0 20px 0;
  clear:both;
}

.in_cont03_title {
  text-align: center;
  margin-bottom: 20px;
}

.in_cont03_postimg {
  background-color: #FFF;
  border: solid 2px #d6e5f2;
  padding: 2px;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}

.in_cont03_posttitle {
  font-size: 16px;
  text-align: center;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  margin-bottom: 20px;
}

@media only screen and (max-width: 990px) {
  .in_cont03_area {
    padding: 20px 0 20px 0;
  }
}
.in_cont03_box_main {
  margin-left: -15px;
  margin-right: -15px;
  clear:both;
}
.in_cont03_box {
  width:31.33%;
  float:left;
  margin:0 1% 0 1%;
}
@media only screen and (max-width: 990px) {
  .in_cont03_box_main {
    margin-left: 0px;
    margin-right: 0px;
  }
  .in_cont03_box {
    width:48%;
    margin:0 1% 0 1%;
  }
}

/********【04】********/

.in_cont04_area {
  width: 100%;
  padding: 50px 0 60px 0;
  border-bottom: dotted 1px #babab9;
  overflow: hidden;
}

.in_cont04_leftarea {
  width: 540px;
  float: left;
  margin: 0 27px 0 0;
}

.in_cont04_rightarea {
  width: 393px;
  float: left;
}

.in_cont04_righttitle {
  margin-bottom: 17px;
}

.in_cont04_postbox {
         overflow: scroll;  /* スクロール表示 */ 
         height: 352px;
  border: solid 2px #d6e5f2;
  padding: 20px 20px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}

@media only screen and (max-width: 990px) {
  .in_cont04_area {
    padding: 30px 0 0px 0;
  }
  .in_cont04_leftarea {
    width: 100%;
    float: none;
    margin: 0 0px 40px 0px;
  }
  .in_cont04_rightarea {
    width: 100%;
    float: none;
    margin: 0 0px 40px 0px;
  }
  .in_cont04_postbox {
    padding: 10px 10px 10px 10px;
  }
}


/************************************ コンテンツニュース*/


/********topics********/

.news {
  margin-bottom: 10px;
}

.news_list {
  display: table;
  border-bottom: dotted 1px #d2d2d2;
  width: 100%;
  margin-bottom: 1em;
  font-size: 13px;
}

.news_list-time {
  width: 20%;
  padding: 0em 1em 1em 0;
  display: table-cell;
}

.news_list-description {
  width: 80%;
  padding: 0em 0em 1em 0;
  display: table-cell;
}

.news_list-description_title {
  width: 100%;
  display: inline-block;
  clear: both;
}

.news_list-description_com {
  width: 100%;
  display: inline-block;
  clear: both;
}

@media only screen and (max-width: 990px) {
  .news_list {}
  .news_list-time {
    display: block;
    width: 100%;
    padding: .5em .5em 0 .5em;
    vertical-align: top;
  }
  .news_list-description {
    display: block;
    width: 100%;
    padding: 0em .5em 0 .5em;
  }
  .news_list-description_title {
    margin-bottom: 5px;
  }
  .news_list-description_com {
    margin-bottom: 10px;
  }
}


/********topics********/

.news02 {
  margin-bottom: 10px;
}

.news02_list {
  display: table;
  border-bottom: dotted 1px #d2d2d2;
  width: 100%;
  margin-bottom: 1.5em;
  font-size: 13px;
}

.news02_list-time {
  width: 20%;
  padding: 0em 1em 1.5em 0;
  display: table-cell;
  vertical-align:top;
}

.news02_list-description {
  width: 80%;
  padding: 0em 0em 1.5em 0;
  display: table-cell;
}

.news02_list-description_title {
  width: 100%;
  display: inline-block;
  clear: both;
}

.news02_list-description_com {
  width: 100%;
  display: inline-block;
  clear: both;
}

@media only screen and (max-width: 990px) {
  .news02 {
    margin-bottom: 0px;
  }
  .news02_list {}
  .news02_list-time {
    display: block;
    width: 100%;
    padding: 0em .5em 0 .5em;
    vertical-align: top;
  }
  .news02_list-description {
    display: block;
    width: 100%;
    padding: 0em .5em 0 .5em;
  }
  .news02_list-description_title {
    margin-bottom: 0px;
  }
}

.index_news_bottom_bt {
  text-align: right;
  margin: 10px 0px 0 0;
}


/********【05】********/

.in_cont05_area {
  width: 100%;
  padding: 50px 0 0px 0;
}

.in_cont05_title {
 color: #000000;
  font-size: 22px;
  line-height: 2em;
  text-align: center;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  margin-bottom: 50px;
}

@media only screen and (max-width: 990px) {
  .in_cont05_area {
    padding: 20px 0 0px 0;
  }
  .in_cont05_title {
    font-size: 20px;
    line-height: 1.6em;
    margin-bottom: 20px;
  }
}


/***************************/


/********【01】********/


/***************************/

.bx-pager {
  margin: -40px 0 60px 0;
  overflow: hidden;
}

.bx-pager a img {
  width: 17%;
  float: left;
  margin: 0px 1% 10px 1%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.bx-pager a.active img {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media only screen and (max-width: 990px) {
  .bx-pager {
    margin: -40px 0 40px 0;
  }
  .bx-pager a img {
    width: 23%;
  }
}


/***************************/


/********【02】********/


/***************************/

.p02_01_tbl2 {
  width: 100%;
  padding-left: 20px;
  border: solid 1px #000;
}

.p02_01_tbl2 th {
  text-align: left;
  width: 30%;
  padding: .5em;
  background-color: #999;
  color: #FFF;
  border-bottom: solid 1px #000;
  border-right: solid 1px #000;
}

.p02_01_tbl2 td {
  text-align: left;
  padding: .5em;
  width: 70%;
  border-bottom: solid 1px #000;
}

@media only screen and (max-width: 990px) {
  .p02_01_tbl2 th {
    list-style: none !important;
    width: 100%;
    text-align: center;
    padding: 0.5em 0em;
  }
  .p02_01_tbl2 td {
    width: 100%;
    text-align: center;
    padding: 0.5em 0em;
  }
}


/***************************/


/********【05】********/


/***************************/

.p05_list_style {
  text-align: left;
  margin: 0 0 20px 10px;
  overflow: hidden;
}

.p05_list_style li {
  list-style-position: inside;
  list-style: none;
  background: url(images/shared/arrow01.png) no-repeat;
  background-position: left 6px;
  width: 100%;
  margin: 0 10% 10px 50px;
  padding-left: 12px;
  color: #125eaa;
  font-size: 14px;
}

@media only screen and (max-width: 990px) {
  .p05_list_style li {
    width: 70%;
    margin: 0 0% 10px 30%;
  }
}


/************************************ リスト*/

.disc_list_style {
  text-align: left;
}
.disc_list_style li{
  list-style-position: inside;
  list-style: disc;
  margin: 0px 0px 10px 20px;
}
.disc_list_style_l {
  text-align: left;
}
.disc_list_style_l:before,.disc_list_style_l:after {
  content: "";
  display: table;
}
.disc_list_style_l:after {
  clear: both;
}
.disc_list_style_l li {
  float: left;
  list-style-position: inside;
  list-style: disc;
  margin: 5px 10px 5px 20px;
}
.decimal_list_style {
  text-align: left;
}
.decimal_list_style li {
  list-style-position: inside;
  list-style: decimal;
  margin: 0px 0px 10px 20px;
}
.decimal_list_style_list {
  text-align: left;
  list-style-position: inside;
  list-style: decimal;
  margin: 0px 0px 10px 20px;
}
.img_list_style li {
  background-image: url(images/shared/check.png);
  background-repeat: no-repeat;
  background-position: left center;
  list-style-position: inside;
  list-style: none;
  margin: 0px 0px 10px 0px;
  padding-left: 20px;
}
.post_disc_list_style {
  text-align: left;
}
.post_disc_list_style li{
  list-style-position: inside !important;
  list-style: disc !important;
  margin: 0px 0px 10px 20px !important;
}

/************************************ 画像スマホ 表示/非表示 */

.sp_img01_on {
  width: 100%;
  text-align: center;
}

.sp_img01_off {
  display: none;
}

@media only screen and (max-width: 990px) {
  .sp_img01_on {
    display: none;
  }
  .sp_img01_off {
    display: block;
    width: 100%;
    text-align: center;
  }
}


/************************************ タイトル スマホ 表示/非表示*/

.sp_title01_on {
  display: inline-block;
  text-align: center;
  margin-bottom: 50px;
}

.sp_title01_off {
  display: none;
}

@media only screen and (max-width: 990px) {
  .sp_title01_on {
    display: none;
  }
  .sp_title01_off {
    display: inline-block;
    text-align: center;
    background-color: #f5f4f1;
    border: solid 1px #ccc;
    font-weight: bold;
    font-size: 22px;
    height: auto;
    margin: 0px 10px;
    padding: 10px 0px;
  }
}


/***************************/


/********【access】********/


/***************************/

.access_map_ss {
  width: 100%;
  height: 200px;
}

.access_map_s {
  width: 100%;
  height: 300px;
}

.access_map_m {
  width: 100%;
  height: 260px;
}

.access_map_l {
  width: 100%;
  height: 500px;
}

@media only screen and (max-width: 990px) {
  .access_map_ss {
    height: 75px;
  }
  .access_map_s {
    height: 100px;
  }
  .access_map_m {
    height: 250px;
    padding-bottom: 50px;
  }
  .access_map_l {
    height: 250px;
  }
}


/********[Blog LayoutType-A]********/

.blog-layoutA-mainarea {
  margin: 0px 0px 20px 0px;
}

.blog-layoutA-img {
  text-align: center;
  margin: 0px 0px 10px 0px;
}

.blog-layoutA-type-area {
  float: right;
  clear: both;
  margin: 0px 0px 20px 0px;
}

.blog-layoutA-cate {
  text-align: center;
  background-color: #aaffaa;
  padding: 5px 10px;
  color: #FFF;
  margin: 0px 10px 0px 0px;
  font-size: 14px;
  font-weight: bold;
}

.blog-layoutA-date {
  font-weight: bold;
}

.blog-layoutA-art {
  clear: both;
  margin: 0px 0px 20px 0px;
}

.blog-layoutA-bt {
  clear: both;
  text-align: right;
}

.blog-layoutA-pagenation {
  text-align: center;
  margin: 20px 0px 20px 0px;
}

@media only screen and (max-width: 990px) {
  .blog-layoutA-type-area {
    float: none;
    clear: both;
    margin: 0px 0px 20px 0px;
  }
  .blog-layoutA-bt {
    clear: both;
    text-align: center;
  }
}


/********[Blog LayoutDetail-B]********/

.blog-detailB-mainarea {
  margin: 0px 0px 20px 0px;
}

.blog-detailB-type-area {
  float: right;
  clear: both;
  margin: 0px 0px 20px 0px;
}

.blog-detailB-cate {
  text-align: center;
  background-color: #aaffaa;
  padding: 5px 10px;
  color: #FFF;
  margin: 0px 10px 0px 0px;
  font-size: 14px;
  font-weight: bold;
}

.blog-detailB-date {
  font-weight: bold;
}

.blog-detailB-img {
  text-align: center;
  margin: 0px 0px 20px 0px;
}

.blog-detailB-art {
  clear: both;
  margin: 0px 0px 20px 0px;
}

@media only screen and (max-width: 990px) {
  .blog-detailB-type-area {
    float: none;
    clear: both;
    margin: 0px 0px 20px 0px;
  }
  .blog-detailB-bt {
    clear: both;
    text-align: center;
  }
}


/**************************/


/********サイドナビ(カテゴリー/月別アーカイブ)********/


/**************************/

.post-sidenav-area {
  font-size: 13px;
  margin-bottom: 20px;
  background-color: #FFF;
  border: solid 2px #d6e5f2;
  padding: 0px 20px 0 20px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}

.post-sidenav-title {
  text-align: center;
  background-color: #0253a5;
  margin: -2px -22px 0 -22px;
  padding: 10px 0;
  border: solid 2px #0253a5;
  border-radius: 4px 4px 0px 0px / 4px 4px 0px 0px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}

.post-sidenav-title-font {
  color: #fff;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 16px;
}

.post-sidenav-txt li {
  border-bottom: dotted 1px #d4d4d5;
  list-style: none;
  padding: 1em 0 0.5em 20px;
  margin: 0 -20px;
  text-indent: -1em;
  padding-left: 1em;
}

.post-sidenav-txt li a:link {
  background: url(images/shared/arrow01.png) no-repeat;
  background-position: left 5px;
  color: #0253a5;
  margin: 0 0 0 20px;
  padding-left: 10px;
}

.post-sidenav-txt li a:visited {
  color: #0253a5;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

.blog-detailB-art ol li, .toko ol li{
  margin-left:24px;
}
.blog-detailB-art ul li, .toko ul li{
  margin-left:24px;
  list-style:disc;
}

.detailpostdata h1,
.detailpostdata h2,
.detailpostdata h3,
.detailpostdata h4,
.detailpostdata h5,
.detailpostdata h6 {
  clear: both;
  font-weight: 700;
  margin: 36px 0 12px;
}

.detailpostdata h1 {
  font-size: 26px;
  line-height: 1.3846153846;
}

.detailpostdata h2 {
  font-size: 24px;
  line-height: 1;
}

.detailpostdata h3 {
  padding: 5px 0px 5px 0px;
  margin-bottom: 20px;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 26px;
 color: #000000;
  text-align: left;
  line-height: 1.25em;
}

.detailpostdata h4 {
  border-bottom: solid 3px #0052a4;
  height: auto;
  padding: 5px 0px 5px 0px;
  margin-bottom: 20px;
  clear: both;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 22px;
 color: #000000;
  text-align: left;
  line-height: 1.25em;
}

.detailpostdata h5 {
  font-size: 18px;
  line-height: 1.3333333333;
}

.detailpostdata h6 {
  font-size: 16px;
  line-height: 1.5;
}
/**************************/
/********治療メニュー投稿用リスト未反映********/
/**************************/
.page_post_style {	
}
.page_post_style .rob ul li {
  list-style: none;
}
.page_post_style ul {
  padding-left: 0em;
}
.page_post_style ul li {
  list-style: none;
  margin-left:0px;
}
.page_post_style h4 {	
  border-bottom: none;
  height: auto;
  padding: 5px 0px 5px 0px;
  margin-bottom: 0px;
  clear: both;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 22px;
 color: #000000;
  text-align: left;
  line-height: 1.25em;
}
.page_post_style h5 {	
  font-weight: normal;
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.25em;
  background-color: #aaffaa;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  height: auto;
  padding: 7px 0px 7px 10px;
  font-family: 'Noto Sans Japanese';
    font-weight: 400;
  font-size: 18px;
  color: #fff;
  text-align: left;
}

.fixed::after {
  clear: both;
  content: "";
  display: block;
}
.font-01 {
  font-family: 'Noto Sans Japanese';
  font-size: 24px;
  color: #000000;
}
.subtitles {
  font-family: 'Noto Sans Japanese';
    font-weight: 700;
  font-size: 18px;
  text-align: center;
  padding: 8px 35px;
  line-height: 1;
  background: url(images/shared/bg_blue.png) repeat 0 0;
  margin: 0 0 20px 0;
}

.subtitles2 {
  font-family: 'Noto Sans Japanese';
    font-weight: 700;
  font-size: 18px;
  text-align: center;
  padding: 8px 35px;
  line-height: 1;
  background: url(images/shared/bg_orange.png) repeat 0 0;
  margin: 0 0 20px 0;
}

.subtitles3 {
  font-family: 'Noto Sans Japanese';
    font-weight: 700;
  font-size: 18px;
  text-align: center;
  padding: 8px 35px;
  line-height: 1;
  background: url(images/shared/bg_blue2.png) repeat 0 0;
  margin: 0 0 20px 0;
}

.title_consultation {
  font-family: 'Noto Sans Japanese';
  font-size: 30px;
  text-align: center;
/* color: #000000; */
  color: #000000;
  display: inline-block;
  line-height: 1.4em;
}
.title_consultation::before {
  content: "";
  display: block;
  float: left;
  background: url(images/icon_cloud.png) no-repeat 0 0;
  width: 43px;  
  height: 52px;
  margin: 0 10px 0 0;
}
.title_cure {
  font-family: 'Noto Sans Japanese';
  font-size: 30px;
  text-align: center;
 color: #000000;
  display: inline-block;
  line-height: 1.4em;
}
.title_cure::before {
  content: "";
  display: block;
  float: left;
  background: url(images/icon_book.png) no-repeat 0 0;
  width: 30px;  
  height: 38px;
  margin: 0 10px 0 0;
}
.title_news {
  font-family: 'Noto Sans Japanese';
  font-size: 24px;
 color: #000000;
  display: inline-block;
  line-height: 1.6em;
}
.title_news::before {
  content: "";
  display: block;
  float: left;
  background: url(images/icon_flower.png) no-repeat 0 0;
  width: 31px;  
  height: 41px;
  margin: 0 10px 0 0;
}
.title_blog {
  font-family: 'Noto Sans Japanese';
  font-size: 24px;
 color: #000000;
  display: inline-block;
  line-height: 1.4em;
}
.title_blog::before {
  content: "";
  display: block;
  float: left;
  background: url(images/icon_leaf.png) no-repeat 0 0;
  width: 35px;  
  height: 33px;
  margin: 0 10px 0 0;
}
.download_01_blue a {
  width: 220px;
  margin: 0 auto 10px auto;
  padding: 12px 6px 12px 50px;
  background: #0052a4 url(images/icon_note_white.png) no-repeat 12px 10px;
  font-family: 'Noto Sans Japanese';
  font-size: 16px;
  color: #fff;
  display: block;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.download_01_blue a:hover {
  text-decoration: none;
  background: #d6e5f2 url(images/icon_note_white.png) no-repeat 12px 10px;
}
.download_02_blue a {
  width: 220px;
  margin: 0 auto 10px auto;
  padding: 12px 0 12px 50px;
  background: #0052a4 url(images/icon_syringe_white.png) no-repeat 12px 26px;
  font-family: 'Noto Sans Japanese';
  font-size: 16px;
  color: #fff;
  display: block;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.download_02_blue a:hover {
  text-decoration: none;
  background: #d6e5f2 url(images/icon_syringe_white.png) no-repeat 12px 26px;
}






.download_01_green a {
  width: 220px;
  margin: 0 auto 10px auto;
  padding: 12px 0 12px 50px;
  background: #33ff33 url(images/icon_note_white.png) no-repeat 12px 10px;
  font-family: 'Noto Sans Japanese';
  font-size: 16px;
  color: #fff;
  display: block;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.download_01_green a:hover {
  text-decoration: none;
  background: #aaffaa url(images/icon_note_white.png) no-repeat 12px 10px;
}


.download_02_green a {
  width: 220px;
  margin: 0 auto 10px auto;
  padding: 12px 0 12px 50px;
  background: #aaffaa url(images/icon_syringe_white.png) no-repeat 12px 26px;
  font-family: 'Noto Sans Japanese';
  font-size: 16px;
  color: #fff;
  display: block;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.download_02_green a:hover {
  text-decoration: none;
  background: #d6fff2 url(images/icon_syringe_white.png) no-repeat 12px 26px;
}










.download_01_white a {
  margin: 0 auto 10px auto;
  width: 190px;
  padding: 12px 0 12px 36px;
  background: #fff url(images/icon_note_blue.png) no-repeat 6px 10px;
  font-family: 'Noto Sans Japanese';
  font-size: 16px;
 color: #000000;
  display: block;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.download_01_white a:hover {
  text-decoration: none;
  background: #d6e5f2 url(images/icon_note_blue.png) no-repeat 6px 10px;
}
.download_02_white a {
  width: 265px;
  margin: 0 auto 10px auto;
  padding: 4px 0 4px 36px;
  background: #fff url(images/icon_syringe_blue.png) no-repeat 6px 4px;
  font-family: 'Noto Sans Japanese';
  font-size: 15px;
 color: #000000;
  line-height: 1.3em;
  display: block;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.download_02_white a:hover {
  text-decoration: none;
  background: #d6e5f2 url(images/icon_syringe_blue.png) no-repeat 6px 4px;
}
@media only screen and (max-width: 990px) {
  .download_01_white a {
    width: 100%;
  }
  .download_02_white a {
    width: 100%;
  }
}

/*追加*/
.cfix:after {
  clear: both;
  content: "";
  display: block;
}
.list01 {}
.list01 li{
  padding: 0 0 0 15px;
  font-size: 15px;
  margin-bottom: 5px;
  position: relative;
  color: #0455a5;
}
.list01 li:before {
  background: #0455a5;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.card01 {
  display: flex;
  flex-wrap: wrap;
}
.card01 > li {
  background: #f2f8fd;
  border: 1px solid #eee;
  border-radius: 5px;
  list-style: none;
  margin: 0 34px 34px 0!important;
  position: relative;
  float: left;
  width: 30%;
}
.card01 > li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 11px 15px;
  border-color: transparent transparent transparent #0455a5;
  position: absolute;
  right: -27px;
  top: 50%;
  transform: translateY(-50%);
}
.card01 > li:nth-child(3n) {
  margin: 0 0 34px!important;
}
.card01 > li:last-child:after,
.card02 > li:last-child:after {
  display: none;
}
.card01 > li .card-ttl,
.card02 > li .card-ttl {
  background-image: url("images/treatment/bg.jpg");
  background-repeat: repeat;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 15px;
  padding: 10px;
  margin: 0 0 10px;
}
.card01 > li .card-info,
.card02 > li .card-info {
  padding: 0 15px 15px;
}
.card02 > li {
  background: #f2f8fd;
  border: 1px solid #eee;
  border-radius: 5px;
  list-style: none;
  margin: 0 0 40px 0!important;
  position: relative;
}
.card02 > li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 11px 0 11px;
  border-color: #0455a5 transparent transparent transparent;
  position: absolute;
  right: 50%;
  top: inherit;
  bottom: -35px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 990px) {
  .card01 > li {
    margin: 0 0 50px!important;
    width: 100%;
  }
  .card01 > li:nth-child(3n) {
    margin: 0 0 50px!important;
  }
  .card01 > li:after {
    right: 50%;
    top: inherit;
    bottom: -50px;
    transform: translateY(-50%) rotate(90deg);
  }
}
.link_ico a {
  list-style-position: inside;
  list-style: none;
  background: url(images/shared/arrow01.png) no-repeat;
  background-position: left 6px;
  margin: 0 0 10px 0;
  padding-left: 12px;
  color: #125eaa;
  font-size: 14px;
}
.ol_normal{
  padding-left:1.5em;
}
.ol_normal li{
  list-style-type:decimal;
  margin-bottom: 15px;
}
.post_no_list_style li{
  padding-top: 25px;
  background: url(images/shared/arrow04.png) no-repeat center 0;
}
.post_no_list_style li:first-child{
  padding-top: 0;
  background: none;
}
.post_no_list_style .bg{
  background: #f2f8fd;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
}



/* オブジェクト設定 */
embed,
iframe,
object{
	max-width: 100%;
}

/* Indent設定 20170411 */

.indentback{
/*  text-indent: -1em; */
  padding-left: 3em;
}

.indentback4{
/*  text-indent: -1em; */
  padding-left: 4em;
}


/* カラー文字設定 20170411 */
.s_blue {color:#5555FF;}
.s_green {color:#22AA33;}
.s_red {color:#FF0000;}
.s_white {color:#FFFFFF;}



/* 横線設定 20170411 */
p.s_box {
   border-bottom: 2px solid #5555FF;
    padding: 0em 0em 0.2em 0em;
}
h4.s_box {
   border-bottom: 2px solid #5555FF;
    padding: 0em 0em 0.2em 0em;
}

/* リンクボックス設定 20170420 */
.l_box a{
font-size:1.0em;
display:block;
width:100%;
padding-top:1px;
padding-bottom:1px;
text-align:center;
border:2px solid;
border-color:#ffffbb #ffffbb #006400 #ffffbb;
background:#ffa500;
}

.l_box a:hover{
background:#ffff00;
}

@media only screen and (max-width: 990px) {

.l_box a{
font-size:1.0em;
display:block;
width:90%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border:2px solid;
border-color:#ffffbb #ffffbb #006400 #ffffbb;
background:#ffa500;
    margin: auto;
}




}




/* 診療案内設定 20170425 */

.in_cont99_area {
/*  background-color: #bbaabb; */
  background-color: #32cd32;
  width: 100%;
  padding: 5px 0 10px 0;
}

/* レーザー画像位置設定 20170425 */
p .hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

p .migi {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}

ul .hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

ul .migi {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}

ol .hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

ol .migi {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}


/* 診療受付 20170508 */
.download_01_green2 a {
  width: 220px;
/*  margin: 0 auto 30px 50px; */
/*  padding: 12px 0 12px 60px; */
  margin: auto;
  padding: 12px 15px 12px 60px;
  background: #33ff33 url(images/icon_note_white.png) no-repeat 12px 10px;
  font-family: 'Noto Sans Japanese';
  font-size: 16px;
  color: #fff;
  display: block;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
    float: left;   /*オリジナルに追加  */
}
.download_01_green2 a:hover {
  text-decoration: none;
  background: #aaffaa url(images/icon_note_white.png) no-repeat 12px 10px;
}



/* 診療受付 20170513 */

.mark2 {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* ピアス 20170527 */

*.marginmarker {
      background-color: #ffff00;
      margin-left: 0.3em;
      margin-right: 0.3em;
      }
      *.largemarker {
      background-color: #ffff00;
      padding: 0.3em;
      margin-left: 0.3em;
      margin-right: 0.3em;
      }
      *.markerline {
      background-color: #ffff00;
      margin-left: 0.3em;
      margin-right: 0.3em;
      text-decoration: underline;
      }

/* 無呼吸 20170628 */

.f_left650 {
    float: left;
    max-width: 650px;
}


@media only screen and (max-width: 990px) {
.f_left650 {
  clear: both;
    }
    
 p .migi {
  float: none;
display: block;
  margin-bottom: 1em;
 margin-left: auto;
 margin-right: auto;
    }
   
}




.csection {
  clear: both;
}