/*-----------------------------------------------------------------

 voice

-----------------------------------------------------------------*/
.voice_box{
    position: relative;
    width: 100%;
    padding: 2%;
    border: 1px solid #4392BC;
    margin-bottom: 30px;
}
.voice_box:before {
    content: url(../image/voice_icon.png);
    display: block;
    position: absolute;
    top: 14px;
    left: 15px;
    width: 41px;
    height: 48px;
}
.voice_txt{padding-left: 50px;}
.voice_notes {
    color: #388cb8;
    font-size: 12px;
}

@media only screen and (max-width: 690px) {
    .voice_box{margin-bottom: 15px;}
}

/*form*/
.formflow li {width: 29% !important;}
#submit_button input {margin-bottom: 40px!important;}


/*-----------------------------------------------------------------

 TOP SUB common

-----------------------------------------------------------------*/
.interview_con {
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 48px 2em;
  border: 2px solid #4392BC;
  margin: -80px auto 0;
  width: calc(100% - 64px);
  text-align: center;
}
.interview_section .bl-hot {
  -webkit-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.interview_section .bl-hot.bl-hover .interview_con,
.interview_section .bl-hot.bl-hover .interview_img img {
  opacity: .7;
}
.interview_title {  margin-bottom: 24px;}
.interview_title a {
  color: #4392BC;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
}
.interview_txt {  line-height: 2;}

@media only screen and (max-width: 979px) {
  .interview_title {  margin-bottom: 24px;  }
  .interview_title a {
    color: #4392BC;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
  }
  .interview_con { padding: 36px 2em;}
  .interview_section > div.bl-hover .img::before { display: none;}
  .col4.interview_section .flr {width: 50%;}
}

@media only screen and (max-width: 690px) {
  .interview_section > div.flt {margin-bottom: 30px;}
  .interview_con {
    margin: -40px auto 0;
    width: calc(100% - 30px);
    padding: 20px;
  }
  .interview_title {margin-bottom: 16px;}
  .interview_txt {
    line-height: 1.6;
    font-size: 14px;
  }
}


/*-----------------------------------------------------------------

area_m

-----------------------------------------------------------------*/
#area_m_con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*-webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#area_m_con .area_m_col {
  position: relative;
  width: calc((100% - 4px * 4) / 5);
  margin-left: 4px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: calc(100vw / 8);
}
#area_m_con .area_m_col:nth-child(5n + 1) {
  margin-left: 0;
  margin-bottom: 80px;
}
#area_m_con .area_m_col.bl-hover::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#service01 {  background-image: url("../image/top_servicetype_img01.jpg");}
#service02 {  background-image: url("../image/top_servicetype_img02.jpg");}
#service03 {  background-image: url("../image/top_servicetype_img03.jpg");}
#service04 {  background-image: url("../image/top_servicetype_img04.jpg");}
#service05 {  background-image: url("../image/top_servicetype_img05.jpg");}
#service06 {  background-image: url("../image/top_servicetype_img06.jpg");}
#service07 {  background-image: url("../image/top_servicetype_img07.jpg");}
#service08 {  background-image: url("../image/top_servicetype_img08.jpg");}
#service09 {  background-image: url("../image/top_servicetype_img09.jpg");}
#service10 {  background-image: url("../image/top_servicetype_img10.jpg");}
.area_m_title {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 12px 1em;
  line-height: 1.2;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}
.area_m_btn {
  position: absolute;
  bottom: -20px;
  right: 0;
}
.area_m_btn a {
  display: block;
  line-height: 40px;
  padding: 0 2.5em 0 1em;
  background: #4392BC url("../image/common/arr01.png") no-repeat 90% center/14px auto;
  color: #ffffff;
  text-decoration: none;
}
.area_m_btn a:hover { background-color: #003154;}
.area_m_col.bl-hover .area_m_btn a {  background-color: #003154;}

@media only screen and (max-width: 1119px) {
  #area_m_con .area_m_col {
    width: calc((100% - 4px * 2) / 3);
    height: calc(100vw / 5);
  }
  #area_m_con .area_m_col:nth-child(3n + 1) {
    margin-left: 0;
    margin-bottom: 48px;
  }
  #area_m_con .area_m_col:nth-child(5n + 1) {
    margin-bottom: 48px;
    margin-left: auto;
  }
  .area_m_title {padding: 12px .5em;}
}
@media only screen and (max-width: 1024px) {
	#area_m_con .area_m_col.bl-hover::after{display: none;}
}

@media only screen and (max-width: 690px) {
  #area_m_con .area_m_col {
    width: calc((100% - 4px * 1) / 2);
    height: calc(100vw / 4.5);
  }
  #area_m_con .area_m_col:nth-child(2n + 1) {
    margin-left: 0;
    margin-bottom: 48px;
  }
  #area_m_con .area_m_col:nth-child(3n + 1) {
    margin-left: auto;
    margin-bottom: 48px;
  }
  .area_m_title {
    padding: 10px .5em;
    font-size: 15px;
  }
  .area_m_btn a {font-size: 14px;}
  .area_m_btn a:hover {background-color: #003154;}
}

@media only screen and (max-width: 480px) {
  #area_m_con .area_m_col {height: calc(100vw / 2);}
}



/*-----------------------------------------------------------------

 DB

-----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: bold;}
.t-default .row{margin-right: auto;margin-left: auto;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding: 0;
}

.space-40{display: none;}

#area6{
  max-width: 100% !important;
  padding: 0;
}

.blog_index_tag li.recommend{display: none;}

.t-default #area3-wrapper .container{padding: 0; max-width: 100%;}
.t-default .ible-area--item-mainimage{height: auto;}
.t-default .ible-area--breadcrumb .ible-widget__breadcrumbs{background-color: #ffffff;}

/******----table逕ｨ---******/
.w5{width: 5%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}


