@charset "utf-8";


/*------------------------------------------------------------
  Base
------------------------------------------------------------ */

a	{color:#039; text-decoration:none;}
a:active, a:focus	{ outline:none; }

.bold	{font-weight:bold;}
.colorblack{ color: #333;}
.colorred{color:#F00;}
.colororange{color: rgba(200,69,22,1.00);}
.colorblue { color: rgba(0,48,180,1.00);}
.colorpurple{ color: rgba(51,13,131,1.00);}
.colorgreen{ color: rgba(10,92,3,1.00);}
.colorwhite{ color:#FFF;}
.textcenter{ text-align:center;}
.textright{ text-align:right;}
.textleft{ text-align:left;}
.textjustify{ text-align: justify;}
.texttop{vertical-align:top;}
.textbottom{vertical-align:bottom;}
.textmiddle{vertical-align:middle;}
.textVcentral{vertical-align:central;}
.break{ display: inline-block;}
.highlight{ background-color: rgba(255,239,101,1.00); }
.keikopen{ background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #FFFF2B 0%) repeat scroll 0 0; }
.super{ font-size: 70%; vertical-align: top;}
.font-s{ font-size: 90%; }
.font-xs{ font-size: 60%; }
.ls-5{ letter-spacing: -0.05em;}

ul.liston{ list-style: disc; padding-left: 25px; }
ol.liston{ list-style: decimal; margin-left: 25px; }

.pc{ display: inline; }
.sp{ display: none; }
@media screen and (max-width: 800px) {
  .pc{ display: none; }
  .sp{ display: inline; }
}

body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 36px;
  color: #333;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  body{
    font-size: 14px;
    line-height: 30px;
  }
}


/* SLIDER and TOPIMAGE
------------------------------------------ */

.topimage{
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 80px auto 0 auto;
  background-color: #fff;
  padding: 0;
}
@media screen and (max-width: 800px) {
  .topimage{
    margin-top: 50px;
    background-color: rgba(63,160,236,1.0);
  }
}

.topimage2{
  position: relative;
  width: 90%;
  max-width: 700px;
  margin: 120px auto 0 auto;
  padding: 0;
}
@media screen and (max-width: 800px) {
  .topimage2{
    margin: 50px auto 0 auto;
  }
}

.sp-inner{
  position: absolute;
  max-width: 500px;
  padding: 30px 3%;
  width: 80%;
  z-index: 998!important;
  bottom: 0px;
  right: 20px;
  /*border-radius: 20px 0 0 20px;*/
}
.sp-inner h2{
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 42px;
  margin-bottom: 15px;
  color: #fff;
}
.sp-inner p{
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #fff;
}
.sp-inner a{
  display: inline-block;
  padding: 15px 20px;
  line-height: 1.0;
  border: 2px solid #fff;
  color: #fff;
}
.sp-inner a:hover{
  background-color: rgba(63,160,236,1.0);
  border: 2px solid #fff;
}
.sp-incolor-sky{
  background-color: rgba(63,160,236,0.9);
}
.sp-incolor-red{
  background-color: rgba(236,63,63,0.90);
}
.sp-incolor-ye{
  background-color: rgba(162,142,13,0.90);
}
.sp-incolor-gy{
  background-color: rgba(36,168,59,0.90);
}
@media screen and (max-width: 800px) {
  .sp-inner{
    position:relative;
    max-width: none;
    padding: 15px 3%;
    width: 100%;
    bottom: inherit;
    right: inherit;
    border-radius: 0 0 0 0;
  }
  .sp-inner h2{
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 20px;
    margin-bottom: 10px;
    color: #fff;
  }
  .sp-inner p{
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 5px;
    color: #fff;
  }
  .sp-inner a{
    display: inline-block;
    font-size: 13px;
    padding: 10px 20px;
    line-height: 1.0;
    border: 1px solid #fff;
    color: #fff;
  }
}

.cp_bgpattern01 {
	background-color: rgba(63,167,243,0.2);
	background-image: linear-gradient(rgba(63,167,243,0.3) 50%, transparent 50%, transparent);
	background-size: 10px 10px;
  padding: 40px 40px;
  font-size: 32px;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  line-height: 1.3;
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  .cp_bgpattern01 {
    margin-bottom: 40px;
  }
}



/* ===========================

             共通

============================== */





/* WRAP
------------------------------------------ */

.wrap1{
  margin: 0px auto;
  padding: 60px 0;
  max-width: 1200px;
  width: 90%;
}
@media screen and (max-width: 640px) {
  .wrap1{
    padding: 40px 0;
  }
}
.wrap2{
  margin: 60px 0;
}
@media screen and (max-width: 640px) {
  .wrap2{
    margin: 40px 0;
  }
}

.wrap-news1{
  position: relative;
  width: 100%;
  padding-bottom: 50px;
  border-top: 10px solid rgba(173,173,173,1.00);
  background-color: #eae4dc;
}
.wrap-kenzai1{
  position: relative;
  width: 100%;
  padding-bottom: 50px;
  border-top: 10px solid rgba(28,145,217,1.00);
}
.wrap-kenzai2{
  position: relative;
  width: 100%;
  padding-bottom: 50px;
  border-top: 10px solid rgba(28,145,217,1.00);
  background-color: rgba(0,77,108,0.10);
}
.wrap-total1{
  position: relative;
  width: 100%;
  padding-bottom: 50px;
  border-top: 10px solid #83bd3f;
}
.wrap-info1{
  position: relative;
  width: 100%;
  padding-bottom: 50px;
  border-top: 10px solid #c279c4;
}
.wrap-corporate1{
  position: relative;
  width: 100%;
  padding-bottom: 50px;
  border-top: 10px solid rgba(28,145,217,1.00);
  background-color: #e3ddd5;
}


.wrapsankaku1::before{
  content: url(../images/titlebullet1.png);
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}




/* TITLE
------------------------------------------ */

.title1{
  display: block;
  text-align: center;
  font-size: 36px;
  line-height: 1.5;
  margin:0 auto 60px auto;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
@media screen and (max-width: 540px) {
  .title1{
    margin-bottom: 30px;
    font-size: 28px;
  }
}

.title11{
  display: block;
  font-size: 36px;
  line-height: 1.5;
  max-width: 900px;
  width: 90%;
  margin:0 auto 60px auto;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
@media screen and (max-width: 540px) {
  .title11{
    margin-bottom: 30px;
    font-size: 28px;
  }
}

.title2{
  border-bottom: 1px solid #AAA;
  margin-bottom: 15px;
}
.title22{
  border-bottom: 1px solid #AAA;
  margin:0 auto 15px auto;
  max-width: 300px;
}

.title3{
  display: block;
  text-align: center;
  font-size: 36px;
  line-height: 1.5;
  padding: 50px 0 60px 0;
  margin: 0 auto;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.title3 span{
  padding: 0 3% 20px 3%;
  border-bottom: 2px solid #888;
}
@media screen and (max-width: 640px) {
  .title3{
    font-size: 28px;
    line-height: 1.5;
    padding: 40px 0 50px 0;
  }
  .title3 span{
    padding: 0 3% 15px 3%;
    border-bottom: 2px solid #888;
  }
}
.title32{
  display: block;
  text-align: center;
  font-size: 36px;
  line-height: 1.5;
  padding: 40px 0 0px 0;
  margin: 0 auto;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

@media screen and (max-width: 640px) {
  .title32{
    font-size: 28px;
    line-height: 1.5;
    padding: 40px 0 30px 0;
  }
}
.title4{
  display: block;
  text-align: center;
  font-size: 30px;
  line-height: 1.8;
  margin:0 auto 60px auto;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
@media screen and (max-width: 540px) {
  .title4{
    margin-bottom: 30px;
    font-size: 22px;
  }
}


.titlecomp1{
  display: block;
  position: relative;
  text-align: center;
  font-size: 36px;
  line-height: 1.5;
  padding: 30px 0 40px 0;
  margin: 0 auto;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.titlecomp1::before{
  position: absolute;
  content: "▼";
  font-size: 14px;
  color: #3fa7f3;
  top: 10px;
  left: 50%;
  margin-left: -0.5em;
  transform: scale(1.5, 1);
}
@media screen and (max-width: 540px) {
  .titlecomp1{
    font-size: 28px;
    padding: 30px 0 40px 0;
  }
  .titlecomp1::before{
    top: 12px;
  }
}
.titlecomp2{
  font-size: 24px;
  line-height: 1.5;
  padding: 100px 0 40px 0;
  text-align: center;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
@media screen and (max-width: 540px) {
  .titlecomp2{
    padding: 50px 0 30px 0;
  }
}
.titlecomp3{
  font-size: 24px;
  line-height: 1.5;
  padding: 10px 0 30px 0;
  text-align: center;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
@media screen and (max-width: 540px) {
  .titlecomp3{
    padding: 0px 0 20px 0;
  }
}




/* BUTTON
------------------------------------------ */

.btn1-wrap{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: right;
}
.btn1-wrap a{
  position: relative;
  display: inline-block;
  min-width: 20%;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 30px;
  background-color: #3fa2ee;
  color: #fff;
  border-radius: 5px;
}
.entrynav1{
  width: 90%;
  max-width: 600px;
  margin: 0 auto 50px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.entrynav1 li.entrynav1-prev{
  width: 20%;
  text-align: left;
}
.entrynav1 li.entrynav1-next{
  width: 20%;
  text-align: right;
}
.entrynav1 li.entrynav1-current{
  width: 60%;
  text-align: center;
  padding: 0 3px;
}
.entrynav1 li a{
  display: block;
  font-size: 14px;
  line-height: 14px;
  padding: 10px;
  text-align: center;
  background-color: #3fa2ee;
  color: #fff;
  border-radius: 5px;
}




/* TEXTBOX
------------------------------------------ */

.textbox1{
  max-width: 600px;
  width: 90%;
  margin: 0 auto 50px auto;
}
.textbox1 p{
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .textbox1{
    margin: 0 auto 30px auto;
  }
}
.textbox2{
  max-width: 600px;
  width: 95%;
  margin: 0 auto 50px auto;
}
@media screen and (max-width: 640px) {
  .textbox2{
    margin: 0 auto 30px auto;
  }
}
.textbox3{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto 50px auto;
}
@media screen and (max-width: 640px) {
  .textbox3{
    margin: 0 auto 20px auto;
  }
}
.textbox4{
  max-width: 900px;
  width: 90%;
  margin: 0 auto 50px auto;
}
@media screen and (max-width: 640px) {
  .textbox4{
    margin: 0 auto 30px auto;
  }
}
.text-mincho24{
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-size: 24px;
}
.textboximg1{
  margin-bottom: 30px;
}

hr.texthr1{
  border: 0;
  display: block;
  max-width:600px;
  width: 60%;
  height: 2px;
  background-color: #BBB;
  margin: 60px auto;
}
@media screen and (max-width: 640px) {
  hr.texthr1{
    margin: 40px auto;
  }
}

.rightimg{
  float: right;
  width: 50%;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 640px) {
  .rightimg{
    float: none;
    width: 80%;
    margin: 20px auto;
  }
}

/* FOOTER
------------------------------------------ */


.footerwrap{
  background-color: #e3ddd5;
}

.footerlogo{
  background-color: #0F1A3F;
  text-align: center;
  padding: 10px;
  line-height: 1.0;
}
.footerlogo img{
  width: 200px;
}
@media screen and (max-width: 640px) {
  .footerlogo img{
    width: 150px;
  }
}

.footer{
  width: 90%;
  max-width: 1200px;
  margin: 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer1,.footer2,.footer3{
  width: 30%;
  margin-bottom: 20px;
}
.footer3{
    text-align: center;
  }
  #cale{
    display: inline-block;
  }
@media screen and (max-width: 1000px) {
  .footer1,.footer2{
    width: 26%;
  }
  .footer3{
    width: 40%;
  }
}
@media screen and (max-width: 900px) {
  .footer1,.footer2{
    width: 47%;
  }
  .footer3{
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .footer{
    width: 100%;
  }
  .footer1,.footer2{
    width: 90%;
    margin: 0 auto 20px auto;
  }
}

.footer p{
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.5;
}


.footerbottom{
  background-color: #0F1A3F;
  text-align: center;
  padding: 6px;
  font-size: 11px;
  line-height: 1.0;
  color: rgba(255,255,255,0.75);
}
.footerbottom a{
  color: rgba(255,255,255,0.75);
}


.footerbanner{
  width: 90%;
  max-width: 500px;
  margin: 30px auto;
  padding: 20px;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.sdgs{ width: 40%; }
.sdgstext{ width: 55%; font-size: 13px; line-height: 1.8;}












/* BANNER
------------------------------------------ */

/* BANNER RECRUIT */

.banner-recruit1wrap{
  background-color: rgba(0,137,213,0.55);
  width: 100%;
}
.banner-recruit1{
  width: 100%;
  max-width: 1200px;
  background: url(../images/banner-recruit1_03.jpg) center center no-repeat;
  background-size: cover;
  margin: 0 auto 0 auto;
}
.banner-recruit1 a{
  display: block;
  padding: 5% 30px 2% 30px;
  text-align: center;
}
.banner-title1{
  text-align: center;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-size: 32px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 10%;
}
.banner-button1{
  display: inline-block;
  background-color: #fff;
  text-align: center;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-size: 28px;
  line-height: 1.2;
  color: #000;
  padding: 10px 30px;
  border-radius: 20px;
}
@media screen and (max-width: 640px) {
  .banner-recruit1 a{
    padding: 5% 30px 5% 30px;
    text-align: center;
  }
  .banner-title1{
    font-size: 22px;
    margin-bottom: 20%;
  }
  .banner-button1{
    display: inline-block;
    background-color: #fff;
    text-align: center;
    font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 18px;
    line-height: 1.2;
    color: #000;
    padding: 10px 20px;
    border-radius: 20px;
  }
}

/* BANNER KENZAI BUTTON */

.banner-kenzai1wrap{
  width: 95%;
  max-width: 1200px;
  background-color: rgba(0,77,108,0.20);
  margin: 2.5% auto;
}
.banner-kenzai1title{
  text-align: center;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-size: 28px;
  line-height: 1.2;
  color: #333;
  padding-top: 20px;
}
@media screen and (max-width: 640px) {
  .banner-kenzai1title{
    font-size: 22px;
  }
}
.banner-kenzai1{
  max-width: 1240px;
  width: 100%;
  padding: 20px 1.4%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.banner-kenzai1 p{
  width: 24%;
  text-align: center;
  padding: 40px 10px;
}
.banner-kenzai11{ background: url(../images/banner-kenzai11.png) center center no-repeat; background-size: cover;}
.banner-kenzai12{ background: url(../images/banner-kenzai12.png) center center no-repeat; background-size: cover;}
.banner-kenzai13{ background: url(../images/banner-kenzai13.png) center center no-repeat; background-size: cover;}
.banner-kenzai14{ background: url(../images/banner-kenzai14.png) center center no-repeat; background-size: cover;}
@media screen and (max-width: 520px) {
  .banner-kenzai1{
    padding: 10px 10px 10px 10px;
    margin: 0 auto;
  }
  .banner-kenzai1 p{
    width: 49%;
    margin-bottom: 2%;
  }
}







/* ===========================

       KENZAI

============================== */


/* KENZAI NEWS
------------------------------------------ */

.kenzainewsbox1{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 50px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzainewsbox1 li{
  width: 49%;
  margin-bottom: 2%;
  background-color: #fff;
}
.kenzainewsbox1 li:nth-child(2n){
  margin-top: 2%;
  margin-bottom: 0;
}
.kenzainewsbox1 li a{
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 5px;
}
.kenzainewsbox1-img{
  background-position: center center;
  background-size: cover;
  width: 25%;
  border: 1px solid #ddd;
}
.kenzainewsbox1-text{
  width: 70%;
}
.kenzainewsbox1-date{
  font-size: 11px;
  font-family: Arial, Helvetica, "sans-serif";
  color: #888;
}
.kenzainewsbox1-title{
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 640px) {
  .kenzainewsbox1{
    margin: 0px auto 15px auto;
  }
  .kenzainewsbox1 li{
    width: 100%;
    margin-bottom: 15px;
  }
  .kenzainewsbox1 li:nth-child(2n){
    margin-top: 0;
    margin-bottom: 15px;
  }
}

/* KENZAI BANNER BUTTON
------------------------------------------ */

.kenzaibuttonwrap{
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzaibuttonwrap a{
  display: block;
  position: relative;
  width: 32.5%;
  padding-bottom: 30px;
  color: #fff;
  padding: 20px 20px 40px 20px;
  font-size: 13px;
  line-height: 1.6;
  text-align: justify;
}
.kenzaibuttonwrap a:nth-child(1){ background-color: #1f81c2; }
.kenzaibuttonwrap a:nth-child(2){ background-color: #649712; }
.kenzaibuttonwrap a:nth-child(3){ background-color: #662d88; }
.kenzaibuttonwrap a::after{
  position: absolute;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "\f0ab";
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
}
.kenzaibutton-title{
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .kenzaibuttonwrap a{
    width: 32.5%;
    padding: 15px 10px 40px 10px;
  }
  .kenzaibutton-title{
    font-size: 18px;
  }
}


/* KENZAI TOP SUPPORT
------------------------------------------ */

.kenzaisupportbox1{
  max-width: 1000px;
  width: 90%;
  margin: 0px auto 50px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzaisupportbox1 li{
  width: 49.5%;
  margin-bottom: 1%;
  background-color: #fff;
}
.kenzaisupportbox1 li a{
  display: block;
  padding: 8%;
}
.kenzaisupport-title{
  text-align: center;
}
.kenzaisupport-text{
  background-color: rgba(0,0,0,0.40);
  color: #fff;
  font-size: 15px;
  line-height: 1.6;
  padding: 1em;
  min-height: 7em;
  border-radius: 5px;
}
@media screen and (max-width: 640px) {
  .kenzaisupportbox1 li{
    width: 49.5%;
    margin-bottom: 1%;
    background-color: #fff;
    padding: 3% 2%;
  }
  .kenzaisupport-text{
    font-size: 12px;
    line-height: 1.8;
    padding: 1em 0.5em;
  }
}

.kenzaisupportbox2{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzaisupportbox2 li{
  width: 31%;
  margin-bottom: 5%;
  background-color: #fff;
}
.kenzaisupport2-title{
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
}
.kenzaisupport2-text{
  background-color: rgba(255,255,255,0.70);
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .kenzaisupportbox2 li{
    width: 48%;
    margin-bottom: 5%;
    background-color: #fff;
  }
}
@media screen and (max-width: 640px) {
  .kenzaisupport2-text{
    font-size: 12px;
    line-height: 1.5;
  }
}


.kenzaisupportbox2top{
  max-width: 800px;
  width: 90%;
  margin: 0px auto 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzaisupportbox2top li{
  width: 31%;
  margin-bottom: 5%;
  background-color: #fff;
}
.kenzaisupportbox2top-title{
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
}
.kenzaisupportbox2top-text{
  background-color: rgba(255,255,255,0.70);
  font-size: 13px;
  line-height: 1.6;
}
@media screen and (max-width: 640px) {
  .kenzaisupportbox2top li{
    width: 48%;
    margin-bottom: 5%;
    background-color: #fff;
  }
}
@media screen and (max-width: 640px) {
  .kenzaisupportbox2top-text{
    font-size: 12px;
    line-height: 1.5;
  }
}


.totalsupportbox1{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.totalsupportbox1-img{
  width: 30%;
  margin-left: 5%;
}
.totalsupportbox1-text{
  width: 60%;
}
.totalsupportbox1-text h3{
  color: #e75925;
  font-size: 20px;
  font-weight: bold;
}
.totalsupportbox1-text p{
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .totalsupportbox1-img{
    width: 35%;
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .totalsupportbox1-img{
    width: 45%;
  }
  .totalsupportbox1-text{
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .totalsupportbox1-img{
    width: 70%;
    margin: 0 auto 30px auto;
  }
  .totalsupportbox1-text{
    width: 100%;
  }
  .totalsupportbox1-text h3{
    font-size: 16px;
  }
}

.totalsupportbox1top{
  max-width: 800px;
  width: 90%;
  margin: 0px auto 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.totalsupportbox1top-img{
  width: 35%;
}
.totalsupportbox1top-text{
  width: 60%;
  align-self: center;
}
.totalsupportbox1top-text h3{
  color: #e75925;
  font-size: 18px;
  font-weight: bold;
}
.totalsupportbox1top-text p{
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
  .totalsupportbox1top-img{
    width: 50%;
    margin: 0 auto 30px auto;
  }
  .totalsupportbox1top-text{
    width: 100%;
  }
  .totalsupportbox1top-text h3{
    font-size: 16px;
  }
}




.totalsupportbox2{
  max-width: 1000px;
  width: 90%;
  margin: 0px auto 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.totalsupportbox2 li{
  width: 49%;
  margin-bottom: 2%;
}
@media screen and (max-width: 640px) {
  .totalsupportbox2 li{
    width: 100%;
    margin-bottom: 20px;
  }
}
.box21{
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 10px;
  background-color: #ddd;
}
.totalsupport2-img{
  width: 40%;
}
.box21 div{
  width: 57%;
}
.totalsupport2-title{
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 5px;
}
.totalsupport2-text{
  font-size: 14px;
  line-height: 1.4;
}
.totalsupport2-text a.right{
  float: right;
  width: 100px;
}

.totalsupportbox2top{
  max-width: 800px;
  width: 90%;
  margin: 0px auto 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.totalsupportbox2top li{
  width: 49%;
  margin-bottom: 2%;
}
.box21top{
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 5px;
  background-color: #ddd;
}
.totalsupportbox2top-img{
  width: 25%;
}
.box21top div{
  width: 72%;
}
.totalsupportbox2top-title{
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 5px;
}
.totalsupportbox2top-text{
  font-size: 14px;
  line-height: 1.4;
}
.totalsupportbox2top-text a.right{
  float: right;
  width: 100px;
}
@media screen and (max-width: 520px) {
  .totalsupportbox2top li{
    width: 100%;
    margin-bottom: 10px;
  }
  .totalsupportbox2top-img{
    width: 25%;
  }
  .box21top div{
    width: 72%;
  }
}


.infosupportbox1{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 50px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.infosupportbox1-img{
  width: 25%;
}
.infosupportbox1-list{
  width: 72%;
  align-self: flex-start;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
.infosupportbox1-list a{
  display: block;
  width: 24%;
  height: auto;
  margin: 5px 0.5%;
  background-color: #808080;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 15px;
}
@media screen and (max-width: 800px) {
  .infosupportbox1-list a{
    width: 48%;
    margin: 2% 1%;
    border-radius: 30px;
  }
}
@media screen and (max-width: 640px) {
  .infosupportbox1-img{
    width: 50%;
    margin-bottom: 10px;
  }
  .infosupportbox1-list{
    width: 100%;
  }
}


.infosupportbox2-list{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 50px auto;
}
.infosupportbox2-list li{
  margin-bottom: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.infosupportbox2-date{
  width: 120px;
  font-size: 11px;
}
.infosupportbox2-box{
  width: calc(100% - 120px);
  background-color: #eee;
  border-radius: 0 10px 10px 10px;
  padding: 5px 20px;
}
.infosupportbox2-text{
  font-size: 13px;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .infosupportbox2-date{
    width: 100%;
    font-size: 11px;
  }
  .infosupportbox2-box{
    width: 100%;
    background-color: #eee;
    border-radius: 0 10px 10px 10px;
    padding: 5px 20px;
  }
  .infosupportbox2-text{
    font-size: 13px;
    line-height: 1.5;
  }
}


.infosupport1top{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 50px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.infosupport1top-box-title{
  margin-bottom: 20px;
}
.infosupport1top-box1,
.infosupport1top-box2{
  /*width: 26%;*/
  width: 35%;
  padding-right: 2%;
  margin-right: 2%;
  border-right: 1px dotted #aaa;
}
.infosupport1top-box3{
  /*width: 40%;*/
  width: 60%;
}
.infosupportbox1top{

}
.infosupportbox1top-img{
  width: 100%;
  max-width: 200px;
  margin-bottom: 10px;
}
.infosupportbox1top-list{
  
}
.infosupportbox1top-list a{
  display: block;
  width: 98%;
  height: auto;
  margin: 5px 0.5%;
  background-color: #808080;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 15px;
}
.infosupportbox2top-list{
  
}
.infosupportbox2top-list li{
  margin-bottom: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.infosupportbox2top-date{
  width: 100px;
  font-size: 11px;
}
.infosupportbox2top-box{
  width: calc(100% - 120px);
  background-color: #eee;
  border-radius: 0 10px 10px 10px;
  padding: 10px 20px;
}
.infosupportbox2top-title{
  line-height: 1.4;
  margin-bottom: 5px;
}
.infosupportbox2top-text{
  font-size: 13px;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .infosupportbox2top-date{
    width: 100%;
    font-size: 11px;
  }
  .infosupportbox2top-box{
    width: 100%;
    background-color: #eee;
    border-radius: 0 10px 10px 10px;
    padding: 5px 20px;
  }
  .infosupportbox2top-text{
    font-size: 13px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 720px) {
  .infosupport1top-box1{
    width: 48%;
    padding-right: 2%;
    margin-right: 2%;
    border-right: 1px dotted #aaa;
    margin-bottom: 40px;
  }
  .infosupport1top-box2{
    width: 48%;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    margin-bottom: 40px;
  }
  .infosupport1top-box3{
    width: 100%;
  }
}



.kenzaicorporate1{
  position: relative;
  max-width: 900px;
  width: 90%;
  margin: 0 auto 50px auto;
}
.kenzaicorporate1box1{
  position: absolute;
  right: 0;
  top: 0px;
  width: 22%;
  z-index: 2;
}
.kenzaicorporate1box1text{
  font-size: 12px;
  line-height: 1.8;
  text-align: right;
  margin-top: 15px;
}
.kenzaicorporate1box2{
  width: 100%;
  padding: 15px 15px 15px 15px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.8;
}
.kenzaicorporate1box2title{
  color: #e75925;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .kenzaicorporate1box1{
    position: relative;
    width: 100%;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .kenzaicorporate1box1img{
    max-width: 150px;
    width: 40%;
    margin-right: 20px;
  }
  .kenzaicorporate1box1text{
    font-size: 12px;
    line-height: 1.8;
    text-align: left;
    margin-top: 0px;
    padding-bottom: 10px;
    -webkit-align-self: flex-end;
    align-self: flex-end;
  }
  .kenzaicorporate1box2{
    margin-top: 0px;
    width: 100%;
    padding: 15px 15px 15px 15px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.8;
  }
  .kenzaicorporate1box2title{
    color: #e75925;
    font-size: 20px;
    font-weight: bold;
  }
}

.kenzaicorporate2{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzaicorporate2 li{
  width: 11%; 
}
@media screen and (max-width: 640px) {
  .kenzaicorporate2 li{
    width: 23%; 
    margin-bottom: 3%
  }
}

.kenzaicorporate3{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzaicorporate3box1{
  width: 77%;
  background: rgba(9,108,147,0.0);
  border: 1px solid rgba(9,108,147,0.7);
  padding: 2%;
}
.kenzaicorporate3box2{
  width: 20%;
  font-size: 14px;
  line-height: 2.0;
}
.kenzaicorporate3box2 p{
  margin-bottom: 10px;
}
.kenzaicorporate3box1 th,
.kenzaicorporate3box1 td{
  vertical-align: top;
  text-align: left;
  padding: 10px 30px 10px 0;
  font-size: 16px;
  line-height: 1.6;
  border-bottom: 1px dotted rgba(9,108,147,0.7);
}
.tablenoline{ border-bottom: none!important; }
.kenzaicorporate3box1 th{
  font-weight: bold;
  white-space: nowrap;
}
.kenzaicorporate3box1 td{
  padding: 5px 0px 5px 0;
}
@media screen and (max-width: 800px) {
  .kenzaicorporate3box1{
    width: 100%;
    margin-bottom: 20px;
    padding: 2%;
  }
  .kenzaicorporate3box2{
    width: 100%;
    display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  }
  .kenzaicorporate3box2 p:first-child{
    margin-right: 3%;
  }
  .kenzaicorporate3box1 th{
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    white-space: normal;
    width: 6.5em;
    padding: 5px 15px 5px 0;
  }
  .kenzaicorporate3box1 td{
    font-size: 14px;
    line-height: 1.6;
    padding: 5px 0px 5px 0;
  }
}

.kenzaicorporate4{
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzaicorporate41{
  width: 48%; 
  background-color: #fff;
  padding: 20px;
  text-align: center;
}
.kenzaicorporate41 img{
  max-width: 250px;
  width: 100%;
}
.kenzaicorporate42{
  width: 48%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kenzaicorporate42 div{
  width: 48%;
  background-color: #fff;
  font-size: 13px;
  line-height: 1.5;
  padding: 5px;
}
.kenzaicorporate42-title{
  margin-top: 5px;
}
.kenzaicorporate42 div:nth-child(1),
.kenzaicorporate42 div:nth-child(2){
  margin-bottom: 4%;
}
@media screen and (max-width: 640px) {
  .kenzaicorporate41{
    width: 100%; 
    padding: 10px 20px;
    margin-bottom: 2%;
  }
  .kenzaicorporate41 img{
    max-width: 170px;
    width: 100%;
  }
  .kenzaicorporate42{
    width: 100%;
  }
  .kenzaicorporate42 div{
    width: 49%;
  }
  .kenzaicorporate42 div:nth-child(1),
  .kenzaicorporate42 div:nth-child(2){
    margin-bottom: 2%;
  }
}




/* KENZAI DANNETSU
------------------------------------------ */

/* KENZAI naze
------------------------------------------ */

.dannetsubox1{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 50px auto;
}
.dannetsubox1 li{
  width: 80%;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.dannetsubox1 li:nth-child(2n-1){
  margin: 0 20% 2% 0;
  flex-direction: row-reverse;
}
.dannetsubox1 li:nth-child(2n){
  margin: 0 0 2% 20%;
  flex-direction: row;
}
.dannetsubox1-img{
  width: 23%;
  padding: 2.5%;
}
.dannetsubox1-text{
  width: 77%;
  padding: 1.5% 2.5%;
  font-size: 14px;
  line-height: 1.4;
}
.dannetsubox1-title{
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 5px;
  color: #e75925;
}
@media screen and (max-width: 640px) {
  .dannetsubox1{
    margin: 0px auto 15px auto;
  }
  .dannetsubox1 li{
    width: 100%;
  }
  .dannetsubox1 li:nth-child(2n-1){
    margin: 0 0 15px 0;
  }
  .dannetsubox1 li:nth-child(2n){
    margin: 0 0 15px 0;
  }
  .dannetsubox1-img{
    width: 30%;
    padding: 1% 0;
  }
  .dannetsubox1-text{
    width: 70%;
    padding: 1.5% 2.5%;
    font-size: 13px;
    line-height: 1.4;
  }
}


.dannetsubox2{
  position: relative;
  max-width: 1200px;
  width: 90%;
  margin: 0 auto 50px auto;
}
.dannetsubox2box1{
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
  z-index: 2;
  background-color:  rgba(28,145,217,1.00);
  color: #fff;
  padding: 15px;
  font-size: 14px;
  line-height: 1.8;
}
.dannetsubox2box1title{
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 10px;
}
.dannetsubox2box1text2{
  border: 1px solid #fff;
  padding: 5px;
  margin: 5px 0;
}
.dannetsubox2box2{
  margin: 50px 0 0 30%;
  width: 70%;
  padding: 15px 15px 15px 15%;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.8;
}
.dannetsubox2box2title{
  color: #e75925;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 10px;
}
.dannetsubox2box2title span{
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
}
.dannetsubox2box2box{
  position: relative;
  width: 100%;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.dannetsubox2box2img{
  width: 20%;
  text-align: center;
}
.dannetsubox2box2text{
  width: 65%;
}
.dannetsubox2box2text table{
  width: 100%;
  border-top: 1px dotted #ccc;
}
.dannetsubox2box2text table td{
  border-bottom: 1px dotted #ccc;
  padding: 2px 5px;
}
@media screen and (max-width: 800px) {
  .dannetsubox2box1{
    position: relative;
    width: 100%;
  }
  .dannetsubox2box2{
    margin: 0 0 0 0;
    width: 100%;
    padding: 15px 15px 15px 15px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.8;
  }
  .dannetsubox2box2img{
    width: 25%;
    text-align: center;
  }
  .dannetsubox2box2text{
    width: 70%;
  }
  .dannetsubox2box2text table,
  .dannetsubox2box2text tbody,
  .dannetsubox2box2text tr{
    display: block;
  }
  .dannetsubox2box2text table tr{
    border-bottom: 1px dotted #ccc;
  }
  .dannetsubox2box2text table td{
    display: inline-block;
    border-bottom: none;
  }
}

.dannetsuspecbox1{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 0px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.dannetsuspecbox1 div{
  width: 31%;
  margin-bottom: 5%;
  margin-right: 3.5%;
  background-color: #fff;
  padding: 10px;
  border-radius: 3px;
}
.dannetsuspecbox1 div:nth-child(3n){
  margin-right: 0;
}
.dannetsuspecbox1-img{
  border: 1px solid #AAA;
  padding: 3px;
}
.dannetsuspecbox1-title{
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 10px;
}
.dannetsuspecbox1-text2{
  background-color: rgba(255,255,255,0.70);
  font-size: 12px;
  line-height: 1.4;
}
ul.dannetsuspecbox1-text li{
  list-style: disc;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 5px;
  margin-left: 18px;
}
@media screen and (max-width: 800px) {
  .dannetsuspecbox1 div{
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 5%;
    background-color: #fff;
  }
  .dannetsuspecbox1 div:nth-child(3n){
    margin-right: 3%;
  }
  .dannetsuspecbox1 div:nth-child(2n){
    margin-right: 0;
  }
}
@media screen and (max-width: 520px) {
  .dannetsuspecbox1 div{
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
    background-color: #fff;
  }
  .dannetsuspecbox1 div:nth-child(3n){
    margin-right: 0;
  }
  .dannetsuspecbox1-img{
    max-width: 250px;
    width: 70%;
  }
}

.dannetsubox3{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.dannetsubox3-title{
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  margin-bottom: 6px;
}
.dannetsubox3-img{
  max-width: 250px;
  margin: auto;
}
.dannetsubox3-text1{
  font-size: 13px;
  line-height: 1.6;
  margin-top: 10px;
}
.dannetsubox3-text11{
  font-size: 13px;
  line-height: 1.6;
  margin-top: 10px;
}
.dannetsubox3-text2 li{
  list-style: disc;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 5px;
  margin-left: 18px;
}
.dannetsubox31{
  background-color: #1c91d9;
  width: 48%;
  padding: 10px 5%;
  color: #fff;
  margin-bottom: 30px;
}
.dannetsubox34{
  background-color: #fff;
  width: 48%;
  padding: 10px 5%;
  margin-bottom: 30px;
}
.dannetsubox32{
  background-color: #fff;
  width: 35%;
  padding: 10px 5%;
  margin-bottom: 30px;
}
.dannetsubox33{
  background-color: #fff;
  width: 61%;
  padding: 10px 5%;
  margin-bottom: 30px;
}
.dannetsubox33box1{
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.dannetsubox33-1,
.dannetsubox33-2{
  width: 49%;
}
@media screen and (max-width: 640px) {
  .dannetsubox31,
  .dannetsubox34,
  .dannetsubox32,
  .dannetsubox33{
    padding: 10px 3%;
    margin-bottom: 15px;
  }
  .dannetsubox3-title{
    font-size: 18px;
    line-height: 21px;
  }
  .dannetsubox3-text1{
  font-size: 11px;
  line-height: 1.6;
  margin-top: 10px;
}
  .dannetsubox32{
    width: 48%;
  }
  .dannetsubox33{
    width: 48%;
  }
  .dannetsubox33-1,
  .dannetsubox33-2{
    width: 100%;
  }
  .dannetsubox33-1{
    margin-bottom: 10px;
  }
}

.dannetsubox3-2{
  max-width: 800px;
  width: 90%;
  margin: 50px auto 0 auto;
  background: url(../images/kenzai/dannetsu51.jpg) #1c91d9 0 0 no-repeat;
  background-size: contain;
  border-radius: 3px;
}
.dannetsubox3-2 div{
  background-color: rgba(28,145,217,0.50);
  padding: 20px 15px 20px 20%;
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
}
.dannetsubox3-2-title{
  font-size: 20px;
  margin-bottom: 10px
}
@media screen and (max-width: 640px) {
  .dannetsubox3-2{
    margin: 10px auto 0 auto;
  }
  .dannetsubox3-2 div{
    padding: 20px 15px 20px 15%;
  }
}

.dannetsubox4-title1{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.dannetsubox4-img1{
  max-width: 300px;
  width: 90%;
  margin: 10px auto 30px auto;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.dannetsubox4-img1 div{
  padding: 2px;
  width: 33%;
}
.dannetsubox4{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 0px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.dannetsubox4 div{
  width: 31%;
  margin-bottom: 5%;
  margin-right: 3.5%;
  background-color: #fff;
  padding: 10px;
  border-radius: 3px;
}
.dannetsubox4 div:nth-child(3n){
  margin-right: 0;
}
.dannetsubox4-img{
  border: 1px solid #AAA;
  padding: 3px;
}
.dannetsubox4-title{
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 10px;
}
.dannetsubox4-text2{
  background-color: rgba(255,255,255,0.70);
  font-size: 12px;
  line-height: 1.4;
}
ul.dannetsubox4-text li{
  list-style: disc;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 5px;
  margin-left: 18px;
}
@media screen and (max-width: 800px) {
  .dannetsubox4 div{
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 5%;
    background-color: #fff;
  }
  .dannetsubox4 div:nth-child(3n){
    margin-right: 3%;
  }
  .dannetsubox4 div:nth-child(2n){
    margin-right: 0;
  }
}
@media screen and (max-width: 520px) {
  .dannetsubox4 div{
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
    background-color: #fff;
  }
  .dannetsubox4 div:nth-child(3n){
    margin-right: 0;
  }
  .dannetsubox4-img{
    max-width: 250px;
    width: 70%;
  }
}






/* -----------------------------------------
          KENZAI TAIKA
------------------------------------------ */


/* TAIKA 木造は火に強い？
------------------------------------------ */

.taikabox1 li{
  max-width: 1200px;
  width: 90%;
  margin: 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.taikabox1 li:nth-child(2n){
  flex-direction: row;
}
.taikabox11-img{
  width: 35%;
  background-color: #fff;
  padding: 3%;
}
.taikabox11-text{
  width: 65%;
  background-color: #0080c6;
  padding: 3%;
  color: #fff;
}
.taikabox12-img{
  width: 60%;
  background-color: #fff;
  padding: 3%;
}
.taikabox12-text{
  width: 40%;
  background-color: #0080c6;
  padding: 3%;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .taikabox11-img{
    width: 100%;
    text-align: center;
  }
  .taikabox11-img img{
    max-width: 300px;
    width: 100%;
  }
  .taikabox11-text{
    width: 100%;
  }
  .taikabox12-img{
    width: 100%;
    text-align: center;
  }
  .taikabox12-img img{
    max-width: 450px;
    width: 100%;
  }
  .taikabox12-text{
    width: 100%;
  }
}


/* TAIKA 火災の成長過程
------------------------------------------ */

.taikabox2{
  max-width: 800px;
  width: 90%;
  margin: 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.taikabox2 div{
  position: relative;
  width: 48%;
  background-color: #fff;
  margin-bottom: 4%;
  padding: 10px;
}
.taikabox2-num{
  position: absolute;
  top: -30px;
  left: 10px;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 100px;
  line-height: 1.0;
  z-index: 2;
}
.taikabox2-img{
  text-align: center;
}
.taikabox2-title1{
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.taikabox2-text1{
  width: 80%;
  margin: 10px auto 0 auto;
  line-height: 1.5;
}
.taikabox2-text1 span{
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}
@media screen and (max-width: 800px) {
  .taikabox2-num{
    top: -10px;
    left: 10px;
    font-size: 40px;
  }
}
  
.taikabox3{
  max-width: 800px;
  width: 90%;
  margin: 30px auto;
}
.taikabox3 li{
  margin-bottom: 30px;
  padding: 10px;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
.taikabox3-img{
  width: 25%;
}
.taikabox3-text{
  width: 70%;
  font-size: 14px;
  line-height: 1.8;
}
.taikabox3-title{
  color: #e75925;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .taikabox3-img{
    width: 100%;
    text-align: center;
  }
  .taikabox3-img img{
    max-width: 200px;
    margin-bottom: 15px;
  }
  .taikabox3-text{
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
  }
}

.taikabox4{
  max-width: 800px;
  width: 90%;
  margin: 30px auto 60px auto;
}
.taikabox4 div{
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fff;
}
.taikabox4-text{
  font-size: 14px;
  line-height: 1.8;
}
.taikabox4-title{
  color: #e75925;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 10px;
}


.taiyoukoubox1 li{
  list-style: decimal;
  font-size: 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, "sans-serif";
  color: rgba(130,113,0,1.00);
  margin-left: 1.5em;
}
.taiyoukoubox1 li p{
  font-size: 16px;
  line-height: 1.8;
  color: #323232;
}

.table1 th,
.table1 td{
  padding: 5px 0;
  text-align: left;
  vertical-align: top;
}
.table1 th{
  padding: 5px 20px 5px 0;
  white-space: nowrap;
  font-weight: bold;
}


.kyuutoukibox1 li{
  max-width: 1200px;
  width: 90%;
  margin: 30px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-direction: row;
}
.kyuutoukibox1-img{
  width: 35%;
  background-color: #fff;
  padding: 3%;
}
.kyuutoukibox1-text{
  width: 65%;
  background-color: #0080c6;
  padding: 3%;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .kyuutoukibox1-img{
    width: 100%;
    text-align: center;
  }
  .kyuutoukibox1-img img{
    max-width: 300px;
    width: 100%;
  }
  .kyuutoukibox1-text{
    width: 100%;
  }
}


.kyuutoukibox2{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 0px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.kyuutoukibox2 div{
  width: 25%;
  margin-bottom: 5%;
  margin-right: 3.5%;
  background-color: #fff;
  padding: 10px;
  border-radius: 3px;
}
.kyuutoukibox2 div:nth-child(3){
  width: 43%;
  margin-right: 0;
}
.kyuutoukibox2-img{
  padding: 3px;
}
.kyuutoukibox2-title{
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
}
.kyuutoukibox2-text{
  position: relative;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 10px;
}
span.kyuutoukibox2-text2{
  float: right;
  max-width: 80px;
  margin-left: 10px;
}
@media screen and (max-width: 640px) {
  .kyuutoukibox2 div{
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 5%;
    background-color: #fff;
  }
  .kyuutoukibox2 div:nth-child(2){
    margin-right: 0;
  }
  .kyuutoukibox2 div:nth-child(3){
    width: 100%;
  }
}



.kyuutoukibox3{
  max-width: 1200px;
  width: 90%;
  margin: 0px auto 0px auto;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kyuutoukibox3 div{
  width: 48%;
  margin-bottom: 3%;
  background-color: #fff;
  padding: 20px;
  border-radius: 3px;
}
.kyuutoukibox3-title{
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.kyuutoukibox3-text{
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (max-width: 640px) {
  .kyuutoukibox3 div{
    width: 100%;
    margin-bottom: 5%;
    background-color: #fff;
  }
}

.kenzaicompanybox1{
  width: 90%;
  max-width: 1200px;
  margin: 50px auto;
  background: url(../images/company11.jpg) top center no-repeat;
  background-size: contain;
  padding: 300px 5% 0 4%;
}
.kenzaicompanybox1 div{
  width: 65%;
  background: rgba(9,108,147,0.7);
  padding: 4% 5%;
  font-size: 16px;
  line-height: 1.8;
  color: #fff;
}
.kenzaicompanybox1 div .p-right{
  text-align: right;
  padding-top: 5px;
}
@media screen and (max-width: 1200px) {
  .kenzaicompanybox1{
    padding: 25% 5% 0 4%;
  }
}
@media screen and (max-width: 800px) {
  .kenzaicompanybox1{
    margin: 10px auto 30px auto;
    padding: 25% 0 0 0;
  }
  .kenzaicompanybox1 div{
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .kenzaicompanybox1{
    width: 100%;
    margin: 10px auto 30px auto;
    padding: 30% 0 0 0;
    background: url(../images/company11.jpg) top left no-repeat;
    background-size: 110%;
  }
  .kenzaicompanybox1 div{
    width: 100%;
    background: rgba(9,108,147,0.7);
    font-size: 14px;
    line-height: 1.6;
  }
}


.table-company{
  width: 100%;
  margin: 0px auto;
  border-top: 1px dotted #888;
}
.table-company th,
.table-company td{
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  border-bottom: 1px dotted #888;
}
.table-company th{
  font-size: 12px;
  line-height: 14px;
  color: #004DAA;
}
.table-company th span{
  padding-left: 5px;
  display: inline-block;
}
.historytitle{
  font-weight: bold;
  font-size: 14px;
}
.jisei th,
.jisei td{
  color: rgba(183,142,0,1.00);
}
.mirai th{
  color: rgba(20,123,0,1.00);
}
@media screen and (max-width: 640px) {
  .table-company th span{
    padding-left: 0px;
    display: block;
  }
}


/* KENZAI CONTACTBOX
------------------------------------------ */

.contactbox1wrap{
  max-width: 600px;
  width: 95%;
  border: 2px solid #3fa0ec;
  background-color: #fff;
  border-radius: 16px;
  padding: 5px;
  margin: 0 auto;
}
.contactbox1{
  background-color: #3fa0ec;
  border-radius: 10px;
}

.contactbox1 p{
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  padding-top: 15px;
}
.contactbox1 p span{
  font-size: 16px;
}
.contact1{
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 15px 20px;
}
.contact1 a{
  display: block;
  width: 45%;
  background-color: #fff;
  text-align: center;
  padding: 10px 5%;
  line-height: 1px;
  border-radius: 10px;
}
@media screen and (max-width: 640px) {
  .contactbox1 p{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 16px;
    line-height: 1.2;
  }
  .contactbox1 p span{
    font-size: 14px;
  }
  .contact1{
    padding: 10px 10px 15px 10px;
  }
  .contact1 a{
    width: 47%;
    background-color: #fff;
    text-align: center;
    padding: 10px 3%;
  }
}


.telbtn{
  text-align: center;
  padding-bottom: 40px;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 22px;
}
.telbtn a{
  display: inline-block;
  padding: 20px 5%;
  background-color: #3fa7f3;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
}
.telbtn span{
  font-size: 12px;
  line-height: 1.2;
}



.kijibox p{
  padding-bottom: 15px;
}
.kijibox p img{
  margin:20px 0; 
}
.kijibox h3{
  background-color: #474747;
  padding: 5px 20px;
  font-size: 150%;
  line-height: 1.2;
  color: #fff;
}




/* SDGs
------------------------------------------ */

.sdgswrap1{
  width: 90%; max-width: 1000px; margin: 100px auto;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.sdgswrap1 h2{
  font-size: 36px; line-height: 1.4; text-align: center; margin-bottom: 50px;
}
.sdgstext1 p{
  margin-bottom: 1em; font-size: 24px; line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .sdgswrap1{
    margin: 50px auto;
  }
  .sdgswrap1 h2{
    font-size: 28px; line-height: 1.4; text-align: center; margin-bottom: 50px;
  }
  .sdgstext1 p{
    margin-bottom: 1em; font-size: 20px; line-height: 1.8;
  }
  .sdgstext1 p.textright{
    margin-bottom: 1em; font-size: 16px; line-height: 1.8;
  }
}

.sdgswrap2{
  width: 90%; max-width: 1200px; margin: 50px auto 0 auto;
}
.sdgswrap2 h3{
  font-size: 32px; line-height: 1.4; border-bottom: 2px solid #AAA; padding-bottom: 10px; margin-bottom: 20px;
  font-family: "Yu Mincho Demibold", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.sdgswrap2 h4{
  display: inline-block; padding: 3px 10px 1px 10px; margin: 10px 0; border-left: 6px double #AAA;
}
.sdgswrap2 li{
  margin-bottom: 50px; padding: 30px; background-color: #fff;
}
.sdgsbox1{
  display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between;
}
.sdgsbox1l{
  width: calc(100% - 350px);
}
.sdgsbox1r{ 
  width: 320px; display: -webkit-box; display:-ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start;
}
.sdgsbox1r img{
   flex-shrink: 0; width: 24%; margin-left: 1%; margin-bottom: 1%;
}
@media screen and (max-width: 800px) {
  .sdgswrap2 h3{
    font-size: 24px; padding-bottom: 10px; margin-bottom: 16px;
  }
  .sdgswrap2 li{
    padding: 20px;
  }
  .sdgsbox1{
    display: block;
  }
  .sdgsbox1l{
    width: 100%;
  }
  .sdgsbox1r{ 
    width: 100%;
  }
  .sdgsbox1r img{
     width: 12.3%; margin-left: 0.22%; margin-bottom: 0.22%;
  }
  .sdgsbox1r img:first-child{
     margin-left: 0%;
  }
}
@media screen and (max-width: 640px) {
  .sdgsbox1r img{
     width: 19.5%; margin-left: 0.625%; margin-bottom: 0.625%;
  }
  .sdgsbox1r img:nth-child(5n+1){
     margin-left: 0%;
  }
}
@media screen and (max-width: 480px) {
  .sdgsbox1r img{
     width: 24.2%; margin-left: 1%; margin-bottom: 1%;
  }
  .sdgsbox1r img:nth-child(5n+1){
     margin-left: 1%;
  }
  .sdgsbox1r img:nth-child(4n+1){
     margin-left: 0%;
  }
}

.sdgsbox3{
  width: 90%; max-width: 1200px; margin: 50px auto 100px auto; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between;
  border: 1px solid #888; padding: 20px;
}
.sdgsbox3l{
  width: 25%; margin-right: 3%;
}
.sdgsbox3r{
  width: 72%; font-size: 14px; line-height: 2.0;
}
.sdgsbox3 h3{
  font-weight: bold; font-size: 16px;
}
@media screen and (max-width: 640px) {
  .sdgsbox3l{
    width: 100%; max-width: 300px; margin: 0 auto 20px auto;
  }
  .sdgsbox3r{
    width: 100%; font-size: 13px; line-height: 1.6;
  }
}