body{
  font-family: 'Sawarabi Gothic', sans-serif;


}
.box_bg2{
  /* align-items: center; */
    background:url(../img/pro_3_pc.jpg) no-repeat;
    background-size: 100%;

}
.box_bg{
  /* align-items: center; */
    background:url(../img/bg3_pc.jpg) no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	/* display: flex; */
    height: 100vh;
	/* justify-content: center; */
}
.box{
  width:980px;
  position:relative;
  margin:0 auto;
  padding-top:5em;
}

@media screen and (min-width: 513px) {
  .sp_br{
    display: none;
  }
}

@media screen and (max-width: 512px){
  .box_bg2{
    /* align-items: center; */
      background:url(../img/bg2.jpg) no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      height: 140vh;
      align:left;
      text-align:left;
  }
  .box_bg{
    /* align-items: center; */
      background:url(../img/bg3_mb.jpg) no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      height: 100vh;
  }
  .box{
    width:90%;
    position:relative;
    margin:0 auto;
    padding-top:5em;
  }
}
.top_logo{
  height:100vh;
  position: absolute;
  right:0px;
  top:0px;
}
.sec_logo{
  width:100vw;
  position: absolute;
  left:0px;
  top:0px;
  opacity:0.2;
  z-index:-1;
}
.sec_bg1{
  /* align-items: center; */
    background:url(../img/bg4.jpg) ;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    background-color:#618817;
    /* background-position: 0% 100%;
    background-size: cover; */
	/* display: flex; */
	/* justify-content: center; */
}
.sec_bg2{
  background-color:#ffffff;
  color:#111111;
}
.sec_bg22{
  /* align-items: center; */
  background: #09244d;
  background:url(../img/bg3.jpg) ;
  background-repeat: no-repeat;
  background-size: 100%;
    /* background-position: 50% 0%;
    background-size: cover; */
	/* display: flex; */
	/* justify-content: center; */
}
.sec_bg222{
  /* align-items: center; */
  background: #09244d;
  background:url(../img/bg3_g.jpg) ;
  background-repeat: no-repeat;
  background-size: 100%;
    /* background-position: 50% 0%;
    background-size: cover; */
	/* display: flex; */
	/* justify-content: center; */
}
.sec_bg3{
  background-color:#111111;
  color:#ffffff;
}
.sec_bg33{
  background-color:#111111;
  background-size: 100%;
}
.sec_bg4{
  background-color:#09244d;
  color:#ffffff;
}
.sec_bg44{
  /* align-items: center; */
  background: #09244d;
  background:url(../img/syo_bg2.png) ;
  background-repeat: no-repeat;
  background-size: 100%;
}
.sec_4_text{
  line-height:2em;

}
.sec_4_text a{
  color:#ff8c00;
}
.news_topi{
  color:#111111;
  font-weight:normal;
  display: inline-block;
}

.box_text{
  line-height:1.5em;
  padding:1em 0;
}
.top_title{
  padding-top:20%;
}
.sec_title2{
  font-size:2em;
  letter-spacing: 0.2em;
  padding-top:1em;
  padding-bottom:0.2em;
}
.sec_title1{
  font-size:2em;
  padding-top:2em;
  text-align:center;
  letter-spacing: 0.2em;
}
.sec_title{
  font-size:3em;
  letter-spacing: 0.2em;
  padding-top:1em;
  padding-bottom:0.2em;
}
.sec_title_sub{
  font-size:1em;
  letter-spacing: 0.2em;
  padding-bottom:0.3em;
  margin-bottom:2em;
  line-height:1.5em;
}
.sec_title_sub2{
  font-size:1.5em;
  line-height:1.5em;
}
.sec_text1{
  line-height:1.3em;
}

.sec_text{
  line-height:1.7em;
}
.sec_text2{
  padding:2.5em 0;
}
.sec_text3{
  font-size:1.5em;
  padding-right: 1em;
  padding-top:1em;
}
.sec_text4{
  padding:0.5em 0.5em 0 1em;
  color:#ffff99;
  display: inline-block;
}
.sec_text41{
  padding:0.5em 0.5em 0 0;
  line-height:1.5em;
  display: inline-block;
}
.sec_text5{
  line-height:1.5em;
  padding-bottom:2em;
}
}