/******-----------------------******/
.col4_m_421 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.col4_m_421 .col {
  width: calc((100% - 16px * 3) / 4);
  margin-left: 16px;
}
.col4_m_421 .col:first-child {margin-left: 0;}
@media only screen and (max-width: 979px) {
  .col4_m_421 .col {
    width: calc((100% - 16px * 1) / 2);
    margin-bottom: 16px;
  }
  .col4_m_421 .col:nth-child(2n + 1) {margin-left: 0;}
}
@media only screen and (max-width: 690px) {
  .col4_m_421 .col {
    width: 100%;
    margin-bottom: 16px;
    margin-left: 0;
  }
}
#area_n {
  background-color: #EEEEEE;
  padding: 70px 0 90px;
}
.area_n_title {
  color: #ffffff;
  background-color: #003154;
  padding: 8px 12px;
  font-size: 15px;
  position:relative;
}
@media only screen and (max-width: 690px) {
.area_n_title{
  cursor:pointer;
}
.area_n_title:before{
  content:"";
  width:40px;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  background:rgba(255,255,255,0.1);
}
.area_n_title:after{
  content:"";
  box-sizing:border-box;
  width:10px;
  height:10px;
  border-bottom:1px solid #FFF;
  border-right:1px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position:absolute;
  right:15px;
  top:calc(50% - 8px);
}
.area_n_title.active:before{
  background:rgba(255,255,255,0.3);
}
.area_n_title.active:after{
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  top:calc(50% - 4px);
}
}
.area_n_title .material-icons {
  vertical-align: middle;
  font-size: 20px;
  margin-right: 8px;
}
.area_n_list li {
  margin-top: 5px;
  list-style: none;
}
.area_n_list li a {
  display: block;
  background-color: #ffffff;
  padding: 8px 12px;
  border: 2px solid #ffffff;
  text-decoration: none;
}
.area_n_list li a::before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 8px;
  font-size: 18px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  font-size: 14px;
}
.area_n_list li a:hover {border-color: #4392BC;}
@media only screen and (max-width: 979px) {
  #area_n {
    padding: 50px 0 60px;
  }
}
@media only screen and (max-width: 690px) {
  #area_n {
    padding: 40px 0 50px;
  }
  .area_n_list {
    display: none;
  }
}
.sub_list .area_n_title .material-icons{color: #4392BC;}
.sub_list .area_n_title {
  color: #333333;
  background-color: #ffffff;
  border-bottom: 1px solid #D6D6D6;
  padding: 0 4px 8px 0;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.sub_list .area_n_list li a {
  background-color: #F5F5F5;
  padding: 2px 8px;
  border: 2px solid #F5F5F5;
  position: relative;
}
.sub_list .area_n_list li a::before{display: none;}
.sub_list .area_n_list li a::after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 18px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  font-size: 14px;
  position: absolute;
  top: calc(50% - 7px);
  right: 8px;
  color: #4392BC;
  line-height: 1;
}
.sub_list .area_n_list li a:hover {border-color: #4392BC;}
/******-----------------------******/


/******-------- btn -------******/
.btn a {
  display: inline-block;
  border: 1px solid #4392BC;
  color: #4392BC;
  text-align: center;
  padding: 12px 10px;
  width: 100%;
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  position: relative;
}
.btn_half a {
  display: inline-block;
  border: 1px solid #4392BC;
  color: #4392BC;
  text-align: center;
  padding: 12px 10px;
  width: 100%;
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.7);
  width: 50%;
  max-width: 480px;
}
@media only screen and (max-width: 690px) {
  .btn_half a {
    width: 100%;
  }
}
.btn_onethird a {
  display: inline-block;
  border: 1px solid #4392BC;
  color: #4392BC;
  text-align: center;
  padding: 12px 10px;
  width: 100%;
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.7);
  width: 33.33333%;
  max-width: 240px;
}
@media only screen and (max-width: 690px) {
  .btn_onethird a {
    width: 100%;
  }
}
.btn_twothird a {
  display: inline-block;
  border: 1px solid #4392BC;
  color: #4392BC;
  text-align: center;
  padding: 12px 10px;
  width: 100%;
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.7);
  width: 66%;
  max-width: 480px;
}
@media only screen and (max-width: 690px) {
  .btn_twothird a {
    width: 100%;
  }
}
.btn_threefourths a {
  display: inline-block;
  border: 1px solid #4392BC;
  color: #4392BC;
  text-align: center;
  padding: 12px 10px;
  width: 100%;
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.7);
  width: 75%;
  max-width: 240px;
}
@media only screen and (max-width: 979px) {
  .btn_threefourths a {
    max-width: 320px;
  }
}
@media only screen and (max-width: 690px) {
  .btn_threefourths a {
    width: 100%;
  }
}
.btn_fs_s a {
  display: inline-block;
  border: 1px solid #4392BC;
  color: #4392BC;
  text-align: center;
  padding: 12px 10px;
  width: 100%;
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.7);
  max-width: 200px;
  padding: 4px;
  font-size: 14px;
}
.btn_circle a { border-radius: 30px;}
.btn a::after,
.btn_half a::after,
.btn_onethird a::after,
.btn_twothird a::after,
.btn_threefourths a::after,
.btn_fs_s a::after {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 8px;
  font-size: 18px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  position: absolute;
  right: 8px;
  line-height: 1;
}
.btn.downward a::before,
.btn_half.downward a::before,
.btn_onethird.downward a::before,
.btn_twothird.downward a::before,
.btn_threefourths.downward a::before,
.btn_fs_s.downward a::before {
  font-family: FontAwesome;
  content: "\f107";
  padding-right: 8px;
  font-size: 18px;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.btn a:hover,
.btn_half a:hover,
.btn_onethird a:hover,
.btn_twothird a:hover,
.btn_threefourths a:hover,
.btn_fs_s a:hover {
  text-decoration: none;
  background-color: #003154;
  color: #ffffff;
  border: 1px solid #003154;
}
.btn_bg a {
  text-decoration: none;
  background-color: #003154;
  color: #ffffff;
  border: none;
}
.btn_bg_key a {
  text-decoration: none;
  background-color: #4392BC;
  color: #ffffff;
  border: none;
}
.btn_bg a:hover,
.btn_bg_key a:hover {
  opacity: .8;
  border: none;
}
.t-default p.btn.btn_bg_key{width: 100%;}
/******-----------------------******/


/******-------- CTA area -------******/
.t-default .cta,
.cta{
    border: 1px solid #CCCCCC;
    padding: 56px 0;
    text-align: center;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
.t-default .cta{margin: 48px auto;}
.t-default .cta_txt,
.cta_txt{
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 32px;
}
.t-default .cta_block,
.cta_block{
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
}
.t-default .cta_item, .cta_item{width: 50%;padding: 0 4em;}
.t-default .cta_tel, .cta_tel{border-right: 1px solid #CCCCCC;padding-right: 0;}
.t-default .cta_num, .cta_num{
    font-size: 42px;
    line-height: 1.2;
    border-bottom: 1px solid #4392BC;
    display: inline-block;
    padding: 0 8px 8px;
}
.t-default .cta_num .material-icons,.cta_num .material-icons{
    font-size: 32px;
    padding-right: 4px;
    vertical-align: middle;
}
.t-default .cta_add,.cta_add{
    font-size: 14px;
    margin-top: 10px;
}
.t-default .cta_mail a,.cta_mail a{
    display: block;
    background-color: #ED9531;
    color: #ffffff;
    font-weight: bold;
    margin: auto;
    font-size: 20px;
    text-decoration: none;
}
.t-default .cta_mail a .material-icons,
.cta_mail a .material-icons{
    font-size: 24px;
    padding-right: 16px;
    color: #ffffff;
    vertical-align: middle;
}
.t-default .cta_mail a:hover,
.cta_mail a:hover{background-color: #C06700;}

@media only screen and (max-width: 979px) {
    .t-default .cta,.cta{
        padding: 40px 0;
        width: 100%;
    }
    .t-default .cta_txt,.cta_txt{padding: 0 4em;}
    .t-default .cta_item,.cta_item{padding: 0 2em;}
    .t-default .cta_num,.cta_num{font-size: 32px;}
    .t-default .cta_num .material-icons,.cta_num .material-icons{font-size: 24px;}
    .t-default .cta_mail a,.cta_mail a{font-size: 18px;}
    .t-default .cta_mail a .material-icons,.cta_mail a .material-icons{font-size: 20px;}
}
@media only screen and (max-width: 690px) {
    .t-default .cta,.cta.cta{
        padding: 24px 0;
        width: 100%;
    }
    .t-default .cta_tel, .cta_tel{border-right: none;}
    .t-default .cta_block, .cta_block{flex-direction: column;}
    .t-default .cta_txt,.cta_txt{padding: 0 1.5em;font-size: 15px;line-height: 1.6;margin-bottom: 20px;}
    .t-default .cta_item,.cta_item{padding: 0 1.5em;width: 100%;}
    .t-default .cta_num,.cta_num{font-size: 30px;}
    .t-default .cta_num .material-icons,.cta_num .material-icons{font-size: 24px;}
    .t-default .cta_mail a,.cta_mail a{font-size: 16px;padding: 16px 4px;margin-top: 24px;line-height: 1 !important;}
    .t-default .cta_mail a .material-icons,.cta_mail a .material-icons{font-size: 20px;}
}
/******-----------------------******/


/******-------- btn_list 6 -------******/
.btn_list6{
    display: flex;
    flex-wrap: wrap;
}
.btn_list6 li{
    width: calc((100% - 30px) / 3);
    list-style: none;
    position: relative;
}
.btn_list6 li:not(:nth-child(3n)){margin-right: 15px;}
.btn_list6 li:nth-child(n + 4){margin-top: 8px;}
.btn_list6 li a{
    display: block;
    /*background-color: #F5F5F5;*/
    padding: 8px .5em 8px 1.5em;
   /* border: 2px solid #F5F5F5;*/
    line-height: 1.4;
    color: #4392BC;
    font-weight: bold;
}
.btn_list6 li a .material-icons{
  margin-right: 8px;
  font-size: 16px;
  color: #4392BC;
}
.btn_list6 li a:hover{border-color: #4392BC;text-decoration: none;color: #4392BC;}
/*.btn_list6 li::before{
    font-family: FontAwesome;
    content: "\f105";
    padding-right: 8px;
    font-size: 14px;
    line-height: 1;
    color: #4392BC;
    position: absolute;
    top: 12px;
    left: 8px;
}*/
@media only screen and (max-width: 979px) {
    .btn_list6 li{width: calc((100% - 8px) / 2);margin-right: 8px;}
    .btn_list6 li:nth-child(3n){margin-right: 0;}
    .btn_list6 li:nth-child(3n){margin-right: 0;}
    .btn_list6 li:nth-child(n + 2){margin-top: 8px;}
    .btn_list6 li:not(:nth-child(3n)){margin-right: 0;}
}
@media only screen and (max-width: 690px) {
  /*.btn_list6 li{width: calc((100% - 8px) / 2);}
  .btn_list6 li:nth-child(3n){margin-right: 8px;}
  .btn_list6 li:nth-child(n + 3){margin-top: 8px;}
  .btn_list6 li:nth-child(2n),
  .btn_list6 li:nth-child(6n){margin-right: 0;}
  .btn_list6 li a{font-size: 14px;padding: 5px .5em 5px 1.5em;}*/
  .btn_list6 li,
  .btn_list6 li:not(:nth-child(6n)){width: 100%;margin-right: 0;}
  .btn_list6 li:not(:first-child){margin-top: 8px;}
  .btn_list6 li a{padding: 4px 0.5em 4px 1.5em;}
}
/******-------- btn_list 4 -------******/
.btn_list4{
    display: flex;
    flex-wrap: wrap;
}
.btn_list4 li{
    width: calc((100% - 30px) / 3);
    list-style: none;
    position: relative;
}
.btn_list4 li:not(:nth-child(3n)){margin-right: 15px;}
.btn_list4 li:nth-child(n + 4){margin-top: 8px;}
.btn_list4 li a{
    display: block;
    /*background-color: #F5F5F5;*/
    padding: 8px .5em 8px 1.5em;
    /*border: 2px solid #F5F5F5;*/
    color: #4392BC;
    font-weight: bold;
    line-height: 1.4;
}
.btn_list4 li a .material-icons{
  margin-right: 8px;
  font-size: 16px;
  color: #4392BC;
}
.btn_list4 li a:hover{border-color: #4392BC;text-decoration: none;color: #4392BC;}
/*.btn_list4 li::before{
    font-family: FontAwesome;
    content: "\f105";
    padding-right: 8px;
    font-size: 14px;
    line-height: 1;
    color: #4392BC;
    position: absolute;
    top: 12px;
    left: 8px;
}*/
@media only screen and (max-width: 979px) {
    .btn_list4 li{width: calc((100% - 8px) / 2);margin-right: 8px;margin-top: 8px;}
    .btn_list4 li:nth-child(3n){margin-right: 0;}
    .btn_list4 li:nth-child(3n){margin-right: 0;}
   /* .btn_list4 li:nth-child(n + 2){margin-top: 0;}*/
    .btn_list4 li:not(:nth-child(3n)){margin-right: 0;}
}
@media only screen and (max-width: 690px) {
    .btn_list4 li{width: 100%;}
    .btn_list4 li:not(:nth-child(4n)){margin-right: 0;}
    .btn_list4 li:nth-child(3n){margin-right: 0;}
    .btn_list4 li:nth-child(n + 2){margin-top: 8px;}
    .btn_list4 li:nth-child(2n),
    .btn_list4 li:nth-child(6n){margin-right: 0;}
    .btn_list4 li a{font-size: 14px;padding: 5px .5em 5px 1.5em;}
}
/******-----------------------******/
.common_btn{text-align:center;}
.common_btn a{
  max-width:350px;
}

/******-------- table 07 -------******/
.t-default .tab07_db_area .col-sm-6{
  float: none;
  width: 100%;
  height: auto !important;
}
.t-default .tab07_db_title {
  border-bottom: 2px solid #4392BC;
  display: table;
  width: 100%;
}
.t-default .tab07_db_title > p {
  color: #4392BC;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.t-default .tab07_db_title > p span{ padding: 8px 16px;}

@media only screen and (min-width: 980px){
  .t-default #listgrid2col1 .ible-cell #head2,.t-default .tab07_db_title p:first-child{width: 20%;}
  .t-default #listgrid2col1 .ible-cell #pragraph1,.t-default .tab07_db_title p:nth-child(2){width: 48%;}
  .t-default #listgrid2col1 .ible-cell #pragraph2,.t-default .tab07_db_title p:nth-child(3){width: 15%;}
  .t-default #listgrid2col1 .ible-cell #pragraph3,.t-default .tab07_db_title p:nth-child(4){width: 17%;}
}
@media only screen and (min-width: 691px) and (max-width: 979px) {
  .t-default #listgrid2col1 .ible-cell #head2,.t-default .tab07_db_title p:first-child{width: 17%;}
  .t-default #listgrid2col1 .ible-cell #pragraph1,.t-default .tab07_db_title p:nth-child(2){width: 45%;}
  .t-default #listgrid2col1 .ible-cell #pragraph2,.t-default .tab07_db_title p:nth-child(3){width: 18%;}
  .t-default #listgrid2col1 .ible-cell #pragraph3,.t-default .tab07_db_title p:nth-child(4){width: 20%;}
}

.t-default .tab07_db_title > p:not(:last-child),
.t-default .tab07_db_con .ible-part__basic:not(:last-child){border-right: 1px solid #CCCCCC;}

.t-default .tab07_db_con{
  display: table;
  width: 100%;
}
.t-default .tab07_db_con .ible-part__basic {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 8px 16px;
}
.t-default .tab07_db_con{border-bottom: 1px solid #CCCCCC;}
.t-default .tab07_db_area .col-sm-6:last-child .tab07_db_con{border-bottom: none;}

a > .txt_link{
  color: #4392BC;
  text-decoration: underline;
}

@media only screen and (max-width: 690px) {
  table.tab07 thead th {
    padding: 8px;
    font-size: 15px;
  }
  .t-default .tab07_db_title{display: none;}
  .t-default .tab07_db_con{display: block;}
  .t-default .tab07_db_con .ible-part__basic{
    width: 100%;
    display: block !important;
    padding: 0;
  }
  .t-default #listgrid2col1{border-top: 2px solid #4392BC;}
  .t-default .tab07_db_title > p:not(:last-child),
  .t-default .tab07_db_con .ible-part__basic:not(:last-child){border-right: none;}
  .t-default .tab07_db_area .col-sm-6:last-child .tab07_db_con{border-bottom: 1px solid #CCCCCC;}
  .t-default .tab07_db_con{padding: 16px 0;}
  .t-default #listgrid2col1 #head2{
    position: relative;
    padding-left: 70px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .t-default #listgrid2col1 #head2::before{
    content: "髮題ｪ悟錐 : ";
    position: absolute;
    font-weight: bold;
    width: 65px;
    left: 0;
    font-size: 13px;
  }
  .t-default #listgrid2col1 #pragraph1{line-height: 1.4;}
  .t-default #listgrid2col1 #pragraph1{
    position: relative;
    padding-left: 70px;
    margin-bottom: 8px;
  }
  .t-default #listgrid2col1 #pragraph1::before{
    content: "讎りｦ� : ";
    position: absolute;
    font-weight: bold;
    width: 65px;
    left: 0;
    font-size: 13px;
  }
  .t-default #listgrid2col1 #pragraph2{
    position: relative;
    padding-left: 70px;
  }
  .t-default #listgrid2col1 #pragraph2::before{
    content: "逋ｺ陦碁Κ謨ｰ : ";
    position: absolute;
    font-weight: bold;
    width: 65px;
    left: 0;
    font-size: 13px;
  }
  .t-default #listgrid2col1 #pragraph3::before{
    content: "謗ｲ霈画侭驥托ｼ亥盾閠�≡鬘搾ｼ�4濶ｲ1P��";
    font-weight: bold;
    width: 100%;
    font-size: 13px;
  }
}
/******-----------------------******/


/******-------- pager -------******/
.t-default  #listgrid2col1 .pager{
  padding-top: 32px;
  padding-bottom: 0;
}

.t-default .pager li.previous > a,
.t-default .pager li.next > a{border: none;}

.t-default .pager li.current > span{
  border-color: #4392BC;
  background-color: #4392BC;
  color: #ffffff;
}
/******-----------------------******/


/******-------- comment -------******/
.t-default .comment_area,.comment_area{
  max-width: 1000px;
  width: 100%;
  margin: 88px auto 0;
  background-color: #EEEEEE;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.t-default .ca_img,.ca_img{
  width: 220px;
}
.t-default .ca_con,.ca_con{
  width: calc(100% - 220px);
  padding-left: 32px;
}
.t-default .ca_title,.ca_title{
  font-size: 20px;
  font-weight: bold;
  color: #4392BB;
  padding-left: 10px;
  border-left: 3px solid #4392BB;
  line-height: 1.2;
  margin-bottom: 20px;
}
.t-default .ca_txt,.ca_txt{
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px 24px;
  position: relative;
  font-size: 16px;
  line-height: 1.8;
}
.t-default .ca_txt::before,.ca_txt::before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 12px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  top: calc(50% - 12px);
  left: -12px;
}

.t-default .blog_index_box::before{
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid rgba(67,146,188,0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.t-default .purpose_title h3,
.t-default .purpose_title h3 a{
  color: #333333;
  background-color: #ffffff;
  border-bottom: 1px solid #D6D6D6;
  color: #4392bc;
  font-size: 18px;
  padding: 0 4px 8px 0;
  margin-bottom: 10px;
}
.t-default .purpose_title h3 a{border-bottom: none;}

.t-default .purpose_title h3 .material-icons{
  vertical-align: middle;
  padding-right: 6px;
}

@media only screen and (max-width: 690px) {
  .t-default .comment_area,.comment_area{
    margin: 32px auto 32px;
    padding: 16px;
    flex-direction: column;
  }
  .t-default .ca_img,.ca_img{
    width: 220px;
    margin: auto auto 8px;
  }
  .t-default .ca_con,.ca_con{
    width: 100%;
    padding-left: 0;
  }
  .t-default .ca_title,.ca_title{
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 16px;
  }
  .t-default .ca_txt,.ca_txt{
    padding: 16px 20px;
    font-size: 14px;
  }
  .t-default .ca_txt::before,.ca_txt::before{display: none;}
}
/******-----------------------******/


/******-------- media case -------******/
.media_area{margin-bottom: 30px;}
.t-default .media_area .newold,
.t-default .media_area .pager,
.t-default .media_area .taglist,
.t-default .media_area .blog_index_category,
.t-default .media_area .blog_index_time_sp,
.t-default .media_area .blog_index_box:nth-child(n + 6),
.t-default .media_area .blog_index_time_pc{display: none;}

.t-default .media_area #dcms_layoutPageBlock{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.t-default .media_area .blog_index_box{
    margin-left: 16px;
    position: relative;
    width: calc((100% - 16px * 3) / 4);
    min-width: 268px;
    margin-bottom: 20px;
   /* border-bottom: 1px solid #ccc;*/
/*    padding-bottom: 20px;*/
        z-index: 2;
     background-color: #f9f9f9;
}
.t-default .media_area .blog_index_box::after{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  bottom: -20px;
  left: 0;
}
/*
   {margin-left: 0;}*/
.t-default .media_area .blog_index_box:nth-child(2) {margin-left: 0;}

/*.t-default .media_area #dcms_layoutPageBlock::after{
  content: "";
  display: table;
  clear: both;
}*/

.t-default .media_area .blog_index_img_in{
  height: 160px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.t-default .media_area .blog_index_right{
  background-color: #f9f9f9;
  padding: 1.5em 1em 0.5em;
}
.t-default .media_area .blog_index_right + .blog_index_right{
  padding-top: 0;
  padding-bottom: 1.5em;
}
.t-default .media_area .blog_index_right h3{line-height: 1.2;font-size: 15px;}
.t-default .media_area .blog_index_right h3 a{
  font-weight: bold;
  color: #333333;
  font-size: 15px;
  line-height: 1.4;
  display: block;
}
.t-default .media_area .blog_index_right > p {
/*  font-weight: bold;*/
  line-height: 1.4;
  color: #777777;
  margin: 0 0 16px;
}

.t-default .media_area .blog_index_right .blog_index_tag{
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
}
.t-default .media_area .blog_index_right .blog_index_tag li{
  width: 50%;
  list-style: none;
}
.t-default .media_area .blog_index_right .blog_index_tag a{
  display: block;
  background-color: #333333;
  padding: 6px 10px;
  border-radius: 16px;
  color: #ffffff;
  line-height: 1;
  font-size: 9px;
  margin: 0 2px;
  text-align: center;
}
.t-default .media_area .blog_index_right .blog_index_tag li{width: auto;margin-bottom: 4px;}
@media only screen and (max-width: 979px) {
  .t-default .media_area .blog_index_box {
    width: calc((100% - 24px * 1) / 2);
    margin-left: 24px;
    margin-bottom: 24px;
  }
  .t-default .media_area .blog_index_box:nth-child(4) {margin-left: 0;}
  .t-default .media_area .blog_index_img_in {height: 120px;}
}
@media only screen and (max-width: 690px) {
  .t-default .media_area .blog_index_box {
    width: 100%;
    margin-left: 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
    background-color: #ffffff;
  }
  .t-default .media_area .blog_index_box::after{display: none;}
  .t-default .media_area .blog_index_left {
    width: 100PX;
    height: 100PX;
    float: left;
  }
  .t-default .media_area .blog_index_right {
    width: calc( 100% - 100px );
    padding: 0 20px;
    float: right;
    padding: 0.5em 1em 0.5em;
  }
  .t-default .media_area .blog_index_right h3 a{line-height: 1.2;}
  .t-default .media_area .blog_index_right + .blog_index_right{padding-bottom: 0.5em;}
 .t-default .media_area .blog_index_img_in {min-height: 100PX;height: 100PX;}
 .t-default .media_area .blog_index_right > p{font-size: 11px;}
  .t-default .media_area .blog_index_right + .blog_index_right{display: none;}
 .t-default .media_area .blog_index_right{background-color:#ffffff;}
}

/*.t-default .media_area .newold,
.t-default .media_area .pager,
.t-default .media_area article:nth-child(n + 6),
.t-default .media_area .taglist{display: none;}
.t-default .media_area #dcms_layoutPageBlock {
    display: flex;
    flex-wrap: wrap;
}
.t-default .media_area article{
    margin-left: 16px;
    position: relative;
    width: calc((100% - 16px * 3) / 4);
    z-index: 2;
}
.t-default .media_area article:nth-child(2) {margin-left: 0;}
.t-default .media_area time{display: none;}
.t-default .media_area .title{margin-bottom: 12px;}
.t-default .media_area .title,
.t-default .media_area .title a {
    color: #4392bc;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
}
.t-default .media_area p {
    color: #777777;
    font-weight: bold;
    line-height: 1.4;
    margin: 16px 0;
}
.t-default .media_area .post_thumbnail img{
  width: 100%;
  height: auto;
}
.t-default .media_area article .info{padding: 1.5em 1em;}
.t-default .media_area .catelist{display: flex;}
.t-default .media_area .catelist a {
    background-color: #333333;
    border-radius: 16px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    width: 48%;
    margin: 0 1%;
    display: block;
}
.t-default .media_area article::before {
  -webkit-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid rgba(67,146,188,0);
  position: absolute;
  top: 0;
  left: 0;
}
.t-default .media_area article:hover::before {border-color: rgba(67,146,188,1);}

@media only screen and (max-width: 979px) {
  .t-default .media_area article{width: calc((100% - 16px * 1) / 2);}
  .t-default .media_area article:nth-child(n + 4) {margin-top: 24px;}
  .t-default .media_area article:nth-child(2n) {margin-left: 0;}
  .t-default .media_area p {margin: 8px 0;}
  .t-default .media_area .title{margin-bottom: 8px;}
}
@media only screen and (max-width: 690px) {
  .t-default .media_area article{width: 100%;margin-left: 0;}
  .t-default .media_area article:nth-child(n + 3) {margin-top: 16px;}
  .t-default .media_area article{display: flex;}
  .t-default .media_area .post_thumbnail{width: 40%;}
  .t-default .media_area article .info{padding: 0 0.5em;width: 60%;}
  .t-default .media_area .catelist a{font-size: 9px;padding: 4px 8px;}
  .t-default .media_area .title{margin-bottom: 4px;}
  .t-default .media_area p{font-size: 11px;margin: 0 0 8px;}
  .t-default .media_area article:hover::before {display: none;}
}*/
/******-----------------------******/


/******-------- media case -------******/
/*#senior_blog.media_area .newold,
#senior_blog.media_area .pager,
#senior_blog.media_area article:nth-child(n + 5),
#senior_blog.media_area .taglist{display: none;}
#senior_blog.media_area {
    display: flex;
    flex-wrap: wrap;

}
#senior_blog.media_area article{
    margin-left: 16px;
  margin-bottom:15px;
    position: relative;
    width: calc((100% - 16px) / 2);
    z-index: 2;
  display:flex;
  justify-content:space-between;

}
#senior_blog.media_area article:nth-child(odd) {margin-left: 0;}
#senior_blog.media_area time{display: none;}
#senior_blog.media_area .title{:margin-bottom: 12px;}
#senior_blog.media_area .title,
#senior_blog.media_area .title a {
    color: #4392bc;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
}
#senior_blog.media_area p {
    color: #777777;
    font-weight: bold;
    line-height: 1.4;
    margin: 16px 0;
}

#senior_blog.media_area .post_thumbnail {
  width:80px;
  height:80px;
  overflow:hidden;
  position:relative;
}

#senior_blog.media_area .post_thumbnail img{
  width: auto;
  max-width:400px;
  height: 80px;
  position:absolute;
  top:0;
  left:-50%;
  margin-left:40px;
}
#senior_blog.media_area article .info{
  height:80px;
  width:calc(95% - 80px);
  display:table;
  padding-right:16px;
}
#senior_blog.media_area article .info .verlign_m{
  display:table-cell;
  vertical-align:middle;
  width:100%;
}

#senior_blog.media_area .catelist{display: flex;}
#senior_blog.media_area .catelist a {
    background-color: #333333;
    border-radius: 16px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    width: 48%;
    margin: 0 1%;
    display: block;
}
#senior_blog.media_area article::before {
  -webkit-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid rgba(67,146,188,0);
  position: absolute;
  top: -2px;
  left: -2px;
}
#senior_blog.media_area article:hover::before {border-color: rgba(67,146,188,1);}

@media only screen and (max-width: 979px) {
  #senior_blog.media_area article{width: calc((100% - 16px * 1) / 2);}

  #senior_blog.media_area article:nth-child(2n) {margin-left: 0;}
  #senior_blog.media_area p {margin: 8px 0;}
  #senior_blog.media_area .title{margin-bottom: 8px;}
}
@media only screen and (max-width: 690px) {
  #senior_blog.media_area article{width: 100%;margin-left: 0;margin-bottom: 10px;}
  #senior_blog.media_area article:nth-child(n + 3) {margin-top: 0;}
  #senior_blog.media_area article{display: flex;}
  #senior_blog.media_area .post_thumbnail{width: 40%;}
  #senior_blog.media_area article .info{padding: 0; width: 60%;}
  #senior_blog.media_area .catelist a{font-size: 9px;padding: 4px 8px;}
  #senior_blog.media_area .title{margin-bottom: 4px;}
  #senior_blog.media_area p{font-size: 11px;margin: 0 0 8px;}
  #senior_blog.media_area article:hover::before {display: none;}
}*/
/******-----------------------******/


/******-------- footer -------******/
.t-default #area7-wrapper{
  background-color: #EEEEEE;
}

.t-default #area7-wrapper .container,
.t-default #area1-wrapper .container{
  max-width: 100%;
  padding: 0;
}
.t-default #footer{ margin: 0;}

/*.t-default #area8-wrapper,*/
.t-default #area2-wrapper{display: none;}

.t-default #area1-wrapper #globalnav{margin: 0;}

.t-default #area1-wrapper #header{background-color: #ffffff;}


.t-default .ible-grid__list-category .search-result-cell:nth-child(n+4){margin-top: 0;}

.t-default p.h_lead{
    font-size: 11px;
    margin: 8px 0 0;
}
.t-default #area3-wrapper{
  top: -1px;
  position: relative;
}

.t-default .tab07_db_area .tab07_db_con .ible-part__basic:first-child{display: none !important;}
/******-----------------------******/



/****** DB 髫�縺玲､懃ｴ｢逕ｨ ******/
.t-default #area8-wrapper{display: none;}


@media only screen and (min-width: 691px){
.history_table th br{
  display:none;
}
}

.asterisk {
padding-left:1em;
text-indent:-1em;
font-size:11px;
}

.free_btn a{
  display:inline-block;
  padding:12px 50px 12px 30px;
  position:relative;
  color:#FFF;
  text-align:center;
  background:#4392BC;
  border-radius:4px;
  text-decoration:none;
  line-height:1.3;
  min-width:230px;
  transition:0.3s;
}
.free_btn a:hover{
  background:#315874;
}

.free_btn a:before{
  content:"";
  box-sizing:border-box;
  width:12px;
  height:12px;
  border:1px solid #FFF;
  position:absolute;
  top:calc(50% - 7px);
  right:15px;
  transition:0.3s;
  background:#4392BC;
  box-shadow:0 0 0 1px #4392BC;
  z-index:10;
  transition:0.3s;
}
.free_btn a:after{
  content:"";
  box-sizing:border-box;
  width:12px;
  height:12px;
  border:1px solid #FFF;
  position:absolute;
  top:calc(50% - 4px);
  right:12px;
  z-index:1;
}

.free_btn a:hover:before{
  background:#315874;
  box-shadow:0 0 0 1px #315874;
}

/*-----------------------------------------------------------------

side_banner

-----------------------------------------------------------------*/

.side_banner li{
  list-style:none;
  margin-bottom:10px;
}

.side_banner li *,.side_banner li *:before,.side_banner li *:after{
  transition:0.3s;
}

.side_banner_in{
  display:table;
  width:100%;
  border:1px solid #BBB;
  background:#F8F8F8;
}
.side_banner_img{
  display:table-cell;
  vertical-align:middle;
  width:60px;
  padding:5px;
}
.side_banner_img a{
  display:block;
  height:50px;
}
.side_banner_img img{
  width:100%;
  height:auto;
}
.side_banner_txt{
  display:table-cell;
  vertical-align:middle;
  padding:10px 30px 10px 10px;
  position:relative;
  font-size:13px;
  line-height:1.4;
}
.side_banner_txt:after{
  content:"";
  box-sizing:border-box;
  width:8px;
  height:8px;
  border-top:1px solid #BBB;
  border-right:1px solid #BBB;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position:absolute;
  right:10px;
  top:calc(50% - 4px);
}

/* hover */
.side_banner_in.bl-hover{
  border:1px solid #4392BC;
}
.bl-hover .side_banner_txt{
  color:#4392BC;
}
.bl-hover .side_banner_txt:after{
  border-top:1px solid #4392BC;
  border-right:1px solid #4392BC;
}
.bl-hover .side_banner_img img{
  opacity:0.7;
}

@media only screen and (min-width: 691px) and (max-width: 979px) {
.side_banner li{
  float:right;
  width:49%;
}
.side_banner li:nth-child(odd){
  float:left;
  clear:both;
}
}



/* db */
/*-----------------------------------------------------------------*/
.subcate_title .material-icons{
  color: #4392BC;
  vertical-align: middle;
font-size: 20px;
margin-right: 8px;
}
.subcate_title {
  display:block;
  color: #333333;
  background-color: #ffffff;
  border-bottom: 1px solid #D6D6D6;
  padding: 0 4px 8px 0;
  margin-bottom: 10px;
}
.subcate_title a {
  font-weight: bold;
  font-size: 18px;
  color: #4392bc;
}
.magazine_list .col-sm-3 {
  width:24.1%;
  margin-right:1.2%;
  margin-bottom:5px;
}
.magazine_list .col-sm-3:nth-child(4n) {
  margin-right:0;
}
.magazine_list .ible-cell {
  height:auto !important;
}
.magazine_list .ible-part__core a{
  background-color: #F5F5F5;
  padding: 3px 8px;
  border: 2px solid #F5F5F5;
  position: relative;
  display:block;
}
.magazine_list .ible-part__core a::before{display: none;}
.magazine_list .ible-part__core a::after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 18px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  font-size: 14px;
  position: absolute;
  top: calc(50% - 7px);
  right: 8px;
  color: #4392BC;
  line-height: 1;
}
.magazine_list .ible-part__core a:hover {
  border-color: #4392BC;
  text-decoration:none;
}

@media only screen and (min-width: 691px) and (max-width: 979px) {

.magazine_list .col-sm-3 {
  width:48.5%;
  margin-right:3%;
}
.magazine_list .col-sm-3:nth-child(2n) {
  margin-right:0;
}

}

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

  .magazine_list .col-sm-3 {
    width:100%;
    margin-right:0;
  }
  .magazine_list .col-sm-3:nth-child(2n) {
    margin-right:0;
  }

}


