body{
  font-size: 16px;
  /*font-family:"Lucida Grande", "segoe UI", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif; mine replace */
  font-family:"Montserrat","貂ｸ繧ｴ繧ｷ繝�け",YuGothic,"繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3","Hiragino Kaku Gothic ProN","繝｡繧､繝ｪ繧ｪ",Meiryo,sans-serif;
  font-weight: 500;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
  /* mine  繝輔か繝ｳ繝域欠螳�*/
  margin: 0;
}


#container{
  margin: 100px 0px;
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}


ul{ list-style-type:none; margin:0; padding:0; } li{ margin:0; }


div.inner {
    margin: 0 auto;
    max-width: 1080px;
}

@media screen and (max-width: 767px) {
  div.inner {
      width: 98%;
  }
}



section {
    padding-top: 50px;
}


a:link {
  color: #003684;
  text-decoration: underline;


}
a:visited {
  color: #003684;
  text-decoration: underline;
}

a:hover, a:active {
  color: #0c3265;
 text-decoration: none;
}

img {
  vertical-align: top;
}

img.size-full, img.size-large {
  width: 90%;
  height: auto;
}

img.alignleft, img.alignright, img.aligncenter {
  margin-bottom: 1.5em;
}

p img {
  margin: 0.4em 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  img.size-full, img.size-large {
  width: 95%;
  height: auto;
  padding: 0;
  padding-bottom: 10px;
  /* margin: 0; */
  }
}

.alignnone {
padding: 4px;
margin: 0px 15px 0 15px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 4px;
}
.alignright {float: right;display: inline;padding: 4px;margin: 15px 0; }
.alignleft {
float: left;
display: inline;
padding: 4px;
margin: 15px 0;
}
.clear {
clear: both;
}

.clearfix {
  zoom: 1;
}

.clearfix:after, .clearfix:before {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
  }

.f_table {
  width:100%;
  border-collapse: collapse;
}

.f_table .d_white{
  background-color:#fff;
  padding:16px;
  border-bottom: 1px solid #d3e7ea;
}


.f_table th{
  padding: 12px;
  text-align: center;
  color: #333;
  background-color: #d3e7ea;
  font-weight:normal;
  font-weight: bold;
}

ul.jimusyogaiyou{
  margin-top: 10px;
}

ul.jimusyogaiyou li{
 border-bottom: 1px dotted #ddd;
 padding-bottom: 10px;
 margin-bottom: 10px;
 }

ul.jimusyogaiyou li:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

ul.jimusyogaiyou li p{
 color: #104386;
 float: left;
 padding-right: 1%;
margin-left: 15px;
}

ul.jimusyogaiyou li div{
  float: right;
 width: 74%;
margin-top: 15px;
}






/* 蜷�ｨｮh繧ｿ繧ｰ */

/* 荳句ｱ､繝壹�繧ｸh繧ｿ繧ｰ */