.kyati{
  padding-bottom:1.5em;
}
.syamei{
  padding-top:2em;
  padding-bottom:7em;
}
.syamei_text {
  font-size:2.5em;
  display: inline-block;
  line-height:1em;
  /* color:#0f2e58; */
  color:#111111;
  font-family: 'Lora', serif;
}
.kyati_text {
  font-size:1em;
  display: inline-block;
  line-height:1.5em;
  color:#111111;
}
.top_topi{
  line-height: 1.5em;
  margin:0 auto;
  padding-bottom:5em;
  text-align:center;
}
.top_topi_text{
  display: block;
  margin-bottom:0.5em;
  border-bottom:1px #cccccc solid;
  padding-bottom:3em;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.mb { display: none !important; }
.bunsyo br{display: none;}
.bunsyopc br{display: inline;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 512px) {
.pc { display: none !important; }
.mb { display: block !important; }
.bunsyo br{display: inline;}
.bunsyopc br{display: none;}
}
.text_color_blue{color:#0f2e58;}
.text_color_orenge{color:#ff8c00;}
.text_color_yellow{color:#ffff66;}
.text_color_green{color:#618817;}

/* ラベルデザイン */
.btn-sticky {
  display: inline-block;
  padding: 0.2em 1em;
  text-decoration: none;
  background: rgba(255,255,255,0.5) ;
  border-left: solid 6px #ffff90;/*左線*/
  color: #ffff99;/*ff8c00文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  margin-bottom:1em;
}

/* フォント設定 */
.mintyo{
  font-family: 'Noto Serif JP', serif;
}
.goshiku{
}
/* aタグ */
a {
color: #111111;
text-decoration: none;
}
a:visited {
  color:#111111;
}
a:hover {
  color: #ff8c00;
}
i{
  padding-right: 1em;
}
.utibox i{
  padding-right: 0.3em;
}
/* 縦・横並び */
.contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;

 }
 .contents img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 35%;
     margin-left:5%;
     /* margin: auto; */
     padding-bottom:5em;
     /* background-color:#cccccc; */
 }
 .box2 {
     width: 60%;
     margin: 6em .5rem;
 }
 .box3 {
     width: 60%;
     padding-bottom:3em;
 }
 .box4 {
     width: 90%;
     margin: 0 auto;
     text-align:center;
     padding-bottom:2em;
     color:#ffffff;
}
.box4 img{
  width:auto;
  height:57%;
}
 @media screen and (max-width: 512px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 90%;
         margin: 0 auto;
         text-align:center;
         padding-bottom:2em;
     }
     .flexbox .box2 {
         width: 90%;
         margin: 0 auto;
         padding-bottom:5em;
     }
     .flexbox .box3 {
         width: 90%;
         margin: 0 auto;
         padding-bottom:5em;
         text-align:center;
     }
     .sec_bg33 .flexbox .box3 {
         text-align:left;
          }
     .flexbox .box4 {
         width: 90%;
         height:98vh;
         margin: 0 auto;
         text-align:center;
         padding-bottom:2em;
     }
     .flexbox .box4 img{
     width:150px;
   }
 }
 .gyoukan3{
   padding-bottom:3em;
 }
 .gyoukan2{
   padding-bottom:2em;
 }
.gyoukan1{
  padding-bottom:1em;
  line-height:1.7em;
}
.line_yellow{
  border-bottom:1px #ffff00 solid;
}
.line_orage{
  border-bottom:1px #ff8c00 solid;
}
/* 引用 */
blockquote {
    position: relative;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    /* font-style: italic; */
    background: #ffffee;
    color: #333333;
    border-left: 5px solid #ff8c00;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
    text-align:left;
}

blockquote div {
    padding: 0;
    margin: 7px 5px;
    font-size:1.5em;
    line-height: 1.7;
    letter-spacing: 0.2em;
    display: inline-block;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}
.sotobox{
  margin:0 auto;
  width:90%;
}
.utibox{
  padding-right:3%;
  width:30%;
  display: inline-block;
  padding-bottom:1em;
}
@media only screen and (max-width: 512px) {
  .utibox{
    width:100%;
    padding-bottom:1em;
    display: inline-block;
  }
}
.card_icon{
  color:#0f2e58;
  font-size:3em;
  display: inline-block;
  font-weight:normal;
}
.kaigyo{
  display: inline-block;

}
.mailformtext{
  line-height:1.5em;
  vertical-align: top;
}
.soroe{
  width:11em;
}
dt,dl{
  overflow: hidden;
}
.input_text{
	margin: 0;
	padding: 0;
  border:0;
  vertical-align: top;
  height:2em;
  width:25em;
  margin-bottom:2em;
  border: 1px #ccc solid;
}
ul {
	list-style-type: none;
}
textarea{
  height:10em;
  width:25em;

}
.sec_4_text li{
  line-height:2em;
}
.button_text{
  line-height:3em;
}
.input_button{
  width:20em;
}
.all_text{
  text-align:center;
}
.listmk ul {
  list-style:none;
}
.listmk ul li {
  /*ここから追加*/
  text-indent:-1em;
  padding-left:1em;
}