/* internet_advertising */
/*-----------------------------------------------------------------*/
/*.internet_ad .box4{
  display: table;
}*/
.ad_txt_link {
/*  display:table-cell;
  vertical-align:middle;*/
  text-align: center;
  width:100%;
/*  min-width:184px;
  min-height:184px;*/
  height:auto;
/*  border:1px solid #dddddd;*/
  position:relative;
}
.ad_txt_link a {
  padding:0 12px;
  color:#4392bc;
/*  word-break: break-all;*/
  display: block;
  text-align:center;
  display: flex;
  align-items: center;
  justify-content: center;

}
.ad_txt_link a img{
  height: auto !important;
  width: auto !important;
  max-width: auto !important;
  display: inline-block !important;
}
.ad_txt_link a:hover {
  text-decoration:none;
  opacity:0.7;
}
.ad_img100 img{
  max-width:200px;
  height:auto;
}

.internet_ad .box4 { border:1px solid #dddddd;}

.internet_ad .box4:nth-child(4){margin-right: 0 !important;}

@media only screen and (min-width: 691px) and (max-width: 979px) {

.ad_txt_link {
/*  width:200px;
  height:200px;*/
  margin-left:auto;
  margin-right:auto;
}

}

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

.col4_m.internet_ad .flt,
.col4_m.internet_ad .flr {
  width:48%;
  float:left;
  position:relative;
}
.ad_txt_link {
/*  max-width:200px;*/
/*  min-width:1px;
  min-height:1px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  display:block;
  padding:0;
  line-height: 1.3;*/
}
.ad_txt_link a {
  padding: 8px;
/*  display:block;*/
  word-wrap: break-word;

}

/*
.ad_txt_link {display: table;}
.ad_txt_link a {display:table-cell;}*/


}