.post-title {
    font-size: 2em;
    margin-bottom: 2em;
    color: #0c3265;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9999;
}
.post-title:after{
    content: "";
    flex-grow: 1;
    height: 2px;
    background-image: -webkit-gradient(linear, left top, right top, from(#1B8E5F), to(#C0CCCE));
    background-image: -webkit-linear-gradient(left, #1B8E5F 0%, #C0CCCE 100%);
    background-image: linear-gradient(to right, #1B8E5F 20%, #C0CCCE 62%);
    display: block;
    margin-left: .4em;
    position: relative;
    z-index: 9999;
}

h2.dkn_h2 {
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 7px #1B8E5F;
  margin: 30px 0;
}


h3.dkn_h3 {
  border-bottom: solid 1px #C0CCCE;
  margin: 25px 0;
}




/* 繝医ャ繝励�繝ｼ繧ｸh繧ｿ繧ｰ */
h2.top {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  color: #333333;
  padding-right: 100px;
}

 h2.top:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 85px;
  height: 2px;
  background-image: -webkit-gradient(linear, left top, right top, from(#1B8E5F), to(#C0CCCE));
  background-image: -webkit-linear-gradient(left, #1B8E5F 0%, #C0CCCE 100%);
  background-image: linear-gradient(to right, #1B8E5F 56%, #C0CCCE 77%);
}

h2.top:after {
  right: 0;
}

h3.top {
  border-bottom: solid 2px black;
  text-align: center;
}



/* 繝医ャ繝励�繝ｼ繧ｸ */

.mainvisual{
    background: url(../images/main_back11.jpg);
    height: 833px;
    background-size: cover;
    background-repeat: no-repeat;
    /*opacity: 0.9;*/
    margin-top: -7px;
}




.box1 {
  margin: auto;
  width: 130px;
  height: 130px;
  background: radial-gradient(#fff, #ED86B3);
  left: 191px;
  top: 642px;
  position: absolute;
  opacity: 0.8;
  z-index: 11;
}

.box2 {
  margin: auto;
  width: 150px;
  height: 150px;
  background: radial-gradient(#fff, #7DCCF3);
  left: 80px;
  top: 750px;
  position: absolute;
  opacity: 0.8;
  z-index: 11;
}

.box3 {
  margin: auto;
  width: 145px;
  height: 145px;
  background: radial-gradient(#fff, #6EB944);
  position: absolute;
  left: 260px;
  top: 730px;
  opacity: 0.8;
  z-index: 11;
}

.box4 {
  margin: auto;
  width: 65px;
  height: 65px;
  background: radial-gradient(#fff, #FFE200);
  position: absolute;
  left: 391px;
  top: 673px;
  opacity: 0.8;
  z-index: 11;
}

.box5 {
  margin: auto;
  width: 90px;
  height: 90px;
  background: radial-gradient(#fff, #EE846D);
  position: absolute;
  left: 463px;
  top: 585px;
  opacity: 0.8;
  z-index: 11;
}

.box6 {
  margin: auto;
  width: 60px;
  height: 60px;
  background: radial-gradient(#fff, #A499C9);
  position: absolute;
  left: 565px;
  top: 634px;
  opacity: 0.8;
  z-index: 11;
}

.box7 {
  margin: auto;
  width: 25px;
  height: 25px;
  background: radial-gradient(#fff, #FAFAFA);
  position: absolute;
  left: 625px;
  top: 580px;
  opacity: 0.8;
  z-index: 11;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



ul.mainvisual_decoration li {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s; /* ﾃ｣窶堋｢ﾃ｣ﾆ停€ｹﾃ｣ﾆ陳｡ﾃ｣ﾆ陳ｼﾃ｣窶堋ｷﾃ｣ﾆ陳ｧﾃ｣ﾆ陳ｳﾃ｣ﾂ�ｮﾃｩ窶｢ﾂｷﾃ｣ﾂ≫€｢ */
  animation-fill-mode: forwards; /* ﾃ｣窶堋｢ﾃ｣ﾆ停€ｹﾃ｣ﾆ陳｡ﾃ｣ﾆ陳ｼﾃ｣窶堋ｷﾃ｣ﾆ陳ｧﾃ｣ﾆ陳ｳﾃｧﾂｵ窶堙､ﾂｺ窶�ﾃｦ邃｢窶堙｣ﾂ�ｮﾃ｣窶堋ｹﾃ｣窶堋ｿﾃ｣窶堋､ﾃ｣ﾆ陳ｫﾃ｣窶壺€凖｣窶堋｢ﾃ｣ﾆ停€ｹﾃ｣ﾆ陳｡ﾃ｣ﾆ陳ｼﾃ｣窶堋ｷﾃ｣ﾆ陳ｧﾃ｣ﾆ陳ｳﾃｧﾂｵ窶堙､ﾂｺ窶�ﾃ･ﾂｾﾅ津｣ﾂ�ｧﾃ｣窶壺€堙ｩﾂ�ｩﾃｧ窶敖ｨﾃ｣ﾂ≫€｢ﾃ｣ﾂ≫€ｺﾃ｣窶壺€ｹ */
}

ul.mainvisual_decoration  li:nth-child(1) {
  animation-delay: 0.15s;
}

ul.mainvisual_decoration li:nth-child(2) {
  animation-delay: 0.3s;
}

ul.mainvisual_decoration li:nth-child(3) {
  animation-delay: 0.45s;
}

ul.mainvisual_decoration li:nth-child(4) {
  animation-delay: 0.6s;
}

ul.mainvisual_decoration li:nth-child(5) {
  animation-delay: 0.75s;
}

ul.mainvisual_decoration li:nth-child(6) {
  animation-delay: 0.9s;
}

ul.mainvisual_decoration li:nth-child(7) {
  animation-delay: 1.05s;
}


.main_text_slide {
    text-align: center;
    padding: 13%  19%;
    color: #fff;
    opacity: 10.0;
    z-index: 99999;
    font-size: 70px;
    text-shadow: 0px 3px 9px #000000;
    font-family: "Georgia","貂ｸ譏取悃菴�","YuMincho", "貂ｸ譏取悃","Yu Mincho","繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "繝偵Λ繧ｮ繝取�譛� ProN", "Hiragino Mincho ProN", "繝偵Λ繧ｮ繝取�譛� Pro", "Hiragino Mincho Pro", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
}



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

.mainvisual{
    height: 800px;
}

.main_text_slide {
    padding: 18% 5%;
    font-size: 60px;
}
}

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

.main_text_slide {
    padding: 25% 14%;
    font-size: 53px;
}
}

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

.main_text_slide {
    padding: 35% 12%;
    font-size: 53px;
}
}


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

.mainvisual{background: url(../images/main_back_sp2.jpg);background-repeat: no-repeat;background-size:cover;height: 300px;margin-top: 70px;}




.box1 {
  margin: auto;
  width: 60px;
  height: 60px;
  background: radial-gradient(#fff, #ED86B3);
  left: 98px;
  top: 300px;
  position: absolute;
  opacity: 0.8;
  z-index: 11;
}

.box2 {
  width: 80px;
  height: 80px;
  left: 30px;
  top: 340px;
}

.box3 {
  margin: auto;
  width: 70px;
  height: 70px;
  background: radial-gradient(#fff, #6EB944);
  position: absolute;
  left: 150px;
  top: 353px;
  opacity: 0.8;
  z-index: 11;
}

.box4 {
  margin: auto;
  width: 40px;
  height: 40px;
  background: radial-gradient(#fff, #FFE200);
  position: absolute;
  left: 225px;
  top: 344px;
  opacity: 0.8;
  z-index: 11;
}

.box5 {
  margin: auto;
  width: 40px;
  height: 40px;
  background: radial-gradient(#fff, #EE846D);
  position: absolute;
  left: 262px;
  top: 318px;
  opacity: 0.8;
  z-index: 11;
}

.box6 {
  margin: auto;
  width: 30px;
  height: 30px;
  background: radial-gradient(#fff, #A499C9);
  position: absolute;
  left: 311px;
  top: 345px;
  opacity: 0.8;
  z-index: 11;
}

.box7 {
  margin: auto;
  width: 10px;
  height: 10px;
  background: radial-gradient(#fff, #FAFAFA);
  position: absolute;
  left: 345px;
  top: 323px;
  opacity: 0.8;
  z-index: 11;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



ul.mainvisual_decoration li {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

ul.mainvisual_decoration  li:nth-child(1) {
  animation-delay: 0.15s;
}

ul.mainvisual_decoration li:nth-child(2) {
  animation-delay: 0.3s;
}

ul.mainvisual_decoration li:nth-child(3) {
  animation-delay: 0.45s;
}

ul.mainvisual_decoration li:nth-child(4) {
  animation-delay: 0.6s;
}

ul.mainvisual_decoration li:nth-child(5) {
  animation-delay: 0.75s;
}

ul.mainvisual_decoration li:nth-child(6) {
  animation-delay: 0.9s;
}

ul.mainvisual_decoration li:nth-child(7) {
  animation-delay: 1.05s;
}


.main_text_slide {
    padding: 13% 0%;
    text-align: center;
    font-size: 190%;
}

}

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

.main_text_slide {
    padding: 26% 0%;
    font-size: 155%;
    font-weight: 600;
}
}


/*隧ｳ縺励￥縺ｯ縺薙■繧峨�繧ｿ繝ｳ*/

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 215px;
  font-size: 18px;
  background: #1B8E5F;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none !important;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 20px;
}

.button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  margin: 3px 0 2px 10px;
}


.button a{
    text-decoration-line: none;
    color: #ffffff;
    text-decoration-line: none;
}


/*繝�う繝ｩ繧､繝域ｳ募ｾ倶ｺ句漁謇€縺ｫ縺､縺�※繝懊ャ繧ｯ繧ｹ*/



.flex2{
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 15px;
}

.flex2 .item-img {
  width: 45%;
  margin-bottom: 0;
}
.flex2 .item-img img {
  width:100%;
  object-fit: cover;
}
.flex2 .item-text {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-content: center;
  align-items: center;
  padding: 10px;
}


@media screen and (max-width: 767px) {
  .flex2 {
    flex-direction: column;
    width: 100%;
  }
  .flex2 .item-img {
    width: 100%;
    margin-bottom: 0;
    -webkit-box-ordinal-group:1;
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
  }
  .flex2 .left{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;

  }
}

/*繝上Ρ繧､繧ｪ繝輔ぅ繧ｹ縺ｫ縺､縺�※繝懊ャ繧ｯ繧ｹ*/

.top_box {
    color: #2c2c2f;
    background: #FAFAFF;
    width: 100%;
    height: auto;
    padding: 50px;
    margin-top: 70px;
}

.flex3{
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 15px;
}

.flex3 .item-img {
  width: 45%;
  margin-bottom: 0;
}
.flex3 .item-img img {
  width:100%;
  object-fit: cover;
}
.flex3 .item-text {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  flex: 1;
}



@media screen and (max-width: 767px) {
  .flex3 {
    flex-direction: column;
    width: 100%;
  }
  .flex3 .item-img {
    width: 100% ;
    margin-bottom: 0;
    -webkit-box-ordinal-group:1;
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
  }
  .flex3 .left{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;

  }

   .top_box {
    margin-top: 0;
}
}


/* 蜿匁桶蛻�㍽ */

.why5 {
  margin: 0;
  list-style-type: none;
  position:relative;
}

.why5 li {
    margin: 1%;
    width: 48%;
    float: left;
}

.why5 li.span3 {
  margin: 1%;
  width: 31%;
  float:left;
}

.why_image {
  position:relative;
}


.why_image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.why_desc {
  padding: 10px;
  height: 200px;
}

.why_desc p {
  font-size: 14px;
  line-height: 1.8;
}

.why_desc a {
  text-decoration: none;
}

.two_column{
  width:70%;
  margin:0 auto;
}
.two_column li {
  width: 48%;
}


@media screen and (max-width: 767px) {
  .why5 li {
    margin: 0px;
    width: 100%;
    float:none;
  }
  .why5 li.span3{
    margin: 0px;
    width: 100%;
    float:none;
  }
  .why_desc{
    height:auto;
  }
  .two_column{
    width:100%;
  }
  .two_column li {
    width: 100%;
  }
}

/*驕ｸ縺ｰ繧後ｋ逅�罰*/

.flex4 {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    height: auto;
    padding-bottom: 20px;
}

.reason_box {
  height: auto;
  width: 50%;
}


.reason_box p {
  padding: 20px 15px 10px 15px;
}


.reason_box2 {
  height: auto;
  width: 50%;
}

.reason_box2 p {
 padding: 20px 15px 10px 15px;
}


.reason_box_min {
    width: 50%;
}

.reason_box_min p {
    text-align: center;
    padding-top: 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 21px;
    padding-top: 0px;
}

.reason_box_min img{
  width: 100%;
  height: auto;
  padding-top: 20px;
}




.reason_box_min2 {
    background: #003684de;
    width: 20%;
}

.reason_box_min2 p {
    text-align: center;
    padding-top: 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 21px;
    padding-top: 0px;
}




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

   .flex4 {
    flex-direction: column;
    width: 100%;
    height: auto;
  }

 .reason_box {
  width: 100%;
}

  .reason_box_min {
    height: 30%;
    width: 100%;
}


.reason_box_min p {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 21px;
    padding-top: 50px;
    line-height: 35px;
}

/*.reason_box_min img{
  width: 45%;
  margin: 0 27%;
}
*/


.reason_box2 {
  width: 100%;
  order:2;
}


.reason_box_min2 {
    background: #003684de;
    width: 20%;
    order:1;
}

.reason_box_min2 p {
    text-align: center;
    padding-top: 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 21px;
    padding-top: 0px;
}
}





/* news */

.news {
  background-color: #fff;
}

.news-list {
    padding: 60px 0;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    float: right;
}
.news-list ul li {
  padding: 10px 0;
  border-bottom: dashed 1px #ccc !important;
}

.news-list ul li span {
    display: block;
    color: #ffff;
    background: #003684;
    width: 100px;
    padding: 3px 3px 3px 7px;
    float: left;
    margin-right: 25px;
    margin-left: 25px;
}
.news-list ul li {
  text-decoration: none;
  color: #333;
}


.news-list a {
  text-decoration: none;

}


.news-list-box {
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
    width: 63%;
    float: right;
    padding-right: 35px;
}
.news-list-box p {
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 767px) {
.news-list {
    padding: 30px 10px;
    width: 96%;
}}



/* 莠句漁謇€邏ｹ莉� */

.flex5 {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    height: auto;
}


.office1{
    width: 50%;
    text-align: center;
}


.office1 img{
    width: 100%;
}

.office2 {
    width: 50%;
    text-align: center;
    margin-left: 5%;
}


@media screen and (max-width: 767px) {
.flex5 {
    flex-direction: column;
    width: 100%;
    height: auto;
  }

.office1 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: right;
}


    .office2 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: right;
    }
}




/* CTA */
.flex6  {
    display: flex;
    flex-wrap: nowrap;
    height: auto;
}


.cta {
    background-color: #003269;
    background-repeat: no-repeat;
    height: auto;
    margin: 70px 0px;
}

.cta_inner {
    margin: 0 auto;
    max-width: 1080px;
}

.cta_box1{
    width: 50%;
}

.cta_box1 img{
    width: 100%;

}


.cta_box2{
    width: 50%;
}


.cta_box2 a[href^="tel:"] {
  pointer-events: none;
}

.cta_box2 a {
    color: #ffff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}


.cta p {
    font-size: 26px;
    color: #ffff;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}

.cta_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 215px;
  font-size: 18px;
  background: #1B8E5F;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none !important;
  margin: 0 auto;
}

.cta_button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  margin: 3px 0 2px 10px;
}




.cta_button a{
    text-decoration-line: none;
    color: #ffffff;
}







@media screen and (max-width: 767px) {
.flex6 {
    flex-direction: column;
    width: 100%;
    height: auto;
  }

.cta_box1{
    width: 100%;
}


.cta_box2{
    width: 100%;
}



.cta p {
    font-size: 23px;
    line-height: 23px;
}

.cta_box2 a[href^="tel:"] {
  pointer-events: auto !important;
}


.cta_link a{
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}



.cta_button {
  margin-bottom: 10px;
}}

.guideline{
  margin: 5%;
}

.guideline_w{
background-color: #fff;
    color: #104386;
    padding: 1% 5% 5%;

    border: 1px solid #104386;
 }

.guideline_b{
 background-color: #104386;
    color: #fff;
    padding: 1% 5% 5%;
 }

.guideline p{
text-align: center;
    font-size: 20px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

.guideline div{
  margin: 25px 0;
    line-height: 1.8em;
    font-size: 14px;
}









/* 繧ｷ繝ｧ繝ｼ繝医さ繝ｼ繝蛾寔
縲€縲€縲€縲€縲€縲€縺昴�竭�逶ｮ遶九■�｢�ｯ�ｸ�郁ｦ句�縺苓牡莉倥″��*/

.medachi-box {
  border-color:#c0cccc;
  border-radius:3px;
  margin: 0 0 1.5em 0;
  border-width: 2px;
  border-style: solid;
}

.medachi-content {
  background-color: #fff;
  color: #444;
  padding: 20px;
  border-bottom-left-radius:1px;
  border-bottom-right-radius:1px;
}
.iretai {
  margin: 0 -20px;
}

.blue-title {
  display: block;
  padding: 0.5em 1em;
  font-size: 1.1em;
  background-color:#f0ffff;
  color:#484d4d;
}

.pink-title {
  display: block;
  padding: 0.5em 1em;
  font-size: 1.1em;
  background-color:#ffeef6;
  color:#484d4d;
}

.red-title {
  display: block;
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: 1.1em;
  background-color:#ffc0cb;
  color:#484d4d;
}

.gray-title {
  display: block;
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: 1.1em;
  background-color:#e7e7e6;
  color:#484d4d;
}

/* 縺昴�竭｡縲€隕句�縺暦ｼｨ5逧�↑繧�▽ */

.h-sub-style {
  padding: 2px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.h-sub-title {
  font-size:23px;
  padding: 15px 0;
  border-top: 4px solid #eee;
  border-bottom: 4px solid #eee;
  background-color: #fff;
}

/* 縺昴�竭｢縲€繧ｵ繝ｼ繝薙せ繧｢繧､繧ｳ繝ｳ+隕句�縺嶺ｸ九↓隗｣隱ｬ */

.service {
  position: relative;
  margin: 0 0 1.5em 0;
}
.service-title20 {
  display: block;
  margin: 2em 0 0.5em 0;
  color: #333;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:25px;
  min-height:20px;
  line-height:20px
}
.service-title40 {
  display: block;
  margin-bottom: 0.5em;
  color: #333;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:45px;
  min-height:40px;
  line-height:40px
}
.service-title20 img , .service-title20 i {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 1em;
}
.service-title40 img {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 1em;
}
.service-content20 {
  line-height: 1.4;
  padding-left: 25px;
}
.service-content40 {
  line-height: 1.4;
}

/* 縺昴�竭｣縲€濶ｲ莉倥″繝弱�繝茨ｼ｢�ｯ�ｸ縲€*/

.note {
  margin: 0 0 1.5em 0;
  border-width: 1px;
  border-style: solid;
  border-color:#d6d6d6;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.note-inner {
  padding: 1em;
  border-width: 1px;
  border-style: solid;
  border-color:#fcfcfc;
  color:#333333;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.note-inner-gray { background-color:#eee; }
.note-inner-green { background-color: #f0fff0; }
.note-inner-orange { background-color: #fff5ee; }
.note-inner-pink { background-color: #ffeef6; }
.note-inner-yellow { background-color: #ffffe0; }
.note-inner-blue { background-color: #f0ffff; }
.note-inner-link { background-color:#f8f8f8; }

/* 縺昴�竭､縲€濶ｲ莉倥″繝ｩ繝吶Ν縲€*/

.label {
  display: inline;
  margin-right: 0.3em;
  padding: 0.1em 0.3em;
  font-size: 0.8em;
  height: 0.8em;
  line-height: 0.8em;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.label-gray { background: #999 }
.label-green { background: #090 }
.label-yellow { background: #f90 }
.label-red { background: #f03 }
.label-black { background: #111 }
.label-blue { background: #09c }



/* 縺昴�竭ｪ縲€�ｨ3逧�↑繧ｵ繝悶ち繧ｰ�壹€€*/
.sub_h {
    color: #4d4d4d;
    font-size: 110%;
    border-left: 7px solid #F55C6C;
    margin: 0.5em 0;
    padding: 0.3em 0 0.3em 0.5em;
    line-height: 1.0;
}

/* 縺昴�竭ｫ縲€繝ｪ繧ｹ繝域焚蟄冷蔵竭｡縲€*/
.newlist  {
  margin: 0;
  padding: 0
}

.newlist  {
  list-style: none;
  padding-left: 2.3em;
  text-indent: -1.3em;
}

.newlist li{
    padding-bottom: 10px;
}


/*  繧ｷ繝槭す繝槭�繝�け繧ｹ縲€*/

.shima {
    background-color: #ECECEC;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 7px 7px;
    padding: 30px;
}



/*謗｡逕ｨ陦ｨ繝��繝悶Ν*/

.r_table{
    line-height: 1.4em;
    border-collapse: collapse;
    width: 100%;
}

.r_table tbody td{
    padding:5px;
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;
    border: 1px solid #b9b9b9;
    vertical-align: middle;
    height: 40px;
}

/*蜷医ｏ縺帙※繧医∩縺溘＞*/
.blog-card-awasete {
  border:2px solid #1B8E5F;
  background:#FAFAFF;
  word-wrap:break-word;
  max-width:100%;
  padding:10px;
  margin-bottom: 15px;
}

.blog-card-awasete span{
  font-size: 90%;
  background: #0c3265;
  font-weight: bold;
  display: inline;
  padding: 0.1em 0.3em;
  color: #fff;
}

.blog-card-awasete a {
  text-decoration:underline
}

/*繝輔か繝ｼ繝�繝懊ャ繧ｯ繧ｹ*/

.infoBlock_office {
  padding: 18px 50px;
  border: #e9e9e9 1px solid;
  background-color:#ffffff;
  box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.5); 
}

div.simple_list {
  line-height: 1.8;
  list-style-type: none;
  padding: 20px 20px;
  margin-bottom: 25px;
  background-color: #FAF9F7;
  border: 0px;
}

div.simple_list ul li +li  {
  margin-top: 5px;
}

div.simple_list ul li {
  position: relative;
  padding-left: 25px;
  font-size: 16px;
  margin-bottom: 15px;
}

div.simple_list ul li:last-child {
  margin-bottom: 0;
}

li.simple_list_child  {
  position: relative;
  padding-left: 25px;
  font-size: 16px;
  margin-bottom: 15px;
}

li.simple_list_child:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 7px;
  top: .35em;
  left: 6px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  z-index: 1;
}

div.simple_list ul li:after {
  content: "";
  position: absolute;
  top: .2em;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #1B8E5F;
  border-radius: 10px;
  background-color: #1B8E5F;
}
.contactform_btn{
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
/* 莨夂､ｾ讎りｦ》able */
.table_office {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.table_office tr {
  border-bottom: 1px solid #b5b1b1;
}

.table_office th,
.table_office td {
  padding: 24px 0;
  border: none;
}

.table_office th {
  width: 30%;
}

@media only screen and (max-width: 767px) {
  .table_office th,
  .table_office td {
    width: 100%;
    display: block;
  }

  .table_office th {
    width: 100%;
  }

  .table_office td {
    padding-top: 0;
  }
}
.field_header{
  background-image: url(../images/field_top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  align-items: center;
  min-height: 300px;
  padding: 20px 10px;
  font-size: 2.0rem;
  font-weight: bold;
  margin-top: 56px;
}
.field_header_waterproof{
  background-image: url(../images/waterproof_top.jpg) !important;
}
.field_header_painting{
  background-image: url(../images/painting_top.jpg) !important;
}
.field_header_seal{
  background-image: url(../images/seal_top.jpg) !important;
}
.field_header_frame{
  background-image: url(../images/frame_top.jpg) !important;
}
.post-title_field {
    display: block;
    font-size: 52px;
    color: #ffffff;
    font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", "Yu Gothic", YuGothic, sans-serif;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-shadow: 3px 3px 5px rgba(14, 51, 29, 0.5);
}
.post-title_field .titleJp {
    display: block;
    font-size: 24px;
    color: #666666;
    padding-bottom:20px;
    letter-spacing: 2px;
    border-bottom: 1px solid #703125;
}
h3.field {
  border-bottom: solid 2px black;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .field_container{
    display: flex;
    flex-wrap: wrap;
  }
  .field_content{
    width: 49%;
    margin-left: 10px;
  }
}
.field_explanation{
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 20px;
  background: linear-gradient(to right, #1970C0 0%, #1B8E5F 100%);
  }
}