.c_head {padding: 15px 24px;}
.contact_footer {margin-top: 100px;}
.contact_header {margin-bottom: 50px;}


/* thum block */

.media_area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content:flex-start;
}

.media_area article{width: 48%; /*margin:0 auto;*/ }

.blog_thum_block {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

.blog_thum_block:hover {opacity: 0.7;}

.blog_thum_block h3{
  margin: 0; text-align: left;
  width: 80%;
  padding:0 20px;
  font-size: 15px;
  line-height: 1.5!important;
/*  font-weight: normal;*/
}

.blog_thum_img {
    overflow: hidden;
    width: 30%;/* 繝医Μ繝溘Φ繧ｰ縺励◆縺�棧縺ｮ蟷� */
    height: 100px;/* 繝医Μ繝溘Φ繧ｰ縺励◆縺�棧縺ｮ鬮倥＆ */
    position: relative;
}
.blog_thum_img img {
  max-width: none!important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
width: 170%!important;
}


@media only screen and (max-width: 690px){
.media_area {
  display: block;
}

.media_area article{width: 100%; margin:0 auto; }

  .blog_thum_img { width: 100px; height: 100px; }
  .blog_thum_block h3{width:calc( 100% - 100px ); }

/* --screen and (max-width: 690px) end-------------------- */
}

.pd10 {padding: 10px;}
.pd10 a {text-decoration: underline;}
.pd10 a:hover {text-decoration: none;}

.blog_index_right h3 a { text-align: left!important; }




/***-----02-----***/
/*.flow_ver02_2_in{
	max-width: 1100px;
	width: calc(100% - 5%);
	margin-right: auto;
	margin-left: auto;
}*/
.flow_ver02_2_in .title {
	font-size: 32px;
	margin-bottom: 30px;
	font-weight: normal;
	text-align: center;
}
.flow_ver02_2 .flow_txt {
	float: left;
	width: calc(25% - 23px);
	position: relative;
}
.flow_ver02_2 .flow_txt:not(:last-child) {margin-right: 30px;}
.flow_ver02_2 .flow_txt:not(:last-child)::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	position: absolute;
	top: calc(50% - 4px);
	left: calc(100% + 15px - 4px);
}
.flow_ver02_2 .flow_txt .txt {
	text-align: center;
	padding: 15px 6%;
}
.flow_ver02_2 .flow_txt .detail {padding: 16px 7% 24px;}
.flow_ver02_2_in ul li{
	margin-left: 16px;
	list-style-type: disc;
	font-size: 14px;
}

@media only screen and (max-width: 979px) {
	.flow_ver02_2 .flow_txt {
		width: calc(50% - 23px);
		margin-bottom: 24px;
	}
	.flow_ver02_2 .flow_txt:nth-child(2n) {margin-right: 0;}
}
@media only screen and (max-width: 690px) {
	.flow_ver02_2 .flow_ver02_2_in .title {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.flow_ver02_2 .flow_txt {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
	}
	.flow_ver02_2 .flow_txt:not(:last-child)::after {
		border-width: 14px 10px 0 10px;
		top: calc(100% + 20px - 7px);
		left: calc(50% - 5px);
	}
}
/* flow 02 ***/
.flow_txt_arr .txt {
  background-color: #329bd2;
  color: #ffffff;
}
.flow_txt_arr:not(:last-child) .txt::after {border-color: transparent transparent transparent #329bd2;}
.flow_txt_arr .detail {background-color: #f9f9f9;}
@media only screen and (max-width: 690px) {
	.flow_txt_arr:not(:last-child)::after {border-color: #999999 transparent transparent transparent;}
}
.flow_ver02_2 .flow_txt:not(:last-child)::after {border-color: transparent transparent transparent #999999;}
.flow_ver02_2 .flow_txt .txt {background-color: #329bd2;color: #ffffff;}
.flow_ver02_2 .flow_txt .detail {background-color: #f9f9f9;}

@media only screen and (max-width: 690px) {
	.flow_ver02_2 .flow_txt:not(:last-child)::after { border-color: #999999 transparent transparent transparent;}
}

.txt_link2{
  display: flex;
  flex-wrap: wrap;
}
.txt_link2 li{
	list-style: none;
	margin-right: 24px;
}
@media only screen and (max-width: 690px) {
  .txt_link2 li{margin-bottom: 8px;}
}

.txt_link2 a{
	color: #4392bc;
	position: relative;
	padding-left: 12px;
	text-decoration: underline;
}
.txt_link2 a::before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 18px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    color: #4392BC;
    line-height: 1;
}


body.kotanka header{position: static;}



.listing_ban{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.listing_ban li{
  width: calc(20% - 8px);
  list-style: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.listing_ban li:nth-child(5n){margin-right: 0;}
  /*.listing_ban li{
    list-style: none;
    margin-right: 16px;
  }*/


@media only screen and (min-width:691px) and (max-width:1120px) {
.area_o_list li .foto img {
    min-height: 0px!important;
}

.area_o_list li .foto {
    height: auto!important;
}

.area_o_list li .foto img {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 0;
    -webkit-transform: none;
    -ms-transform: unset;
    transform: none;
}




}


@media only screen and (max-width: 690px) {
  .listing_ban li{
    width: calc(33.3333% - 8px);
    list-style: none;
    margin-right: 12px;
    margin-bottom: 10px;
  }
  .listing_ban li:nth-child(5n){margin-right: 12px;}
  .listing_ban li:nth-child(3n){margin-right: 0;}



.area_o_list li .foto img {
    min-height: 0px!important;
}

/*.area_o_list li .foto {
    height: 65px!important;
}*/



.area_o_list li .foto {
    position: static;
    height: auto;
    display: block;
}

.area_o_list li .foto img {
    min-height: 0px!important;
}

.area_o_list li .foto img {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 0px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: none;
}

.area_o_list li .foto img {
    position: static;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-height: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}




}