@charset "utf-8";

/* CSS Document */
::selection {
  background: #bee1fd;
  color: #555353;
}

::-moz-selection {
  background: #bee1fd;
  color: #555353;
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
  background-color: #fff;
  /*font-family: Arial, Helvetica, Verdana;*/
  font-family: "Noto Sans Japanese";
  font-size: 14px;
  line-height: 22px;
  color: #666;
  position: relative;
  -webkit-text-size-adjust: none;
}




h1,
h2,
h3,
h4,
h5,
h6 {
  /*line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;*/
}

h1,
h2,
h3 {
  /*font-size: 18px;*/
}

h4,
h5,
h6 {
  /*font-size: 16px;*/
}

p {
  /*margin: 0 0 10px 0;*/
}

a,
a:link,
a:active,
a:visited,
a:hover {
  /*color: inherit;
	text-decoration: underline;*/
}

/*-----------------custom*/
.mm-menu a {
  transition: 1s;
}

.mm-menu a:hover {
  opacity: 0.5;
}

/*-----------------custom*/

nav:not(.mm-menu) {
  display: none;
}

.header,
.content,
.footer {
  text-align: center;
}

.header,
.footer {
  background: #ededf0;
  /*font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 44px;*/

  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  /*height: 44px;
	padding: 0 50px;*/
  padding: 2px;
}

/*-----------------custom*/
.header img {
  width: 200px;
  margin: 10px auto;
  transition: 1s;
}

.header img:hover {
  opacity: 0.5;
}

/*-----------------custom*/
.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
}

.header a {
  display: block;
  width: 28px;
  height: 18px;
  padding: 11px;
  margin: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.header a:before,
.header a:after {
  content: '';
  display: block;
  background: #302f2f;
  height: 2px;
}

.header a span {
  background: #302f2f;
  display: block;
  height: 2px;
  margin: 6px 0;
}

.content {
  /*padding: 150px 50px 50px 50px;*/
}

.header {
  display: none;
}

@media screen and (max-width: 768px) {
  .header {
    display: block;
  }
}

/*---------------------------header*/

#colum1 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 90%;
  background-color: #fff;

  /*z-index:1;
position:fixed;*/
}

#colum1:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum1-box {
  display: block;
  margin: 0px auto;
  padding: 0;
  width: 1100px;
  clear: both;

}

.colum1-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;

  display: block;
}

#colum1 img {
  transition: 0.5s;

}

#colum1 ul {
  margin: 5px auto;
  padding: 0;
}

#colum1 li {
  list-style-type: none;
  box-sizing: border-box;
  float: left;
}

#colum1 img {
  transition: 0.5s;
  /*margin:5px 0 0 0;*/
}

#colum1 li:nth-child(1) {
  width: 100%;
  font-size: 70%;
  color: #555353;
  text-align: left;
}

#colum1 li:nth-child(2) {
  width: 35%;
  float: left;
  text-align: left;
}

#colum1 li:nth-child(2) img {
  width: 95%;

}

#colum1 li:nth-child(3) {
  width: 65%;
  text-align: right;
  padding: 0.25em 0;
  margin: 0.7em 0 0 0;
}

#colum1 li:nth-child(3) img {
  width: 30px;
  vertical-align: middle;
  box-sizing: border-box;
}


#colum1 li:nth-child(3) strong {
  font-size: 200%;
  vertical-align: middle;
  color: #302f2f;
}

#colum1 li:nth-child(3) small {
  font-size: 80%;
  vertical-align: middle;
  color: #555353;
  margin: 0 0.5em;
}



#colum1 li .red {
  color: #e8383d;
}

/*toppage only*/
#colum1 h1 {
  margin: 0;
  padding: 0;
}

/*toppage only*/

@media screen and (max-width: 768px) {
  #colum1 {
    text-align: left;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    font-size: 90%;
    position: fixed;
    background-color: #fff;
    z-index: 1;
  }

  #colum1:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum1-box {
    display: none;
    margin: 0px auto;
    padding: 0;
    width: 100%;
    clear: both;

  }

  .colum1-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;

    display: block;
  }

  #colum1 img {
    transition: 0.5s;

  }


}

/*---------------------------header*/

/*ヘッダーお問合せボタン*/
#colum1 li:nth-child(3) .btn1 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #ef3636;
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 100%;
  width: 50%;
  margin: 0.1em;
  font-weight: normal;
  text-align: center;
}

#colum1 li:nth-child(3) .btn1 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px;
}

#colum1 li:nth-child(3) .btn1:hover {
  /*ボタンを押したとき*/
  color: #fff;
  background-color: #f97373;
  border-bottom: solid 4px #e36d6d;

}

/*ヘッダーお問合せボタン*/

/*ヘッダーお問合せボタン100*/
#colum1 li:nth-child(3) .btn100 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #205da9;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 100%;
  width: 25%;
  margin: 0.1em;
  font-weight: normal;
  text-align: center;
}

#colum1 li:nth-child(3) .btn100 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 5px 5px;
}

#colum1 li:nth-child(3) .btn100:hover {
  /*ボタンを押したとき*/
  color: #205da9;
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;

}

/*ヘッダーお問合せボタン*/

/*ヘッダーお問合せボタン9*/
#colum1 li:nth-child(3) .btn9 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #205da9;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  margin: 0.25em 5px;
  font-weight: normal;
  text-align: center;
}

#colum1 li:nth-child(3) .btn9 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 5px 5px;
}

#colum1 li:nth-child(3) .btn9:hover {
  /*ボタンを押したとき*/
  color: #205da9;
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;

}

/*ヘッダーお問合せボタン9*/


/*ヘッダー翻訳ボタン*/
#colum1 li:nth-child(1) .btn8 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #e0e0e1;
  /*#ededf0#b9a27f*/
  color: #585858;
  border: solid 1px #fff;
  /*border-radius: 3px;*/
  transition: all .4s ease-out;

  font-size: 100%;
  /*font-size:120%;*/
  /*width:50%;*/
  margin: 0.25em auto 1em auto;
  font-weight: bold;
  text-align: center;
  float: right;
}

#colum1 li:nth-child(1) .btn8 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px;
}

#colum1 li:nth-child(1) .btn8:link {
  color: #585858;
  background-color: #e0e0e1;
  border: solid 1px #fff;

}

#colum1 li:nth-child(1) .btn8:visited {
  color: #585858;
  background-color: #e0e0e1;
  border: solid 1px #fff;

}

#colum1 li:nth-child(1) .btn8:hover {
  color: #acabab;
  /*#302f2f*/
  background-color: #e0e0e1;
  border: solid 1px #fff;

}

/*ヘッダー翻訳ボタン*/

/*ヘッダー説明*/
.h1_header {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0 auto;
  width: 1100px;
  clear: both;
  font-size: 50%;
  color: #555353;
}

.h1_header:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

/*ヘッダー説明*/


/*---------------------------silider colum*/

#colum2 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 90%;
  /*background-color:#fff;*/
  background-image: url(../images/bg2.png);
}

#colum2:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum2-box {
  display: block;
  margin: 0px auto;
  padding: 0;
  width: 1100px;
  /*width:100%;*/
  clear: both;

}

.colum2-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;

  display: block;
}

@media screen and (max-width: 768px) {
  .colum2-box {
    display: block;
    margin: 0px auto;
    padding: 0;
    width: 100%;
    clear: both;

  }

  .colum2-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;

    display: block;
  }
}

/*---------------------------silider colum*/


/*---------------------------top3colum*/




#colum3 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 10vh 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  background-color: #f4f7f5;
  background-image: url(../images/bg1.png);

}

#colum3:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum3-box {

  display: block;
  margin: 0px auto;
  width: 1100px;
  clear: both;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wr
}

.colum3-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum3-box p {
  width: 96%;
  margin: 0 2%;

}



#colum3 figure {
  box-sizing: border-box;
  /*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);*/
  border: #e5e6e7 1px solid;
  background-color: #388f74;


  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

#colum3 figure img {
  width: 100%;
  margin: 1% auto 0 auto;
  display: block;
  padding: 0;
}

#colum3 figure p {
  text-align: left;
  line-height: 1.8;

  margin: 1em 5%;
  padding: 0;
  width: 90%;
  font-size: 110%;
  font-weight: normal;
  color: #fff;


}

#colum3 figure br {
  display: block;
}

#colum3 figcaption {}

#colum3 figure .red {
  color: #ef3636;
}


#colum3 figure:nth-child(1) {
  width: 31%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum3 figure:nth-child(1) img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#colum3 figure:nth-child(2) {
  width: 31%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum3 figure:nth-child(2) img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#colum3 figure:nth-child(3) {
  width: 31%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum3 figure:nth-child(3) img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#colum3 figure:nth-child(4) {
  width: 31%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum3 figure:nth-child(4) img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#colum3 figure:nth-child(5) {
  width: 31%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum3 figure:nth-child(5) img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#colum3 figure:nth-child(6) {
  width: 31%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum3 figure:nth-child(6) img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#colum3 h6 {
  font-size: 200%;
  background-color: #b9a27f;
  /*#b9a27f*/
  color: #fff;
  line-height: 1.8;
  margin: 0;

  padding: 1em auto;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-bottom: 2px solid #377361;
}

#colum3 h5 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 4vh auto 10vh auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum3 h5 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum3 h5:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

@media screen and (max-width: 768px) {
  #colum3 {
    text-align: left;
    display: block;
    margin: 0;
    padding: 10vh 0;
    width: 100%;
    clear: both;
    font-size: 110%;
    background-color: #f4f7f5;
    background-image: url(../images/bg1.png);

  }

  #colum3:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum3-box {

    display: block;
    margin: 0px auto;
    width: 96%;
    clear: both;


    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wr
  }

  .colum3-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum3-box p {
    width: 96%;
    margin: 0 2%;

  }



  #colum3 figure {
    box-sizing: border-box;
    /*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);*/
    border: #e5e6e7 1px solid;
    background-color: #388f74;


    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  #colum3 figure img {
    width: 100%;
    margin: 1% auto 0 auto;
    display: block;
    padding: 0;
  }

  #colum3 figure p {
    text-align: left;
    line-height: 1.8;

    margin: 1em 5%;
    padding: 0;
    width: 90%;
    font-size: 110%;
    color: #fff;


  }

  #colum3 figure br {
    display: block;
  }

  #colum3 figcaption {}

  #colum3 figure .red {
    color: #ef3636;
  }


  #colum3 figure:nth-child(1) {
    width: 90%;
    margin: 1vh auto 3vh auto;
    float: left;
  }

  #colum3 figure:nth-child(1) img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  #colum3 figure:nth-child(2) {
    width: 90%;
    margin: 1vh auto 3vh auto;
    float: left;
  }

  #colum3 figure:nth-child(2) img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  #colum3 figure:nth-child(3) {
    width: 90%;
    margin: 1vh auto 3vh auto;
    float: left;
  }

  #colum3 figure:nth-child(3) img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  #colum3 figure:nth-child(4) {
    width: 90%;
    margin: 1vh auto 3vh auto;
    float: left;
  }

  #colum3 figure:nth-child(4) img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  #colum3 figure:nth-child(5) {
    width: 90%;
    margin: 1vh auto 3vh auto;
    float: left;
  }

  #colum3 figure:nth-child(5) img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  #colum3 figure:nth-child(6) {
    width: 90%;
    margin: 1vh auto 3vh auto;
    float: left;
  }

  #colum3 figure:nth-child(6) img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  #colum3 h6 {
    font-size: 200%;
    background-color: #b9a27f;
    /*#b9a27f*/
    color: #fff;
    line-height: 1.8;
    margin: 0;

    padding: 1em auto;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #377361;
  }

  #colum3 h5 {
    font-size: 300%;
    color: #302f2f;
    line-height: 1.8;
    margin: 4vh auto 10vh auto;

    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;
    display: inline-block;
    width: 100%;
  }

  #colum3 h5 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #302f2f;
    line-height: 1.8;
    margin: auto 0.25em;
    display: block;

  }

  #colum3 h5:before {
    content: '';
    position: absolute;
    bottom: -10px;
    display: inline-block;
    width: 100px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #31c5fc;
    border-radius: 2px;
  }

}

/*---------------------------top3colum*/


/*赤帯*/
.ribbon1 {
  font-family: "M PLUS Rounded 1c";
  font-weight: bold;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 20px;
  line-height: 20px;
  font-size: 9px;
  letter-spacing: 0.1em;
  color: #fff;
  background: #ef3636;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);


}

.ribbon1:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 28px;
  width: 7px;
  background: #dd3232;
  border-radius: 5px 0 0 5px;
}

.ribbon1:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #cc2e2e;
  border-radius: 5px 0 0 5px;
}

/*赤帯*/

/*青帯*/
.ribbon2 {
  font-family: "M PLUS Rounded 1c";
  font-weight: bold;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 20px;
  line-height: 20px;
  font-size: 9px;
  letter-spacing: 0.1em;
  color: #fff;
  background: #2b7df8;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);


}

.ribbon2:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 28px;
  width: 7px;
  background: #1d72f3;
  border-radius: 5px 0 0 5px;
}

.ribbon2:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #1166e6;
  border-radius: 5px 0 0 5px;
}

/*青帯*/

/*黄帯*/
.ribbon3 {
  font-family: "M PLUS Rounded 1c";
  font-weight: bold;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 20px;
  line-height: 20px;
  font-size: 9px;
  letter-spacing: 0.1em;
  color: #494848;
  background: #fffd39;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);


}

.ribbon3:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 28px;
  width: 7px;
  background: #e7e535;
  border-radius: 5px 0 0 5px;
}

.ribbon3:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #d1cf2e;
  border-radius: 5px 0 0 5px;
}

/*黄帯*/



/*---------------------------top left*/




#colum4 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0 0 5vh 0;
  width: 100%;
  clear: both;
  font-size: 100%;

}

#colum4:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum4-box {
  display: block;
  margin: 5vh auto;
  width: 1100px;
  clear: both;
  text-align: left;



}

.colum4-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum4-box p {
  width: 96%;
  margin: 0 2%;

}

#colum4 br {
  display: block;
}


.colum4-box div {
  text-align: left;

  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum4-box div:nth-child(1) {
  width: 30%;
  margin: 0;
  padding: 0;
  float: left;
  /*background-color:#388f74;*/
}

.colum4-box div:nth-child(2) {
  text-align: left;
  line-height: 1.8;
  margin: 0;
  padding: 1em 5%;
  width: 60%;
  background-color: #fff;
  float: left;
}

#colum4 .red {
  color: #ef3636;
}


#colum4 img {
  width: 100%;
  margin: 0 auto;
  display: block;


}

#colum4 h1 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;

}

#colum4 h2 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  padding: 0;
  font-weight: normal;

}

#colum4 h3 {
  font-size: 250%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;

}

#colum4 h4 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  font-weight: normal;

  padding: 0;
}

@media screen and (max-width: 768px) {
  #colum4 {
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 0 5vh 0;
    width: 100%;
    clear: both;
    font-size: 100%;

  }

  #colum4:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum4-box {
    display: block;
    margin: 5vh auto;
    width: 90%;
    clear: both;
    text-align: left;

  }

  .colum4-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum4-box p {
    width: 96%;
    margin: 0 2%;

  }

  #colum4 br {
    display: block;
  }


  .colum4-box div {
    text-align: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/

  }

  .colum4-box div:nth-child(1) {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    /*background-color:#388f74;*/
  }

  .colum4-box div:nth-child(2) {
    text-align: left;
    line-height: 1.8;
    margin: 0;
    padding: 1em auto;
    width: 100%;
    background-color: #fff;
    float: left;
  }

  #colum4 .red {
    color: #ef3636;
  }


  #colum4 img {
    width: 70%;
    margin: 0 auto;
    display: block;


  }

  #colum4 h1 {
    font-size: 300%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto 0vh auto;

    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;

    border-bottom: solid 5px #31c5fc;
    border-radius: 2px;
    display: block;

  }

  #colum4 h2 {
    font-size: 200%;
    color: #555353;
    line-height: 1.8;
    padding: 0;
    font-weight: normal;

  }

  #colum4 h3 {
    font-size: 250%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto 0vh auto;

    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;

    border-bottom: solid 5px #31c5fc;
    border-radius: 2px;
    display: inline-block;

  }

  #colum4 h4 {
    font-size: 200%;
    color: #555353;
    line-height: 1.8;
    font-weight: normal;

    padding: 0;
  }
}


/*---------------------------top left*/

/*---------------------------top right*/
#colum5 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0 0 5vh 0;
  width: 100%;
  clear: both;
  font-size: 100%;

}

#colum5:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum5-box {
  display: block;
  margin: 5vh auto;
  width: 1100px;
  clear: both;
  text-align: left;



}

.colum5-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum5-box p {
  width: 96%;
  margin: 0 2%;

}

#colum5 br {
  display: block;
}

#colum5 .lphoto2 {
  display: none;
}

.colum5-box div {
  text-align: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/

}

.colum5-box div:nth-child(1) {
  text-align: center;
  width: 100%;
  display: none;
}

.colum5-box div:nth-child(2) {
  text-align: left;
  line-height: 1.8;
  margin: 1em 5%;
  width: 60%;
  background-color: #fff;
  float: left;
}

.colum5-box div:nth-child(3) {
  width: 30%;
  margin: 0;
  padding: 0;
  float: right;
  background-color: #388f74;
  text-align: right;
}


#colum5 .red {
  color: #ef3636;
}


#colum5 img {
  width: 100%;
  margin: 0 auto;
  display: block;


}

#colum5 h1 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;

}

#colum5 h2 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  padding: 0;
  font-weight: normal;

}

#colum5 h3 {
  font-size: 250%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;

}

#colum5 h4 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  font-weight: normal;

  padding: 0;
}

@media screen and (max-width: 768px) {
  #colum5 {
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 0 5vh 0;
    width: 90%;
    clear: both;
    font-size: 100%;

  }

  #colum5:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum5-box {
    display: block;
    margin: 5vh auto;
    width: 100%;
    clear: both;
    text-align: left;



  }

  .colum5-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum5-box p {
    width: 96%;
    margin: 0 2%;

  }

  #colum5 br {
    display: block;
  }

  #colum5 .lphoto2 {
    display: none;
  }

  .colum5-box div {
    text-align: left;

    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/

  }

  .colum5-box div:nth-child(1) {
    text-align: center;
    width: 100%;
    display: block;
  }

  .colum5-box div:nth-child(2) {
    text-align: left;
    line-height: 1.8;
    margin: 1em 5%;
    width: 90%;
    background-color: #fff;
    float: none;
    display: block;
    clear: both;
  }

  .colum5-box div:nth-child(3) {
    width: 30%;
    margin: 0;
    padding: 0;
    float: right;
    background-color: #388f74;
    text-align: right;
    display: none;
  }


  #colum5 .red {
    color: #ef3636;
  }


  #colum5 img {
    width: 100%;
    margin: 0 auto;
    display: block;

  }

  #colum5 h1 {
    font-size: 300%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto 0vh auto;

    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;

    border-bottom: solid 5px #31c5fc;
    border-radius: 2px;
    display: inline-block;

  }

  #colum5 h2 {
    font-size: 200%;
    color: #555353;
    line-height: 1.8;
    padding: 0;
    font-weight: normal;

  }

  #colum5 h3 {
    font-size: 250%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto 0vh auto;

    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;

    border-bottom: solid 5px #31c5fc;
    border-radius: 2px;
    display: inline-block;

  }

  #colum5 h4 {
    font-size: 200%;
    color: #555353;
    line-height: 1.8;
    font-weight: normal;

    padding: 0;
  }

}

/*---------------------------top right*/










/*---------------------------top left*/
#colum6 {
  text-align: left;
  display: block;
  margin: 10vh auto;
  width: 100%;
  font-size: 100%;
  clear: both;
}

#colum6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum6-box {
  display: block;
  margin: 5vh auto;
  width: 1100px;
  clear: both;
}

.colum6-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum6 h1 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;
}

#colum6 h2 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  padding: 0;
  font-weight: normal;

}

#colum6 h3 {
  font-size: 250%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;

}

#colum6 h4 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  font-weight: normal;

  padding: 0;
}

#colum6 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #555353;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

.colum6-left {
  margin: 0 auto;
  width: 70%;
  color: #3f3a39;
  float: left;
  box-sizing: border-box;
}

.colum6-left:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum6-right {
  margin: 0 auto;
  width: 30%;
  float: right;
  text-align: right;
  box-sizing: border-box;
}

.colum6-right:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum6 img {
  width: 90%;
}

#colum6 p {
  width: 96%;
  display: block;
  line-height: 1.8;
  margin: 0 auto;
}

.lphoto-small {
  display: none;
}

.lphoto-small img {
  width: 100%;
  display: none;
}

@media screen and (max-width: 768px) {
  #colum6 {
    text-align: left;
    display: block;
    margin: 5vh 5%;
    width: 90%;
    float: left;
    font-size: 100%;
  }

  #colum6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum6-box {
    display: block;
    margin: 0 auto;
    width: 100%;
    clear: both;

  }

  .colum6-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum6 h1 {
    font-size: 300%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto 0vh auto;

    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;

    border-bottom: solid 5px #31c5fc;
    border-radius: 2px;
    display: block;

  }

  #colum6 h2 {
    font-size: 200%;
    color: #555353;
    line-height: 1.8;
    padding: 0;
    font-weight: normal;

  }

  #colum6 h3 {
    font-size: 250%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto 0vh auto;

    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;

    border-bottom: solid 5px #31c5fc;
    border-radius: 2px;
    display: inline-block;

  }

  #colum6 h4 {
    font-size: 200%;
    color: #555353;
    line-height: 1.8;
    font-weight: normal;

    padding: 0;
  }


  .colum6-left {
    margin: 0 0%;
    width: 100%;
    float: none;

  }

  .colum6-left:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum6-right {
    margin: 0 auto;
    width: 30%;
    float: right;
    text-align: right;
    display: none;
  }

  .colum6-right:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum6 p {
    width: 90%;
    margin: 0 auto;
    display: block;
    line-height: 1.8;

  }

  #colum6 img {
    width: 70%;
  }

  .lphoto-small {
    display: block;
  }

  .lphoto-small img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }

}

/*---------------------------top left*/


#colum7 {
  text-align: left;
  display: block;
  margin: 10vh auto;
  width: 80%;
  font-size: 100%;
  clear: both;
}

#colum7:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum7-box {
  display: block;
  margin: 0 auto;
  width: 1100px;
  clear: both;
}

.colum7-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum7 h1 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;

}

#colum7 h2 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  padding: 0;
  font-weight: normal;

}

#colum7 h3 {
  font-size: 250%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;

}

#colum7 h4 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  font-weight: normal;

  padding: 0;
}

#colum7 div {
  box-sizing: border-box;
}


.colum7-left {
  margin: 0 auto;
  width: 30%;
  color: #3f3a39;
  float: left;
  text-align: left;
}

.colum7-left:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum7-right {
  margin: 0 auto;
  width: 70%;
  float: right;
}

.colum7-right:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum7 img {
  width: 85%;
}

#colum7 p {
  width: 96%;
  display: block;
  line-height: 1.8;
  margin: 0 auto;
}


/*---------------------------top right*/
@media screen and (max-width: 768px) {
  #colum7 {
    text-align: left;
    display: block;
    margin: 5vh 5%;
    width: 90%;
    float: left;
    font-size: 100%;
  }

  #colum7:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum7-box {
    display: block;
    margin: 0 auto;
    width: 100%;
    clear: both;
  }

  .colum7-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum7 h1 {
    font-size: 300%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto 0vh auto;

    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;

    border-bottom: solid 5px #31c5fc;
    border-radius: 2px;
    display: inline-block;

  }

  #colum7 h2 {
    font-size: 200%;
    color: #555353;
    line-height: 1.8;
    padding: 0;
    font-weight: normal;

  }

  #colum7 h3 {
    font-size: 250%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto 0vh auto;

    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;

    border-bottom: solid 5px #31c5fc;
    border-radius: 2px;
    display: inline-block;

  }

  #colum7 h4 {
    font-size: 200%;
    color: #555353;
    line-height: 1.8;
    font-weight: normal;

    padding: 0;
  }


  .colum7-right {
    margin: 0 auto;
    width: 100%;
    color: #3f3a39;
    float: right;
  }

  .colum7-left:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum7-left {
    margin: 0 auto;
    width: 100%;
    color: #3f3a39;
    float: left;
    text-align: center;
  }

  .colum7-right:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum7 img {
    width: 70%;
    margin: 0 auto;
  }

  #colum7 p {
    width: 90%;
    margin: 0 auto;
    display: block;
    line-height: 1.8;

  }
}

/*---------------------------top right*/


/*---------------------------top welcome*/
#colum8 {
  text-align: left;
  display: block;
  margin: 0vh auto;
  width: 100%;
  font-size: 100%;
  clear: both;

  position: relative;
  top: -150px;
  z-index: 2;
}

#colum8:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum8-box {
  display: block;
  margin: 10vh auto 2vh auto;
  width: 1100px;
  clear: both;

  color: #3f3a39;
  line-height: 1.8;
}

.colum8-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum8 h1 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;


  text-align: center;
}

#colum8 h2 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  padding: 0;
  font-weight: normal;
  text-align: center;

}

#colum8 h3 {
  font-size: 250%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto 0vh auto;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;

  border-bottom: solid 5px #31c5fc;
  border-radius: 2px;
  display: inline-block;

}

#colum8 h4 {
  font-size: 200%;
  color: #555353;
  line-height: 1.8;
  font-weight: normal;

  padding: 0;
}

#colum8 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #555353;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}



#colum8 p {
  width: 96%;
  display: block;
  margin: 0 auto;
}

#colum8 img {
  width: 15%;
  display: block;
  margin: 0 auto;

}

@media screen and (max-width: 768px) {
  #colum8 {
    text-align: left;
    display: block;
    margin: 0vh auto;
    width: 100%;
    font-size: 100%;
    clear: both;

    position: relative;
    top: -100px;
    z-index: 2;
  }

  #colum8:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum8-box {
    display: block;
    margin: 2vh auto 1vh auto;
    width: 90%;
    clear: both;

    color: #3f3a39;
    line-height: 1.8;
  }

  .colum8-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum8 img {
    width: 25%;
    display: block;
    margin: 0 auto;

  }
}

/*---------------------------top welcome*/


/*---------------------------top2colum*/

#colum9 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 10vh 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  /*background-color:#f4f7f5;*/
  background-image: url(../images/bg3.jpg);
  background-size: cover;
  background-position: center;
}

#colum9:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum9-box {

  display: block;
  margin: 0px auto;
  width: 1100px;
  clear: both;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.colum9-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum9 p {
  width: 90%;
  margin: 2vh auto;
  color: #302f2f;

  text-align: left;
  line-height: 1.8;
  font-size: 110%;
}



#colum9 figure {
  /*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);*/
  border: #e5e6e7 1px solid;
  background-color: rgba(255, 255, 255, 0.5);
  transition: 0.5s;

  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

#colum9 figure:hover {
  opacity: 0.5;
}

#colum9 figure p {
  text-align: left;
  line-height: 1.8;

  margin: 1em 5% 2em 5%;
  padding: 0;
  width: 90%;
  font-size: 110%;
  font-weight: normal;
  color: #302f2f;

  /*overflow: hidden;
white-space: nowrap;
text-overflow:: ellipsis;*/

}

#colum9 figure br {
  display: block;
}

#colum9 figcaption {}

#colum9 figure .red {
  color: #ef3636;
}


#colum9 figure:nth-child(1) {
  width: 48%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum9 figure:nth-child(1) img {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
}

#colum9 figure:nth-child(2) {
  width: 48%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum9 figure:nth-child(2) img {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
}

#colum9 figure:nth-child(3) {
  width: 48%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum9 figure:nth-child(3) img {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
}

#colum9 figure:nth-child(4) {
  width: 48%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum9 figure:nth-child(4) img {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  display: block;
}

#colum9 figure:nth-child(5) {
  width: 48%;
  margin: 1vh 1% 3vh 1%;
  float: left;
}

#colum9 figure:nth-child(5) img {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  display: block;
}


#colum9 h4 {
  font-size: 200%;

  color: #1068a8;
  line-height: 1.8;
  margin: 1em auto 0 0;

  padding: 1em auto;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum9 h4 small {

  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum9 h3 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 4vh auto 4vh auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum9 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum9 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum9 .btn2 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  margin: 0.25em auto;
  font-weight: normal;
  text-align: center;
  display: block;
}

#colum9 .btn2 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum9 .btn2:hover {
  /*ボタンを押したとき*/
  /*color: #fff;
background-color: #74a496;
border-bottom: solid 4px #658e82;*/
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  #colum9 {
    text-align: left;
    display: block;
    margin: 0;
    padding: 10vh 0;
    width: 100%;
    clear: both;
    font-size: 110%;
    /*background-color:#f4f7f5;*/
    background-image: url(../images/bg3.jpg);
    background-size: contain;
  }

  #colum9:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum9-box {

    display: block;
    margin: 0px auto;
    width: 90%;
    clear: both;


    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .colum9-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum9 p {
    width: 90%;
    margin: 2vh auto;
    color: #302f2f;

    text-align: left;
    line-height: 1.8;
    font-size: 110%;
  }



  #colum9 figure {
    /*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);*/
    border: #e5e6e7 1px solid;
    background-color: rgba(255, 255, 255, 0.5);
    transition: 0.5s;

    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  #colum9 figure:hover {
    opacity: 0.5;
  }

  #colum9 figure p {
    text-align: left;
    line-height: 1.8;

    margin: 1em 5% 2em 5%;
    padding: 0;
    width: 90%;
    font-size: 110%;
    font-weight: normal;
    color: #302f2f;

    /*overflow: hidden;
white-space: nowrap;
text-overflow:: ellipsis;*/

  }

  #colum9 figure br {
    display: block;
  }

  #colum9 figcaption {}

  #colum9 figure .red {
    color: #ef3636;
  }


  #colum9 figure:nth-child(1) {
    width: 98%;
    margin: 1vh 1% 3vh 1%;
    float: left;
  }

  #colum9 figure:nth-child(1) img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
  }

  #colum9 figure:nth-child(2) {
    width: 98%;
    margin: 1vh 1% 3vh 1%;
    float: left;
  }

  #colum9 figure:nth-child(2) img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
  }

  #colum9 figure:nth-child(3) {
    width: 98%;
    margin: 1vh 1% 3vh 1%;
    float: left;
  }

  #colum9 figure:nth-child(3) img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
  }

  #colum9 figure:nth-child(4) {
    width: 98%;
    margin: 1vh 1% 3vh 1%;
    float: left;
  }

  #colum9 figure:nth-child(4) img {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: block;
  }

  #colum9 figure:nth-child(5) {
    width: 98%;
    margin: 1vh 1% 3vh 1%;
    float: left;
  }

  #colum9 figure:nth-child(5) img {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: block;
  }


  #colum9 h4 {
    font-size: 200%;

    color: #1068a8;
    line-height: 1.8;
    margin: 1em auto 0 0;

    padding: 1em auto;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
  }

  #colum9 h4 small {

    font-size: 50%;
    color: #302f2f;
    line-height: 1.8;
    margin: auto 0.25em;
    display: block;

  }

  #colum9 h3 {
    font-size: 300%;
    color: #302f2f;
    line-height: 1.8;
    margin: 4vh auto 4vh auto;

    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

    position: relative;
    display: inline-block;
    width: 100%;
  }

  #colum9 h3 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #302f2f;
    line-height: 1.8;
    margin: auto 0.25em;
    display: block;

  }

  #colum9 h3:before {
    content: '';
    position: absolute;
    bottom: -10px;
    display: inline-block;
    width: 100px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #31c5fc;
    border-radius: 2px;
  }

  #colum9 .btn2 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 50%;
    margin: 0.25em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  #colum9 .btn2 i {
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0 0.25em 0 0;
  }

  #colum9 .btn2:hover {
    /*ボタンを押したとき*/
    /*color: #fff;
background-color: #74a496;
border-bottom: solid 4px #658e82;*/
    opacity: 0.5;
  }

}

/*---------------------------top2colum*/



/*--------------------pc menu*/

#colum10 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  background-color: #1479c2;


}

#colum10:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum10-box {

  display: block;
  margin: 0px auto;
  padding: 0;
  width: 100%;
  /*width:1100px;*/
  clear: both;

  display: flex;

}

.colum10-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

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

.nav2 {
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: flex;
}

.nav2 li {
  position: relative;
  list-style: none;
  z-index: 3;
}

.nav2 li a {
  display: block;
  width: 92px;
  height: 50px;
  text-align: center;
  color: #fff;
  font-size: 85%;
  line-height: 2.8;
  background: #1479c2;
  transition: 0.5s;
  text-decoration: none;
  box-sizing: border-box;
  text-shadow: 0px;
  padding: 0.25em
}

/* 企業情報の色が変わる */
.nav2>li:hover>a {
  /*layer-1*/
  color: #fff;
  background: #1068a8;
  text-shadow: 0px;
}

/* 代表のご挨拶の色が変わる */
.c-info li:hover>a {
  /*layer-2*/
  color: #302f2f;
  background: #e5e5e5;
  text-shadow: 0px;
}

/* 代表のご挨拶の位置 */
.c-info ul {
  top: 50px;
  left: -40px;
  position: absolute;
}

/* ボックスからはみ出たコンテンツを非表示にする */
.c-info ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;

}

/* 代表のご挨拶の幅 */
.c-info ul li a {
  width: 184px;
  /*カスタムワイドサイズ*/

}

/* 代表ご挨拶が現れる */
.c-info:hover>ul>li {
  overflow: visible;
  height: 50px;
  border-bottom: 1px solid #1068a8;
}

/*縦並び*/
.p-info ul {
    display: grid;
    text-align: center;
}

/* 金型洗浄剤の色が変わる */
.p-info li:hover>a {
  /*layer-2*/
  color: #302f2f;
  background: #e5e5e5;
  text-shadow: 0px;
}

/* 金型洗浄剤の位置 */
.p-info ul {
  top: 50px;
  left: -40px;
  position: absolute;
}

/* ボックスからはみ出たコンテンツを非表示にする */
.p-info ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;
}

/* 金型洗浄剤の幅 */
.p-info ul li a {
  width: 184px;
  /*カスタムワイドサイズ*/
}

/* 金型洗浄剤が現れる */
.p-info:hover>ul>li {
  overflow: visible;
  height: 50px;
  border-bottom: 1px solid #1068a8;
}


/*縦並び */
.m-info ul {
  display: grid;
  position: relative;
}

/* KR-303の色が変わる */
.m-info li:hover>a {
  /*layer-2*/
  color: #302f2f;
  background: #e5e5e5;
  text-shadow: 0px;
}

/* KR-303の位置 */
.m-info ul {
  top: 0px;
  left: 143px;
  position: absolute;
}

/* ボックスからはみ出たコンテンツを非表示にする */
.m-info ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;
}

/* KR-303の幅 */
.m-info ul li a {
  width: 300px;
  /*カスタムワイドサイズ*/
}

/* KR-303が現れる */
.m-info:hover>ul>li {
  overflow: visible;
  height: 50px;
  border-bottom: 1px solid #1068a8;
}



/* ナビゲーションメニュー */
.nav-menu {
  background-color: #333;
  /* メニューの背景色 */
  color: #fff;
  /* メニューテキストの色 */
}

.menu-list {
  display: flex;
  justify-content: center;
  /* メニューアイテムを中央揃えに */
}

.menu-item {
  background-color: #333;
  /* メニューの背景色 */
  border-left: 1px solid #fff;
  /* メニューアイテムの左ボーダー */
  position: relative;
}

.menu-item:last-child {
  border-right: 1px solid #fff;
  /* 最後のメニューアイテムの右ボーダー */
}

/* メニューアイテムのホバースタイル */
.menu-item:hover .drop-menu-list,
.drop-menu-item:hover .drop-menu-list-child {
  opacity: 1;
  /* 不透明度を最大に */
  transition: opacity .3s, visibility .3s;
  /* アニメーション設定 */
  visibility: visible;
  /* 下層メニューを表示 */
}

.menu-item a {
  align-items: center;
  color: #fff;
  /* メニューアイテム内のリンクテキストの色 */
  display: flex;
  height: 50px;
  justify-content: center;
  text-decoration: none;
  /* リンクの下線を非表示 */
  width: 120px;
}

/* ドロップダウンメニュー */
.drop-menu {
  position: relative;
}

.drop-menu-item {
  position: relative;
}

/* ドロップダウンメニューのスタイル */
.drop-menu-list-child {
  background-color: #4682b4;
  /* 下層メニューの背景色 */
}

.drop-menu-list {
  background-color: #696969;
  /* ドロップダウンメニューの背景色 */
  left: 0;
  opacity: 0;
  /* 不透明度を最小に */
  position: absolute;
  top: 100%;
  transition: opacity .3s, visibility .3s;
  /* アニメーション設定 */
  visibility: hidden;
  /* 下層メニューを非表示 */
  width: max-content;
  z-index: 1;
}

/* 下層メニューのスタイル */
.drop-menu-list-child {
  left: 100%;
  opacity: 0;
  /* 不透明度を最小に */
  position: absolute;
  top: 0;
  transition: opacity .3s, visibility .3s;
  /* アニメーション設定 */
  visibility: hidden;
  /* 下層メニューを非表示 */
  width: max-content;
  z-index: 1;
}






.content2 {
  width: 750px;
  height: 200px;
  background: #eee;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .nav2 {
    display: none;
  }
}

/*-----------fodmenu*/
.nav3 {
  width: 1100px;
  height: ;
  /*height: 40px;*/
  margin: 0 auto;
  padding: 0;
  display: flex;
  /**/

}

.nav3:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.nav3 li {
  position: relative;
  list-style: none;


}

.nav3 li a {
  display: block;
  width: 170px;
  /*width: 180px;width: 200px;height: 110px;*/
  text-align: left;
  color: #666666;
  /*color: #535253;*/
  font-size: 80%;
  /*font-size: 85%;font-size: 14px;*/
  line-height: 2;
  /*line-height: 2.8;*/
  transition: 0.5s;
  text-decoration: none;
  box-sizing: border-box;

  margin: 0;
  padding: 0;
  /*padding:0 1em;*/
}


.nav3>li:hover>a {
  /*layer-1*/
  color: #302f2f;

  text-decoration: none;

}

.nav3>li li:hover>a {
  /*layer-2*/
  color: #302f2f;
  text-decoration: underline;


}

.nav3 li ul li {
  transition: 0.2s;
  position: relative;
  left: -40px;


}

.nav3 li ul li a {}

.nav3 strong {
  font-weight: bold;
  font-size: 110%;
  margin: 5vh 0 0 0;
  border-bottom: 1px solid #cfced0;
  display: inline-block;

}

.nav3 li ul li strong:nth-child(1) {
  margin: 1vh 0 0 0;
}

.nav3 strong:hover {
  text-decoration: underline;
}

#colum11 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  background-color: #ededf0;
}

#colum11:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum11-box {

  display: block;
  padding: 0;
  margin: 0 auto;
  width: 1100px;
  clear: both;

}

.colum11-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

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


  #colum11 {
    display: none;
  }

  .nav3 {
    display: none;
  }
}

/*-----------fodmenu*/


/*--------------fodmenu*/
.label3 {
  display: none;
}

.fodmenu {
  display: none;
}

.label3 {
  padding: 1em;
  /*padding: 10px;*/
  display: block;
  margin: 0;
  border-bottom: 1px solid #fff;


  color: #fff;
  font-size: 120%;

  background: #1479c2;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);


  position: relative;
  /*相対位置*/
}

.label3:hover {
  background: #b9a27f;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  color: #fff;
}

.label3 img {
  width: 18px;
  float: right;
}


input[type="checkbox"].on-off {
  display: none;

}

.fodmenu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fodmenu li {
  padding: 5px;

  border-bottom: 1px solid #cfced0;
  color: #302f2f;
  background: #ededf0;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
  font-weight: bold;

  z-index: 1000;
}

.fodmenu li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  font-size: 120%;

  padding: 1em;
  /*padding: 10px;*/
}

.fodmenu li a:link {
  text-decoration: none;
  color: #666666;
}

.fodmenu li a:visited {
  text-decoration: none;
  color: #666666;
}

.fodmenu li a:hover {
  text-decoration: none;
  color: #302f2f;
  transition: 0.5s;
}

input[type="checkbox"].on-off+ul {
  height: 0;
  overflow: hidden;
}

input[type="checkbox"].on-off:checked+ul {
  /*height: 200px;*/
  height: 100%;

}

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


  .label3 {
    display: block;
  }

  .fodmenu {
    display: block;
  }
}

/*--------------fodmenu*/


/*-----------fodmenu*/

.nav4 {
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;

  display: none;
}


.nav4:before,
.nav4:after {
  content: "";
  display: table;


}

.nav4:after {
  clear: both;



}

.nav4 li {
  position: relative;
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #1479c2;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);


}

.nav4 li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #1479c2;
  color: #fff;
  font-size: 110%;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.5s;
}

.nav4 li ul {
  list-style: none;
  position: absolute;
  top: 0;
  /*top: 100%*/
  right: 100%;
  /*left: 100%;*/
  margin: 0;
  padding: 0;

  width: 100%;
}

.nav4 li ul li {
  width: 100%;

}

.nav4 li ul li a {
  padding: 13px 15px;
  background: #b9a27f;
  text-align: left;
  color: #393939;
}

.nav4 li:hover>a {
  background: #1479c2;
  color: #333333;

}

.nav4 li a:hover {
  background: #b9a27f;
  color: #fff;

}

#colum12 {
  text-align: left;
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  background-color: #ededf0;
}

#colum12:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum12-box {

  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  clear: both;
  display: block;

}

.colum12-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

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

  #colum12 {
    display: block;
  }

  .nav4 {
    display: block;
  }

  .nav5 {
    display: block;
  }
}


.nav5 {
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0px;
  padding: 0;

  display: block;
}


.nav5:before,
.nav5:after {
  content: "";
  display: table;


}

.nav5:after {
  clear: both;



}

.nav5 li {
  position: relative;
  width: 50%;
  float: left;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #ededf0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  border: 1px solid #cfced0;
}

.nav5 li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background-color: #ededf0;
  color: #666666;
  font-size: 110%;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.5s;
  font-weight: bold;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nav5 li ul {
  list-style: none;
  position: absolute;
  top: 0;
  /*top: 100%*/
  right: 100%;
  /*left: 100%;*/
  margin: 0;
  padding: 0;

  width: 100%;
}

.nav5 li ul li {
  width: 100%;

}

.nav5 li ul li a {
  padding: 13px 15px;
  background-color: #ededf0;
  text-align: center;
  color: #666666;
}

.nav5 li:hover>a {
  background: #1479c2;
  color: #666666;

}

.nav5 li a:hover {
  background-color: #ededf0;
  color: #302f2f;

}

/*-----------fodmenu*/
/*---------------------------pc menu*/


/*---------------------------topprofile*/
#colum15 {
  text-align: left;
  display: block;
  margin: 5vh 0;
  padding: 5vh 0;
  width: 100%;
  clear: both;
  font-size: 120%;
  color: #313030;

  line-height: 1.8;
}

#colum15:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum15-box {
  display: block;
  padding: 0.5em 2em 0.5em 2em;
  /*padding:0.5em 2em 0.5em 2em;*/
  margin: 0 auto;
  width: 1100px;
  /*width:1100px;*/
  clear: both;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.colum15-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum15 h3 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum15 h2 {
  font-size: 300%;
  color: #1068a8;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);


  display: inline-block;
  width: 100%;
}

#colum15 img {
  width: 15%;
  /*z-index:1;*/
  float: right;
  position: relative;
  bottom: 20px;
  right: 0;
}

@media screen and (max-width: 768px) {
  #colum15 {
    text-align: left;
    display: block;
    margin: 1vh 0 3vh 0;
    padding: 1vh 0 3vh 0;
    width: 100%;
    clear: both;
    font-size: 120%;
    color: #313030;

    line-height: 1.8;
  }

  #colum15 img {
    width: 25%;
    /*z-index:1;*/
    float: right;
    position: relative;
    bottom: -20px;
    right: 0;
  }

  .colum15-box {
    display: block;
    padding: 0.5em 5% 0.5em 5%;
    margin: 0;
    width: 90%;
    clear: both;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  }

  #colum15 br {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  #colum15 h2 {
    font-size: 200%;
    color: #1068a8;
    line-height: 1;
    margin: 2vh auto 0.5em auto;

    padding: 0 5%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);


    display: inline-block;
    width: 90%;
  }

  #colum15 img {
    width: 30%;
    /*z-index:1;*/
    float: none;
    position: relative;
    bottom: 0px;
    right: 0;
    margin: 5% 35% 0 35%;
  }

  #colum15 h3 {
    font-size: 150%;

    color: #302f2f;
    line-height: 1.8;
    margin: 0 0 0.5em 0;

    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
  }

}

/*---------------------------topprofile*/

/*---------------------------mainproduct*/

#colum16 {
  text-align: left;
  display: block;
  margin: 5vh auto 10vh auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  line-height: 1.8;
}

#colum16:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum16-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  text-align: left;
}

.colum16-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum16 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum16 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum16 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum16 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum44 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}


#colum16 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  /*font-size:80%;*/
}

#colum16 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum16 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum16 tr th:nth-child(1),
#colum16 tr th:nth-child(2),
#colum16 tr th:nth-child(3),
#colum16 tr th:nth-child(4),
#colum2 tr th:nth-child(9) {
  color: #222;
  font-weight: 500;
  background: #fafafa;
}

#colum16 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum16 table th,
#colum16 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum16 table th {
  padding: 0.5em;
  width: 100px;
}

#colum16 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

@media screen and (max-width: 768px) {
  #colum16 {
    text-align: left;
    display: block;
    margin: 5vh auto 10vh auto;
    padding: 0;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;

    line-height: 1.8;
  }

  .colum16-box {
    display: block;
    margin: 5vh auto 10vh auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;
  }

}

@media screen and (max-width: 600px) {
  #colum16 {
    display: block;
  }

  .colum16-box {
    display: block;
    margin: 5vh auto 10vh auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;
  }

  #colum16 table caption {
    color: #fff;
    background: #278dd6;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 150%;
    margin: 0;
    padding: 0.5em;
    background-image: url(../images/bg8.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150%;
  }

}









/*---------------------------mainproduct*/


/*------------------------contentsmenu*/
#colum17 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0 5%;
  width: 90%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg1.png);

  line-height: 1.8;
}

#colum17:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum17-box {
  display: block;
  padding: 10vh 0 15vh 0;
  margin: 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: left;
}

.colum17-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum17 h6 {
  font-size: 110%;

  color: #fff;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#colum17 h3 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 4vh 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;

}

#colum17 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: auto 0.25em;
  display: block;

}

#colum17 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum17 a:link {
  color: #535253;
  text-decoration: none;
}

#colum17 a:hover {
  opacity: 0.5;
  transition: 1s;
}

#colum17 figure {
  width: 23%;
  float: left;
  box-sizing: border-box;
  margin: 8vh 1% 1vh 1%;
  padding: 0;
  background: #278dd6;
  /*#b9a27f*/
}

#colum17 figure img {
  width: 100%;
  padding: 0;
  margin: 0;
}

#colum17 figcaption {
  margin: 0;
  padding: 0;
  color: #fff;
  background: #278dd6;
}


@media screen and (max-width: 768px) {
  #colum17 figure {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin: 8vh 0% 1vh 0%;
    padding: 0;
    background: #278dd6;
    /*#b9a27f*/
  }
}

}

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

/*------------------------contentsmenu*/




/*---------------------------subproduct*/
#colum18 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #f8f8f8;
}

#colum18:after {
  content: "";
  clear: both;
  display: block;
}

.colum18-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum18-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum18 p {
  margin: 0 auto;
}


#colum18 a:link {
  color: #535253;
  text-decoration: none;
}

#colum18 a:hover {
  color: #1479c2;
  text-decoration: underline;
  transition: 1s;
}

#colum18 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum18 h4 {
  font-size: 160%;

  color: #302f2f;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 1em auto 0 auto;

  padding: 1em auto;

}

#colum18 h4 small {

  font-size: 50%;
  color: #1479c2;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum18 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum18 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum18 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum18 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum18 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum18 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum18 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum18 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*4dl-colum*/
#colum18 dl {
  margin-bottom: 1%;
  width: 25%;
  text-align: left;
  display: flex;
}

#colum18 dt {
  font-weight: bold;
  color: #fff;
  text-align: left;
  margin-bottom: 1%;
  padding: 1% 0 1% 0;

}

#colum18 dd {
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4dl-colum*/


/*4colum*/
.colum18-smallbox {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/
  padding: 1vh 1%;
  width: 20%;
  text-align: left;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum18-smallbox p {
  color: #555353
    /*color : #555353;*/
    font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/
#colum18 br {
  display: none;
}

.colum18-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

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

  /*4colum*/
  .colum18-smallbox {
    margin: 1vh 1% 1vh 1%;
    width: 48%;
    padding: 2%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
    background: #fff;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
  }

  #colum18 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum18 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg6.png);
background-size:cover;contain*/
    background-position: center;
    background: #302f2f;
    line-height: 1.8;
    background: #f8f8f8;
  }

  /*4colum*/
  .colum18-smallbox {
    margin: 1vh 1% 2vh 1%;
    padding: 2%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum18-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 2vh 0 0 0;
    background: #232424;
    color: #8c8b8b;


  }
}

/*---------------------------subproduct*/


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

#colum19 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 5vh 0 0 0;
  width: 100%;
  clear: both;
  font-size: 90%;
  background: #ededf0;

  /*z-index:1;
position:fixed;*/



}

#colum19:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum19-box {
  display: block;
  margin: 0px auto;
  padding: 0;
  width: 1100px;
  clear: both;

}

.colum19-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;

  display: block;
}

#colum19 img {
  transition: 0.5s;

}

#colum19 ul {
  margin: 0;
  /*margin:5px auto;*/
  padding: 0;
}

#colum19 li {
  list-style-type: none;
  box-sizing: border-box;
  float: left;
}



#colum19 li:nth-child(1) {
  width: 20%;
  float: left;
  text-align: left;
  margin: 1vh 0 0 0;
  font-size: 90%;
}

#colum19 li:nth-child(1) img {
  width: 100%;
  vertical-align: middle;
  display: block;
}

#colum19 li:nth-child(2) {
  width: 8%;
  margin: 1vh 1%;
  font-size: 70%;
  color: #555353;
}

#colum19 li:nth-child(2) img {
  width: 80%;
  vertical-align: middle;
  display: block;
}

#colum19 li:nth-child(3) {
  width: 15%;
  text-align: right;
  padding: 0.25em 0;
  margin: 0;
}

#colum19 li:nth-child(3) img {
  width: 20px;
  vertical-align: middle;
  box-sizing: border-box;
}

#colum19 li:nth-child(3) strong {
  font-size: 160%;
  vertical-align: middle;
  color: #302f2f;
}

#colum19 li:nth-child(3) small {
  font-size: 80%;
  vertical-align: middle;
  color: #555353;
  margin: 0 0.5em;
  display: block;
}


#colum19 li:nth-child(4) {
  width: 15%;
  text-align: right;
  padding: 0.25em 0;
  margin: 0 0%;
}

#colum19 li:nth-child(4) img {
  width: 20px;
  vertical-align: middle;
  box-sizing: border-box;
}


#colum19 li:nth-child(4) strong {
  font-size: 160%;
  vertical-align: middle;
  color: #302f2f;
}

#colum19 li:nth-child(4) small {
  font-size: 80%;
  vertical-align: middle;
  color: #555353;
  margin: 0 auto;
  display: block;
}


#colum19 li:nth-child(5) {
  width: ;
  text-align: center;
  padding: 0.25em 0;
  margin: 1vh 0% 0 0%;
  float: right;
}

#colum19 li:nth-child(5) img {
  width: 50px;
  vertical-align: middle;
  box-sizing: border-box;
}

#colum19 li:nth-child(6) {
  width: ;
  text-align: center;
  padding: 0.25em 0;
  margin: 1vh 1% 0 1%;
  float: right;
}

#colum19 li:nth-child(6) img {
  width: 50px;
  vertical-align: middle;
  box-sizing: border-box;
}



#colum19 li:nth-child(7) {
  display: none;
  width: 100%;
  text-align: center;
  padding: 0.25em 0;
  margin: 1vh 0 0 0;
}

#colum19 li:nth-child(7) img {
  width: 50px;
  vertical-align: middle;
  box-sizing: border-box;
}




#colum19 li .red {
  color: #e8383d;
}

/*footer説明*/
#copy {
  font-size: 80%;
  vertical-align: middle;
  color: #555353;
  text-align: center;
  margin: 0;
  padding: 3em 0 0 0;
  width: 100%;
  clear: both;
  display: block;
  background: #ededf0;
}

/*footerお問合せボタン*/
#colum19 li:nth-child(6) .btn10 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #205da9;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: auto;
  margin: 0em auto;
  /*margin:1em auto;*/
  font-weight: normal;
  text-align: center;

}

#colum19 li:nth-child(6) .btn10 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px;
}

#colum19 li:nth-child(6) .btn10:hover {
  /*ボタンを押したとき*/
  color: #205da9;
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;

}

/*#colum19 li:nth-child(7) .btn10{

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #205da9;
    border-bottom: solid 4px #15a5da;
    border-radius: 3px;
	transition: all .4s ease-out;

font-size:90%;
width:auto;
margin:0em auto;
font-weight:normal;
text-align:center;
}
#colum19 li:nth-child(7) .btn10 img{
	width:18px;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0 5px;
}
#colum19 li:nth-child(7) .btn10:hover{
   color: #205da9;
background-color: #6ed6fd;
border-bottom: solid 4px #5bc0e5;

}

*/


#colum19 li:nth-child(5) .btn4 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #ef3636;
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 100%;
  width: auto;
  margin: 0em auto;
  /*margin:1em auto;*/
  font-weight: normal;
  text-align: center;
}

#colum19 li:nth-child(5) .btn4 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px;
}

#colum19 li:nth-child(5) .btn4:hover {
  /*ボタンを押したとき*/
  color: #fff;
  background-color: #f97373;
  border-bottom: solid 4px #e36d6d;

}


#colum19 li:nth-child(7) .btn4 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #f0b12b;
  color: #302f2f;
  border-bottom: solid 4px #c78e17;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  margin: 1em auto;
  font-weight: normal;
  text-align: center;
}

#colum19 li:nth-child(7) .btn4 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px;
}

#colum19 li:nth-child(7) .btn4:hover {
  /*ボタンを押したとき*/
  color: #302f2f;
  background-color: #f8d488;
  border-bottom: solid 4px #efc670;

}


/*footerお問合せボタン*/


/*footer説明*/


@media screen and (max-width: 768px) {
  #colum19 {
    text-align: left;
    display: block;
    margin: 0;
    padding: 5vh 0 0 0;
    width: 100%;
    clear: both;
    font-size: 90%;
    background: #ededf0;

    /*z-index:1;
position:fixed;*/



  }

  #colum19:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum19-box {
    display: block;
    margin: 0px;
    padding: 0;
    width: 100%;
    clear: both;

  }

  .colum19-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;

    display: block;
  }

  #colum19 img {
    transition: 0.5s;

  }

  #colum19 ul {
    margin: 0;
    padding: 0;
  }

  #colum19 li {
    list-style-type: none;
    box-sizing: border-box;
    float: left;
  }


  #colum19 li:nth-child(1) {
    width: 70%;
    float: left;
    text-align: center;
    margin: 1vh 0 0 0;
  }

  #colum19 li:nth-child(1) img {
    width: 70%;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
  }

  #colum19 li:nth-child(2) {
    width: 30%;
    margin: 2vh 0;
    font-size: 70%;
    color: #555353;
    text-align: center;
  }

  #colum19 li:nth-child(2) img {
    width: 50%;
    vertical-align: middle;
    display: block;
  }

  #colum19 li:nth-child(3) {
    width: 50%;
    text-align: center;
    padding: 0.25em 0;
    margin: 0;
  }

  #colum19 li:nth-child(3) img {
    width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  #colum19 li:nth-child(3) strong {
    font-size: 200%;
    vertical-align: middle;
    color: #302f2f;
  }

  #colum19 li:nth-child(3) small {
    font-size: 80%;
    vertical-align: middle;
    color: #555353;
    margin: 0 0.5em;
  }

  #colum19 li:nth-child(4) {
    width: 50%;
    text-align: center;
    padding: 0.25em 0;
    margin: 0;
  }

  #colum19 li:nth-child(4) img {
    width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }


  #colum19 li:nth-child(4) strong {
    font-size: 200%;
    vertical-align: middle;
    color: #302f2f;
  }

  #colum19 li:nth-child(4) small {
    font-size: 80%;
    vertical-align: middle;
    color: #555353;
    margin: 0 0.5em;
  }

  #colum19 li:nth-child(5) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 1vh 0 0 0;
  }

  #colum19 li:nth-child(5) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  #colum19 li:nth-child(6) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 1vh 0 0 0;
  }

  #colum19 li:nth-child(6) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  /*#colum19 li:nth-child(7){
	width:100%;
text-align:center;
padding:0.25em 0;
margin:1vh 0 0 0;
}

#colum19 li:nth-child(7) img{
	width:50px;
	vertical-align:middle;
	box-sizing:border-box;
}
*/
  #colum19 li:nth-child(7) {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 1vh 0 0 0;
  }

  #colum19 li:nth-child(7) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }



  /*footerお問合せボタン*/
  #colum19 li:nth-child(6) .btn10 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #205da9;
    border-bottom: solid 4px #15a5da border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 0.5em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  #colum19 li:nth-child(6) .btn10 img {
    width: 18px;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0 5px;
  }

  #colum19 li:nth-child(6) .btn10:hover {
    /*ボタンを押したとき*/
    color: #205da9;
    background-color: #6ed6fd;
    border-bottom: solid 4px #5bc0e5;

  }

  /*#colum19 li:nth-child(7) .btn10{

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #205da9;
    border-bottom: solid 4px #15a5da
    border-radius: 3px;
	transition: all .4s ease-out;

font-size:120%;
width:90%;
margin:0.5em auto;
font-weight:normal;
text-align:center;
display:block;
}
#colum19 li:nth-child(7) .btn10 img{
	width:18px;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0 5px;
}
#colum19 li:nth-child(7) .btn10:hover{
   color: #205da9;
background-color: #6ed6fd;
border-bottom: solid 4px #5bc0e5;

}
	*/
  #colum19 li:nth-child(5) .btn4 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #ef3636;
    color: #fff;
    border-bottom: solid 4px #c52a2b;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 0.5em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  #colum19 li:nth-child(5) .btn4 img {
    width: 18px;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0 5px;
  }

  #colum19 li:nth-child(5) .btn4:hover {
    /*ボタンを押したとき*/
    color: #fff;
    background-color: #f97373;
    border-bottom: solid 4px #e36d6d;

  }

  #colum19 li:nth-child(7) .btn4 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #f0b12b;
    color: #302f2f;
    border-bottom: solid 4px #c78e17;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 0.5em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  #colum19 li:nth-child(7) .btn4 img {
    width: 18px;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0 5px;
  }

  #colum19 li:nth-child(7) .btn4:hover {
    /*ボタンを押したとき*/
    color: #302f2f;
    background-color: #f8d488;
    border-bottom: solid 4px #efc670;

  }

  /*footerお問合せボタン*/
}

@media screen and (max-width: 600px) {
  #colum19 li:nth-child(1) {
    width: 100%;
    float: left;
    text-align: center;
    margin: 1vh 0 0 0;
  }

  #colum19 li:nth-child(1) img {
    width: 70%;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
  }

  #colum19 li:nth-child(2) {
    width: 100%;
    margin: 2vh 0;
    font-size: 70%;
    color: #555353;
    text-align: center;
  }

  #colum19 li:nth-child(2) img {
    width: 20%;
    vertical-align: middle;
    display: block;
    margin: 0vh auto;
  }

  #colum19 li:nth-child(3) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 0;
  }

  #colum19 li:nth-child(3) img {
    width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  #colum19 li:nth-child(3) strong {
    font-size: 200%;
    vertical-align: middle;
    color: #302f2f;
  }

  #colum19 li:nth-child(3) small {
    font-size: 80%;
    vertical-align: middle;
    color: #555353;
    margin: 0 0.5em;
  }

  #colum19 li:nth-child(4) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 0;
  }

  #colum19 li:nth-child(4) img {
    width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }


  #colum19 li:nth-child(4) strong {
    font-size: 200%;
    vertical-align: middle;
    color: #302f2f;
  }

  #colum19 li:nth-child(4) small {
    font-size: 80%;
    vertical-align: middle;
    color: #555353;
    margin: 0 0.5em;
  }

  #colum19 li:nth-child(5) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 1vh 0 0 0;
  }

  #colum19 li:nth-child(5) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  #colum19 li:nth-child(6) {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 1vh 0 0 0;
  }

  #colum19 li:nth-child(6) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }
}






/*footer説明*/
.h1_header {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0 auto;
  width: 1100px;
  clear: both;
  font-size: 50%;
  color: #555353;
}

.h1_header:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

/*footer説明*/

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



/*------------------------secoundpage-top*/
#colum20 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0% 5% 1em 5%;
  width: 90%;
  clear: both;
  font-size: 110%;
  color: #313030;
  /*background:#bee1fd;*/
  background-image: url(../images/bg7.jpg);
  background-size: cover;
  line-height: 1.8;
}

#colum20:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum20-box {
  display: block;
  padding: 0;
  margin: 1vh 0 2vh 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: left;
}

.colum20-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum20 h2,
#colum20 p {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;

  padding: 0 1em 5vh 1em;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  font-weight: bold;
}

#colum20 h1 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1;
  /*line-height:1.8;*/
  margin: 0 0 0.5em 0;

  padding: 4vh 0 0 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  /*position: relative;
display:block;*/

}

#colum20 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: auto 0.25em;
  display: block;

}

/*#colum20 h1:before {
  content: '';
position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}*/
#colum20 a:link {
  color: #535253;
  text-decoration: none;
}

#colum20 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum20 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0% 5% 1em 5%;
    width: 90%;
    clear: both;
    font-size: 80%;
    /*font-size:110%;*/
    color: #313030;
    background-image: url(../images/bg7.jpg);
    background-size: cover;
    line-height: 1.8;
  }

  #colum20:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum20-box {
    display: block;
    padding: 0;
    margin: 1vh 0 2vh 0;
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
  }

  .colum20-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }
}

/*------------------------secoundpage-top*/


/*------------secoundpage-topnav*/
#colum21 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #666666;
  /*color:#313030;*/
  line-height: 1.8;
}

#colum21:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum21-box {
  display: block;
  padding: 0;
  margin: 1vh auto;
  width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum21-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.nav6 {
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;

  display: block;
}


.nav6:before,
.nav6:after {
  content: "";
  display: table;


}

.nav6:after {
  clear: both;


}

.nav6 li {
  position: relative;
  width: auto;
  float: left;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: center;

  /*background-color:#ededf0;
text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav6 li a {
  display: block;
  margin: 0;
  padding: 0.25em;
  color: #666666;
  font-size: 90%;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.5s;

}

.nav6 li a:hover {
  color: #302f2f;

}

.nav6 img {
  width: 1em;
  margin: 0 0.25em;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .colum21-box {
    display: block;
    padding: 0;
    margin: 1vh auto;
    width: 95%;
    clear: both;
    display: block;
    text-align: left;
  }

  .colum21-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .nav6 li a {
    display: block;
    margin: 0;
    padding: 0.25em;
    color: #666666;
    font-size: 80%;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.5s;

  }
}

/*------------secoundpage-topnav*/


/*---------------------------secoundpage-profile*/
#colum22 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 5vh 0;
  width: 100%;
  clear: both;
  font-size: 120%;
  color: #313030;

  line-height: 1.8;
}

#colum22:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum22-box {
  display: block;
  padding: 0.5em 2em 0.5em 2em;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}


.colum22-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum22 h4 strong {
  color: #ef3636;
  background: #fffbc8;
  /*#fcffaa*/

  font-size: 90%;

}

#colum22 h4 {
  font-size: 150%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum22 h3 {
  font-size: 250%;
  color: #1068a8;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);


  display: inline-block;
  width: 100%;
}


#colum22 h3 br {
  display: none;
}

#colum22 img {
  width: 15%;
  /*z-index:1;*/
  float: right;
  position: relative;
  top: -10px;
  right: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #colum22 br {
    display: none;
  }

  #colum22 {
    text-align: left;
    display: block;
    margin: 0;
    padding: 5vh 0;
    width: 100%;
    clear: both;
    font-size: 120%;
    color: #313030;

    line-height: 1.8;
  }

  #colum22:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum22-box {
    display: block;
    padding: 0.5em 2em 0.5em 2em;
    margin: 0 auto;
    width: 80%;
    clear: both;
    display: block;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  }

  .colum22-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum22 h4 {
    font-size: 150%;

    color: #302f2f;
    line-height: 1.8;
    margin: 0 0 0.5em 0;

    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
  }

  #colum22 h3 {
    font-size: 200%;
    color: #1068a8;
    line-height: 1.5;
    margin: 4vh auto 0.5em auto;

    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);


    display: inline-block;
    width: 100%;
  }

  #colum22 img {
    width: 30%;
    /*z-index:1;*/
    float: right;
    position: relative;
    top: 0px;
    right: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }

  #colum22 h3 br {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  #colum22 img {
    width: 50%;
    /*z-index:1;*/
    float: right;
    position: relative;
    top: 0px;
    right: 0;
    margin: 0 25%;
    padding: 0;
    vertical-align: middle;
  }


}

/*---------------------------secoundpage-profile*/



/*---------------------------secoundpage-product*/
#colum23 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 10vh 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum23:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum23-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum23-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum23 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum23 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum23 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum23 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum23 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum23 table {
  border-collapse: collapse;
  border: 0px;
  margin: 1em auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum23 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum23 table thead .subgroup {
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}

#colum23 table thead {
  text-align: center;
  font-weight: bold;
  color: #313030;
  background: #ece9ec;
}

#colum23 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum23 tr td:nth-child(8),
#colum23 tr td:nth-child(9),
#colum23 tr td:nth-child(10),
#colum23 tr td:nth-child(11) {
  text-align: center;
}

#colum23 table th,
#colum23 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum23 table tr:last-child {
  border-bottom: solid 1px #dbd9d9;
}

#colum23 table th {
  color: #313030;
  font-weight: bold;
  padding: 0.5em;
}

#colum23 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum23 img {
  width: 10%;
  margin: 0.25em;
  box-sizing: border-box;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .colum23-box {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum23 {
    text-align: left;
    display: none;
  }
}

/*---------------------------secoundpage-product*/


/*---------------------------secoundpage-product smartphone*/
#colum24 {
  text-align: left;
  display: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum24:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum24-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum24-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum24 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum24 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum24 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum24 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum24 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum24 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum24 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum24 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum24 tr th:nth-child(1),
#colum24 tr th:nth-child(2),
#colum24 tr th:nth-child(3),
#colum24 tr th:nth-child(4),
#colum2 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum24 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum24 table th,
#colum24 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum24 table th {
  padding: 0.5em;
  width: 6em;
  /*custom*/
}

#colum24 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

@media screen and (max-width: 768px) {
  #colum24 {
    display: none;
  }

  .colum24-box {
    display: block;
    padding: 5vh 0 5vh 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum24 {
    display: block;
  }

  .colum24-box {
    display: block;
    padding: 5vh 0 5vh 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

/*---------------------------secoundpage-product smartphone*/



/*---------------------------secoundpage-product*/
#colum25 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  background-image: url(../images/bg5.jpg);
  background-size: cover;
  /*contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
}

#colum25:after {
  content: "";
  clear: both;
  display: block;
}

.colum25-box {
  display: block;
  margin: 0 auto;
  padding: 8vh 5%;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum25-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum25 p {
  margin: 0 auto;
}


#colum25 a:link {
  color: #535253;
  text-decoration: none;
}

#colum25 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum25 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum25 h4 {
  font-size: 160%;

  color: #31c5fc;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 1em auto 0 auto;

  padding: 1em auto;

}

#colum25 h4 small {

  font-size: 50%;
  color: #fff;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum25 h3 {
  font-size: 300%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum25 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum25 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum25 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum25 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum25 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum25 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum25 .btn3:visited {
  text-decoration: none;
  color: #fff;
}


/*4colum*/
.colum25-smallbox {
  margin: 1vh 1% 2vh 1%;
  width: 31%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum25-smallbox p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/
#colum25 br {
  display: none;
}

.colum25-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 0;
  background: #232424;
  color: #555353;
}

/*2colum*/
.colum25-smallbox2 {
  margin: 1vh 1% 2vh 1%;
  width: 48%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum25-smallbox2 p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*2colum*/

/*1colum*/
.colum25-smallbox1 {
  margin: 1vh auto 2vh auto;
  width: 50%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum25-smallbox1 p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*1colum*/

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

  /*4colum*/
  .colum25-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*2colum*/
  .colum25-smallbox2 {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*2colum*/

  /*1colum*/
  .colum25-smallbox1 {
    margin: 1vh 1% 2vh 1% width:98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*1colum*/
  #colum25 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum25 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    background-image: url(../images/bg6.png);
    background-size: cover;
    /*contain*/
    background-position: center;
    background: #302f2f;
    line-height: 1.8;
  }

  /*4colum*/
  .colum25-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }



  /*2colum*/
  .colum25-smallbox2 {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*2colum*/

  /*1colum*/
  .colum25-smallbox1 {
    margin: 1vh 1% 2vh 1% width:98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*1colum*/
}

/*---------------------------secoundpage-product*/

/*---------------------------secoundpage*/
#colum26 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 10vh 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum26:after {
  content: "";
  clear: both;
  display: block;
}

.colum26-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;

  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum26-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum26 a:link {
  color: #535253;
  text-decoration: none;
}

#colum26 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum26 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum26 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
}

#colum26 h4 {
  font-size: 160%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum26 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

.colum26-smallbox {
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/

  margin: 5vh 2%;
  padding: 0;
  width: 96%;
  /*width:30%;*/
  text-align: left;
  box-sizing: border-box;
  float: left;
  /*background:#ededf0;
border:1px solid #cfced0;*/
}

/*.colum26-smallbox:nth-child(1),
.colum26-smallbox:nth-child(2),
.colum26-smallbox:nth-child(5){
margin:5vh 2%;
padding:0;
width:96%;
}
*/
.colum26-smallbox:nth-child(5) {
  margin: 0vh 2% 5vh 2%;
  padding: 0;
}

.colum26-smallbox:nth-child(3),
.colum26-smallbox:nth-child(4) {
  margin: 2vh 2% 2vh 2%;
  padding: 0;
  width: 46%;
  float: left;
  box-sizing: border-box;
}

.colum26-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}

.colum26-smallbox figure {
  width: 46%;
  margin: 1em 2%;
  padding: 0;
  float: left;
  box-sizing: border-box;
  background: #84d7f9;
}

.colum26-smallbox figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.colum26-smallbox figcaption {
  width: 100%;
  margin: 0.5em auto;
  padding: 0 2%;
  display: block;
  font-size: 90%;
  color: #fff;
}



#colum26 h6 {
  display: block;
  padding: 0.5em 2em 0.5em 2em;
  margin: 0 auto;
  clear: both;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 110%;
  color: #555353;
  line-height: 1.8;
}

#colum26 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum26 h6 strong {
  font-size: 150%;
  color: #1068a8;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);


  display: inline-block;
  width: 100%;
}

/*-------------------------btn3*/
#colum26 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum26 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum26 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum26 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum26 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

/*-------------------------btn12*/
#colum26 .btn12 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum26 .btn12 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum26 .btn12:link {
  text-decoration: none;
  color: #fff;
}

#colum26 .btn12:hover {
  color: #fff;
  /*color: #205da9;*/
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum26 .btn12:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn12*/

@media screen and (max-width: 768px) {
  #colum26 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum26:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum26-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum26-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum26 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto;
    padding: 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum26 h4 {
    font-size: 160%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum26 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  .colum26-smallbox {
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/

    margin: 5vh 1%;
    padding: 0;
    width: 96%;
    /*width:30%;*/
    text-align: left;
    box-sizing: border-box;
    float: left;
    /*background:#ededf0;
border:1px solid #cfced0;*/
  }

  /*.colum26-smallbox:nth-child(1),
.colum26-smallbox:nth-child(2),
.colum26-smallbox:nth-child(5){
margin:5vh 2%;
padding:0;
width:96%;
}
*/

  .colum26-smallbox:nth-child(5) {
    margin: 0vh 2% 5vh 2%;
    padding: 0;
  }

  .colum26-smallbox:nth-child(3),
  .colum26-smallbox:nth-child(4) {
    margin: 2vh 2% 2vh 2%;
    padding: 0;
    width: 46%;
    float: left;
    box-sizing: border-box;
  }

  /*-------------------------btn3*/
  #colum26 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

  /*-------------------------btn12*/
  #colum26 .btn12 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #15a5da;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn12*/
}

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

  .colum26-smallbox:nth-child(3),
  .colum26-smallbox:nth-child(4) {
    margin: 5vh 2%;
    padding: 0;
    width: 96%;
    float: left;
    box-sizing: border-box;
  }

  .colum26-smallbox figure {
    width: 96%;
    margin: 1em 2%;
    padding: 0;
    float: left;
    box-sizing: border-box;
    background: #84d7f9;
  }
}

/*---------------------------secoundpage*/

/*---------------------------photo*/
#colum27 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 5vh 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum27:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum27-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum27-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.largephoto {
  display: block;
  width: 100%;
}

.smallphoto {
  display: none;
  width: 0%;
}

.largephoto img,
.smallphoto img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #colum27 {
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 5vh 0;
    width: 100%;
    clear: both;
    font-size: 110%;
    color: #313030;

    line-height: 1.8;
  }

  #colum27:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum27-box {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }

  .colum27-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .largephoto {
    display: block;
    width: 100%;
  }

  .smallphoto {
    display: none;
    width: 0%;
  }
}

@media screen and (max-width: 600px) {
  .largephoto {
    display: none;
    width: 0%;
  }

  .smallphoto {
    display: block;
    width: 100%;
  }
}

/*---------------------------photo*/
.red {
  color: #ef3636;
}





/*---------------------------secoundpage-product 1colum*/
#colum28 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  background-image: url(../images/bg5.jpg);
  background-size: cover;
  /*contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
}

#colum28:after {
  content: "";
  clear: both;
  display: block;
}

.colum28-box {
  display: block;
  margin: 0 auto;
  padding: 8vh 5%;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum28-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum28 p {
  margin: 0 auto;
}


#colum28 a:link {
  color: #535253;
  text-decoration: none;
}

#colum28 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum28 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum28 h4 {
  font-size: 160%;

  color: #31c5fc;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 1em auto 0 auto;

  padding: 1em auto;

}

#colum28 h4 small {

  font-size: 50%;
  color: #fff;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum28 h3 {
  font-size: 300%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum28 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum28 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum28 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum28 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum28 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum28 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum28 .btn3:visited {
  text-decoration: none;
  color: #fff;
}


/*1colum*/
.colum28-smallbox {
  margin: 1vh auto 2vh auto;
  width: 60%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum28-smallbox p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*1colum*/
#colum28 br {
  display: none;
}

.colum28-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 0;
  background: #232424;
  color: #555353;
}




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

  /*1colum*/
  .colum28-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*1colum*/
  #colum28 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum28 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    background-image: url(../images/bg6.png);
    background-size: cover;
    /*contain*/
    background-position: center;
    background: #302f2f;
    line-height: 1.8;
  }

  /*1colum*/
  .colum28-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*1colum*/
}

/*---------------------------secoundpage-product 1colum*/


/*---------------------------secoundpage-product 2colum*/
#colum29 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  background-image: url(../images/bg5.jpg);
  background-size: cover;
  /*contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
}

#colum29:after {
  content: "";
  clear: both;
  display: block;
}

.colum29-box {
  display: block;
  margin: 0 auto;
  padding: 8vh 5%;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum29-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum29 p {
  margin: 0 auto;
}


#colum29 a:link {
  color: #535253;
  text-decoration: none;
}

#colum29 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum29 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum29 h4 {
  font-size: 160%;

  color: #31c5fc;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 1em auto 0 auto;

  padding: 1em auto;

}

#colum29 h4 small {

  font-size: 50%;
  color: #fff;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum29 h3 {
  font-size: 300%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum29 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum29 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum29 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum29 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum29 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum29 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum29 .btn3:visited {
  text-decoration: none;
  color: #fff;
}


/*2colum*/
.colum29-smallbox {
  margin: 1vh 1% 2vh 1%;
  width: 48%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum29-smallbox p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*2colum*/
#colum29 br {
  display: none;
}

.colum29-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 0;
  background: #232424;
  color: #555353;
}




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

  /*2colum*/
  .colum29-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*2colum*/
  #colum29 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum29 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    background-image: url(../images/bg6.png);
    background-size: cover;
    /*contain*/
    background-position: center;
    background: #302f2f;
    line-height: 1.8;
  }

  /*2colum*/
  .colum29-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*2colum*/
}

/*---------------------------secoundpage-product 2colum*/

/*---------------------------top-product-bana*/
#colum31 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #313030;
  line-height: 1.8;

  /*均等
   display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
均等*/

}

#colum31:after {
  content: "";
  clear: both;
  display: block;
}

.colum31-box {
  display: block;
  margin: 1vh auto 1vh auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;

}


.colum31-box:after {
  content: "";
  clear: both;
  display: block;
}


.colum31-largebox {
  display: block;
  clear: both;
  margin: 0 auto 1vh auto;
  padding: 0;
  width: 100%;

  background-image: url(../images/bg-kr303.jpg);
  background-size: cover;
  background-position: center;
}

.colum31-largebox .inner {
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
}

.colum31-largebox .largephoto {
  display: block;
  margin: 0;
  padding: 0;
}

.colum31-largebox .smallphoto {
  display: none;
  margin: 0;
  padding: 0;
}

.colum31-largebox:after {
  content: "";
  clear: both;
  display: block;
}

#colum31 p {
  margin: 0 auto;
}


#colum31 a:link {
  color: #535253;
  text-decoration: none;
}

#colum31 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum31 a:visited {
  color: #535253;
  text-decoration: none;
}


.colum31-box img {
  position: relative;
  z-index: 2;
  width: 23%;
  margin: 1%;
  padding: 0;
  float: left;
}

.colum31-largebox img {
  width: 98%;
  margin: 1%;
  padding: 0;
  position: relative;
  z-index: 2;
}

#colum31 img:hover {
  opacity: 0.5;
  transition: 1s;
}




@media screen and (max-width: 768px) {
  #colum31 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #313030;
    line-height: 1.8;

    /*均等
   display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
 均等*/

  }

  .colum31-box {
    display: block;
    margin: 1vh 5% 5vh 5%;
    padding: 0;
    width: 90%;
    clear: both;
    text-align: left;
  }

  .colum31-box img {
    position: relative;
    z-index: 2;
    width: 48%;
    margin: 0%;
    padding: 1%;
    float: left;
  }

  .colum31-largebox {
    display: block;
    clear: both;
    margin: 0 auto 1vh auto;
    padding: 0;
    width: 100%;

    background-image: url(../images/bg-kr303.jpg);
    background-size: cover;
    background-position: center;
  }

  .colum31-largebox .inner {
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  .colum31-largebox .largephoto {
    display: none;
  }

  .colum31-largebox .smallphoto {
    display: block;
  }

  .colum31-largebox img {
    width: 100%;
    margin: 0;
    padding: 0;
  }



}

/*---------------------------top-product-bana*/



/*------------------------secoundpage-top-midashi*/
#colum32 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg9.png);
  background-size: cover;
  line-height: 1.8;


  z-index: 2;
}

#colum32:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum32-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;

}

.colum32-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum32-smallbox {
  padding: 0;
  margin: auto 0;
  text-align: left;
  width: 50%;
  float: left;
}

#colum32 .colum32-box .colum32-smallbox:nth-child(1) {
  width: 50%;
  float: left;
}

#colum32 .colum32-box .colum32-smallbox img:nth-child(1) {
  width: 50%;
  margin: 2vh 0 0 0;
  padding: 0;
}



#colum32 .colum32-box img:nth-child(2) {
  width: 45%;
  margin: 10% 0 0 5%;
  padding: 0;
  float: right;
}

.colum32-smallbox video {
  width: 90%;
}

#colum32 h2 {
  font-size: 110%;

  color: #fff;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#colum32 h2 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum32 p {
  margin: 1em 0;
}

#colum32 h1 {
  font-size: 300%;
  color: #fff;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/
}

#colum32 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.5em 0 0 0;
  padding: 0;
  display: block;

}

#colum32 a:link {
  color: #535253;
  text-decoration: none;
}

#colum32 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum32 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;
    background-image: url(../images/bg9.png);
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
  }

  #colum32:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum32-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum32-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum32-smallbox {
    padding: 0;
    margin: auto 0;
    text-align: center;
    width: 100%;
    float: left;
  }

  #colum32 .colum32-box .colum32-smallbox:nth-child(1) {
    width: 100%;
    float: left;
  }

  #colum32 .colum32-box .colum32-smallbox img:nth-child(1) {
    width: 40%;
    margin: 0vh 0 0 0;
    padding: 0;
  }

  .colum32-smallbox video {
    width: 95%;
  }

  #colum32 .colum32-box img:nth-child(2) {
    display: none;
    /*width:70%;
margin:0 15%;
padding:0;
float:left;*/
  }

  #colum32 h2 {
    font-size: 110%;

    color: #fff;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  }

  #colum32 h2 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum32 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum32 h1 {
    font-size: 300%;
    color: #fff;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/
  }

  #colum32 h1 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.5em 0 0 0;
    padding: 0;
    display: block;

  }
}

.bg1 {
  background: #faf5ed;
}

/*------------------------secoundpage-top-midashi*/



/*---------------------------thirdpage*/
#colum33 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 10vh 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum33:after {
  content: "";
  clear: both;
  display: block;
}

.colum33-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;

  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum33-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum33 a:link {
  color: #535253;
  text-decoration: none;
}

#colum33 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum33 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum33 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
}

#colum33 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum33 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

.colum33-smallbox {
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/

  margin: 5vh 1%;
  padding: 0;
  width: 30%;
  text-align: left;
  box-sizing: border-box;
  float: left;
  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum33-smallbox:nth-child(1),
.colum33-smallbox:nth-child(4),
.colum33-smallbox:nth-child(5),
.colum33-smallbox:nth-child(6),
.colum33-smallbox:nth-child(7) {
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
}


.colum33-smallbox:nth-child(2),
.colum33-smallbox:nth-child(3) {
  margin: 2vh 2%;
  padding: 0;
  width: 46%;
  float: left;
  box-sizing: border-box;
}

.colum33-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}

.colum33-smallbox figure {
  width: 46%;
  margin: 1em 2%;
  padding: 0;
  float: left;
  box-sizing: border-box;
  background: #84d7f9;
}

.colum33-smallbox figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.colum33-smallbox figcaption {
  width: 100%;
  margin: 0.5em auto;
  padding: 0 2%;
  display: block;
  font-size: 90%;
  color: #fff;
}

.colum33-smallbox figcaption br {
  display: block;
}


#colum33 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum33 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum33 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

@media screen and (max-width: 768px) {
  #colum33 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum33:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum33-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum33-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum33 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum33 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum33 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  .colum33-smallbox:nth-child(1),
  .colum33-smallbox:nth-child(4),
  .colum33-smallbox:nth-child(5),
  .colum33-smallbox:nth-child(6),
  .colum33-smallbox:nth-child(7) {
    margin: 2vh 2%;
    padding: 0;
    width: 96%;
  }


  .colum33-smallbox:nth-child(2),
  .colum33-smallbox:nth-child(3) {
    margin: 2vh 2%;
    padding: 0;
    width: 96%;
    float: left;
    box-sizing: border-box;
  }

  .colum33-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;

  }

  .colum33-smallbox figure {
    width: 46%;
    margin: 1em 2%;
    padding: 0;
    float: left;
    box-sizing: border-box;
    background: #84d7f9;
  }

  .colum33-smallbox figure img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
  }

  .colum33-smallbox figcaption {
    width: 100%;
    margin: 0.5em auto;
    padding: 0 2%;
    display: block;
    font-size: 90%;
    color: #fff;
  }

  .colum33-smallbox figcaption br {
    display: block;
  }


  #colum33 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum33 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum33 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }
}

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

  .colum33-smallbox:nth-child(4),
  .colum33-smallbox:nth-child(5) {
    margin: 5vh 2%;
    padding: 0;
    width: 96%;
    float: left;
    box-sizing: border-box;
  }

  .colum33-smallbox figure {
    width: 96%;
    margin: 1em 2%;
    padding: 0;
    float: left;
    box-sizing: border-box;
    background: #84d7f9;
  }
}

/*---------------------------thirdpage*/



/*------------------support*/
#colum34 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;
background-position:center;*/
  background: #302f2f;
  line-height: 1.8;
}

#colum34:after {
  content: "";
  clear: both;
  display: block;
}

.colum34-box {
  display: block;
  margin: 0 auto;
  padding: 10vh 0;
  width: 1100px;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum34-box:after {
  content: "";
  clear: both;
  display: block;
}



#colum34 a:link {
  color: #535253;
  text-decoration: none;
}

#colum34 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum34 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum34 h5 {
  font-size: 160%;
  color: #31c5fc;
  margin: 0;
  padding: 0;
}


#colum34 h4 {
  font-size: 160%;

  color: #31c5fc;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 0 auto;

  padding: 1em auto;

}

#colum34 h4 small {

  font-size: 50%;
  color: #fff;
  /*line-height:1.8;*/
  margin: 0 0.25em;
  display: block;

}

#colum34 h3 {
  font-size: 300%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum34 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  padding: 0;
  display: block;

}

#colum34 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum34 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum34 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum34 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum34 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum34 .btn3:visited {
  text-decoration: none;
  color: #fff;
}


/*4colum*/
.colum34-smallbox {
  margin: 1vh 1% 2vh 1%;
  width: 23%;
  text-align: left;
  /*float:left; */
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum34-smallbox img {
  width: 50px;
}

.colum34-smallbox p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/

.colum34-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 0;
  background: #232424;
  color: #555353;
}

/*2colum*/
.colum34-smallbox2 {
  margin: 1vh 1% 2vh 1%;
  width: 48%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum34-smallbox2 p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*2colum*/

/*1colum*/
.colum34-smallbox1 {
  margin: 0 auto 2vh auto;
  padding: 0;
  width: 100%;
  text-align: center;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum34-smallbox1 p {
  color: #fff;
  /*color : #aeadad;*/
  font-size: 100%;
  line-height: 1.8;
  padding: 1% 0 5vh 0;
  width: 100%;
}

.colum34-smallbox1 br {
  display: block;
}

.colum34-smallbox1 strong {
  font-size: 120%;
  color: #31c5fc;
}

/*1colum*/

@media screen and (max-width: 768px) {
  #colum34 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    background: #302f2f;
    line-height: 1.8;
  }

  #colum34:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum34-box {
    display: block;
    margin: 0 5%;
    padding: 10vh 0;
    width: 90%;
    clear: both;

    text-align: left;


    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum34-box:after {
    content: "";
    clear: both;
    display: block;
  }

  #colum34 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 70%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }

  #colum34 .btn3 i {
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0 0.25em 0 0;
  }

  #colum34 .btn3:link {
    text-decoration: none;
    color: #fff;
  }

  #colum34 .btn3:hover {
    color: #fff;
    background-color: #b9a27f;
    border-bottom: solid 4px #98866a;
    /*opacity:0.5;*/
    transition: 1s;
  }

  #colum34 .btn3:visited {
    text-decoration: none;
    color: #fff;
  }


  /*4colum*/
  .colum34-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    /*float:left; */
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum34-smallbox img {
    width: 50px;
  }

  .colum34-smallbox p {
    color: #aeadad;
    /*color : #555353;*/
    font-size: 90%;
    line-height: 1.8;
    padding: 0 1% 1% 1%;
    margin: 0;
  }

  /*4colum*/

  .colum34-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 0;
    background: #232424;
    color: #555353;
  }

  /*2colum*/
  .colum34-smallbox2 {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum34-smallbox2 p {
    color: #aeadad;
    /*color : #555353;*/
    font-size: 90%;
    line-height: 1.8;
    padding: 0 1% 1% 1%;
    margin: 0;
  }

  /*2colum*/

  /*1colum*/
  .colum34-smallbox1 {
    margin: 0 auto 2vh auto;
    padding: 0;
    width: 100%;
    text-align: center;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum34-smallbox1 p {
    color: #fff;
    /*color : #aeadad;*/
    font-size: 100%;
    line-height: 1.8;
    padding: 1% 0 5vh 0;
    width: 100%;
  }

  .colum34-smallbox1 br {
    display: block;
  }

  .colum34-smallbox1 strong {
    font-size: 120%;
    color: #31c5fc;
  }

  /*1colum*/

}

/*------------------support*/



/*---------------------------thirdpage*/
#colum35 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 5vh 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum35:after {
  content: "";
  clear: both;
  display: block;
}

.colum35-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;

  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum35-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum35 a:link {
  color: #535253;
  text-decoration: none;
}

#colum35 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum35 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum35 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
  display: inline-block;
  width: 100%;
}

#colum35 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum35 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum35 img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

.colum35-smallbox {
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/

  margin: 2vh 1%;
  padding: 0;
  width: 30%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum35-smallbox:nth-child(1),
.colum35-smallbox:nth-child(2) {
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  /*float:left;*/
  box-sizing: border-box;
}

.colum35-smallbox img {
  width: 46%;
  margin: 2% 0;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

.colum35-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}

#colum35 ul {
  margin-left: 1.5em;
  margin-right: 1em;
  margin-bottom: 2vh;
}

#colum35 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum35 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum35 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum35 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum35 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum35 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum35 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum35 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum35 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum35 tr th:nth-child(1),
#colum35 tr th:nth-child(2),
#colum35 tr th:nth-child(3),
#colum35 tr th:nth-child(4),
#colum35 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;

}

#colum35 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum35 table th,
#colum35 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum35 table th {
  padding: 0.5em;
  /*white-space: nowrap;*/
  width: 15%;
  /*customwidth:6em;*/
}

#colum35 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum35 h6 figure {
  width: 48%;
  margin: 0 1% 5% 1%;
  /*width:30%;
margin:0 1% 5% 1%;*/
  box-sizing: border-box;
  float: left;
}

#colum35 h6 figcaption {
  text-align: left;
  /*text-align:center;*/
  color: #555353;
  font-weight: normal;
  font-size: 70%;
  /*font-size:80%;*/
  width: 96%;
  margin: 1% 2%;
}

#colum35 h6 figcaption p:nth-child(1) {
  font-size: 110%;
  text-align: center;
  font-weight: bold;
}

#colum35 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #colum35 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum35:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum35-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum35-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum35 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 0.5em 2% 0.5em 0%;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum35 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum35 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum35 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum35 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum35-smallbox:nth-child(1),
  .colum35-smallbox:nth-child(2),
  {
  margin: 2vh 1%;
  padding: 0;
  width: 48%;
  float: left;
}


.colum35-smallbox:nth-child(3) {
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  float: left;
  box-sizing: border-box;
}

.colum35-smallbox p {
  width: auto;
  margin: 0em auto 0.5em auto;
  ;
  padding: 0 1em;
  display: block;

}

#colum35 ul {
  margin-left: -1em;
  margin-right: 1em;
}

.colum35-smallbox figcaption br {
  display: block;
}


#colum35 h6 {
  clear: both;
  display: block;

  width: 96%;
  padding: 0.5em 2% 2em 2%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum35 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum35 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}
}

@media screen and (max-width: 600px) {
  #colum35 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }


  #colum35 h6 figcaption {
    text-align: left;
    /*text-align:center;*/
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum35 h6 figcaption p:nth-child(1) {
    text-align: center;
    font-weight: bold;
  }

  #colum35 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }
}

/*---------------------------thirdpage*/


/*---------------------------secound-product-bana*/
#colum36 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #313030;
  line-height: 1.8;

  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;


  /*均等*/

}

#colum36:after {
  content: "";
  clear: both;
  display: block;
}

.colum36-box {
  display: block;
  margin: 1vh auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: center;

}

.colum36-box img {
  position: relative;
  z-index: 2;
  width: 31%;
  margin: 1%;
  padding: 0;


}

.colum36-box:after {
  content: "";
  clear: both;
  display: block;
}


.colum36-largebox {
  display: block;
  clear: both;
  margin: 0 auto 1vh auto;
  padding: 0;
  width: 100%;

  background-image: url(../images/bg-kr303.jpg);
  background-size: cover;
  background-position: center;
}

.colum36-largebox .inner {
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
}

.colum36-largebox .largephoto {
  display: block;
  margin: 0;
  padding: 0;
}

.colum36-largebox .smallphoto {
  display: none;
  margin: 0;
  padding: 0;
}

.colum36-largebox:after {
  content: "";
  clear: both;
  display: block;
}

#colum36 p {
  margin: 0 auto;
}


#colum36 a:link {
  color: #535253;
  text-decoration: none;
}

#colum36 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum36 a:visited {
  color: #535253;
  text-decoration: none;
}




.colum36-largebox img {
  width: 98%;
  margin: 1%;
  padding: 0;
  position: relative;
  z-index: 2;
}

#colum36 img:hover {
  opacity: 0.5;
  transition: 1s;
}

#colum36 h4 {
  font-size: 160%;

  color: #31c5fc;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 1em auto 0 auto;

  padding: 1em auto;

}

#colum36 h4 small {

  font-size: 50%;
  color: #fff;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum36 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:fff*/
  line-height: 1.8;
  margin: 0vh auto 4vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum36 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  /*color: fff*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum36 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}


@media screen and (max-width: 768px) {
  #colum36 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #313030;
    line-height: 1.8;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/

  }

  .colum36-box {
    display: block;
    margin: 1vh 5% 5vh 5%;
    padding: 0;
    width: 90%;
    clear: both;
    text-align: center;
  }

  .colum36-box img {
    position: relative;
    z-index: 2;
    width: 48%;
    margin: 0%;
    padding: 1%;
    float: left;
  }

  .colum36-largebox {
    display: block;
    clear: both;
    margin: 0 auto 1vh auto;
    padding: 0;
    width: 100%;

    background-image: url(../images/bg-kr303.jpg);
    background-size: cover;
    background-position: center;
  }

  .colum36-largebox .inner {
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  .colum36-largebox .largephoto {
    display: none;
  }

  .colum36-largebox .smallphoto {
    display: block;
  }

  .colum36-largebox img {
    width: 100%;
    margin: 0;
    padding: 0;
  }



}

/*---------------------------secound-product-bana*/




/*---------------------------thirdpage*/
#colum38 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 5vh 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum38:after {
  content: "";
  clear: both;
  display: block;
}

.colum38-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}


.colum38-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum38 a:link {
  color: #535253;
  text-decoration: none;
}

#colum38 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum38 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum38 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
  display: block;
  width: 100%;
}

#colum38 h2,
#colum38 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum38 h2 small,
#colum38 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum38 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum38-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum38-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum38-smallbox:nth-child(1) {
  margin: 2vh 2%;
  padding: 0;
  width: 46%;

}

.colum38-smallbox:nth-child(2) {
  margin: 2vh 2%;
  padding: 0;
  width: 46%;

}

.colum38-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}




.colum38-box p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
}


#colum38 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum38 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum38 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum38 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum38 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum38 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum38 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum38 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum38 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum38 tr th:nth-child(1),
#colum38 tr th:nth-child(2),
#colum38 tr th:nth-child(3),
#colum38 tr th:nth-child(4),
#colum38 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum38 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum38 table th,
#colum38 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum38 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum38 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum38 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum38 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum38 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #colum38 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum38:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum38-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum38-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum38 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 0em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum38 h2,
  #colum38 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum38 h2 small,
  #colum38 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum38 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum38 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum38 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum38-smallbox:nth-child(1),
  .colum38-smallbox:nth-child(2),
  {
  margin: 2vh 2%;
  padding: 0;
  width: 46%;
  float: left;
}


.colum38-smallbox:nth-child(3) {
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  float: left;
  box-sizing: border-box;
}

.colum38-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}


.colum38-smallbox figcaption br {
  display: block;
}


#colum38 h6 {
  clear: both;
  display: block;

  width: 90%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum38 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum38 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}
}

@media screen and (max-width: 600px) {
  #colum38 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum38 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum38 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }
}

/*---------------------------thirdpage*/


/*------------------order*/
#colum39 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh auto 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  background-image: url(../images/bg10.jpg);
  background-size: cover;
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
}

#colum39:after {
  content: "";
  clear: both;
  display: block;
}

.colum39-box {
  display: block;
  margin: 0 auto;
  padding: 10vh 0;
  width: 1100px;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum39-box:after {
  content: "";
  clear: both;
  display: block;
}



#colum39 a:link {
  color: #535253;
  text-decoration: none;
}

#colum39 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum39 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum39 h5 {
  font-size: 160%;
  color: #31c5fc;
  margin: 0;
  padding: 0;
}


#colum39 h4 {
  font-size: 160%;

  color: #31c5fc;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 0 auto;

  padding: 1em auto;

}

#colum39 h4 small {

  font-size: 50%;
  color: #fff;
  /*line-height:1.8;*/
  margin: 0 0.25em;
  display: block;

}

#colum39 h3 {
  font-size: 300%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum39 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  padding: 0;
  display: block;

}

#colum39 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum39 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 2em auto 2em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum39 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum39 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum39 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum39 .btn3:visited {
  text-decoration: none;
  color: #fff;
}


/*4colum*/
.colum39-smallbox {
  margin: 1vh 1% 2vh 1%;
  width: 23%;
  text-align: left;
  /*float:left; */
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum39-smallbox img {
  width: 50px;
}

.colum39-smallbox p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/

.colum39-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 0;
  background: #232424;
  color: #555353;
}

/*2colum*/
.colum39-smallbox2 {
  margin: 1vh 1% 2vh 1%;
  width: 48%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum39-smallbox2 p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*2colum*/

/*1colum*/
.colum39-smallbox1 {
  margin: 0 auto 2vh auto;
  padding: 0;
  width: 100%;
  text-align: center;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum39-smallbox1 p {
  color: #fff;
  /*color : #aeadad;*/
  font-size: 100%;
  line-height: 1.8;
  padding: 1% 0 5vh 0;
  width: 100%;
}

.colum39-smallbox1 br {
  display: block;
}

.colum39-smallbox1 strong {
  font-size: 120%;
  color: #31c5fc;
}

/*1colum*/

@media screen and (max-width: 768px) {
  #colum39 {
    text-align: left;
    display: block;
    clear: both;
    margin: 5vh auto 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    background-image: url(../images/bg10.jpg);
    background-size: cover;
    background-position: center;
    /*background:#302f2f;*/
    line-height: 1.8;
  }

  #colum39:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum39-box {
    display: block;
    margin: 0 5%;
    padding: 10vh 0;
    width: 90%;
    clear: both;

    text-align: left;


    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum39-box:after {
    content: "";
    clear: both;
    display: block;
  }

  #colum39 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 70%;
    margin: 2em auto 2em auto;
    font-weight: normal;
    text-align: center;
    display: block;


  }

  #colum39 .btn3 i {
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0 0.25em 0 0;
  }

  #colum39 .btn3:link {
    text-decoration: none;
    color: #fff;
  }

  #colum39 .btn3:hover {
    color: #fff;
    background-color: #5aa1d4;
    border-bottom: solid 4px #5795c2;
    /*opacity:0.5;*/
    transition: 1s;
  }

  #colum39 .btn3:visited {
    text-decoration: none;
    color: #fff;
  }


  /*4colum*/
  .colum39-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    /*float:left; */
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum39-smallbox img {
    width: 50px;
  }

  .colum39-smallbox p {
    color: #aeadad;
    /*color : #555353;*/
    font-size: 90%;
    line-height: 1.8;
    padding: 0 1% 1% 1%;
    margin: 0;
  }

  /*4colum*/

  .colum39-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 0;
    background: #232424;
    color: #555353;
  }

  /*2colum*/
  .colum39-smallbox2 {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum39-smallbox2 p {
    color: #aeadad;
    /*color : #555353;*/
    font-size: 90%;
    line-height: 1.8;
    padding: 0 1% 1% 1%;
    margin: 0;
  }

  /*2colum*/

  /*1colum*/
  .colum39-smallbox1 {
    margin: 0 auto 2vh auto;
    padding: 0;
    width: 100%;
    text-align: center;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum39-smallbox1 p {
    color: #fff;
    /*color : #aeadad;*/
    font-size: 100%;
    line-height: 1.8;
    padding: 1% 0 5vh 0;
    width: 100%;
  }

  .colum39-smallbox1 br {
    display: block;
  }

  .colum39-smallbox1 strong {
    font-size: 120%;
    color: #31c5fc;
  }

  /*1colum*/

}

/*------------------order*/



/*------------------------secoundpage-top-midashi*/
#colum40 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg17.jpg);
  /*background-image:url(../images/bg11.jpg);*/
  background-size: cover;
  line-height: 1.8;


  z-index: 2;
}

#colum40:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum40-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;

}

.colum40-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum40-smallbox {
  padding: 0;
  margin: auto 0;
  text-align: left;
  width: 40%;
  /*width:50%;*/
  float: left;
}

#colum40 .colum40-box .colum40-smallbox:nth-child(1) {
  width: 40%;
  /*width:50%;*/
  float: left;
}

#colum40 .colum40-box .colum40-smallbox img:nth-child(1) {
  width: 40%;
  /*width:50%;*/
  margin: 2vh 0 0 0;
  padding: 0;
}



#colum40 .colum40-box img:nth-child(2) {
  width: 60%;
  /*width:50%;*/
  margin: 0;
  padding: 0;
  float: right;
}



#colum40 h2,
#colum40 h3 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}

#colum40 h2 strong,
#colum40 h3 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum40 p {
  margin: 1em 0;
}

#colum40 h1 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}

#colum40 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.5em 0 0 0;
  padding: 0;
  display: block;

}

#colum40 a:link {
  color: #535253;
  text-decoration: none;
}

#colum40 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum40 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;
    background-image: url(../images/bg17.jpg);
    /*background-image:url(../images/bg11.jpg);*/
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
  }

  #colum40:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum40-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum40-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum40-smallbox {
    padding: 0;
    margin: auto 0;
    text-align: center;
    width: 100%;
    float: left;
  }

  #colum40 .colum40-box .colum40-smallbox:nth-child(1) {
    width: 100%;
    float: left;
  }

  #colum40 .colum40-box .colum40-smallbox img:nth-child(1) {
    width: 40%;
    margin: 0vh 0 0 0;
    padding: 0;
  }



  #colum40 .colum40-box img:nth-child(2) {
    width: 80%;
    /*width:70%;*/
    margin: 0 15%;
    padding: 0;
    float: left;
  }

  #colum40 h2,
  #colum40 h3 {
    font-size: 110%;

    color: #313030;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum40 h2 strong,
  #colum40 h3 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum40 p {
    margin: 1em 0;
    text-align: center;
    /*text-align:left;*/
  }

  #colum40 h1 {
    font-size: 300%;
    color: #313030;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum40 h1 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.5em 0 0 0;
    padding: 0;
    display: block;

  }
}

/*------------------------secoundpage-top-midashi*/



/*---------------------------guid*/
#colum41 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 5vh 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  line-height: 1.8;
  background: #fff;
}

#colum41:after {
  content: "";
  clear: both;
  display: block;
}

.colum41-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}


.colum41-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum41 a:link {
  color: #535253;
  text-decoration: none;
}

#colum41 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum41 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum41 figure {
  width: 46%;
  margin: 0% 2% 5% 2%;
  box-sizing: border-box;
  float: left;
}

#colum41 figcaption {
  text-align: left;
  font-weight: normal;
  margin: 1% auto;
}

#colum41 figcaption p {
  width: 90%;
  display: block;
  margin: 1% auto 5% auto;
  padding: 0;
}

#colum41 figure img {
  width: 100%;
  display: block;
  margin: 5% 0 0 0;
  padding: 0;
}

#colum41 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
  display: inline-block;
  clear: both;

}

#colum41 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum41 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum41 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum41-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum41-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}


.colum41-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum41-box p {
  width: 100%;
  margin: 0.5em auto;
  padding: 0;
}


#colum41 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum41 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum41 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum41 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum41 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum41 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum41 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum41 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum41 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum41 tr th:nth-child(1),
#colum41 tr th:nth-child(2),
#colum41 tr th:nth-child(3),
#colum41 tr th:nth-child(4),
#colum41 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum41 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum41 table th,
#colum41 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum41 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum41 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}


@media screen and (max-width: 768px) {
  #colum41 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum41:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum41-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum41-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum41 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 0em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum41 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum41 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum41 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum41 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum41 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum41-smallbox:nth-child(1),
  .colum41-smallbox:nth-child(2),
  {
  margin: 2vh 2%;
  padding: 0;
  width: 46%;
  float: left;
}


.colum41-smallbox:nth-child(3) {
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  float: left;
  box-sizing: border-box;
}

.colum41-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}

#colum41 figure {
  width: 96%;
  margin: 0% 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum41 figcaption {
  text-align: left;
  font-weight: normal;
  margin: 1% auto;
}

#colum41 figcaption p {
  width: 90%;
  display: block;
  margin: 1% auto 5% auto;
  padding: 0;
}

#colum41 figure img {
  width: 100%;
  display: block;
  margin: 5% 0 5% 0;
  padding: 0;
}

.colum41-smallbox figcaption br {
  display: block;
}


#colum41 h6 {
  clear: both;
  display: block;

  width: 90%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum41 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum41 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}
}

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

/*---------------------------guid*/



/*---------------------------secoundpage-product smartphone*/
#colum42 {
  text-align: left;
  display: none;
  margin: 5vh auto 10vh auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum42:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum42-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  text-align: left;
}

.colum42-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum42 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum42 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum42 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum42 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum42 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum42 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  /*font-size:80%;*/
}

#colum42 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum42 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum42 tr th:nth-child(1),
#colum42 tr th:nth-child(2),
#colum42 tr th:nth-child(3),
#colum42 tr th:nth-child(4),
#colum2 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum42 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum42 table th,
#colum42 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum42 table th {
  padding: 0.5em;
}

#colum42 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

s @media screen and (max-width: 768px) {
  #colum42 {
    display: block;
  }

  .colum42-box {
    display: block;
    padding: 5vh 0 5vh 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum42 {
    display: block;
  }

  .colum42-box {
    display: block;
    padding: 5vh 0 5vh 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    text-align: left;
  }
}

#colum42 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150%;
}

/*pc tel無効*/
a[href^="tel:"] {
  pointer-events: none;
}

/*---------------------------secoundpage-product smartphone*/


/*---------------------------secoundpage-product*/
#colum43 {
  text-align: left;
  display: block;
  margin: 0 auto 10vh auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum43:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum43-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum43-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum43 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum43 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum43 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum43 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum43 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum43 table {
  border-collapse: collapse;
  border: 0px;
  margin: 1em auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  /*font-size:80%;*/
}

#colum43 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum43 table thead .subgroup {
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}

#colum43 table thead {
  text-align: center;
  font-weight: bold;
  color: #313030;
  background: #ece9ec;
}

#colum43 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum43 tr td:nth-child(8),
#colum43 tr td:nth-child(9),
#colum43 tr td:nth-child(10),
#colum43 tr td:nth-child(11) {
  text-align: center;
}

#colum43 table th,
#colum43 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum43 table tr:last-child {
  border-bottom: solid 1px #dbd9d9;
}

#colum43 table th {
  color: #313030;
  font-weight: bold;
  padding: 0.5em;
}

#colum43 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum43 img {
  width: 10%;
  margin: 0.25em;
  box-sizing: border-box;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .colum43-box {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum43 {
    text-align: left;
    display: none;
  }
}

/*---------------------------secoundpage-product*/




/*---------------------------secoundpage-product smartphone*/
#colum44 {
  text-align: left;
  display: block;
  margin: 5vh auto 10vh auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum44:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum44-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  text-align: left;
}

.colum44-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum44 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum44 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum44 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum44 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum44 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum44 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  /*font-size:80%;*/
}

#colum44 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum44 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum44 tr th:nth-child(1),
#colum44 tr th:nth-child(2),
#colum44 tr th:nth-child(3),
#colum44 tr th:nth-child(4),
#colum2 tr th:nth-child(9) {
  color: #222;
  font-weight: 500;
  background: #fafafa;
}

#colum44 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum44 table th,
#colum44 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum44 table th {
  padding: 0.5em;
  width: 60px;

}

#colum44 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

@media screen and (max-width: 768px) {
  #colum44 {
    text-align: left;
    display: block;
    margin: 5vh auto 10vh auto;
    padding: 0;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;

    line-height: 1.8;
  }

  .colum44-box {
    display: block;
    margin: 5vh auto 10vh auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;
  }

}

@media screen and (max-width: 600px) {
  #colum44 {
    display: block;
  }

  .colum44-box {
    display: block;
    margin: 5vh auto 10vh auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;
  }

  #colum44 table caption {
    color: #fff;
    background: #278dd6;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 150%;
    margin: 0;
    padding: 0.5em;
    background-image: url(../images/bg8.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150%;
  }

}

/*---------------------------secoundpage-product smartphone*/



/*------------------------secoundpage-top-midashi*/
#colum46 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg12.jpg);
  background-size: cover;
  line-height: 1.8;


  z-index: 2;
}

#colum46:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum46-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;

}

.colum46-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum46-smallbox {
  padding: 0;
  margin: auto 0;
  text-align: left;
  width: 50%;
  float: left;
}

#colum46 .colum46-box .colum46-smallbox:nth-child(1) {
  width: 50%;
  float: left;
}

#colum46 .colum46-box .colum46-smallbox img:nth-child(1) {
  width: 50%;
  margin: 2vh 0 0 0;
  padding: 0;
}



#colum46 .colum46-box img:nth-child(2) {
  width: 50%;
  margin: 0;
  padding: 0;
  float: right;
}



#colum46 h2 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}

#colum46 h2 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum46 p {
  margin: 1em 0;
}

#colum46 h1 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}

#colum46 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.5em 0 0 0;
  padding: 0;
  display: block;

}

#colum46 a:link {
  color: #535253;
  text-decoration: none;
}

#colum46 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum46 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;
    background-image: url(../images/bg12.jpg);
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
  }

  #colum46:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum46-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum46-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum46-smallbox {
    padding: 0;
    margin: auto 0;
    text-align: center;
    width: 100%;
    float: left;
  }

  #colum46 .colum46-box .colum46-smallbox:nth-child(1) {
    width: 100%;
    float: left;
  }

  #colum46 .colum46-box .colum46-smallbox img:nth-child(1) {
    width: 40%;
    margin: 0vh 0 0 0;
    padding: 0;
  }



  #colum46 .colum46-box img:nth-child(2) {
    width: 70%;
    margin: 0 15%;
    padding: 0;
    float: left;
  }

  #colum46 h2 {
    font-size: 110%;

    color: #313030;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum46 h2 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum46 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum46 h1 {
    font-size: 300%;
    color: #313030;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum46 h1 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.5em 0 0 0;
    padding: 0;
    display: block;

  }
}

/*------------------------secoundpage-top-midashi*/











/*---------------------------top-product*/
#colum47 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0vh;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum47:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum47-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum47-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum47 h5 {
  font-size: 110%;
  color: #555353;
  font-weight: normal;
}


#colum47 h4 {
  font-size: 120%;
  color: #555353;
  margin: 5vh auto;
  padding: 0;
  font-weight: normal;
  text-align: left;
  display: block;
}

#colum47 h4 small {
  color: #555353;
}

#colum47 h4 a:link {
  color: #535253;
  text-decoration: none;
}

#colum47 h4 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum47 h4 a:visited {
  color: #535253;
  text-decoration: none;
}



#colum47 h3 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum47 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum47 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}


#colum47 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum47 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum47 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum47 table {
  border-collapse: collapse;
  border: 0px;
  margin: 1em auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 90%;
}

#colum47 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum47 table thead .subgroup {
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}

#colum47 .subgroup {
  color: #313030;
  font-weight: bold;
  background: #f8f7f8;
}

#colum47 table thead {
  text-align: center;
  font-weight: bold;
  color: #313030;
  background: #ece9ec;
}

#colum47 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum47 tr td:nth-child(5),
#colum47 tr td:nth-child(6),
#colum47 tr td:nth-child(7),
#colum47 tr td:nth-child(8),
#colum47 tr td:nth-child(9),
#colum47 tr td:nth-child(10),
#colum47 tr td:nth-child(11),
#colum47 tr td:nth-child(12) {
  font-size: 100%;
  width: 3em;
  text-align: center;
  font-weight: normal;
  background: #f8f7f8;
}

#colum47 tr td:nth-child(12),
#colum47 tr td:nth-child(13) {
  font-size: 100%;
  width: 3em;
  text-align: center;
}




#colum47 table th,
#colum47 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum47 table tr:last-child {
  border-bottom: solid 1px #dbd9d9;
}

#colum47 table th {
  color: #313030;
  font-weight: bold;
  padding: 0.5em;
}

#colum47 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum47 img {
  width: 10%;
  margin: 0.25em;
  box-sizing: border-box;
  vertical-align: middle;
}

#colum47 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum47 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum47 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum47 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum47 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #colum47 {
    text-align: left;
    display: none;
  }

  .colum47-box {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum47 {
    text-align: left;
    display: none;
  }
}

/*---------------------------top-product*/






/*---------------------------toppage-product smartphone*/
#colum48 {
  text-align: left;
  display: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum48:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum48-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum48-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum48 h3 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum48 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum48 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum48 h4 {
  font-size: 120%;
  color: #555353;
  margin: 5vh auto;
  padding: 0;
  font-weight: normal;
  text-align: center;
  display: block;
}

#colum48 h4 small {
  color: #555353;
}

#colum48 h4 a:link {
  color: #535253;
  text-decoration: none;
}

#colum48 h4 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum48 h4 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum48 h5 {
  font-size: 110%;
  color: #555353;
  font-weight: normal;
}

#colum48 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum48 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum48 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum48 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum48 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum48 .subgroup {
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum48 tr th:nth-child(1),
#colum48 tr th:nth-child(2),
#colum48 tr th:nth-child(3),
#colum48 tr th:nth-child(4),
#colum48 tr th:nth-child(9),
{
color: #313030;
font-weight: bold;
background: #ece9ec;
}

#colum48 table th:nth-child(1) {
  width: 2em;
}

#colum48 table th:nth-child(2) {
  width: 8em;
}

#colum48 table tr th.subgroup {
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}

#colum48 table tr:nth-child(6),
#colum48 table tr:nth-child(7),
#colum48 table tr:nth-child(8),
#colum48 table tr:nth-child(9),
#colum48 table tr:nth-child(10),
#colum48 table tr:nth-child(11),
#colum48 table tr:nth-child(12),
#colum48 table tr:nth-child(13) {
  background: #f8f7f8;
}

#colum48 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum48 table th,
#colum48 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum48 table th {
  padding: 0.5em;
}

#colum48 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

@media screen and (max-width: 768px) {
  #colum48 {
    display: block;
  }

  .colum48-box {
    display: block;
    padding: 0vh 0 10vh 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum48 {
    display: block;
  }

  .colum48-box {
    display: block;
    padding: 5vh 0 10vh 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

/*---------------------------toppage-product smartphone*/



/*------------------------------------------form*/
#colum49 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 0vh 0 10vh 0;
  width: 100%;

  font-size: 110%;
  color: #555353;

  line-height: 1.8;
  background: #fff;
  text-align: center;



  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  justify-content: center;
  align-items: center;
  /*均等*/

}

#colum49:after {
  content: "";
  clear: both;
  display: block;
}

.colum49-box {
  display: block;
  margin: 0 auto;
  padding: 0 0 5vh 0;
  width: 1100px;
  clear: both;
  text-align: left;

}


.colum49-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum49 a:link {
  color: #535253;
  text-decoration: none;
}

#colum49 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum49 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum49 h4 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
}

#colum49 h3 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum49 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum49 p {
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  text-align: left;
}

label {
  width: 90%;
  /*width:auto;*/
  display: inline-block;
  margin: 0 0.5em;
}

input[type="text"],
select,
textarea {
  border-color: #eae8e8;
  border-radius: 5px;
  font-size: 110%;
  padding: 0.5em;
  margin: 0.5em;
  border: solid 1px #eae8e8;
}

input[type="text"]:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 5px 0 rgba(211, 239, 250, 1);
  outline: 0;
  background-color: #d3effa;
}

.form {
  width: 80%;
  height: 2em;
}

.p-region p-locality p-street-address p-extended-address {
  width: 80%;
  height: 2em;
}


select.form2 {
  width: 52%;
  display: inline-block;
  height: 3em;
}

input.zip {
  width: 50%;
  height: 2em;
}

textarea {
  width: 70%;
}

input[type="radio"] {
  position: relative;
  -webkit-appearance: button;
  appearance: button;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  content: "";
  background-color: #fff;
  border: 1px solid #1479c2;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  /*-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);*/
  vertical-align: middle;
  cursor: pointer;

  margin: 0.5em;
}

input[type="radio"]:checked:after {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  content: "";
  width: 12px;
  height: 12px;
  background: #24b4f0 -webkit-border-radius: 12px;
  border-radius: 12px;


}

input:checked+label::after {
  opacity: 1;
}

input[type=checkbox] {
  width: 24px;
  height: 24px;
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}





.spec1 {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
  color: #555353;
}

.spec1 th {
  color: #302f2f;
  font-weight: normal;
}

.spec1 th,
.spec1 td {
  border-bottom: solid 1px #fff;
  /*border-bottom: solid 1px #eae8e8;*/
  padding: 5px;
  text-align: left;
}

.spec1 small {
  font-size: 90%;
}

.spec1 caption {
  background-color: #eae8e8;
  color: #000;
  font-weight: normal;
  border-top: solid 2px #eae8e8;
  border-left: solid 2px #eae8e8;
  border-right: solid 2px #eae8e8;
}

.spec1 h5 {
  background-color: #57bfeb;
  /*background-color:#558f7b;*/
  color: #fff;
  border-radius: 5px;
  font-size: 70%;
  display: inline-block;
  padding: 0.25em;
  vertical-align: middle;
  margin-left: 0.5em;
}

.spec1 h6 {
  background-color: #fff;
  color: #ff3f51;
  border-radius: 5px;
  font-size: 70%;
  display: inline-block;
  padding: 0.25em;
  vertical-align: middle;
  margin-left: 0.5em;
}

/*送信ボタン*/
#colum49 .btn2 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #ef3636;
  /*ボタン色*/
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 30%;
  margin: 5vh 1%;
  font-weight: normal;
  text-align: center;
  float: left;
}

#colum49 .btn2:link {
  text-decoration: none;
  color: #fff;
}

#colum49 .btn2:hover {
  color: #fff;
  background-color: #f75858;
  border-bottom: solid 4px #e55050;

}

/*送信ボタン*/



#colum49 .btn5 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #ef3636;
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  margin: 5vh auto;
  font-weight: normal;
  text-align: center;

  float: left;
}

#colum49 .btn5:link {
  text-decoration: none;
  color: #fff;
}

#colum49 .btn5:hover {
  color: #fff;
  background-color: #f97373;
  border-bottom: solid 4px #e36d6d;

}

/*トップボタン*/


/*リセットボタン*/
#colum49 .btn6 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 20%;
  margin: 5vh 1%;
  font-weight: normal;
  text-align: center;
  float: left;
}

#colum49 .btn6:link {
  text-decoration: none;
  color: #fff;
}

#colum49 .btn6:hover {
  color: #fff;
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;

}

/*リセットボタン*/

/*topボタン*/
#colum49 .btn7 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  margin: 1vh auto;
  display: block;
  font-weight: normal;
  text-align: center;
}

#colum49 .btn7:link {
  text-decoration: none;
  color: #fff;
}

#colum49 .btn7:hover {
  color: #fff;
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;

}

#colum49 .btn7:visited {
  text-decoration: none;
  color: #fff;
}

/*topボタン*/

/*underlinelinkボタン*/
.uline1 {
  text-decoration: underline;
}

.uline1 a:link {
  color: #535253;
  text-decoration: underline;
}

.uline1 a:hover {
  color: #535253;
  text-decoration: none;
  transition: 0.5s;
  opacity: 0.5;
}

.uline1 a:visited {
  color: #535253;
  text-decoration: none;
}

/*underlinelinkボタン*/

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

  input[type="text"],
  select,
  textarea {
    border-color: #eae8e8;
    border-radius: 5px;
    font-size: 110%;
    padding: 0.5em;
    margin: 0.5em 0;
    border: solid 1px #eae8e8;
  }

  input[type="text"]:focus,
  textarea:focus,
  select:focus {
    box-shadow: 0 0 5px 0 rgba(211, 239, 250, 1);
    outline: 0;
    background-color: #d3effa;
  }

  .form {
    width: 90%;
    height: 2em;
  }

  select.form2 {
    width: 92%;
    display: inline-block;
    height: 3em;
  }

  input.zip {
    width: 90%;
    height: 2em;
  }

  textarea {
    width: 90%;
  }


  #colum49 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0vh 0 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;

    line-height: 1.8;
    background: #fff;
  }

  #colum49:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum49-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;
  }


  .colum49-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum49 h4 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum49 h3 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum49 h3 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }


  .spec1 {
    border-collapse: collapse;
    color: #363636;
    width: 90%;
    margin: 5vh auto;
    padding: 0;
  }

  .spec1 th {
    background: #fff;
    /*background-color:#f7f7f8;*/
    color: #000;
    font-weight: normal;
    border-bottom: solid 1px #fff;
  }

  .spec1 td {
    border-bottom: solid 1px #fff;
    /*border-bottom: solid 1px #eae8e8;*/
  }

  .spec1 th,
  .spec1 td {

    padding: 0.5em 2%;
    text-align: left;
    display: block;
    width: 96%;
  }

  /*送信ボタン*/
  #colum49 .btn2 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #ef3636;
    /*ボタン色*/
    color: #fff;
    border-bottom: solid 4px #c52a2b;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 1vh 5%;
    font-weight: normal;
    text-align: center;
    float: left;
  }

  #colum49 .btn2:hover {
    color: #fff;
    background-color: #f75858;
    border-bottom: solid 4px #e55050;

  }

  /*送信ボタン*/

  /*リセットボタン*/
  #colum49 .btn6 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #15a5da;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 1vh 5%;
    font-weight: normal;
    text-align: center;
    float: left;
  }

  #colum49 .btn6:hover {
    color: #fff;
    background-color: #6ed6fd;
    border-bottom: solid 4px #5bc0e5;

  }

  /*リセットボタン*/
  #colum49 .btn7 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #15a5da;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 1vh auto;
    display: block;
    font-weight: normal;
    text-align: center;
  }

}











#colum49 .flowchart:hover {
  color: #000;
  /* 文字色を白にする */
  background-color: #add8e6;
  /* 背景色をグレー（#c9c9c9）にする */
  text-decoration: none;
  /* リンクに出てくる下線を無効にする*/
}

/*------------------------------------------form*/



/*---------------------------secoundpage-product*/
#colum50 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  background-image: url(../images/bg13.jpg);
  background-size: cover;
  /*contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
}

#colum50:after {
  content: "";
  clear: both;
  display: block;
}

.colum50-box {
  display: block;
  margin: 0 auto;
  padding: 8vh 5%;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum50-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum50 p {
  margin: 0 auto;
}


#colum50 a:link {
  color: #535253;
  text-decoration: none;
}

#colum50 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum50 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum50 h4 {
  font-size: 160%;

  color: #31c5fc;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 1em auto 0 auto;

  padding: 1em auto;

}

#colum50 h4 small {

  font-size: 50%;
  color: #fff;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum50 h3 {
  font-size: 300%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum50 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum50 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum50 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum50 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum50 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum50 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum50 .btn3:visited {
  text-decoration: none;
  color: #fff;
}


/*4colum*/
.colum50-smallbox {
  margin: 1vh 1% 2vh 1%;
  width: 31%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum50-smallbox p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/
.colum50-smallbox br {
  display: none;
}

.colum50-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 0;
  background: #232424;
  color: #555353;
}

.colum50-largebox br {
  display: block;
}

/*2colum*/
.colum50-smallbox2 {
  margin: 1vh 1% 2vh 1%;
  width: 48%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum50-smallbox2 p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*2colum*/

/*1colum*/
.colum50-smallbox1 {
  margin: 1vh auto 2vh auto;
  width: 50%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum50-smallbox1 p {
  color: #aeadad;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*1colum*/

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

  /*4colum*/
  .colum50-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum50-largebox br {
    display: none;
  }

  /*2colum*/
  .colum50-smallbox2 {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*2colum*/

  /*1colum*/
  .colum50-smallbox1 {
    margin: 1vh 1% 2vh 1% width:98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*1colum*/
  #colum50 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum50 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    background-image: url(../images/bg6.png);
    background-size: cover;
    /*contain*/
    background-position: center;
    background: #302f2f;
    line-height: 1.8;
  }

  /*4colum*/
  .colum50-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }



  /*2colum*/
  .colum50-smallbox2 {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*2colum*/

  /*1colum*/
  .colum50-smallbox1 {
    margin: 1vh 1% 2vh 1% width:98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  /*1colum*/
}

/*---------------------------secoundpage-product*/


/*------------------------secoundpage-top-midashi*/
#colum51 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg14.jpg);
  background-size: cover;
  line-height: 1.8;


  z-index: 2;
}

#colum51:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum51-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;

}

.colum51-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum51-smallbox {
  padding: 0;
  margin: auto 0;
  text-align: left;
  width: 50%;
  float: left;
}

#colum51 .colum51-box .colum51-smallbox:nth-child(1) {
  width: 60%;
  float: left;
}

#colum51 .colum51-box .colum51-smallbox img:nth-child(1) {
  width: 50%;
  margin: 2vh 0 0 0;
  padding: 0;
}



#colum51 .colum51-box img:nth-child(2) {
  width: 40%;
  margin: 0;
  padding: 0;
  display: block;
  float: right;
}



#colum51 h2 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}

#colum51 h2 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum51 p {
  margin: 1em 0;
}

#colum51 h1 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}

#colum51 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.5em 0 0 0;
  padding: 0;
  display: block;

}

#colum51 a:link {
  color: #535253;
  text-decoration: none;
}

#colum51 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum51 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;
    background-image: url(../images/bg14.jpg);
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
  }

  #colum51:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum51-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum51-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum51-smallbox {
    padding: 0;
    margin: auto 0;
    text-align: center;
    width: 100%;
    float: left;
  }

  #colum51 .colum51-box .colum51-smallbox:nth-child(1) {
    width: 100%;
    float: left;
  }

  #colum51 .colum51-box .colum51-smallbox img:nth-child(1) {
    width: 40%;
    margin: 0vh 0 0 0;
    padding: 0;
  }



  #colum51 .colum51-box img:nth-child(2) {
    width: 70%;
    margin: 0 15%;
    padding: 0;
    float: left;
  }

  #colum51 h2 {
    font-size: 110%;

    color: #302f2f;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum51 h2 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum51 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum51 h1 {
    font-size: 300%;
    color: #302f2f;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum51 h1 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.5em 0 0 0;
    padding: 0;
    display: block;

  }
}

/*------------------------secoundpage-top-midashi*/



/*---------------------------thirdpage*/
#colum52 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 5vh 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum52:after {
  content: "";
  clear: both;
  display: block;
}

.colum52-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;

  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum52-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum52 a:link {
  color: #535253;
  text-decoration: none;
}

#colum52 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum52 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum52 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
  display: inline-block;
  width: 100%;



}

#colum52 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum52 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum52 img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

.colum52-smallbox {
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/

  margin: 2vh 1%;
  padding: 0;
  width: 30%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum52-smallbox:nth-child(1),
.colum52-smallbox:nth-child(2) {
  margin: 2vh 2%;
  padding: 0;
  width: 46%;
  /*float:left;*/
  box-sizing: border-box;
}

.colum52-smallbox img {
  width: 46%;
  margin: 2% 0;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

#colum52 p {
  width: 90%;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}

#colum52 ul {
  margin-left: 1.5em;
  margin-right: 1em;
  margin-bottom: 2vh;
}

#colum52 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum52 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum52 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum52 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum52 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum52 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum52 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum52 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum52 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum52 tr th:nth-child(1),
#colum52 tr th:nth-child(2),
#colum52 tr th:nth-child(3),
#colum52 tr th:nth-child(4),
#colum52 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum52 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum52 table th,
#colum52 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum52 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum52 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum52 figure {
  width: 48%;
  margin: 5% 1%;
  box-sizing: border-box;
  float: left;
  background: #84d7f9;
}

#colum52 figcaption {
  text-align: center;
  color: #fff;
  /*color:#555353;*/
  font-weight: normal;
  font-size: 100%;
  width: 96%;
  margin: 2% auto;
  padding: 0;
}

#colum52 figure img {
  width: 100%;
  display: block;
  margin: 0 0 0.5em 0;
  padding: 0;
}

#colum52 ol {
  width: 90%;
  margin: 0 auto;
}

#colum52 li {
  margin-right: 0.5em;
}

#colum52 .no {
  display: inline-block;
  width: 3em;
  background: #31c5fc;
  color: #fff;
  font-size: 65%;
  margin: 0.5em 1em 0.5em 0;
  padding: 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #colum52 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum52:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum52-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum52-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum52 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 0.5em 2% 0.5em 0%;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum52 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum52 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum52 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum52 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum52-smallbox:nth-child(1),
  .colum52-smallbox:nth-child(2),
  {
  margin: 2vh 2%;
  padding: 0;
  width: 46%;
  float: left;
}


.colum52-smallbox:nth-child(3) {
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  float: left;
  box-sizing: border-box;
}

.colum52-smallbox p {
  width: auto;
  margin: 0em auto 0.5em auto;
  ;
  padding: 0 1em;
  display: block;

}

#colum52 ol {
  margin-left: -1em;
  margin-right: 1em;
}

.colum52-smallbox figcaption br {
  display: block;
}


#colum52 h6 {
  clear: both;
  display: block;

  width: 90%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum52 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum52 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum52 figure {
  width: 48%;
  margin: 5% 1%;
  box-sizing: border-box;
  float: left;
  background: #84d7f9;
}

#colum52 figcaption {
  text-align: center;
  color: #fff;
  /*color:#555353;*/
  font-weight: normal;
  font-size: 100%;
  width: 96%;
  margin: 2% auto;
  padding: 0;
}

#colum52 figure img {
  width: 100%;
  display: block;
  margin: 0 0 0.5em 0;
  padding: 0;
}
}

@media screen and (max-width: 600px) {
  #colum52 figure {
    width: 96%;
    margin: 5% 2%;
    box-sizing: border-box;
    float: left;
    background: #84d7f9;
  }

  #colum52 figcaption {
    text-align: center;
    color: #fff;
    /*color:#555353;*/
    font-weight: normal;
    font-size: 100%;
    width: 96%;
    margin: 2% auto;
    padding: 0;
  }

  #colum52 figure img {
    width: 100%;
    display: block;
    margin: 0 0 0.5em 0;
    padding: 0;
  }
}

/*---------------------------thirdpage*/



/*---------------------------subproduct*/
#colum53 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*313030 555353*/
  background: #f1eeee;
  line-height: 1.8;
}

#colum53:after {
  content: "";
  clear: both;
  display: block;
}

.colum53-box {
  display: block;
  margin: 0 auto;
  padding: 8vh 5%;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum53-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum53 p {
  margin: 0 auto;
}


#colum53 a:link {
  color: #535253;
  text-decoration: none;
}

#colum53 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum53 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum53 h4 {
  font-size: 160%;

  color: #1068a8;
  line-height: 1.8;
  margin: 1em auto 0 auto;

  padding: 1em auto;

}

#colum53 h4 small {

  font-size: 50%;
  color: #555353;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum53 h3 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum53 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum53 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum53 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum53 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum53 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum53 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum53 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*4dl-colum*/
#colum53 dl {
  margin-bottom: 1%;
  width: 25%;
  text-align: left;
  display: flex;
}

#colum53 dt {
  font-weight: bold;
  color: #555353;
  text-align: left;
  margin-bottom: 1%;
  padding: 1% 0 1% 0;

}

#colum53 dd {
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4dl-colum*/


/*4colum*/
.colum53-smallbox {
  margin: 1vh 1% 2vh 1%;
  width: 23%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
}

.colum53-smallbox p {
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/
#colum53 br {
  display: none;
}

.colum53-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 0;
  background: #232424;
  color: #555353;
}

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

  /*4colum*/
  .colum53-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  #colum53 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum53 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    background: #fff;
    line-height: 1.8;
  }

  /*4colum*/
  .colum53-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }
}

/*---------------------------subproduct*/

/*-------------------sitemap---*/
.nav54 {
  width: 1100px;
  /*height: 40px;*/
  margin: 0 auto;
  padding: 0;
  /*display: flex;*/


}

.nav54 li {
  position: relative;
  list-style: none;

}

.nav54 li a {
  display: block;
  width: 1100px;
  /*height: 110px;*/
  text-align: left;
  color: #555353;
  font-size: 100%;
  /*font-size: 85%;*/
  line-height: 2.5;
  /*line-height: 2.8;*/
  transition: 0.5s;
  text-decoration: none;
  box-sizing: border-box;

  margin: 0;
  padding: 0 1em;
}

.nav54 li a br {
  display: none;
}

.nav54>li:hover>a {
  /*layer-1*/
  color: #302f2f;

  text-decoration: none;

}

.nav54>li li:hover>a {
  /*layer-2*/
  color: #302f2f;
  text-decoration: underline;

}

.nav54 li ul li {
  transition: 0.2s;
  position: relative;
  left: -35px;


}

.nav54 li ul li a {}

.nav54 strong {
  font-weight: bold;
  font-size: 130%;
  margin: 5vh 0 0 0;
  border-bottom: 1px solid #cfced0;
  display: inline-block;
  color: #302f2f;

}

.nav54 li ul li strong:nth-child(1) {
  margin: 1vh 0 0 0;
}

.nav54 strong:hover {
  text-decoration: underline;
}

#colum54 {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  background-color: #fff;
}

#colum54:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum54-box {
  display: block;
  padding: 0;
  margin: 0 auto 5vh auto;
  width: 80%;
  clear: both;
  display: block;

}

.colum54-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

@media screen and (max-width: 768px) {
  .nav54 {
    max-width: 768px;
    /*height: 40px;*/
    margin: 0 auto;
    padding: 0;
    /*display: flex;*/


  }

  .nav54 li {
    position: relative;
    list-style: none;

  }

  .nav54 li a {
    display: block;
    max-width: 100%;
    /*height: 110px;*/
    text-align: left;
    color: #555353;
    font-size: 100%;
    /*font-size: 85%;*/
    line-height: 2.5;
    /*line-height: 2.8;*/
    transition: 0.5s;
    text-decoration: none;
    box-sizing: border-box;

    margin: 0;
    padding: 0 1em;
  }

  .nav54 li a br {
    display: none;
  }

  .nav54>li:hover>a {
    /*layer-1*/
    color: #302f2f;

    text-decoration: none;

  }

  .nav54>li li:hover>a {
    /*layer-2*/
    color: #302f2f;
    text-decoration: underline;

  }

  .nav54 li ul li {
    transition: 0.2s;
    position: relative;
    left: -35px;


  }

  .nav54 li ul li a {}

  .nav54 strong {
    font-weight: bold;
    font-size: 130%;
    margin: 5vh 0 0 0;
    border-bottom: 1px solid #cfced0;
    display: inline-block;
    color: #302f2f;

  }

  .nav54 li ul li strong:nth-child(1) {
    margin: 1vh 0 0 0;
  }

  .nav54 strong:hover {
    text-decoration: underline;
  }

  #colum54 {
    text-align: left;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    font-size: 110%;
    background-color: #fff;
  }

  #colum54:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum54-box {
    display: block;
    padding: 0;
    margin: 0 auto 5vh auto;
    width: 100%;
    clear: both;
    display: block;

  }

  .colum54-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }
}

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



/*---------------------------productpage*/
#colum55 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum55:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum55-box {
  display: block;
  padding: 0;
  margin: 0 auto 5vh auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum55-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum55 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum55 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum55 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

#colum55 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum55 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum55 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum55 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto 1vh auto;
  padding: 0;
  width: 98%;
  /*width:100%;*/
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  /*border: solid 1px #dbd9d9;*/
  font-size: 100%;
}

#colum55 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 130%;
  /*font-size:150%;*/
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum55 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum55 tr th:nth-child(1),
#colum55 tr th:nth-child(2),
#colum55 tr th:nth-child(3),
#colum55 tr th:nth-child(4),
#colum2 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;

  background: #ece9ec;
}

#colum55 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum55 table th,
#colum55 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum55 table th {
  padding: 0.5em;
  width: 6em;
  /*custom*/
}

#colum55 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum55 table ol {
  margin: 0 auto 0 1em;
  padding: 0;
  width: auto;
  display: inline-block;
}

#colum55 table ol li {
  margin: 0 auto 0.5em auto;
}

@media screen and (max-width: 768px) {
  .colum55-box {
    display: block;
    padding: 0;
    margin: 0vh 5% 5vh 5%;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

.mold {
  margin-left: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}



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

  .colum55-box {
    display: block;
    padding: 0;
    margin: 0vh 5% 1vh 5%;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }

  #colum55 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh auto;
    padding: 0;
    width: 98%;
    /*width:100%;*/
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    /*border: solid 1px #dbd9d9;*/
    font-size: 80%;
    /*font-size:100%;*/
  }

  #colum55 table caption {
    color: #fff;
    background: #278dd6;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 130%;
    /*font-size:150%;*/
    margin: 0;
    padding: 0.5em;
    background-image: url(../images/bg8.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150%;
    /*font-size:100%;*/
  }
}

/*---------------------------productpage*/
/*----------#colum55 .colum55-box photo*/
#colum55 .colum55-box figure h5 {
  font-size: 120%;
  color: #313030;
  text-align: center;
  font-size: 110%;
  margin: 0;
  padding: 0.25em;
  /*background:#278dd6;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	background-image:url(../images/bg8.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;*/
}

#colum55 .colum55-box figure {
  width: 30%;
  margin: 1em 0;
  padding: 0;
  background: #fff;
  color: #535253;
  border: dotted 1px #dbd9d9;
}

#colum55 .colum55-box figure img {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}

#colum55 .colum55-box figcaption {
  width: 90%;
  padding: 0;
  margin: 0 5%;
}

#colum55 .colum55-box figcaption p {
  font-size: 90%;
  margin: 0.5em auto;
}


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

  #colum55 .colum55-box figure h5 {
    font-size: 120%;
    color: #313030;
    text-align: center;
    font-size: 110%;
    margin: 0;
    padding: 0.5em;
    /*background:#278dd6;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	background-image:url(../images/bg8.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;*/


  }

  #colum55 .colum55-box figure {
    width: 98%;
    margin: 1em auto;
    padding: 0;
    background: #fff;
    color: #535253;
    border: dotted 1px #dbd9d9;
  }

  #colum55 .colum55-box figure img {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
  }

  #colum55 .colum55-box figcaption {
    width: 100%;
    padding: 0;
    margin: 0 5%;
  }

  #colum55 .colum55-box figcaption p {
    font-size: 90%;
    margin: 0.5em auto;
  }
}

/*----------#colum55 .colum55-box photo*/

/*---------------------------pickuppage*/
#colum56 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum56:after {
  content: "";
  clear: both;
  display: block;
}

.colum56-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum56-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum56 a:link {
  color: #535253;
  text-decoration: none;
}

#colum56 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum56 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum56 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum56 h2,
#colum56 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum56 h2 small,
#colum56 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum56 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum56-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum56-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum56-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum56-box p {
  width: 94%;
  margin: 0.5em auto;
  padding: 0;
  display: block;
}


/*.colum56-box p{
width:auto;
margin:0.5em auto;
padding:0 1em;
}*/


#colum56 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum56 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum56 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum56 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum56 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum56 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum56 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum56 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum56 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum56 tr th:nth-child(1),
#colum56 tr th:nth-child(2),
#colum56 tr th:nth-child(3),
#colum56 tr th:nth-child(4),
#colum56 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum56 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum56 table th,
#colum56 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum56 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum56 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum56 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum56 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum56 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo*/
#colum56 .largephoto:link,
#colum56 .smallphoto:link {
  transition: 1s;
}

#colum56 .largephoto:hover,
#colum56 .smallphoto:hover {
  opacity: 0.5;
}

#colum56 .largephoto {
  display: block;
  width: 90%;
  margin: 0 5% 5vh 5%;
  padding: 0;
  transition: 1s;
}

#colum56 .largephoto img {
  width: 100%;
}

#colum56 .smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto 5vh auto;
  padding: 0;
  transition: 1s;
}

#colum56 .smallphoto img {
  display: block;
  width: 100%;
}

/*----------photo*/

/*----------photo2*/
#colum56 .largephoto2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum56 .largephoto2 img {
  display: block;
  width: 100%;
}

#colum56 .smallphoto2 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum56 .smallphoto2 img {
  display: block;
  width: 100%;
}

/*----------photo2*/

@media screen and (max-width: 768px) {
  #colum56 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum56:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum56-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum56-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum56 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum56 h2,
  #colum56 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum56 h2 small,
  #colum56 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum56 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum56 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum56 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum56-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum56-smallbox figcaption br {
    display: block;
  }


  #colum56 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum56 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum56 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }
}

@media screen and (max-width: 600px) {
  #colum56 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum56 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum56 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum56 .largephoto:link,
  #colum56 .smallphoto:link {
    transition: 1s;
  }

  #colum56 .largephoto:hover,
  #colum56 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum56 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum56 .largephoto img {
    width: 100%;
  }

  #colum56 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum56 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo2*/
  #colum56 .largephoto2 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum56 .largephoto2 img {
    display: block;
    width: 100%;
  }

  #colum56 .smallphoto2 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum56 .smallphoto2 img {
    display: block;
    width: 100%;
  }

  /*----------photo2*/
}

/*---------------------------pickuppage*/


/*-------------------------contact*/
#colum57 {
  text-align: left;
  display: block;
  margin: 1vh 0 5vh 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  background: #fff;
}

#colum57:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum57-box {
  display: block;
  margin: 0px auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: center;
}

.colum57-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;

  display: block;
}

#colum57 img {
  transition: 0.5s;

}

#colum57 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
  text-align: left;
}

#colum57 h2,
#colum57 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
}

#colum57 h2 small,
#colum57 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum57 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum57 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum57 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

.colum57-smallbox {
  display: block;
  margin: 1vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum57-smallbox:after {
  content: "";
  /* ※Clearfix */
  clear: both;

  display: block;
}

.colum57-smallbox p {
  width: 94%;
  margin: 0.5em auto;
  padding: 0;
  display: block;
  clear: both;
  font-size: 120%;
}

.colum57-box p:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}



/*お問合せボタン*/
#colum57 .btn4 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #ef3636;
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  display: block;
  margin: 1em auto 1em auto;
  font-weight: normal;
  text-align: center;
}

#colum57 .btn4 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px;
}

#colum57 .btn4:hover {
  /*ボタンを押したとき*/
  color: #fff;
  background-color: #f97373;
  border-bottom: solid 4px #e36d6d;

}

/*お問合せボタン*/

@media screen and (max-width: 768px) {
  #colum57 {
    text-align: left;
    display: block;
    margin: 0;
    padding: 1vh 0 5vh 0;
    width: 100%;
    clear: both;
    font-size: 110%;
    background: #fff;

    /*z-index:1;
position:fixed;*/



  }

  #colum57:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum57-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 90%;
    clear: both;

  }

  .colum57-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;

    display: block;
  }

  /*お問合せボタン*/
  #colum57 .btn4 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #ef3636;
    color: #fff;
    border-bottom: solid 4px #c52a2b;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 1em auto 5vh auto;
    font-weight: normal;
    text-align: center;
  }

  /*お問合せボタン*/
}

/*-------------------------contact*/


/*---------------------------secoundpage*/
#colum58 {
  text-align: left;
  display: block;
  clear: both;
  margin: 1vh 0 5vh 0;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum58:after {
  content: "";
  clear: both;
  display: block;
}

.colum58-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;

  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum58-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum58 a:link {
  color: #535253;
  text-decoration: none;
}

#colum58 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum58 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum58 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1vh auto;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
}

#colum58 h4 {
  font-size: 160%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum58 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

.colum58-smallbox {
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/

  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  /*width:30%;*/
  text-align: left;
  box-sizing: border-box;
  float: left;
  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum58-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}

.colum58-smallbox figure {
  width: 46%;
  margin: 1em 2%;
  padding: 0;
  float: left;
  box-sizing: border-box;
  background: #84d7f9;
}

.colum58-smallbox figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.colum58-smallbox figcaption {
  width: 100%;
  margin: 0.5em auto;
  padding: 0 2%;
  display: block;
  font-size: 90%;
  color: #fff;
}



#colum58 h6 {
  display: block;
  padding: 0.5em 2em 0.5em 2em;
  margin: 0 auto;
  clear: both;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 110%;
  color: #555353;
  line-height: 1.8;
}

#colum58 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum58 h6 strong {
  font-size: 150%;
  color: #1068a8;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);


  display: inline-block;
  width: 100%;
}

/*-------------------------btn3*/
#colum58 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum58 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum58 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum58 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum58 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

/*-------------------------btn12*/
#colum58 .btn12 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum58 .btn12 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum58 .btn12:link {
  text-decoration: none;
  color: #fff;
}

#colum58 .btn12:hover {
  color: #fff;
  /*color: #205da9;*/
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum58 .btn12:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn12*/

@media screen and (max-width: 768px) {
  #colum58 {
    text-align: left;
    display: block;
    clear: both;
    margin: 1vh auto 5vh auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum58:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum58-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum58-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum58 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1vh auto;
    padding: 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum58 h4 {
    font-size: 160%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum58 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  .colum58-smallbox {
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/

    margin: 5vh 1%;
    padding: 0;
    width: 96%;
    /*width:30%;*/
    text-align: left;
    box-sizing: border-box;
    float: left;
    /*background:#ededf0;
border:1px solid #cfced0;*/
  }

  /*-------------------------btn3*/
  #colum58 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

  /*-------------------------btn12*/
  #colum58 .btn12 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #15a5da;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn12*/
}


/*---------------------------secoundpage*/

/*---------------------------secoundpage-product*/
#colum59 {
  text-align: left;
  display: block;
  margin: 5vh auto 10vh auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum59:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum59-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum59-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum59 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum59 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum59 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum59 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum59 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum59 table {
  border-collapse: collapse;
  border: 0px;
  margin: 1em auto;
  padding: 0;
  width: 98%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 100%;


}

#colum59 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 130%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum59 table thead .subgroup {
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}

#colum59 table thead {
  text-align: center;
  font-weight: bold;
  color: #313030;
  background: #ece9ec;
}

#colum59 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum59 figure {
  text-align: center;
  width: 23%;
  margin: 1%;
  padding: 0;
  float: left;


}

#colum59 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

#colum59 table td:last-child {
  width: 50%;
}

#colum59 figure:nth-child(2),
#colum59 figure:nth-child(4),
#colum59 figure:nth-child(6) {
  width: 8%;
  margin: 5% 1%;
  padding: 0;
  vertical-align: middle;
}

#colum59 table th,
#colum59 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum59 table tr:last-child {
  border-bottom: solid 1px #dbd9d9;
}

#colum59 table th {
  color: #313030;
  font-weight: bold;
  padding: 0.5em;
}

#colum59 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum59 img {
  width: 10%;
  margin: 0.25em;
  box-sizing: border-box;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #colum59 {
    text-align: left;
    display: none;
  }

  .colum59-box {
    display: none;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum59 {
    text-align: left;
    display: none;
  }
}

/*---------------------------secoundpage-product*/


/*---------------------------secoundpage-product smartphone*/
#colum60 {
  text-align: left;
  display: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum60:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum60-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum60-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum60 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum60 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum60 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum60 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum60 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum60 table {
  border-collapse: collapse;
  border: 0px;
  margin: 0vh auto 0vh auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum60 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 130%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum60 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #fff;
  /*background:#f8f7f8;*/

}


#colum60 tr th:nth-child(1),
#colum60 tr th:nth-child(2),
#colum60 tr th:nth-child(3),
#colum60 tr th:nth-child(4),
#colum60 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
  width: 36%;
}

#colum60 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum60 table th,
#colum60 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum60 table th {
  padding: 0.5em;

  /*custom
width:100%;
display:table;
float:left;
border-top:solid 0px #dbd9d9;
border-right:0px;
border-left:0px;
border-bottom:solid 0px #dbd9d9;
custom*/
}

#colum60 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;

  /*custom
width:auto;
display:table-cell;
float:left;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:solid 0px #dbd9d9;
custom*/
}


#colum60 figure {
  text-align: center;
  width: 90%;
  margin: 1% auto;
  padding: 0;
}

#colum60 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

#colum60 figure:nth-child(2) img,
#colum60 figure:nth-child(4) img {
  width: 20%;
  margin: 5% auto;
  padding: 0;
  vertical-align: middle;
  transform: rotate(90deg);
}

@media screen and (max-width: 768px) {
  #colum60 {
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;

    line-height: 1.8;
  }

  .colum60-box {
    display: block;
    padding: 5vh 0 5vh 0;
    margin: 0 auto;
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
  }

  #colum60 table {
    border-collapse: collapse;
    border: 0px;
    margin: 0vh auto 0vh auto;
    padding: 0;
    width: 98%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 100%;
  }

  #colum60 tr th:nth-child(1),
  #colum60 tr th:nth-child(2),
  #colum60 tr th:nth-child(3),
  #colum60 tr th:nth-child(4),
  #colum60 tr th:nth-child(9) {
    color: #313030;
    font-weight: bold;
    background: #ece9ec;
    width: 33%;
  }
}

@media screen and (max-width: 600px) {
  #colum60 {
    display: block;
  }

  .colum60-box {
    display: block;
    padding: 5vh 0 5vh 0;
    margin: 0 auto;
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
  }

  #colum60 table {
    border-collapse: collapse;
    border: 0px;
    margin: 0vh auto 0vh auto;
    padding: 0;
    width: 98%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  #colum60 tr th:nth-child(1),
  #colum60 tr th:nth-child(2),
  #colum60 tr th:nth-child(3),
  #colum60 tr th:nth-child(4),
  #colum60 tr th:nth-child(9) {
    color: #313030;
    font-weight: bold;
    background: #ece9ec;
    width: auto;
  }
}

/*---------------------------secoundpage-product smartphone*/

/*---------------table*/
#colum55 .colum55-box .spec8 {
  width: 90%;
  border-collapse: collapse;
  color: #535253;
  border: dotted 1px #dbd9d9;
  background: #fff;
  margin: 2vh auto;
  font-size: 90%;
}

#colum55 .colum55-box .spec8 th {
  color: #535253;
  font-weight: bold;
  background: #fff;
}

#colum55 .colum55-box .spec8 th,
#colum55 .colum55-box .spec8 td {
  border: dotted 1px #dbd9d9;
  padding: 5px;
  text-align: left;
  background: #fff;
  color: #313030;
}

/*custom*/
#colum55 .colum55-box .spec8 tr {
  background: #fff;
}

/*custom*/
#colum55 .colum55-box .spec8 colgroup {
  width: 33%;
  background: #fff;
}

@media screen and (max-width: 600px) {
  #colum55 .colum55-box .spec8 {
    width: 96%;
    border-collapse: collapse;
    color: #535253;
    border: dotted 1px #dbd9d9;
    background: #fff;
    margin: 2vh auto;
    font-size: 90%;
  }

}

/*---------------table*/


/*---------------------------what*/
#colum61 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum61:after {
  content: "";
  clear: both;
  display: block;
}

.colum61-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum61-box:after {
  content: "";
  clear: both;
  display: block;
}



/*----photo*/
.colum61-box3 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;

  background: #d5e8d5;
}

.colum61-box3:after {
  content: "";
  clear: both;
  display: block;
}

.colum61-box3 img {

  margin: 2% 0%;
  padding: 0;

}

.colum61-box3 img:nth-child(1) {
  width: 60%;
  margin: 2% 0%;
  padding: 0;
  float: left;
  display: block;
}

.colum61-box3 img:nth-child(2) {
  width: 100%;
  margin: 2% 0%;
  padding: 0;
  float: right;
  display: none;
}

.colum61-box3 img:nth-child(3) {
  width: 40%;
  margin: 2% 0%;
  padding: 0;
  float: right;
}

/*----photo*/





#colum61 a:link {
  color: #535253;
  text-decoration: none;
}

#colum61 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum61 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum61 dl {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}

#colum61 dt {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.5em 2%;
  border: 1px solid #31c5fc;
  background: #c0eeff;
  border-radius: 5px;
  display: inline-block;
}

#colum61 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum61 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

.yellowbg {
  background: #ffffd6;
}

#colum61 h5 {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em auto 5vh auto;
  /*margin:1em 2% 5vh 2%;*/
  padding: 1em 1%;
  /*padding:0.25em 1%;*/
  border: 4px solid #249af0;
  display: block;
  width: 98%;
  /*width:94%;*/
}

#colum61 h3,
#colum61 h4,
#colum61 .title61 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
  font-weight: bold;
}

#colum61 h4 i {
  color: #31c5fc;
  margin-right: 0.5em;
}

#colum61 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum61 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum61 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum61-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum61-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

/*youtube*/
.colum61-smallbox2 {
  display: block;
  margin: 2vh auto;
  padding: 0;
  width: 53%;
  text-align: center;
}

.colum61-smallbox2 p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 auto;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*youtube*/

.colum61-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum61-box p {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}




#colum61 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum61 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum61 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum61 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum61 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum61 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum61 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum61 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum61 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum61 tr th:nth-child(1),
#colum61 tr th:nth-child(2),
#colum61 tr th:nth-child(3),
#colum61 tr th:nth-child(4),
#colum61 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum61 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum61 table th,
#colum61 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum61 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum61 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum61 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum61 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum61 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo*/
#colum61 .largephoto:link,
#colum61 .smallphoto:link {
  transition: 1s;
}

#colum61 .largephoto:hover,
#colum61 .smallphoto:hover {
  opacity: 0.5;
}

#colum61 .largephoto {
  display: block;
  width: 90%;
  margin: 0 5% 5vh 5%;
  padding: 0;
  transition: 1s;
}

#colum61 .largephoto img {
  width: 100%;
}

#colum61 .smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto 5vh auto;
  padding: 0;
  transition: 1s;
}

#colum61 .smallphoto img {
  display: block;
  width: 100%;
}

/*----------photo*/

/*----------photo2*/
#colum61 .largephoto2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum61 .largephoto2 img {
  display: block;
  width: 100%;
}

#colum61 .smallphoto2 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum61 .smallphoto2 img {
  display: block;
  width: 100%;
}

/*----------photo2*/

/*----------photo3*/
#colum61 .largephoto3 {
  display: block;
  width: 94%;
  margin: 1% 3%;
  padding: 0;
  transition: 1s;
}

#colum61 .largephoto3 img {
  display: block;
  width: 100%;
}

#colum61 .smallphoto3 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum61 .smallphoto3 img {
  display: block;
  width: 100%;
}

/*----------photo3*/
/*-------------------------btn3*/
#colum61 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum61 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum61 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum61 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum61 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

/*-------------------------btn12*/
#colum61 .btn12 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum61 .btn12 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum61 .btn12:link {
  text-decoration: none;
  color: #fff;
}

#colum61 .btn12:hover {
  color: #fff;
  /*color: #205da9;*/
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum61 .btn12:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn12*/

/*-----faq-----*/
.redbg1 {
  background: #ffe4f1;
}

.redbg1:first-letter {
  border-radius: 2px;
  background: #e8383d;
  color: #fff;
  margin: auto 0.5em;
  padding: 0.25em;
}

.bluebg1 {
  background: #d5f3ff;
}

.bluebg1:first-letter {
  border-radius: 2px;
  background: #2881e6;
  color: #fff;
  margin: auto 0.5em;
  padding: 0.25em;
}

/*-----faq-----*/
/*----photo*/
.colum61-box4 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;

}

.colum61-box4:after {
  content: "";
  clear: both;
  display: block;
}

.colum61-box4 img {
  margin: 0 25%;
  width: 50%;
  display: block;
}

.colum61-box4 img:nth-child(1) {}

.colum61-box5 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;
}

.colum61-box5:after {
  content: "";
  clear: both;
  display: block;
}

.colum61-box5 img {
  margin: 0 2%;
  width: 30%;
  display: block;
  float: left;
  /**/
}

.colum61-box7 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;


}

.colum61-box7:after {
  content: "";
  clear: both;
  display: block;
}

.colum61-box7 img {
  margin: 0 2%;
  width: 96%;
  display: block;
  float: left;
}

.colum61-box7 img:nth-child(1) {
  margin: 0 2%;
  width: 36%;
}

.colum61-box7 img:nth-child(2) {
  margin: 0 2%;
  width: 32%;
}

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

  .colum61-box4 img,
  .colum61-box5 img,
  .colum61-box7 img {
    width: 100%;
    margin: 2% auto;
    padding: 0;
    display: block;
  }
}

/*----photo*/


@media screen and (max-width: 768px) {
  #colum61 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum61:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum61-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum61-box:after {
    content: "";
    clear: both;
    display: block;
  }

  /*youtube*/
  .colum61-smallbox2 {
    display: block;
    margin: 2vh auto;
    padding: 0;
    width: 96%;
    text-align: center;
  }

  /*----photo*/
  .colum61-box3 {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    background: #d5e8d5;
  }

  .colum61-box3:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum61-box3 img {
    width: 50%;
    margin: 2% 0%;
    padding: 0;
    float: right;
  }

  .colum61-box3 img:nth-child(1) {
    width: 100%;
    margin: 2% 0%;
    padding: 0;
    float: left;
    display: none;
  }

  .colum61-box3 img:nth-child(2) {
    width: 100%;
    margin: 2% 0%;
    padding: 0;
    float: left;
    display: block;
  }

  .colum61-box3 img:nth-child(3) {
    width: 100%;
    margin: 2% 0%;
    padding: 0;
    float: right;
  }

  /*----photo*/

  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  /*youtube*/

  #colum61 dl i {

    transform: rotateX(-45deg);
    display: block;
  }

  #colum61 dl {
    width: 94%;
    margin: 0.5em auto 2vh auto;
    padding: 0;
    display: block;
  }

  #colum61 dt {
    font-size: 120%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.5em 2%;
    border: 1px solid #31c5fc;
    background: #c0eeff;
    border-radius: 5px;
    display: inline-block;
    width: 94%;
  }

  #colum61 h3,
  #colum61 h4,
  #colum61 .title61 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum61 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum61 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum61 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum61 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum61 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum61-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum61-smallbox figcaption br {
    display: block;
  }


  #colum61 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum61 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum61 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }

  /*----------photo3*/
  #colum61 .largephoto3 {
    display: none;
    width: 94%;
    margin: 1% 3%;
    padding: 0;
    transition: 1s;
  }

  #colum61 .largephoto3 img {
    display: none;
    width: 100%;
  }

  #colum61 .smallphoto3 {
    display: block;
    width: 94%;
    margin: 1% 3%;
    padding: 0;
    transition: 1s;
  }

  #colum61 .smallphoto3 img {
    display: block;
    width: 100%;
  }

  /*----------photo3*/
  /*-------------------------btn3*/
  #colum61 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

  /*-------------------------btn12*/
  #colum61 .btn12 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #15a5da;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn12*/

}

@media screen and (max-width: 600px) {
  #colum61 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum61 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum61 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum61 .largephoto:link,
  #colum61 .smallphoto:link {
    transition: 1s;
  }

  #colum61 .largephoto:hover,
  #colum61 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum61 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum61 .largephoto img {
    width: 100%;
  }

  #colum61 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum61 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo2*/
  #colum61 .largephoto2 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum61 .largephoto2 img {
    display: block;
    width: 100%;
  }

  #colum61 .smallphoto2 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum61 .smallphoto2 img {
    display: block;
    width: 100%;
  }

  /*----------photo2*/

}

/*---------------------------what*/


/*---------------------------what*/
#colum62 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum62:after {
  content: "";
  clear: both;
  display: block;
}

.colum62-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum62-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum62 a:link {
  color: #535253;
  text-decoration: none;
}

#colum62 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum62 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum62 dl {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}

#colum62 dt {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.5em 2%;
  border: 1px solid #31c5fc;
  background: #d4f3ff;
  border-radius: 5px;
  display: inline-block;
}

#colum62 dt:nth-child(2),
#colum62 dt:nth-child(4) {
  color: #31c5fc;
  border: 1px solid #fff;
  background: #fff;
  margin: 0;
  padding: 0;
}

#colum62 dt:nth-child(2) img,
#colum62 dt:nth-child(4) img {
  width: 20px;
  vertical-align: middle;
}

#colum62 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum62 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

.yellowbg {
  background: #ffffd6;
}

#colum62 h5 {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em auto 5vh auto;
  /*margin:1em 2% 5vh 2%;*/
  padding: 1em 1%;
  /*padding:0.25em 1%;*/
  border: 4px solid #249af0;
  display: block;
  width: 98%;
  /*width:94%;*/
}

#colum62 h3,
#colum62 h4 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum62 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum62 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum62 ul {
  margin-left: 2em;
  margin-right: 1em;
}







.colum62-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum62-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum62-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum62-box p {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}




#colum62 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum62 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum62 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum62 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum62 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum62 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum62 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum62 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum62 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum62 tr th:nth-child(1),
#colum62 tr th:nth-child(2),
#colum62 tr th:nth-child(3),
#colum62 tr th:nth-child(4),
#colum62 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum62 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum62 table th,
#colum62 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum62 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum62 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum62 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum62 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum62 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo*/
#colum62 .largephoto:link,
#colum62 .smallphoto:link {
  transition: 1s;
}

#colum62 .largephoto:hover,
#colum62 .smallphoto:hover {
  opacity: 0.5;
}

#colum62 .largephoto {
  display: block;
  width: 90%;
  margin: 0 5% 5vh 5%;
  padding: 0;
  transition: 1s;
}

#colum62 .largephoto img {
  width: 100%;
}

#colum62 .smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto 5vh auto;
  padding: 0;
  transition: 1s;
}

#colum62 .smallphoto img {
  display: block;
  width: 100%;
}

/*----------photo*/

/*----------photo2*/
#colum62 .largephoto2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum62 .largephoto2 img {
  display: block;
  width: 100%;
}

#colum62 .smallphoto2 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum62 .smallphoto2 img {
  display: block;
  width: 100%;
}

/*----------photo2*/

/*-------------------------btn3*/
#colum62 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum62 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum62 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum62 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum62 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

@media screen and (max-width: 768px) {
  #colum62 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum62:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum62-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum62-box:after {
    content: "";
    clear: both;
    display: block;
  }


  #colum62 dl {
    width: 94%;
    margin: 0.5em auto 2vh auto;
    padding: 0;
    display: block;
  }

  #colum62 dt {
    font-size: 120%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.5em 2%;
    border: 1px solid #31c5fc;
    background: #d4f3ff;
    border-radius: 5px;
    display: inline-block;
    width: 94%;
    text-align: center;
  }

  #colum62 dt:nth-child(2),
  #colum62 dt:nth-child(4) {
    color: #31c5fc;
    border: 1px solid #fff;
    background: #fff;
  }

  #colum62 dt img {
    width: 20px;
    transform: rotateZ(90deg);
    margin: 0 50%;
  }

  #colum62 h3,
  #colum62 h4 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum62 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum62 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum62 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum62 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum62 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum62-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum62-smallbox figcaption br {
    display: block;
  }


  #colum62 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum62 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum62 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }

  /*-------------------------btn3*/
  #colum62 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

}

@media screen and (max-width: 600px) {
  #colum62 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum62 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum62 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum62 .largephoto:link,
  #colum62 .smallphoto:link {
    transition: 1s;
  }

  #colum62 .largephoto:hover,
  #colum62 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum62 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum62 .largephoto img {
    width: 100%;
  }

  #colum62 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum62 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo2*/
  #colum62 .largephoto2 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum62 .largephoto2 img {
    display: block;
    width: 100%;
  }

  #colum62 .smallphoto2 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum62 .smallphoto2 img {
    display: block;
    width: 100%;
  }

  /*----------photo2*/

}

/*---------------------------what*/







/*--download-------------------------------*/
#colum63 {
  text-align: left;
  display: block;
  clear: both;
  margin: 2vh auto 0 auto;
  padding: 0;
  width: 1100px;
  font-size: 100%;
  line-height: 1.8;
  background: #fff;
}

#colum63:after {
  content: "";
  clear: both;
  display: block;
}

.colum63-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;


}

.colum63-box:after {
  content: "";
  clear: both;
  display: block;
}


.nav7 {
  width: 100%;
  height: ;
  /*height: 40px;*/
  margin: 0 auto;
  padding: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  /**/


}

.nav7 li {
  position: relative;
  list-style: none;
  /*width:9%;*/
  margin: 0% 1% 1% 1%;
  z-index: 2;

}

.nav7 li a {


  /*height:30px;*/
  text-align: center;
  font-size: 90%;
  /*font-size: 14px;*/
  /*line-height: 2;line-height: 2.8;*/
  transition: 0.5s;
  text-decoration: none;

  padding: 0.5em;

  background: #fff;
  box-sizing: border-box;
  float: left;
  /*display:block;*/


  color: #1068a8;
  border: 1px solid #1068a8;
}

.nav7 li:last-child {
  /*width:12%;*/
}

.nav7>li:hover>a {
  /*layer-1*/
  background: #1479c2;
  color: #fff;

}

.nav7>li li:hover>a {
  /*layer-2*/
  background: #1479c2;
  color: #fff;
}

.nav7 li a:nth-cild(1) {
  width: 30%;
}

@media screen and (max-width: 768px) {
  #colum63 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 96%;
    font-size: 100%;
    line-height: 1.8;
    background: #fff;
  }

  .colum63-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;


  }
}

/*--download---------------*/


/*---------------------------dlpage*/
#colum64 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*313030 555353*/
  background: #fff;
  /*background:#f1eeee;*/
  line-height: 1.8;
}

#colum64:after {
  content: "";
  clear: both;
  display: block;
}

.colum64-box {
  display: block;
  margin: 0 auto;
  padding: 8vh 5%;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum64-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum64 p {
  margin: 0 auto;
}

/*
#colum64 a:link{
color: #535253;
text-decoration: none;
}
#colum64 a:hover{
color: #535253;
text-decoration: underline;
transition: 1s;
}
#colum64 a:visited{
color: #535253;
text-decoration: none;
}

*/
#colum64 h4 {
  font-size: 160%;

  color: #1068a8;
  /*color:#1068a8;*/
  line-height: 1.8;
  margin: 0.25em auto;

  /*padding:1em auto;*/
  text-decoration: none;
  transition: 0.5s;
}

#colum64 a {
  text-decoration: none;
}

#colum64 h4 small {

  font-size: 50%;
  /*color:#555353;*/
  line-height: 1.8;
  margin: auto 0.25em;
  padding: 0.5em;
  display: block;
  /*display: block;*/
  transition: 0.5s;
  text-decoration: none;
}



.colum64-smallbox small {}

.colum64-smallbox small a {
  transition: 0.5s;
  padding: 0.25em;

  color: #1068a8;
  background: #fff;
  border: 1px solid #1068a8;
  text-decoration: none;

}

.colum64-smallbox small a:link {
  color: #1068a8;
  background: #fff;

  text-decoration: none;
}

.colum64-smallbox small a:hover {
  color: #fff;
  background: #1479c2;

  text-decoration: none;
}



#colum64 h3 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum64 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum64 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum64 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum64 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum64 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum64 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum64 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*4dl-colum*/
#colum64 dl {
  margin-bottom: 1%;
  width: 25%;
  text-align: left;
  display: flex;
}

#colum64 dt {
  font-weight: bold;
  color: #555353;
  text-align: left;
  margin-bottom: 1%;
  padding: 1% 0 1% 0;

}

#colum64 dd {
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4dl-colum*/


/*4colum*/
.colum64-smallbox {
  margin: 1vh 1% 2vh 1%;
  width: 21%;
  /*width :23%;*/
  padding: 1%;
  text-align: center;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/
  background: #f1eeee;
}

.colum64-smallbox p {
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/
#colum64 br {
  display: none;
}

.colum64-smallbox img {
  width: 100%;
  display: block;
  margin: 4% 0 4% 0;
  transition: 1s;
}

.colum64-smallbox :hover {
  opacity: 0.3;
}

.colum64-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 0;
  background: #232424;
  color: #555353;
}

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

  /*4colum*/
  .colum64-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  #colum64 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum64 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    background: #fff;
    line-height: 1.8;
  }

  /*4colum*/
  .colum64-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: center;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }



}

/*---------------------------dlpage*/


/*---------------------------dlpage*/
#colum65 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 1100px;

  font-size: 110%;
  color: #555353;
  /*313030 555353*/
  background: #fff;
  /*background:#f1eeee;*/
  line-height: 1.8;
}

#colum65:after {
  content: "";
  clear: both;
  display: block;
}

.colum65-box {
  display: block;
  margin: 0vh auto 0vh auto;
  /*margin:1vh auto 3vh auto;*/
  padding: 0 0 5vh 0;
  width: 100%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum65-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum65 p {
  margin: 0 auto;
}

/*
#colum65 a:link{
color: #535253;
text-decoration: none;
}
#colum65 a:hover{
color: #535253;
text-decoration: underline;
transition: 1s;
}
#colum65 a:visited{
color: #535253;
text-decoration: none;
}

*/


#colum65 h4 {
  font-size: 140%;

  color: #fff;
  /*color:#1068a8;*/
  line-height: 1.8;
  margin: 0.25em auto;

  /*padding:1em auto;*/
  text-decoration: none;
}

#colum65 h4 br {
  display: block;
}

#colum65 :link {
  text-decoration: none;
}

#colum65 h4 a:link {
  color: #fff;
  text-decoration: none;
}

#colum65 h4 a:hover {
  color: #b9a27f;
  text-decoration: none;
}

#colum65 h4 a:visited {
  color: #fff;
  text-decoration: none;
}






#colum65 h3 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1.8;
  margin: 10vh auto 0 auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;
}

#colum65 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum65 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}

#colum65 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum65 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum65 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum65 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum65 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*4dl-colum*/



/*dl figure*/
#colum65 figure {
  width: 23%;
  /*width:23%;*/
  font-weight: bold;
  margin: 5vh auto 2vh auto;
  /*5vh 1% 2vh 1%;*/
  padding: 0;
  /*box-sizing:border-box;
float:left;*/

  transition: 1s;

  display: block;
  position: relative;
  background-color: #1479c2;
  border: 1px solid #1479c2;
}

#colum65 figure img {
  width: 100%;

  margin: 0;
  padding: 0;
}

#colum65 figcaption {
  color: #555353;
  font-size: 80%;
  line-height: 1.8;
  padding: 0 5% 1% 5%;
  margin: 0;
  text-align: center;

  background-color: #1479c2;
}

#colum65 figcaption p {}

#colum65 figure:hover {
  opacity: 0.5;
}

#colum65 figure i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum65 figure small a {
  font-size: 50%;
  transition: 0.5s;
  padding: 0.25em;
  color: #1068a8;
  background: #fff;
  border: 1px solid #1068a8;
  text-decoration: none;
}


#colum65 figure small a:link {
  color: #1068a8;
  background: #fff;
  text-decoration: none;
}

#colum65 figure small a:hover {
  color: #fff;
  background: #1479c2;
  text-decoration: none;
}

.ribbon11 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0.5em 1em;
  margin: 0 auto;
  height: 30px;
  line-height: 2.5;
  font-size: 40%;
  letter-spacing: 0.1em;
  color: #1068a8;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);


  border: 1px solid #1068a8;

}

.ribbon11:before {
  position: absolute;
  content: '';
  top: 0;
  left: -5px;
  /*left: -7px;*/
  border: none;
  height: 38px;
  width: 5px;
  /*width: 7px;*/
  background: #1068a8;
  border-radius: 5px 0 0 5px;
}

/*.ribbon11:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #1068a8;
  border-radius: 5px 0 0 5px;
}*/
/*dl figure*/


/*4colum*/

@media screen and (max-width: 768px) {
  #colum65 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0 0%;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*313030 555353*/
    background: #fff;
    /*background:#f1eeee;*/
    line-height: 1.8;
  }

  #colum65:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum65-box {
    display: block;
    margin: 0 auto;
    padding: 1vh 5% 5vh 5%;
    /*padding:3vh 5%;*/
    width: 90%;
    clear: both;

    text-align: left;


    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum65-box:after {
    content: "";
    clear: both;
    display: block;
  }


  #colum65 h3 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 10vh auto 0 auto;
    /*margin:4vh auto 4vh auto;*/

    padding: 0;
    text-align: center;
    /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

    position: relative;
    display: inline-block;
    width: 100%;
  }

  #colum65 h3 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #302f2f;
    line-height: 1.8;
    margin: auto 0.25em;
    display: block;

  }

  #colum65 h3:before {
    content: '';
    position: absolute;
    bottom: -10px;
    display: inline-block;
    width: 100px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #31c5fc;
    border-radius: 2px;
  }


  #colum65 h4 {
    font-size: 110%;

    color: #fff;
    /*color:#1068a8;*/
    line-height: 1.8;
    margin: 0.25em auto;

    /*padding:1em auto;*/
    text-decoration: none;
  }

  #colum65 h4 br {
    display: none;
  }

  /*dl figure*/
  #colum65 figure {
    width: 48%;
    font-weight: bold;
    margin: 2vh auto 2vh auto;
    /*margin:2vh 1% 2vh 1%*/
    padding: 0;
    /*box-sizing:border-box;
float:left;*/

    transition: 1s;

    display: block;
    position: relative;
    background-color: #1479c2;
    border: 1px solid #1479c2;
  }

  #colum65 figure img {
    width: 100%;

    margin: 0;
    padding: 0;
  }

  #colum65 figcaption {
    color: #555353;
    font-size: 90%;
    line-height: 1.8;
    padding: 0 5% 1% 5%;
    margin: 0;
    text-align: center;

    background-color: #1479c2;
  }

  #colum65 figcaption p {}

  #colum65 figure:hover {
    opacity: 0.5;
  }

  #colum65 figure i {
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0 0.25em 0 0;
  }

  #colum65 figure small a {
    font-size: 50%;
    transition: 0.5s;
    padding: 0.25em;
    color: #1068a8;
    background: #fff;
    border: 1px solid #1068a8;
    text-decoration: none;
  }


  #colum65 figure small a:link {
    color: #1068a8;
    background: #fff;
    text-decoration: none;
  }

  #colum65 figure small a:hover {
    color: #fff;
    background: #1479c2;
    text-decoration: none;
  }

  .ribbon11 {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    box-sizing: border-box;
    padding: 0.5em 1em;
    margin: 0 auto;
    height: 30px;
    line-height: 2.5;
    font-size: 40%;
    letter-spacing: 0.1em;
    color: #1068a8;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);


    border: 1px solid #1068a8;

  }

  .ribbon11:before {
    position: absolute;
    content: '';
    top: 0;
    left: -5px;
    /*left: -7px;*/
    border: none;
    height: 38px;
    width: 5px;
    /*width: 7px;*/
    background: #1068a8;
    border-radius: 5px 0 0 5px;
  }

  /*.ribbon11:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #1068a8;
  border-radius: 5px 0 0 5px;
}*/
  /*dl figure*/

  /*4colum*/
  .colum65-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  #colum65 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum65 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    background: #fff;
    line-height: 1.8;
  }

  /*4colum*/
  .colum65-smallbox {
    margin: 1vh 1% 2vh 1%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }
}

/*---------------------------dlpage*/



/*------------------------------------------download*/
#colum66 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 0vh 0 0vh 0;
  /*padding:0vh 0 10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;

  line-height: 1.8;
  background: #fff;
  text-align: center;



  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  justify-content: center;
  align-items: center;
  /*均等*/

}

#colum66:after {
  content: "";
  clear: both;
  display: block;
}

.colum66-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;

}


.colum66-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum66 a:link {
  color: #535253;
  text-decoration: none;
}

#colum66 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum66 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum66 h4 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
}

#colum66 h3 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum66 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum66 p {
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  text-align: left;
}


/*送信ボタン*/
#colum66 .btn2 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #ef3636;
  /*ボタン色*/
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 30%;
  margin: 5vh 1%;
  font-weight: normal;
  text-align: center;
  float: left;
}

#colum66 .btn2:link {
  text-decoration: none;
  color: #fff;
}

#colum66 .btn2:hover {
  color: #fff;
  background-color: #f75858;
  border-bottom: solid 4px #e55050;

}

/*送信ボタン*/



#colum66 .btn5 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #ef3636;
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  margin: 5vh auto;
  font-weight: normal;
  text-align: center;

  float: left;
}

#colum66 .btn5:link {
  text-decoration: none;
  color: #fff;
}

#colum66 .btn5:hover {
  color: #fff;
  background-color: #f97373;
  border-bottom: solid 4px #e36d6d;

}

/*トップボタン*/


/*リセットボタン*/
#colum66 .btn6 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #408672;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 20%;
  margin: 5vh 1%;
  font-weight: normal;
  text-align: center;
  float: left;
}

#colum66 .btn6:link {
  text-decoration: none;
  color: #fff;
}

#colum66 .btn6:hover {
  color: #fff;
  background-color: #67ceb0;
  border-bottom: solid 4px #55ba9d;

}

/*リセットボタン*/

/*topボタン*/
#colum66 .btn7 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #408672;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  margin: 1vh auto;
  display: block;
  font-weight: normal;
  text-align: center;
}

#colum66 .btn7:link {
  text-decoration: none;
  color: #fff;
}

#colum66 .btn7:hover {
  color: #fff;
  background-color: #67ceb0;
  border-bottom: solid 4px #55ba9d;

}

#colum66 .btn7:visited {
  text-decoration: none;
  color: #fff;
}

/*topボタン*/

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

  #colum66 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 1vh 0 0vh 0;
    /*padding:0vh 0 10vh 0;*/
    width: 90%;

    font-size: 110%;
    color: #555353;

    line-height: 1.8;
    background: #fff;
  }

  #colum66:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum66-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;
  }


  .colum66-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum66 h4 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum66 h3 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum66 h3 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }



  /*送信ボタン*/
  #colum66 .btn2 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #ef3636;
    /*ボタン色*/
    color: #fff;
    border-bottom: solid 4px #c52a2b;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 1vh 5%;
    font-weight: normal;
    text-align: center;
    float: left;
  }

  #colum66 .btn2:hover {
    color: #fff;
    background-color: #f75858;
    border-bottom: solid 4px #e55050;

  }

  /*送信ボタン*/

  /*リセットボタン*/
  #colum66 .btn6 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #408672;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 1vh 5%;
    font-weight: normal;
    text-align: center;
    float: left;
  }

  #colum66 .btn6:hover {
    color: #fff;
    background-color: #67ceb0;
    border-bottom: solid 4px #55ba9d;

  }

  /*リセットボタン*/
  #colum66 .btn7 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #408672;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 1vh auto;
    display: block;
    font-weight: normal;
    text-align: center;
  }
}

/*------------------------------------------download*/


/*------------------------secoundpage-top*/
#colum67 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0% 5% 1em 5%;
  width: 90%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg15.jpg);
  background-size: cover;
  line-height: 1.8;
}

#colum67:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum67-box {
  display: block;
  padding: 0;
  margin: 1vh 0 2vh 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: left;
}

.colum67-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum67 h2,
#colum67 p {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;

  padding: 0 1em 5vh 1em;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  font-weight: bold;
}

#colum67 h1 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  line-height: 1;
  /*line-height:1.8;*/
  margin: 0 0 0.5em 0;

  padding: 4vh 0 0 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/

  /*position: relative;
display:block;*/

}

#colum67 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: auto 0.25em;
  display: block;

}

/*#colum67 h1:before {
  content: '';
position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}*/
#colum67 a:link {
  color: #535253;
  text-decoration: none;
}

#colum67 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum67 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0% 5% 1em 5%;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;
    background-image: url(../images/bg15.jpg);
    background-size: cover;
    line-height: 1.8;
  }

  #colum67:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum67-box {
    display: block;
    padding: 0;
    margin: 1vh 0 2vh 0;
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
  }

  .colum67-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }
}

/*------------------------secoundpage-top*/


/*------------------------secoundpage-top*/
#colum68 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0% 5% 1em 5%;
  width: 90%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg16.jpg);
  background-size: cover;
  line-height: 1.8;
}

#colum68:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum68-box {
  display: block;
  padding: 0;
  margin: 1vh 0 2vh 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: left;
}

.colum68-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum68 h2,
#colum68 p {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;

  padding: 0 1em 5vh 1em;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  font-weight: bold;
}

#colum68 h1 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  line-height: 1;
  /*line-height:1.8;*/
  margin: 0 0 0.5em 0;

  padding: 4vh 0 0 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/

  /*position: relative;
display:block;*/

}

#colum68 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: auto 0.25em;
  display: block;

}

/*#colum68 h1:before {
  content: '';
position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;
}*/
#colum68 a:link {
  color: #535253;
  text-decoration: none;
}

#colum68 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum68 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0% 5% 1em 5%;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;
    background-image: url(../images/bg16.jpg);
    background-size: cover;
    line-height: 1.8;
  }

  #colum68:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum68-box {
    display: block;
    padding: 0;
    margin: 1vh 0 2vh 0;
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
  }

  .colum68-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }
}

/*------------------------secoundpage-top*/



/*------------------------caution*/
#colum69 {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  font-size: 90%;
  background-color: #ef3636;
  color: #fff;
  transition: all .4s ease-out;

  /*position:fixed; z-index:3;*/
}

#colum69:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum69-box {
  display: block;
  margin: 0 5%;
  padding: 0;
  width: 90%;
  clear: both;
}

.colum69-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;

  display: block;
}

#colum69 img {
  transition: 0.5s;

}

#colum69 h3 {
  color: #fff;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 0.5em;
  line-height: 1.8;
}

#colum69 h3 i {
  padding-right: 0.25em;
}

#colum69 h3 strong {
  color: #e8383d;
  background: #ffffd6;
}

@media screen and (max-width: 768px) {
  #colum69 h3 {
    color: #fff;
    font-size: 160%;
    font-weight: normal;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum69 h3 {
    color: #fff;
    font-size: 120%;
    font-weight: normal;
    text-align: left;
  }
}

/*------------------------caution*/


/*---------------------------faq*/
#colum70 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum70:after {
  content: "";
  clear: both;
  display: block;
}

.colum70-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum70-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum70 a:link {
  color: #535253;
  text-decoration: none;
}

#colum70 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum70 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum70 dl {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}

#colum70 dt {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.5em 2%;
  border: 1px solid #31c5fc;
  background: #d4f3ff;
  border-radius: 5px;
  display: inline-block;
}

#colum70 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum70 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
  ；
}

/*-----faq-----*/
.redbg1 {
  background: #ffe4f1;
}

.redbg1:first-letter {
  border-radius: 2px;
  background: #e8383d;
  color: #fff;
  margin: auto 0.25em auto 0;
  padding: 0.25em 0.5em;
}

.bluebg1 {
  background: #d5f3ff;
}

.bluebg1:first-letter {
  border-radius: 2px;
  background: #2881e6;
  color: #fff;
  margin: auto 0.25em auto 0;
  padding: 0.25em 0.5em;
}

.bluebg2 {
  /*background:#fbfad5;*/
  font-size: 110%;
  /*font-size:160%;*/
  color: #535253;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  /*0.25em 1%*/
  display: block;
  width: 94%;
}

.bluebg2:first-letter {
  border-radius: 2px;
  background: #74c8eb;
  color: #fff;
  margin: auto 0.25em auto 0;
  padding: 0.25em 0.5em;
}

.yellowbg1 {
  background: #ffffd6;
}

.yellowbg1:first-letter {
  border-radius: 2px;
  background: #31c5fc6;
  color: #fff;
  margin: auto 0.25em auto 0;
  padding: 0.25em 0.5em;
}

/*-----faq-----*/

#colum70 h5 {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em auto 5vh auto;
  /*margin:1em 2% 5vh 2%;*/
  padding: 1em 1%;
  /*padding:0.25em 1%;*/
  border: 4px solid #249af0;
  display: block;
  width: 98%;
  /*width:94%;*/
}

#colum70 h3,
#colum70 h4 {
  font-size: 120%;
  /*font-size:160%;*/
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  /*0.25em 1%*/
  /*border-left:8px solid #249af0;*/
  display: block;
  width: 94%;
}


#colum70 h4:nth-child(odd) {
  margin: 1em 2% 3em 2%;
}

#colum70 h4 i {
  color: #31c5fc;
  margin-right: 0.5em;
}

#colum70 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum70 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum70 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum70-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum70-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum70-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum70-box p {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}




#colum70 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum70 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum70 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum70 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum70 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum70 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum70 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum70 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum70 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum70 tr th:nth-child(1),
#colum70 tr th:nth-child(2),
#colum70 tr th:nth-child(3),
#colum70 tr th:nth-child(4),
#colum70 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum70 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum70 table th,
#colum70 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum70 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum70 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum70 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum70 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum70 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo*/
#colum70 .largephoto:link,
#colum70 .smallphoto:link {
  transition: 1s;
}

#colum70 .largephoto:hover,
#colum70 .smallphoto:hover {
  opacity: 0.5;
}

#colum70 .largephoto {
  display: block;
  width: 90%;
  margin: 0 5% 5vh 5%;
  padding: 0;
  transition: 1s;
}

#colum70 .largephoto img {
  width: 100%;
}

#colum70 .smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto 5vh auto;
  padding: 0;
  transition: 1s;
}

#colum70 .smallphoto img {
  display: block;
  width: 100%;
}

/*----------photo*/

/*----------photo2*/
#colum70 .largephoto2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum70 .largephoto2 img {
  display: block;
  width: 100%;
}

#colum70 .smallphoto2 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum70 .smallphoto2 img {
  display: block;
  width: 100%;
}

/*----------photo2*/

/*----------photo3*/
#colum70 .largephoto3 {
  display: block;
  width: 94%;
  margin: 1% 3%;
  padding: 0;
  transition: 1s;
}

#colum70 .largephoto3 img {
  display: block;
  width: 100%;
}

#colum70 .smallphoto3 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum70 .smallphoto3 img {
  display: block;
  width: 100%;
}

/*----------photo3*/
/*-------------------------btn3*/
#colum70 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum70 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum70 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum70 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum70 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

@media screen and (max-width: 768px) {
  #colum70 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum70:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum70-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum70-box:after {
    content: "";
    clear: both;
    display: block;
  }

  #colum70 dl i {

    transform: rotateX(-45deg);
    display: block;
  }

  #colum70 dl {
    width: 94%;
    margin: 0.5em auto 2vh auto;
    padding: 0;
    display: block;
  }

  #colum70 dt {
    font-size: 120%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.5em 2%;
    border: 1px solid #31c5fc;
    background: #d4f3ff;
    border-radius: 5px;
    display: inline-block;
    width: 94%;
  }

  #colum70 h3,
  #colum70 h4 {
    font-size: 120%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.25em 0.5em;
    /*0.25em 1%*/
    /*border-left:8px solid #249af0;*/
  }

  #colum70 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum70 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum70 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum70 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum70 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum70-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum70-smallbox figcaption br {
    display: block;
  }


  #colum70 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum70 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum70 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }

  /*----------photo3*/
  #colum70 .largephoto3 {
    display: none;
    width: 94%;
    margin: 1% 3%;
    padding: 0;
    transition: 1s;
  }

  #colum70 .largephoto3 img {
    display: none;
    width: 100%;
  }

  #colum70 .smallphoto3 {
    display: block;
    width: 94%;
    margin: 1% 3%;
    padding: 0;
    transition: 1s;
  }

  #colum70 .smallphoto3 img {
    display: block;
    width: 100%;
  }

  /*----------photo3*/
  /*-------------------------btn3*/
  #colum70 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

}

@media screen and (max-width: 600px) {
  #colum70 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum70 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum70 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum70 .largephoto:link,
  #colum70 .smallphoto:link {
    transition: 1s;
  }

  #colum70 .largephoto:hover,
  #colum70 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum70 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum70 .largephoto img {
    width: 100%;
  }

  #colum70 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum70 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo2*/
  #colum70 .largephoto2 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum70 .largephoto2 img {
    display: block;
    width: 100%;
  }

  #colum70 .smallphoto2 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum70 .smallphoto2 img {
    display: block;
    width: 100%;
  }

  /*----------photo2*/

}

/*---------------------------faq*/


/*---------------------------subproduct*/
#colum71 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto 4vh auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #fff;
}

#colum71:after {
  content: "";
  clear: both;
  display: block;
}

.colum71-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum71-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum71 p {
  margin: 0 auto;
}


/*#colum71 a:link{
color: #535253;
text-decoration: none;
}
#colum71 a:hover{
color: #1479c2;
text-decoration: underline;
transition: 1s;
}
#colum71 a:visited{
color: #535253;
text-decoration: none;
}*/




#colum71 h4 {
  font-size: 160%;

  color: #302f2f;
  /*#302f2f;*/
  line-height: 1.8;
  margin: 0.25em auto 0 auto;
  /*margin:1em auto 0 auto;*/
  padding: 0 auto 0.25em auto;
  /*padding:1em auto;*/

}

#colum71 h4 small {

  font-size: 50%;
  color: #1479c2;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum71 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum71 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum71 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum71 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum71 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum71 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum71 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum71 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

#colum71 .btn11 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #e5e5e5;
  color: #1479c2;

  border-top: solid 1px #1068a8;
  border-left: solid 1px #1068a8;
  border-bottom: solid 4px #1068a8;
  border-right: solid 1px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum71 .btn11 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum71 .btn11:link {
  text-decoration: none;
  color: #1479c2;
}

#colum71 .btn11:hover {
  color: #1479c2;
  background-color: #e5e5e5;
  border-bottom: solid 4px #1068a8;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum71 .btn11:visited {
  text-decoration: none;
  color: #1479c2;
}



/*4colum*/
.colum71-smallbox {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/
  padding: 1vh 1%;
  width: 20%;
  text-align: left;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum71-smallbox p {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/

#colum71 figure {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/

  width: 31%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;

  /*均等*/
  background: #f8f8f8;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
  color: #fff;
  transition: 1s;
}

#colum71 figcaption {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  width: 90%;
  padding: 1vh 1%;
  /*  padding:0 1% 1% 1%;*/
  margin: 0 5%;


}

#colum71 figure img {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
}

#colum71 a:link {
  text-decoration: none;
}

#colum71 a:hover {
  text-decoration: none;
  opacity: 0.5;
}

#colum71 a:visited {
  text-decoration: none;
}

#colum71 br {
  display: none;
}

.colum71-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

@media screen and (max-width: 768px) {
  #colum71 figure {
    margin: 1vh 1% 2vh 1%;
    /*margin: 1vh 1% 2vh 1%;*/

    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;

    /*均等*/
    background: #f8f8f8;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
    color: #fff;
    transition: 1s;
  }

  /*4colum*/
  .colum71-smallbox {
    margin: 1vh 1% 1vh 1%;
    width: 48%;
    padding: 2%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
    background: #fff;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
  }

  #colum71 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }

  #colum71 .btn11 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #e5e5e5;
    color: #1479c2;

    border-top: solid 1px #1068a8;
    border-left: solid 1px #1068a8;
    border-bottom: solid 4px #1068a8;
    border-right: solid 1px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum71 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 3vh auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg6.png);
background-size:cover;contain*/
    background-position: center;
    background: #fff;
    line-height: 1.8;
    background: #fff;
  }

  #colum71 figure {
    margin: 1vh 1% 2vh 1%;
    /*margin: 1vh 1% 2vh 1%;*/

    width: 98%;
    text-align: left;
    float: left;

    /*均等*/
    box-sizing: border-box;
    position: relative;

    /*均等*/
    background: #f8f8f8;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
    color: #fff;
    transition: 1s;
  }

  #colum71 figure img {
    width: 100%;
    height: 20%;
    padding: 0;
    margin: 0;
    display: block;
  }

  /*4colum*/
  .colum71-smallbox {
    margin: 1vh 1% 2vh 1%;
    padding: 2%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum71-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 2vh 0 0 0;
    background: #232424;
    color: #8c8b8b;


  }
}

/*---------------------------subproduct*/



/*-----oem*/
#colum72 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum72:after {
  content: "";
  clear: both;
  display: block;
}

.colum72-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum72-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum72 a:link {
  color: #535253;
  text-decoration: none;
}

#colum72 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum72 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum72 dl {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}

#colum72 dt {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.5em 2%;
  border: 1px solid #31c5fc;
  background: #d4f3ff;
  border-radius: 5px;
  display: inline-block;
}

#colum72 dt:nth-child(2),
#colum72 dt:nth-child(4) {
  color: #31c5fc;
  border: 1px solid #fff;
  background: #fff;
  margin: 0;
  padding: 0;
}

#colum72 dt:nth-child(2) img,
#colum72 dt:nth-child(4) img {
  width: 20px;
  vertical-align: middle;
}

#colum72 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum72 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

.yellowbg {
  background: #ffffd6;
}

#colum72 h5 {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em auto 5vh auto;
  /*margin:1em 2% 5vh 2%;*/
  padding: 1em 1%;
  /*padding:0.25em 1%;*/
  border: 4px solid #249af0;
  display: block;
  width: 98%;
  /*width:94%;*/
}

#colum72 h4 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum72 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum72 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum72 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum72-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}


.colum72-xbox {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
}

#colum72 .colum72-xbox img {
  width: 31%;
  margin: 1% 1%;
  padding: 0;
  float: left;
}


.colum72-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum72-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum72-box p {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}



#colum72 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum72 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum72 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum72 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum72 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum72 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum72 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum72 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum72 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum72 tr th:nth-child(1),
#colum72 tr th:nth-child(2),
#colum72 tr th:nth-child(3),
#colum72 tr th:nth-child(4),
#colum72 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum72 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum72 table th,
#colum72 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum72 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum72 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum72 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum72 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum72 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo*/
#colum72 .largephoto:link,
#colum72 .smallphoto:link {
  transition: 1s;
}

#colum72 .largephoto:hover,
#colum72 .smallphoto:hover {
  opacity: 0.5;
}

#colum72 .largephoto {
  display: block;
  width: 90%;
  margin: 0 5% 5vh 5%;
  padding: 0;
  transition: 1s;
}

#colum72 .largephoto img {
  width: 100%;
}

#colum72 .smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto 5vh auto;
  padding: 0;
  transition: 1s;
}

#colum72 .smallphoto img {
  display: block;
  width: 100%;
}

/*----------photo*/

/*----------photo2*/
#colum72 .largephoto2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum72 .largephoto2 img {
  display: block;
  width: 100%;
}

#colum72 .smallphoto2 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum72 .smallphoto2 img {
  display: block;
  width: 100%;
}

/*----------photo2*/

/*-------------------------btn3*/
#colum72 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum72 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum72 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum72 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum72 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

@media screen and (max-width: 768px) {
  #colum72 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum72:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum72-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum72-box:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum72-xbox {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  #colum72 .colum72-xbox img {
    width: 31%;
    margin: 1% 1%;
    padding: 0;
    float: left;
  }



  #colum72 dl {
    width: 94%;
    margin: 0.5em auto 2vh auto;
    padding: 0;
    display: block;
  }

  #colum72 dt {
    font-size: 120%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.5em 2%;
    border: 1px solid #31c5fc;
    background: #d4f3ff;
    border-radius: 5px;
    display: inline-block;
    width: 94%;
    text-align: center;
  }

  #colum72 dt:nth-child(2),
  #colum72 dt:nth-child(4) {
    color: #31c5fc;
    border: 1px solid #fff;
    background: #fff;
  }

  #colum72 dt img {
    width: 20px;
    transform: rotateZ(90deg);
    margin: 0 50%;
  }

  #colum72 #colum72 h4 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum72 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum72 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum72 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum72 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum72 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum72-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum72-smallbox figcaption br {
    display: block;
  }


  #colum72 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum72 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum72 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }

  /*-------------------------btn3*/
  #colum72 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

}

@media screen and (max-width: 600px) {
  #colum72 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum72 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum72 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum72 .largephoto:link,
  #colum72 .smallphoto:link {
    transition: 1s;
  }

  #colum72 .largephoto:hover,
  #colum72 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum72 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum72 .largephoto img {
    width: 100%;
  }

  #colum72 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum72 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo2*/
  #colum72 .largephoto2 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum72 .largephoto2 img {
    display: block;
    width: 100%;
  }

  #colum72 .smallphoto2 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum72 .smallphoto2 img {
    display: block;
    width: 100%;
  }

  /*----------photo2*/

}







.timeline1 {
  list-style: none;
}

.timeline1>li {
  margin-bottom: 20px;
  /*margin-bottom: 60px;*/
}


#colum72 .timeline1 h3 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  /*margin:1em 2%;
padding:0.25em 1%;*/
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
}

/*#colum72 h3 {
  position: relative;
  padding-left: 35px;
}
#colum72 h3:before {
  position: absolute;
  content: "\f0eb";
  background: #73d1f8;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#colum72 h3:after {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}*/








/* for Desktop */
@media (min-width : 640px) {
  .timeline1>li {
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .timeline-date1 {
    width: 25%;
    /*width: 110px;*/
    float: left;
    margin-top: 20px;
    color: #fff;
    background: #1068a8;
  }

  .timeline-content1 {
    width: 75%;
    float: left;
    border-left: 2px #e5e5d1 solid;
    padding-left: 30px;

  }

  .timeline-content1:before {
    content: '';
    width: 52px;
    /*width: 12px;*/
    height: 52px;
    /*height: 12px;*/
    background: #1068a8;
    position: absolute;
    left: 5px;
    /*left: 106px;*/
    top: 24px;
    border-radius: 100%;
  }
}




.cp_timeline03 {
  position: relative;
  margin: 3em auto;
  width: 95%;

}

.cp_timeline03:before {

  position: absolute;
  top: 0;
  width: 4px;
  /*width: 60px;*/
  height: 100%;
  content: '';
  background-color: #d4d2d2;
  /*background-color: #31c5fc;*/
  left: 30px;
  /*		position: absolute;
	top: 0;
	width: 65px;
	height: 100%;
	content: '';
	background-color: #31c5fc;
	left: 0px;

*/
}

.cp_timeline03 .timeline_group {
  position: relative;
  padding-top: 55px;
  padding-bottom: 55px;


}

.cp_timeline03 .timeline_group:not(:first-of-type) {
  margin-top: 4rem;
}

.cp_timeline03 .time_year {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem 1.5rem;
  color: #fff;
  background-color: #1068a8;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}

.cp_timeline03 .timeline_item {
  margin-bottom: 1em;
  position: relative;
  padding-left: 80px;


}

.cp_timeline03 .timeline_item:not(:last-of-type) {
  margin-bottom: 2em;
}

.cp_timeline03 .timeline_item:before {
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 3px;
  content: '';
  background-color: #d4d2d2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cp_timeline03 .time {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  min-width: 60px;
  min-height: 60px;
  padding: 0.5em 0.5em;
  text-align: center;
  color: #fff;
  background-color: #31c5fc;
  top: 50%;
  margin-top: -53px;
  /*margin-top: -33px;*/
  /*border-radius: 65px;*/
}

.cp_timeline03 .time:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 60px;
  height: 0;
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #31c5fc;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cp_timeline03 .time_day {
  font-size: 1em;
  font-weight: 700;
  display: block;

  margin-top: 0.5em;
  /*カスタム*/
}

/*.cp_timeline03 .time_month {
	font-size: 0.8em;
	display: block;
	text-transform: uppercase;
}*/
.cp_timeline03 .desc {
  padding: 0.25em 1em;
  /*padding: 0.5em 1em;*/
  /*border-left: 5px solid #31c5fc;*/
  border-radius: 0px;
  background-color: #fff;
  /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);*/
  font-size: 110%;
  /*font-size: 0.9em;*/
}

.cp_timeline03 .desc .flag {
  font-size: 140%;
  /*font-size: 1.2em;*/
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-bottom: 0.3em;
  color: #302f2f;
}

@media only screen and (max-width: 767px) {
  .cp_timeline03:before {
    left: 0;

  }

  .cp_timeline03 .timeline_group {
    padding-top: 40px;

  }

  .cp_timeline03 .timeline_item {
    padding-top: 15px;
    /*padding-top: 60px;*/
    /*padding-left: 20px;*/
  }

  .cp_timeline03 .timeline_item:before {
    top: 90px;
  }

  .cp_timeline03 .time {
    top: 40px;
    /*border-radius: 0 20px 20px 0;*/
    /*min-height: 2em;*/

  }

  .cp_timeline03 .time_day,
  .cp_timeline03 .time_month {
    display: inline-block;
  }

  .cp_timeline03 .desc {
    /*font-size: 0.8em;*/
    width: 90%;
  }
}

/*-----oem*/


/*---------------------------oem*/
#colum73 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto 4vh auto;
  padding: 0;
  width: 1100px;
  /*width:100%;*/

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #fff;
}

#colum73:after {
  content: "";
  clear: both;
  display: block;
}

.colum73-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum73-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum73 p {
  margin: 0 auto;
}


/*#colum73 a:link{
color: #535253;
text-decoration: none;
}
#colum73 a:hover{
color: #1479c2;
text-decoration: underline;
transition: 1s;
}
#colum73 a:visited{
color: #535253;
text-decoration: none;
}*/




#colum73 h4 {
  font-size: 160%;

  color: #fff;
  /*#302f2f;*/
  line-height: 1.8;
  margin: 0 auto 0 auto;
  /*margin:0.25em auto 0 auto;*/
  padding: 0.25em 0.5em;
  /*padding:1em auto;*/
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  /*border-left:8px solid #24b4f0;*/
  background: #1479c2;
}

#colum73 h4 small {

  font-size: 50%;
  color: #fff;
  /*color:#1479c2;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum73 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum73 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum73 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum73 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum73 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum73 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum73 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum73 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

#colum73 .btn11 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #e5e5e5;
  color: #1479c2;

  border-top: solid 1px #1068a8;
  border-left: solid 1px #1068a8;
  border-bottom: solid 4px #1068a8;
  border-right: solid 1px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum73 .btn11 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum73 .btn11:link {
  text-decoration: none;
  color: #1479c2;
}

#colum73 .btn11:hover {
  color: #1479c2;
  background-color: #e5e5e5;
  border-bottom: solid 4px #1068a8;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum73 .btn11:visited {
  text-decoration: none;
  color: #1479c2;
}



/*4colum*/
.colum73-smallbox {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/
  padding: 1vh 1%;
  width: 20%;
  text-align: left;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum73-smallbox p {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/

#colum73 figure {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/

  width: 31%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;

  /*均等*/
  background: #f8f8f8;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
  color: #fff;
  transition: 1s;
}

#colum73 figcaption {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  width: 90%;
  padding: 1vh 1%;
  /*  padding:0 1% 1% 1%;*/
  margin: 0 5%;


}

#colum73 figure img {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
}

.ribbon20-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 300px;
  background: #f1f1f1;
}

.ribbon20 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 30px;
  /*height: 30px;*/
  line-height: 30px;
  /*line-height: 30px;*/
  font-size: 18px;
  /*font-size: 18px;*/
  letter-spacing: 0.1em;
  color: #fff;
  background: #6cd4ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

.ribbon20:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #6cd4ff;
  border-radius: 5px 0 0 5px;
}

.ribbon20:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #59b1d5;
  border-radius: 5px 0 0 5px;
}


#colum73 a:link {
  text-decoration: none;
}

#colum73 a:hover {
  text-decoration: none;
  opacity: 0.5;
}

#colum73 a:visited {
  text-decoration: none;
}

#colum73 br {
  display: none;
}

.colum73-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

@media screen and (max-width: 768px) {
  #colum73 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 4vh auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
    background-position: center;
    /*background:#302f2f;*/
    line-height: 1.8;
    background: #fff;
  }

  #colum73 figure {
    margin: 1vh 1% 2vh 1%;
    /*margin: 1vh 1% 2vh 1%;*/

    width: 48%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;

    /*均等*/
    background: #f8f8f8;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
    color: #fff;
    transition: 1s;
  }

  /*4colum*/
  .colum73-smallbox {
    margin: 1vh 1% 1vh 1%;
    width: 48%;
    padding: 2%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
    background: #fff;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
  }

  #colum73 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }

  #colum73 .btn11 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #e5e5e5;
    color: #1479c2;

    border-top: solid 1px #1068a8;
    border-left: solid 1px #1068a8;
    border-bottom: solid 4px #1068a8;
    border-right: solid 1px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum73 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 3vh auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg6.png);
background-size:cover;contain*/
    background-position: center;
    background: #fff;
    line-height: 1.8;
    background: #fff;
  }

  #colum73 figure {
    margin: 1vh 1% 2vh 1%;
    /*margin: 1vh 1% 2vh 1%;*/

    width: 98%;
    text-align: left;
    float: left;

    /*均等*/
    box-sizing: border-box;
    position: relative;

    /*均等*/
    background: #f8f8f8;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
    color: #fff;
    transition: 1s;
  }

  #colum73 figure img {
    width: 100%;

    padding: 0;
    margin: 0;
    display: block;
  }

  /*4colum*/
  .colum73-smallbox {
    margin: 1vh 1% 2vh 1%;
    padding: 2%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum73-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 2vh 0 0 0;
    background: #232424;
    color: #8c8b8b;


  }
}

/*---------------------------oem*/


/*---------------------------news*/
#colum74 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 80%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #fff;
  /*background:#f8f8f8;*/
}

#colum74:after {
  content: "";
  clear: both;
  display: block;
}

.colum74-box {
  display: block;
  margin: 0vh auto 10vh auto;
  padding: 0;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum74-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum74 p {
  margin: 0 auto;
}


#colum74 a:link {
  color: #535253;
  text-decoration: none;
}

#colum74 a:hover {
  color: #1479c2;
  text-decoration: underline;
  transition: 1s;
}

#colum74 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum74 h4 {
  font-size: 160%;

  color: #302f2f;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 1em auto 0 auto;

  padding: 1em auto;

}

#colum74 h4 small {

  font-size: 50%;
  color: #1479c2;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum74 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum74 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum74 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum74 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum74 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum74 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum74 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum74 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*4dl-colum*/
#colum74 dl {
  margin-bottom: 1%;
  width: 25%;
  text-align: left;
  display: flex;
}

#colum74 dt {
  font-weight: bold;
  color: #fff;
  text-align: left;
  margin-bottom: 1%;
  padding: 1% 0 1% 0;

}

#colum74 dd {
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}


/*4dl-colum*/


/*4colum*/
.colum74-smallbox {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/
  padding: 1vh 1%;
  width: 20%;
  text-align: left;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum74-smallbox p {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/
#colum74 br {
  display: none;
}

.colum74-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

@media screen and (max-width: 768px) {
  .colum74-box {
    display: block;
    margin: 0vh auto 10vh auto;
    padding: 0;
    width: 90%;
    clear: both;

    text-align: left;


    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum74-box:after {
    content: "";
    clear: both;
    display: block;
  }

  /*4colum*/
  .colum74-smallbox {
    margin: 1vh 1% 1vh 1%;
    width: 48%;
    padding: 2%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
    background: #fff;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
  }

  #colum74 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum74 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg6.png);
background-size:cover;contain*/
    background-position: center;
    line-height: 1.8;
    /*background:#f8f8f8;*/
    background: #fff;
  }

  /*4colum*/
  .colum74-smallbox {
    margin: 1vh 1% 2vh 1%;
    padding: 2%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum74-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 2vh 0 0 0;
    background: #232424;
    color: #8c8b8b;


  }
}

/*news*/
.news-list {
  list-style: none outside;
  margin: 0 auto;
  padding: 0;
  color: #555353;

}

.news-list .item a {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;

  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #d4d2d2;
  padding: 20px 20px;

}

.item {
  transition: all .4s ease-out;



}

#colum74 .news-list .item p {
  float: left;
}

#colum74 .news-list .item p img {
  float: right;
  max-width: 100px;
  padding: auto 20px auto 0;
}

#colum74 .news-list .item a:link {
  color: #535253;
  text-decoration: none;
}

#colum74 .news-list .item a:hover {
  color: #1479c2;
  text-decoration: none;
  transition: 1s;
}

#colum74 .news-list .item a:visited {
  color: #535253;
  text-decoration: none;
}



#colum74 .news-list .item:first-child a {
  border-top: 1px solid #d4d2d2;
}

#colum74 .news-list .item .date {
  margin: 0;
  /*min-width: 140px;*/
  /*font-size: 16px;*/
  color: #555353;
  padding: 0 20px 0 0;
}

#colum74 .news-list .item .category,
#colum74 .news-list .item .category2,
#colum74 .news-list .item .category3,
#colum74 .news-list .item .category4 {
  margin: 0;
  min-width: 6em;
  /*min-width: 140px;*/
  padding: 0 20px 0 0;
}

#colum74 .news-list .item .category span {
  background: #1479c2;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 80%;
  /*font-size: 12px;*/
  line-height: 1;


}

#colum74 .news-list .item .category2 span {
  background: #31c5fc;
  color: #205da9;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 80%;
  /*font-size: 12px;*/
  line-height: 1;
}

#colum74 .news-list .item .category3 span {
  background: #ef3636;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 80%;
  /*font-size: 12px;*/
  line-height: 1;
}

#colum74 .news-list .item .category4 span {
  background: #b6b6b6;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 80%;
  /*font-size: 12px;*/
  line-height: 1;
}

#colum74 .news-list .item .title {
  margin: 0;
  width: 100%;
}

#colum74 .news-list .item a:hover .title {
  color: #1479c2;
}

@media screen and (max-width: 767px) {
  #colum74 .news-list .item a {
    flex-wrap: wrap;
  }

  #colum74 .news-list .item .date {
    min-width: 100px;
  }

  #colum74 .news-list .item .title {
    margin-top: 10px;
  }
}

/*---------------------------news*/



/*---------------------------subproduct*/
#colum77 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 2vh 0 5vh 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #f8f8f8;
}

#colum77:after {
  content: "";
  clear: both;
  display: block;
}

.colum77-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 80%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum77-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum77 p {
  /*margin:0 auto;*/
}


#colum77 a:link {
  color: #535253;
  text-decoration: none;
}

#colum77 a:hover {
  color: #1479c2;
  text-decoration: underline;
  transition: 1s;
}

#colum77 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum77 h4 {
  font-size: 160%;

  color: #302f2f;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 0 auto 0 auto;
  /*margin:1em auto 0 auto;*/

  padding: 0em 2%;
  /*padding:1em auto;*/
  /*width:90%;*/
  /*text-align: center;*/
}

#colum77 h4 small {

  font-size: 50%;
  color: #1479c2;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum77 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum77 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum77 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum77 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum77 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum77 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum77 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum77 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*4dl-colum*/
#colum77 dl {
  margin-bottom: 1%;
  width: 25%;
  text-align: left;
  display: flex;
}

#colum77 dt {
  font-weight: bold;
  color: #fff;
  text-align: left;
  margin-bottom: 1%;
  padding: 1% 0 1% 0;

}

#colum77 dd {
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4dl-colum*/


/*4colum*/
.colum77-smallbox {
  margin: 1% 1% 1% 1%;
  /*margin: 1vh 1% 2vh 1%;*/
  padding: 0%;
  /*padding:1vh 1%;*/
  width: 22%;
  text-align: left;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum77-smallbox p {
  color: #555353
    /*color : #555353;*/
    font-size: 90%;
  line-height: 1.8;
  padding: 1% 5% 1% 5%;
  margin: 0;
  display: block;
}

/*4colum*/
#colum77 br {
  display: none;
}

#colum77 .no {
  background: #31c5fc;
  color: #fff;
  font-size: 50%;
  margin: 0 0.25em 0 0;
  padding: 0.5em 0.8em;
  text-align: center;
  font-weight: normal;
  float: left;
}

.colum77-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

.colum77-smallbox img {
  width: 40%;
  /*width:100%;*/
  margin: 5% auto;
  padding: 0 auto;
  display: block;

}

@media screen and (max-width: 768px) {
  .colum77-box {
    display: block;
    margin: 0 auto;
    padding: 2vh auto;
    width: 90%;
    clear: both;

    text-align: left;

  }

  /*4colum*/
  .colum77-smallbox {
    margin: 1vh 1% 1vh 1%;
    width: 48%;
    padding: auto;
    /*padding:2%;*/
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
    background: #fff;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
  }

  #colum77 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  .colum77-smallbox img {
    width: 25%;
    /*width:100%;*/
    margin: 5% auto;
    padding: 0 auto;
    display: block;
    float: right;
  }
}

@media screen and (max-width: 600px) {
  #colum77 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 5vh 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg6.png);
background-size:cover;contain*/
    background-position: center;
    background: #302f2f;
    line-height: 1.8;
    background: #f8f8f8;
  }

  /*4colum*/
  .colum77-smallbox {
    margin: 1vh 1% 2vh 1%;
    padding: auto;
    /*padding:2%;*/
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum77-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 2vh 0 0 0;
    background: #232424;
    color: #8c8b8b;


  }

  .colum77-smallbox img {
    width: 20%;
    /*width:100%;*/
    margin: 0% auto;
    padding: 0 auto;
    display: block;
    float: right;
  }
}

/*---------------------------subproduct*/






/*---------------------------thirdpage*/
#colum78 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 0 5vh 0;
  padding: 5vh 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum78:after {
  content: "";
  clear: both;
  display: block;
}

.colum78-box {
  display: block;
  margin: 0 auto;
  padding: 0 5%;
  width: 1100px;
  clear: both;
  text-align: left;

  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum78-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum78 a:link {
  color: #535253;
  text-decoration: none;
}

#colum78 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum78 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum78 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
  display: inline-block;
  width: 100%;



}

#colum78 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum78 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum78 img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

.colum78-smallbox {
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/

  margin: 2vh 1%;
  padding: 0;
  width: 30%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

/*.colum78-smallbox:nth-child(1),
.colum78-smallbox:nth-child(2){
margin:2vh 2%;
padding:0;
width:46%;

box-sizing:border-box;
}*/

/*.colum78-smallbox img{
width:46%;
margin:2% 0;
padding:0;
float:left;
box-sizing:border-box;
}*/

#colum78 p {
  width: 90%;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}

#colum78 ul {
  margin-left: 1.5em;
  margin-right: 1em;
  margin-bottom: 2vh;
}

#colum78 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum78 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum78 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum78 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum78 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum78 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum78 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum78 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum78 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum78 tr th:nth-child(1),
#colum78 tr th:nth-child(2),
#colum78 tr th:nth-child(3),
#colum78 tr th:nth-child(4),
#colum78 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum78 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum78 table th,
#colum78 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum78 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum78 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum78 figure:nth-child(odd) {
  width: 5%;
  margin: 0%;
  padding: 2% 0;
  background-color: #fff;
  color: #1479c2;
  border-top: solid 1px #fff;
  border-left: solid 1px #fff;
  border-bottom: solid 4px #fff;
  border-right: solid 1px #fff;
  border-radius: 6px;
  text-align: center;
}

#colum78 figure:nth-child(odd) img {
  width: 70%;
  margin: 0;
  padding: 0;
  display: block;
}

#colum78 figure {
  width: 18%;
  margin: 1% 1%;
  padding: 0;
  box-sizing: border-box;
  float: left;

  background-color: #e5e5e5;
  color: #1479c2;

  border-top: solid 1px #1068a8;
  border-left: solid 1px #1068a8;
  border-bottom: solid 4px #1068a8;
  border-right: solid 1px #1068a8;
  border-radius: 6px;
  transition: all .4s ease-out;

  text-align: left;


}

#colum78 figcaption {
  font-weight: normal;
  font-size: 95%;
  width: 96%;
  margin: 1% 2%;
  padding: 0;
  display: block;
}

#colum78 figcaption p {}

#colum78 figcaption strong {
  font-weight: bold;
  font-size: 120%;
  margin: 0;
  padding: 0;
  color: #313030;
}

#colum78 figure img {
  width: 100%;
  margin: 0 0 0.5em 0;
  padding: 0;

}

#colum78 ol {
  width: 90%;
  margin: 0 auto;
}

#colum78 li {
  margin-right: 0.5em;
}

#colum78 .no {
  display: inline-block;
  width: 3em;
  background: #108feb;
  color: #fff;
  font-size: 65%;
  margin: 0.5em 5% 0.25em 5%;
  padding: 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #colum78 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum78:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum78-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum78-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum78 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 0.5em 2% 0.5em 0%;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum78 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum78 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum78 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum78 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  /*.colum78-smallbox:nth-child(1),
.colum78-smallbox:nth-child(2),{
margin:2vh 2%;
padding:0;
width:46%;
float:left;
}


.colum78-smallbox:nth-child(3)
{
margin:2vh 2%;
padding:0;
width:96%;
float:left;
box-sizing:border-box;
}
.colum78-smallbox p{
width:auto;
margin:0em auto 0.5em auto;;
padding:0 1em;
display:block;

}*/

  #colum78 ol {
    margin-left: -1em;
    margin-right: 1em;
  }

  .colum78-smallbox figcaption br {
    display: block;
  }


  #colum78 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum78 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum78 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }

  #colum78 figure:nth-child(odd) {
    width: 10%;
    margin: 0%;
    padding: 2% 0;
    background-color: #fff;
    color: #1479c2;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-bottom: solid 4px #fff;
    border-right: solid 1px #fff;
    border-radius: 6px;
    text-align: center;
  }

  #colum78 figure:nth-child(odd) img {
    width: 50%;
    margin: 0;
    padding: 0;
    display: block;
  }

  #colum78 figure {
    width: 38%;
    margin: 1% 1%;
    padding: 0;
    box-sizing: border-box;
    float: left;

    background-color: #e5e5e5;
    color: #1479c2;

    border-top: solid 1px #1068a8;
    border-left: solid 1px #1068a8;
    border-bottom: solid 4px #1068a8;
    border-right: solid 1px #1068a8;
    border-radius: 6px;
    transition: all .4s ease-out;

    text-align: left;


  }

  #colum78 figcaption {
    font-weight: normal;
    font-size: 95%;
    width: 96%;
    margin: 1% 2%;
    padding: 0;
    display: block;
  }

  #colum78 figcaption p {}

  #colum78 figcaption strong {
    font-weight: bold;
    font-size: 120%;
    margin: 0;
    padding: 0;
    color: #313030;
  }

  #colum78 figure img {
    width: 100%;
    margin: 0 0 0.5em 0;
    padding: 0;

  }
}

@media screen and (max-width: 600px) {
  #colum78 figure:nth-child(odd) {

    width: 10%;
    margin: 0 auto;
    padding: 0 auto;
    background-color: #fff;
    color: #1479c2;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-bottom: solid 4px #fff;
    border-right: solid 1px #fff;
    border-radius: 6px;
    text-align: center;
  }

  #colum78 figure:nth-child(odd) img {
    width: 70%;
    margin: 0 auto;
    padding: 0 auto;
    display: block;
    text-align: center;
    transform: rotate(90deg);
  }

  #colum78 figure {
    width: 98%;
    margin: 1% 1%;
    padding: 0;
    box-sizing: border-box;
    float: left;

    background-color: #e5e5e5;
    color: #1479c2;

    border-top: solid 1px #1068a8;
    border-left: solid 1px #1068a8;
    border-bottom: solid 4px #1068a8;
    border-right: solid 1px #1068a8;
    border-radius: 6px;
    transition: all .4s ease-out;

    text-align: left;


  }
}

/*---------------------------thirdpage*/



/*---------------------------thirdpage*/
#colum79 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 5vh 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum79:after {
  content: "";
  clear: both;
  display: block;
}

.colum79-box {
  display: block;
  margin: 0 auto;
  padding: 0 5%;
  width: 1100px;
  clear: both;
  text-align: left;

  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum79-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum79 a:link {
  color: #535253;
  text-decoration: none;
}

#colum79 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum79 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum79 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 0.5em;
  border-left: 8px solid #249af0;
  display: inline-block;
  width: 100%;



}

#colum79 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum79 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum79 img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

.colum79-smallbox {
  /*均等*/
  box-sizing: border-box;
  position: relative;
  /*均等*/

  margin: 2vh 1%;
  padding: 0;
  width: 30%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

/*.colum79-smallbox:nth-child(1),
.colum79-smallbox:nth-child(2){
margin:2vh 2%;
padding:0;
width:46%;

box-sizing:border-box;
}*/

/*.colum79-smallbox img{
width:46%;
margin:2% 0;
padding:0;
float:left;
box-sizing:border-box;
}*/

#colum79 p {
  width: 90%;
  margin: 0.5em auto;
  padding: 0 1em;
  display: block;

}

#colum79 ul {
  margin-left: 1.5em;
  margin-right: 1em;
  margin-bottom: 2vh;
}

#colum79 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum79 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum79 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #59cdfd;
}

#colum79 table a:link {
  color: #535253;

  text-decoration: none;
}

#colum79 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum79 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum79 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum79 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum79 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum79 tr th:nth-child(1),
#colum79 tr th:nth-child(2),
#colum79 tr th:nth-child(3),
#colum79 tr th:nth-child(4),
#colum79 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum79 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum79 table th,
#colum79 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum79 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum79 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum79 figure:nth-child(odd) {
  width: 5%;
  margin: 0%;
  padding: 2% 0;
  background-color: #fff;
  color: #1479c2;
  border-top: solid 1px #fff;
  border-left: solid 1px #fff;
  border-bottom: solid 4px #fff;
  border-right: solid 1px #fff;
  border-radius: 6px;
  text-align: center;
}

#colum79 figure:nth-child(odd) img {
  width: 70%;
  margin: 0;
  padding: 0;
  display: block;
}

#colum79 figure {
  width: 18%;
  margin: 1% 1%;
  padding: 0;
  box-sizing: border-box;
  float: left;

  background-color: #e6f8fe;
  /*#e5e5e5*/
  color: #5f7076;
  /*color: #1479c2;*/

  border-top: solid 1px #59cdfd;
  border-left: solid 1px #59cdfd;
  border-bottom: solid 4px #59cdfd;
  border-right: solid 1px #59cdfd;
  border-radius: 6px;
  transition: all .4s ease-out;

  text-align: left;


}

#colum79 figcaption {
  font-weight: normal;
  font-size: 95%;
  width: 96%;
  margin: 1% 2%;
  padding: 0;
  display: block;
}

#colum79 figcaption p {}

#colum79 figcaption strong {
  font-weight: bold;
  font-size: 120%;
  margin: 0;
  padding: 0;
  color: #313030;
}

#colum79 figure img {
  width: 100%;
  margin: 0 0 0.5em 0;
  padding: 0;

}

#colum79 ol {
  width: 90%;
  margin: 0 auto;
}

#colum79 li {
  margin-right: 0.5em;
}

#colum79 .no {
  display: inline-block;
  width: 3em;
  background: #18abe1;
  color: #fff;
  font-size: 65%;
  margin: 0.5em 5% 0.25em 5%;
  padding: 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #colum79 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10vh 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum79:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum79-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum79-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum79 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 0.5em 2% 0.5em 0%;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum79 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum79 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum79 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum79 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  /*.colum79-smallbox:nth-child(1),
.colum79-smallbox:nth-child(2),{
margin:2vh 2%;
padding:0;
width:46%;
float:left;
}


.colum79-smallbox:nth-child(3)
{
margin:2vh 2%;
padding:0;
width:96%;
float:left;
box-sizing:border-box;
}
.colum79-smallbox p{
width:auto;
margin:0em auto 0.5em auto;;
padding:0 1em;
display:block;

}*/

  #colum79 ol {
    margin-left: -1em;
    margin-right: 1em;
  }

  .colum79-smallbox figcaption br {
    display: block;
  }


  #colum79 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum79 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum79 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #59cdfd;
  }

  #colum79 figure:nth-child(odd) {
    width: 10%;
    margin: 0%;
    padding: 2% 0;
    background-color: #fff;
    color: #1479c2;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-bottom: solid 4px #fff;
    border-right: solid 1px #fff;
    border-radius: 6px;
    text-align: center;
  }

  #colum79 figure:nth-child(odd) img {
    width: 50%;
    margin: 0;
    padding: 0;
    display: block;
  }

  #colum79 figure {
    width: 38%;
    margin: 1% 1%;
    padding: 0;
    box-sizing: border-box;
    float: left;

    background-color: #e6f8fe;
    /*#e5e5e5*/
    color: #5f7076;
    /*color: #1479c2;*/

    border-top: solid 1px #59cdfd;
    border-left: solid 1px #59cdfd;
    border-bottom: solid 4px #59cdfd;
    border-right: solid 1px #59cdfd;
    border-radius: 6px;
    transition: all .4s ease-out;

    text-align: left;


  }

  #colum79 figcaption {
    font-weight: normal;
    font-size: 95%;
    width: 96%;
    margin: 1% 2%;
    padding: 0;
    display: block;
  }

  #colum79 figcaption p {}

  #colum79 figcaption strong {
    font-weight: bold;
    font-size: 120%;
    margin: 0;
    padding: 0;
    color: #313030;
  }

  #colum79 figure img {
    width: 100%;
    margin: 0 0 0.5em 0;
    padding: 0;

  }
}

@media screen and (max-width: 600px) {
  #colum79 figure:nth-child(odd) {
    width: 10%;
    margin: 0 auto;
    padding: 0 auto;
    background-color: #fff;
    color: #1479c2;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-bottom: solid 4px #fff;
    border-right: solid 1px #fff;
    border-radius: 6px;
    text-align: center;
  }

  #colum79 figure:nth-child(odd) img {
    width: 70%;
    margin: 0 auto;
    padding: 0 auto;
    display: block;
    text-align: center;
    transform: rotate(90deg);
  }

  #colum79 figure {
    width: 98%;
    margin: 1% 1%;
    padding: 0;
    box-sizing: border-box;
    float: left;

    background-color: #e6f8fe;
    /*#e5e5e5*/
    color: #5f7076;
    /*color: #1479c2;*/

    border-top: solid 1px #59cdfd;
    border-left: solid 1px #59cdfd;
    border-bottom: solid 4px #59cdfd;
    border-right: solid 1px #59cdfd;
    border-radius: 6px;
    transition: all .4s ease-out;

    text-align: left;


  }
}

/*---------------------------thirdpage*/



/*-------------------------contact*/
#colum76 {
  text-align: left;
  display: block;
  margin: 1vh 0 1vh 0;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 90%;
  background: #fff;
}

#colum76:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum76-box {
  display: block;
  margin: 0px auto;
  padding: 0;
  width: 1100px;
  clear: both;

}

.colum76-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;

  display: block;
}

#colum76 img {
  transition: 0.5s;

}

#colum76 h5 {
  font-size: 180%;
  color: #302f2f;
  line-height: 1.8;
  margin: 0.5em 2% 0.5em 0%;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font-weight: bold;
  /*border-left:8px solid #249af0;*/
  text-align: center;
}



/*---adress--*/
#colum76 ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

#colum76 li {
  list-style-type: none;
  box-sizing: border-box;
  float: left;

}



#colum76 li:nth-child(1) {
  width: 60%;
  margin: 1vh 0;
  padding: 0;
  font-size: 90%;

}

#colum76 li:nth-child(1) img {
  width: 70%;
  vertical-align: middle;
  display: block;
  margin: 0;
  padding: 0;
  float: right;
}



#colum76 li:nth-child(2) {
  width: 38%;
  margin: 1vh 0;
  padding: 0 0 0 2%;
  font-size: 70%;
  color: #555353;

}

#colum76 li:nth-child(2) img {
  width: 35%;
  vertical-align: middle;
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}






#colum76 li:nth-child(3) {
  width: 50%;
  text-align: center;
  padding: 0.25em 0;
  margin: 0;

}

#colum76 li:nth-child(3) img {
  width: 60px;
  vertical-align: middle;
  box-sizing: border-box;
}

#colum76 li:nth-child(3) strong {
  font-size: 300%;
  vertical-align: middle;
  color: #302f2f;
}

#colum76 li:nth-child(3) small {
  font-size: 120%;
  vertical-align: middle;
  color: #555353;
  margin: 0 0.5em;
}


#colum76 li:nth-child(4) {
  width: 50%;
  text-align: left;
  padding: 0.25em 0;
  margin: 0;
}

#colum76 li:nth-child(4) img {
  width: 60px;
  vertical-align: middle;
  box-sizing: border-box;
}


#colum76 li:nth-child(4) strong {
  font-size: 300%;
  vertical-align: middle;
  color: #302f2f;
}

#colum76 li:nth-child(4) small {
  font-size: 120%;
  vertical-align: middle;
  color: #555353;
  margin: 0 0.5em;
}

#colum76 li:nth-child(5) {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  font-size: 130%;
}


#colum76 li:nth-child(6) {
  width: 100%;
  text-align: center;
  padding: 0.25em 0;
  margin: 2vh 0% 0 0%;
  float: right;
}

#colum76 li:nth-child(6) img {
  width: 20px;
  vertical-align: middle;
  box-sizing: border-box;
}

#colum76 li:nth-child(7) {
  /*width:17%;*/
  text-align: center;
  padding: 0.25em 0;
  margin: 2vh 1% 0 1%;
  float: right;
}

#colum76 li:nth-child(7) img {
  width: 50px;
  vertical-align: middle;
  box-sizing: border-box;
}



#colum76 li:nth-child(8) {
  display: none;
  width: 15%;
  text-align: center;
  padding: 0.25em 0;
  margin: 2vh 0 0 0;
}

#colum76 li:nth-child(8) img {
  width: 50px;
  vertical-align: middle;
  box-sizing: border-box;
}

/*---adress--*/






/*お問合せボタン*/
#colum76 .btn4 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #ef3636;
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 120%;
  width: 50%;
  display: block;
  margin: 1em auto 5vh auto;
  font-weight: normal;
  text-align: center;
}

#colum76 .btn4 img {
  width: 18px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px;
}

#colum76 .btn4:hover {
  /*ボタンを押したとき*/
  color: #fff;
  background-color: #f97373;
  border-bottom: solid 4px #e36d6d;

}

/*お問合せボタン*/

@media screen and (max-width: 768px) {
  #colum76 {
    text-align: left;
    display: block;
    margin: 0;
    padding: 1vh 0 0 0;
    width: 100%;
    clear: both;
    font-size: 90%;
    background: #fff;

    /*z-index:1;
position:fixed;*/



  }

  #colum76:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum76-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 90%;
    clear: both;

  }

  .colum76-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;

    display: block;
  }

  #colum76 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 0.5em 2% 0.5em 0%;
    padding: 0.5em 0.5em 0.5em 0.5em;
    font-weight: bold;
    /*border-left:8px solid #249af0;*/
    text-align: center;
  }




  /*---adress--*/
  #colum76 ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  #colum76 li {
    list-style-type: none;
    box-sizing: border-box;
    float: left;

  }



  #colum76 li:nth-child(1) {
    width: 60%;
    margin: 1vh 0;
    padding: 0;
    font-size: 90%;

  }

  #colum76 li:nth-child(1) img {
    width: 70%;
    vertical-align: middle;
    display: block;
    margin: 0;
    padding: 0;
    float: right;
  }



  #colum76 li:nth-child(2) {
    width: 38%;
    margin: 1vh 0;
    padding: 0 0 0 2%;
    font-size: 70%;
    color: #555353;

  }

  #colum76 li:nth-child(2) img {
    width: 35%;
    vertical-align: middle;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
  }






  #colum76 li:nth-child(3) {
    width: 50%;
    text-align: center;
    padding: 0.25em 0;
    margin: 0;

  }

  #colum76 li:nth-child(3) img {
    width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  #colum76 li:nth-child(3) strong {
    font-size: 250%;
    vertical-align: middle;
    color: #302f2f;
  }

  #colum76 li:nth-child(3) small {
    font-size: 120%;
    vertical-align: middle;
    color: #555353;
    margin: 0 0.5em;
    padding: 0;
    display: block;
  }


  #colum76 li:nth-child(4) {
    width: 50%;
    text-align: left;
    padding: 0.25em 0;
    margin: 0;
  }

  #colum76 li:nth-child(4) img {
    width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }


  #colum76 li:nth-child(4) strong {
    font-size: 250%;
    vertical-align: middle;
    color: #302f2f;
  }

  #colum76 li:nth-child(4) small {
    font-size: 120%;
    vertical-align: middle;
    color: #555353;
    margin: 0 0.5em;
    padding: 0;
    display: block;
  }

  #colum76 li:nth-child(5) {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 130%;
  }


  #colum76 li:nth-child(6) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 2vh 0% 0 0%;
    float: right;
  }

  #colum76 li:nth-child(6) img {
    width: 20px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  #colum76 li:nth-child(7) {
    /*width:17%;*/
    text-align: center;
    padding: 0.25em 0;
    margin: 2vh 1% 0 1%;
    float: right;
  }

  #colum76 li:nth-child(7) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }



  #colum76 li:nth-child(8) {
    display: none;
    width: 15%;
    text-align: center;
    padding: 0.25em 0;
    margin: 2vh 0 0 0;
  }

  #colum76 li:nth-child(8) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  /*---adress--*/








  /*お問合せボタン*/
  #colum76 .btn4 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #ef3636;
    color: #fff;
    border-bottom: solid 4px #c52a2b;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 120%;
    width: 90%;
    margin: 1em auto 5vh auto;
    font-weight: normal;
    text-align: center;
  }

  /*お問合せボタン*/
}

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

  /*---adress--*/
  #colum76 ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  #colum76 li {
    list-style-type: none;
    box-sizing: border-box;
    float: left;

  }



  #colum76 li:nth-child(1) {
    width: 60%;
    margin: 1vh 0;
    padding: 0;
    font-size: 90%;

  }

  #colum76 li:nth-child(1) img {
    width: 70%;
    vertical-align: middle;
    display: block;
    margin: 0;
    padding: 0;
    float: right;
  }



  #colum76 li:nth-child(2) {
    width: 38%;
    margin: 1vh 0;
    padding: 0 0 0 2%;
    font-size: 70%;
    color: #555353;

  }

  #colum76 li:nth-child(2) img {
    width: 35%;
    vertical-align: middle;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
  }






  #colum76 li:nth-child(3) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 0;
    display: none;
  }

  #colum76 li:nth-child(3) img {
    width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  #colum76 li:nth-child(3) strong {
    font-size: 250%;
    vertical-align: middle;
    color: #302f2f;
  }

  #colum76 li:nth-child(3) small {
    font-size: 120%;
    vertical-align: middle;
    color: #555353;
    margin: 0 0.5em;
    padding: 0;
    display: block;
  }


  #colum76 li:nth-child(4) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 0;
    display: none;
  }

  #colum76 li:nth-child(4) img {
    width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }


  #colum76 li:nth-child(4) strong {
    font-size: 250%;
    vertical-align: middle;
    color: #302f2f;
  }

  #colum76 li:nth-child(4) small {
    font-size: 120%;
    vertical-align: middle;
    color: #555353;
    margin: 0 0.5em;
    padding: 0;
    display: block;
  }

  #colum76 li:nth-child(5) {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 130%;
  }


  #colum76 li:nth-child(6) {
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    margin: 2vh 0% 0 0%;
    float: right;
  }

  #colum76 li:nth-child(6) img {
    width: 20px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  #colum76 li:nth-child(7) {
    /*width:17%;*/
    text-align: center;
    padding: 0.25em 0;
    margin: 2vh 1% 0 1%;
    float: right;
  }

  #colum76 li:nth-child(7) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }



  #colum76 li:nth-child(8) {
    display: none;
    width: 15%;
    text-align: center;
    padding: 0.25em 0;
    margin: 2vh 0 0 0;
  }

  #colum76 li:nth-child(8) img {
    width: 50px;
    vertical-align: middle;
    box-sizing: border-box;
  }

  /*---adress--*/

}

/*-------------------------contact*/







/*-----------------------campaign*/
#colum80 {
  font-family: "M PLUS Rounded 1c";
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0 0 0;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  background-image: url(../images/bg50.png);


  /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
  line-height: 1.8;
  /*background:#da362f;*/
}

#colum80:after {
  content: "";
  clear: both;
  display: block;
}

/*#colum80 img:nth-child(1){
	display: block;
margin:0 auto;
padding:0;
	clear: both;
}*/

.colum80-smallbox {

  margin: 0;
  padding: 0;

  /*box-sizing:border-box;
float:left;*/
}

#colum80 img:nth-child(1) {
  width: 60%;
  margin: 0 20%;
}

.colum80-smallbox:nth-child(1) {
  width: 20%;
  margin: 0;
  /*position:relative;
top:-120px;*/

}

.colum80-smallbox:nth-child(2) {
  width: 60%;
  margin: 0 0%;
  text-align: center;
}

.colum80-smallbox img {
  width: 200%;
  margin: 0 0%;
  padding: 0;
  position: relative;
  top: -120px;
  display: block;
}

.colum80-smallbox:nth-child(3) {
  width: 20%;
  margin: 0;

}


.colum80-box {

  margin: 0;
  padding: 0;
  width: 100%;
  /*width:1100px;*/
  clear: both;
  text-align: left;

  display: flex;
  /*align-items: center;*/
}

.colum80-box:after {
  content: "";
  clear: both;
  display: block;
}




#colum80 h2 {
  font-size: 150%;
  color: #fff;
  line-height: auto;

  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);

  /*display: flex;
justify-content: center;*/
}

#colum80 h2 strong {
  color: #ffd825;
}

#colum80 h3 {
  display: block;
  width: 40%;
  border: 0.25rem outset #f6cb89;
  box-shadow: 0 0 5px rgba(1, 1, 1, 0.5);
  border-radius: 4px;
  font: bold 120%;
  margin: 0 auto;
  padding: 1%;
  background: #1f6534;
  color: #fff;
  float: left;
}


/*画像３列*/
.colum80-mediumbox {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;

  /*box-sizing:border-box;
float:left;*/
}


.colum80-mediumbox:after {
  content: "";
  clear: both;
  display: block;
}

.ribbon80-1 {
  display: inline-block;
  position: absolute;

  left: 0;
  bottom: 280px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #fff;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon80-1 img {
  width: 50%;
  maring: 0;
  padding: 0;
}


.ribbon80-2 {
  display: inline-block;
  position: absolute;

  right: 0;
  bottom: 300px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0 0 0 50px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #fff;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon80-2 img {
  width: 50%;
  maring: 0;
  padding: 0;
}

.ribbon80-3 {
  display: inline-block;
  position: absolute;

  right: 0;
  bottom: 280px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #fff;
  z-index: 1;
  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon80-3 img {
  width: 40%;
  maring: 0;
  padding: 0;
}

.ribbon80-4 {
  display: inline-block;
  position: absolute;

  left: 50px;
  top: -420px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #fff;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon80-4 img {

  width: 30%;
  maring: 0;
  padding: 0;
}

.ribbon80-5 {
  display: inline-block;
  position: absolute;

  right: 0;
  top: -430px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #fff;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon80-5 img {

  width: 30%;
  maring: 0;
  padding: 0;
}



.colum80-mediumbox h2 {

  font-size: 150%;
  color: #fff;
  line-height: auto;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  text-align: center;

}

.colum80-mediumbox h2 strong {
  color: #ffd825;
}

.colum80-photo {
  display: none;
}

@media screen and (max-width: 1050px) {
  #colum80 {
    font-family: "M PLUS Rounded 1c";
    text-align: left;
    display: block;
    clear: both;
    margin: 5vh 0 0 0;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    background-image: url(../images/bg50.png);


    /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
    line-height: 1.8;
    /*background:#da362f;*/
  }

  #colum80:after {
    content: "";
    clear: both;
    display: block;
  }

  /*#colum80 img:nth-child(1){
	display: block;
margin:0 auto;
padding:0;
	clear: both;
}*/

  .colum80-smallbox {

    margin: 0;
    padding: 0;

    /*box-sizing:border-box;
float:left;*/
  }

  #colum80 img:nth-child(1) {
    width: 60%;
    margin: 0 20%;
  }



  .colum80-box {

    margin: 0 auto;
    padding: 0;
    width: 90%;
    /*width:1100px;*/
    clear: both;
    text-align: left;

    display: flex;
    /*align-items: center;*/
  }

  .colum80-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum80 h2 {
    font-size: 130%;
    color: #fff;
    line-height: auto;

    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);

    /*display: flex;
justify-content: center;*/
  }

  #colum80 h2 strong {
    color: #ffd825;
  }

  #colum80 h2 br {
    display: none;
  }




  /*画像３列*/
  .colum80-mediumbox {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0;

    /*box-sizing:border-box;
float:left;*/
  }


  .colum80-mediumbox:after {
    content: "";
    clear: both;
    display: block;
  }

  .ribbon80-1 {
    display: none;
    position: absolute;

    left: 0;
    bottom: 280px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #fff;

    /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
  }

  .ribbon80-1 img {
    width: 50%;
    maring: 0;
    padding: 0;
  }


  .ribbon80-2 {
    display: none;
    position: absolute;

    right: 0;
    bottom: 300px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 0 0 50px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #fff;

    /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
  }

  .ribbon80-2 img {
    width: 50%;
    maring: 0;
    padding: 0;
  }

  .ribbon80-3 {
    display: inline-block;
    position: absolute;

    right: 0;
    bottom: 280px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #fff;
    z-index: 1;
    /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
  }

  .ribbon80-3 img {
    width: 40%;
    maring: 0;
    padding: 0;
  }

  .ribbon80-4 {
    display: none;
    position: absolute;

    left: 50px;
    top: -420px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #fff;

    /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
  }

  .ribbon80-4 img {

    width: 30%;
    maring: 0;
    padding: 0;
  }

  .ribbon80-5 {
    display: none;
    position: absolute;

    right: 0;
    top: -430px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #fff;

    /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
  }

  .ribbon80-5 img {

    width: 30%;
    maring: 0;
    padding: 0;
  }



  .colum80-mediumbox h2 {

    font-size: 150%;
    color: #fff;
    line-height: auto;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    text-align: center;

  }

  .colum80-photo {
    display: block;
    width: 70%;
    margin: 0 auto;
    padding: 0;
  }

  .colum80-photo img {
    display: block;
  }
}




/*画像３列*/






#colum81 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 65px;
  /*height:108px;*/
  font-size: 110%;
  color: #555353;
  background-image: url(../images/bg51.png);


  /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
  line-height: 1.8;
  /*background:#da362f;*/

  /*zigzag*/
  position: relative;
  /*zigzag*/
}

#colum81:after {
  content: "";
  clear: both;
  display: block;

  /*zigzag*/
  position: absolute;
  background: linear-gradient(45deg, #fff 50%, transparent 52%),
    linear-gradient(315deg, #fff 50%, transparent 52%);
  background-size: 30px 30px;
  height: 14px;
  width: 100%;
  bottom: 0;
  /*zigzag*/
}

@media screen and (max-width: 768px) {
  #colum81 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    /*height:108px;*/
    font-size: 110%;
    color: #555353;
    background-image: url(../images/bg51-1.png);


    /*zigzag*/
    position: relative;
    /*zigzag*/
  }

  #colum81:after {
    content: "";
    clear: both;
    display: block;

    /*zigzag*/
    position: absolute;
    background: linear-gradient(45deg, #fff 50%, transparent 52%),
      linear-gradient(315deg, #fff 50%, transparent 52%);
    background-size: 20px 20px;
    height: 10px;
    width: 100%;
    bottom: 0;
    /*zigzag*/
  }

}





#colum82 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  background: #fff;


  /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
  line-height: 1.8;
  */
}

#colum82:after {
  content: "";
  clear: both;
  display: block;
}

#colum82 h3 {
  display: block;
  position: relative;

  width: 55%;
  border: 0.25rem outset #f6cb89;
  box-shadow: 0 0 5px rgba(1, 1, 1, 0.5);
  border-radius: 4px;
  font-size: 130%;
  font-weight: bold;
  margin: 1.5rem auto;
  padding: 1% 1% 1% 60px;
  background: #1f6534;
  color: #fff;
  text-align: center;
}

#colum82 h3 br {
  display: none;
}

.ribbon82 {
  display: inline-block;
  position: absolute;

  left: 0;
  top: 2px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: white;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon82 img {
  width: 70px;
  maring: 0;
  padding: 0;
}


.ribbon82-2 {
  display: inline-block;
  position: absolute;


  bottom: 0;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  /*height: 30px;/
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: white;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon82-2 img {
  width: 50%;
  maring: 0;
  padding: 0;
}








/*説明*/
#colum84 {
  font-family: "M PLUS Rounded 1c";
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 5vh 0 8vh 0;
  width: 100%;
  font-size: 110%;
  color: #3c0000;
  /*background:#009c49;*/
  background-image: url(../images/dot5.png);

  /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
  line-height: 1.8;
  */
}

#colum84:after {
  content: "";
  clear: both;
  display: block;
}

.colum84-box {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 5px rgba(1, 1, 1, 0.5);
}

.colum84-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum84 h3 {
  font-size: 130%;
  font-weight: bold;
  margin: 0 5% 0.5em 5%;
  padding: 0.25em 2em;
  position: relative;
  display: inline-block;

  border-radius: 50px;
  border: solid 1px #8d3939;
  width: ;
  /*background: #ffdde8;ffd825*/
}

#colum84 h3 br {
  display: none;
}



#colum84 h4 {
  display: block;
  position: relative;

  width: auto;
  border: 0.25rem outset #f6cb89;
  box-shadow: 0 0 5px rgba(1, 1, 1, 0.5);
  border-radius: 4px;
  /*border-radius: 4px;*/
  font-size: 160%;
  font-weight: bold;
  margin: 1.5rem auto;
  padding: 1% 1% 1% 60px;
  background: #1f6534;
  color: #fff;
  text-align: center;
}

#colum84 h4 br {
  display: none;
}

.ribbon84 {
  display: inline-block;
  position: absolute;

  left: 0;
  top: -40px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: white;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon84 img {
  width: 150px;
  maring: 0;
  padding: 0;
}


.ribbon84-2 {
  display: inline-block;
  position: absolute;


  bottom: 0;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  /*height: 30px;/
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: white;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
}

.ribbon84-2 img {
  width: 50%;
  maring: 0;
  padding: 0;
}


.colum84-photo {
  /*display: flex;
  justify-content: center;
  align-items: center;*/

  width: 12%;
  margin: 0 5% 0 0;
  float: right;
}


#colum84 p {
  /*display: block;
	width:auto;*/
  margin: 0 5%;
  padding: 0 0 5vh 0;

}

#colum84 strong {
  color: #ef3334;
  /*background:#009944;	padding:0.25em 0.5em;*/

}

#colum84 .yellow84 {
  background: #fce371;
  /*#fff8d5*/
  font-size: 150%;
}

#colum84 .yellow84-1 {
  color: #fdee00;

}

#colum84 .red84 {
  color: #e8332f;
}


@media screen and (max-width: 768px) {
  #colum84 {
    font-family: "M PLUS Rounded 1c";
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 5vh 0 8vh 0;
    width: 100%;
    font-size: 110%;
    color: #3c0000;
    /*background:#009c49;*/
    background-image: url(../images/dot5.png);

    /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
    line-height: 1.8;
    */
  }

  #colum84:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum84-box {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 90%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.5);
  }

  .colum84-box:after {
    content: "";
    clear: both;
    display: block;
  }

  #colum84 h3 {
    font-size: 120%;
    font-weight: bold;
    margin: 0 5% 0.5em 5%;
    padding: 0.25em 2em;
    position: relative;
    display: inline-block;

    border-radius: 50px;
    border: solid 1px #8d3939;
    width: ;
    /*background: #ffdde8;ffd825*/
  }

  #colum84 h3 br {
    display: block;
  }



  #colum84 h4 {
    display: block;
    position: relative;

    width: auto;
    border: 0.25rem outset #f6cb89;
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.5);
    border-radius: 4px;
    /*border-radius: 4px;*/
    font-size: 130%;
    font-weight: bold;
    margin: 1.5rem auto;
    padding: 1% 2% 1% 1%;
    background: #1f6534;
    color: #fff;
    text-align: center;
  }

  #colum84 h4 br {
    display: block;
  }

  .ribbon84 {
    display: inline-block;
    position: absolute;

    left: 0%;
    top: 65%;
    box-sizing: border-box;
    padding: 0 0px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: white;

    /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
  }

  .ribbon84 img {
    width: 170px;
    maring: 0;
    padding: 0;
  }


  .ribbon84-2 {
    display: inline-block;
    position: absolute;


    bottom: 0;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    /*height: 30px;/
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: white;

  /*box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);*/
  }

  .ribbon84-2 img {
    width: 50%;
    maring: 0;
    padding: 0;
  }


  .colum84-photo {
    /*display: flex;
  justify-content: center;
  align-items: center;*/

    width: 12%;
    margin: 0 auto 0 auto;
    float: none;
    display: none;
  }

  #colum84 .yellow84 {
    background: #fce371;
    /*#fff8d5*/
    font-size: 130%;
  }
}


/*説明*/


/*ボタン*/
#colum85 {
  font-family: "M PLUS Rounded 1c";
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 5vh 0;
  width: 100%;
  font-size: 110%;
  color: #fff;
  /*color:#3c0000;*/

  background: #009c49;

  /*	background-image:url(../images/dot5.png);

/*	background-position:right;background-repeat:no-repeat;background-size:cover;*/



}

#colum85:after {
  content: "";
  clear: both;
  display: block;
}

.stripe85 {
  background-image: linear-gradient(0deg,
      #23b567 25%, #009c49 25%, #009c49 50%, #23b567 50%, #23b567 75%, #009c49 75%, #009c49);
  background-size: 100px 100px;
}

.triangle {
  position: relative;
  background: #fff;
  height: 0px;
}

.triangle::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #fff transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}


.colum85-box {
  text-align: center;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 90%;
}

.colum85-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum85 p {
  font-size: 120%;
}



/*お問合せボタン*/
.btn85 {
  font-family: "M PLUS Rounded 1c";
  padding: 0.8em 2em;
  text-decoration: none;
  background-color: #ef3636;
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 50px;
  transition: all .4s ease-out;

  font-size: 150%;
  width: auto;
  display: inline-block;
  margin: 1em auto 5vh auto;
  font-weight: normal;
  text-align: center;
}

.btn85 img {
  width: 28px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
}

.btn85:hover {
  /*ボタンを押したとき*/
  color: #fff;
  background-color: #f97373;
  border-bottom: solid 4px #e36d6d;

}

/*お問合せボタン*/

@media screen and (max-width: 768px) {
  #colum85 p {
    font-size: 100%;
  }
}


.btn085 {
  /*影の基点とするためrelativeを指定*/
  position: relative;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background: transparent;
  border-radius: 50px;
  border: solid 1px #8d1b1b;
  outline: none;
  /*アニメーションの指定*/
  transition: all 0.2s ease;
  font-size: 150%;
}

/*hoverをした後のボタンの形状*/
.btn085:hover {
  border-color: transparent;
}

/*ボタンの中のテキスト*/
.btn085 span {
  position: relative;
  z-index: 2;
  /*z-indexの数値をあげて文字を背景よりも手前に表示*/
  /*テキストの形状*/
  display: block;
  padding: 10px 30px;
  background: #ef3636;
  border-radius: 50px;
  color: #fff;
  /*アニメーションの指定*/
  transition: all 0.3s ease;
}

.btn085 img {
  width: 28px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
}

/*== 下に押し込まれる（立体が平面に） */

/*影の設定*/
.pushdown:before {
  content: "";
  /*絶対配置で影の位置を決める*/
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 0;
  /*影の形状*/
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #ef3636;

  border: solid 1px #8d1b1b;
}

/*hoverの際にY軸に4pxずらす*/
.pushdown:hover span {
  background-color: #ef3636;
  color: #fff;
  transform: translateY(4px);
}

/*ボタン*/




/*画像３列*/
#colum86 {
  font-family: "M PLUS Rounded 1c";
  text-align: left;
  display: block;
  clear: both;
  margin: 0vh 0 0 0;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  background-image: url(../images/bg50.png);


  /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
  line-height: 1.8;
  /*background:#da362f;*/
}

#colum86:after {
  content: "";
  clear: both;
  display: block;
}

/*#colum86 img:nth-child(1){
	display: block;
margin:0 auto;
padding:0;
	clear: both;
}*/

.colum86-smallbox {

  margin: 0;
  padding: 0;

  /*box-sizing:border-box;
float:left;*/
}

#colum86 img {
  width: 90%;
  margin: 0 5%;
}


.colum86-smallbox img {
  width: 200%;
  margin: 0 0%;
  padding: 0;
  position: relative;
  top: -120px;
  display: block;
}



.colum86-box {

  margin: 0 auto;
  padding: 0;
  width: 1100px;
  /*width:1100px;*/
  clear: both;
  text-align: left;
  display: block;
  /*display: flex;*/
  /*align-items: center;*/
}

.colum86-box:after {
  content: "";
  clear: both;
  display: block;
}




#colum86 h2 {
  font-size: 150%;
  color: #fff;
  line-height: auto;

  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);

  /*display: flex;
justify-content: center;*/
}

#colum86 h2 strong {
  color: #ffd825;
}

#colum86 h3 {
  display: block;
  width: 40%;
  border: 0.25rem outset #f6cb89;
  box-shadow: 0 0 5px rgba(1, 1, 1, 0.5);
  border-radius: 4px;
  font: bold 120%;
  margin: 0 auto;
  padding: 1%;
  background: #1f6534;
  color: #fff;
  float: left;
}


/*画像３列*/
.colum86-mediumbox {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;

  /*box-sizing:border-box;
float:left;*/
}


.colum86-mediumbox:after {
  content: "";
  clear: both;
  display: block;
}




.colum86-mediumbox h2 {

  font-size: 150%;
  color: #fff;
  line-height: auto;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  text-align: center;

}

.colum86-mediumbox h2 strong {
  color: #ffd825;
}

.colum86-photo {
  display: none;
}

@media screen and (max-width: 768px) {
  #colum86 {
    font-family: "M PLUS Rounded 1c";
    text-align: left;
    display: block;
    clear: both;
    margin: 0vh 0 0 0;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    background-image: url(../images/bg50.png);


    /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
    line-height: 1.8;
    /*background:#da362f;*/
  }

  #colum86:after {
    content: "";
    clear: both;
    display: block;
  }

  /*#colum86 img:nth-child(1){
	display: block;
margin:0 auto;
padding:0;
	clear: both;
}*/

  .colum86-smallbox {

    margin: 0;
    padding: 0;

    /*box-sizing:border-box;
float:left;*/
  }

  #colum86 img {
    width: 100%;
    margin: 0 0%;
  }



  .colum86-box {

    margin: 0 auto;
    padding: 0;
    width: 90%;
    /*width:1100px;*/
    clear: both;
    text-align: left;

    display: flex;
    /*align-items: center;*/
  }

  .colum86-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum86 h2 {
    font-size: 130%;
    color: #fff;
    line-height: auto;

    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);

    /*display: flex;
justify-content: center;*/
  }

  #colum86 h2 strong {
    color: #ffd825;
  }

  #colum86 h2 br {
    display: none;
  }




  /*画像３列*/
  .colum86-mediumbox {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0;

    /*box-sizing:border-box;
float:left;*/
  }


  .colum86-mediumbox:after {
    content: "";
    clear: both;
    display: block;
  }




  .colum86-mediumbox h2 {

    font-size: 150%;
    color: #fff;
    line-height: auto;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    text-align: center;

  }


}



/* fadeUp */

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.fadeUpTrigger {
  opacity: 0;
}

/* fadeUp */
/*-----------------------campaign*/



/*------------campaign*/
#colum87 {
  text-align: center;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 110%;
  color: #555353;

  background: #ffd9e7;

  line-height: 1.8;
  /*background-image:url(../images/campaign-bg.png);*/
}

#colum87:after {
  content: "";
  clear: both;
  display: block;
}

.colum87-box {
  text-align: center;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  height: 83px;
  font-size: 110%;
  color: #555353;
  line-height: 1.8;

}

.colum87-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum87 img {
  width: 1100px;
  transition: 0.5s;
}

#colum87 img:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  #colum87 {
    text-align: center;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    font-size: 110%;
    color: #555353;

    background: #fff;

    line-height: 1.8;
    /*background-image:url(../images/campaign-bg.png);*/
  }

  .colum87-box {
    text-align: center;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    font-size: 110%;
    color: #555353;
    line-height: 1.8;

  }

  .colum87-box:after {
    content: "";
    clear: both;
    display: block;
  }


  #colum87 img {
    width: 100%;
    transition: 0.5s;
  }
}
















/*ボタン*/
#colum88 {
  font-family: "M PLUS Rounded 1c";
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 5vh 0;
  width: 100%;
  font-size: 110%;
  color: #fff;
  /*color:#3c0000;*/

  background: #009c49;

  /*	background-image:url(../images/dot5.png);

/*	background-position:right;background-repeat:no-repeat;background-size:cover;*/



}

#colum88:after {
  content: "";
  clear: both;
  display: block;
}

.stripe88 {
  background-image: linear-gradient(0deg,
      #23b567 25%, #009c49 25%, #009c49 50%, #23b567 50%, #23b567 75%, #009c49 75%, #009c49);
  background-size: 100px 100px;
}

.triangle2 {
  position: relative;
  background: #cc2324;
  height: 0px;
}

.triangle2::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #cc2324 transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}


.colum88-box {
  text-align: center;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 90%;
}

.colum88-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum88 p {
  font-size: 120%;
}



/*お問合せボタン*/
.btn88 {
  font-family: "M PLUS Rounded 1c";
  padding: 0.8em 2em;
  text-decoration: none;
  background-color: #ef3636;
  color: #fff;
  border-bottom: solid 4px #c52a2b;
  border-radius: 50px;
  transition: all .4s ease-out;

  font-size: 150%;
  width: auto;
  display: inline-block;
  margin: 1em auto 5vh auto;
  font-weight: normal;
  text-align: center;
}

.btn88 img {
  width: 28px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
}

.btn88:hover {
  /*ボタンを押したとき*/
  color: #fff;
  background-color: #f97373;
  border-bottom: solid 4px #e36d6d;

}

/*お問合せボタン*/

@media screen and (max-width: 768px) {
  #colum88 p {
    font-size: 100%;
  }
}


.btn088 {
  /*影の基点とするためrelativeを指定*/
  position: relative;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background: transparent;
  border-radius: 50px;
  border: solid 1px #8d1b1b;
  outline: none;
  /*アニメーションの指定*/
  transition: all 0.2s ease;
  font-size: 150%;
}

/*hoverをした後のボタンの形状*/
.btn088:hover {
  border-color: transparent;
}

/*ボタンの中のテキスト*/
.btn088 span {
  position: relative;
  z-index: 2;
  /*z-indexの数値をあげて文字を背景よりも手前に表示*/
  /*テキストの形状*/
  display: block;
  padding: 10px 30px;
  background: #ef3636;
  border-radius: 50px;
  color: #fff;
  /*アニメーションの指定*/
  transition: all 0.3s ease;
}

.btn088 img {
  width: 28px;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
}

/*== 下に押し込まれる（立体が平面に） */

/*影の設定*/
.pushdown2:before {
  content: "";
  /*絶対配置で影の位置を決める*/
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 0;
  /*影の形状*/
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #ef3636;

  border: solid 1px #8d1b1b;
}

/*hoverの際にY軸に4pxずらす*/
.pushdown2:hover span {
  background-color: #ef3636;
  color: #fff;
  transform: translateY(4px);
}

/*ボタン*/




/*画像３列*/
#colum89 {
  font-family: "M PLUS Rounded 1c";
  text-align: left;
  display: block;
  clear: both;
  margin: 0vh 0 0 0;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  background-image: url(../images/bg50.png);


  /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
  line-height: 1.8;
  /*background:#da362f;*/
}

#colum89:after {
  content: "";
  clear: both;
  display: block;
}

#colum89 img {
  transition: 1s;
}

#colum89 img:hover {
  opacity: 0.5;
}

/*#colum89 img:nth-child(1){
	display: block;
margin:0 auto;
padding:0;
	clear: both;
}*/

.colum89-smallbox {

  margin: 0;
  padding: 0;

  /*box-sizing:border-box;
float:left;*/
}

#colum89 img {
  width: 80%;
  margin: 0 10%;
}


.colum89-smallbox img {
  width: 200%;
  margin: 0 0%;
  padding: 0;
  position: relative;
  top: -120px;
  display: block;
}



.colum89-box {

  margin: 0 auto;
  padding: 0;
  width: 1100px;
  /*width:1100px;*/
  clear: both;
  text-align: left;
  display: block;
  /*display: flex;*/
  /*align-items: center;*/
}

.colum89-box:after {
  content: "";
  clear: both;
  display: block;
}




#colum89 h2 {
  font-size: 150%;
  color: #fff;
  line-height: auto;

  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);

  /*display: flex;
justify-content: center;*/
}

#colum89 h2 strong {
  color: #ffd825;
}

#colum89 h3 {
  display: block;
  width: 40%;
  border: 0.25rem outset #f6cb89;
  box-shadow: 0 0 5px rgba(1, 1, 1, 0.5);
  border-radius: 4px;
  font: bold 120%;
  margin: 0 auto;
  padding: 1%;
  background: #1f6534;
  color: #fff;
  float: left;
}


/*画像３列*/
.colum89-mediumbox {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;

  /*box-sizing:border-box;
float:left;*/
}


.colum89-mediumbox:after {
  content: "";
  clear: both;
  display: block;
}




.colum89-mediumbox h2 {

  font-size: 150%;
  color: #fff;
  line-height: auto;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  text-align: center;

}

.colum89-mediumbox h2 strong {
  color: #ffd825;
}

.colum89-photo {
  display: none;
}

@media screen and (max-width: 768px) {
  #colum89 {
    font-family: "M PLUS Rounded 1c";
    text-align: left;
    display: block;
    clear: both;
    margin: 0vh 0 0 0;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    background-image: url(../images/bg50.png);


    /*	background-position:right;background-repeat:no-repeat;background-size:cover;*/
    line-height: 1.8;
    /*background:#da362f;*/
  }

  #colum89:after {
    content: "";
    clear: both;
    display: block;
  }

  /*#colum89 img:nth-child(1){
	display: block;
margin:0 auto;
padding:0;
	clear: both;
}*/

  .colum89-smallbox {

    margin: 0;
    padding: 0;

    /*box-sizing:border-box;
float:left;*/
  }

  #colum89 img {
    width: 100%;
    margin: 0 0%;
  }



  .colum89-box {

    margin: 0 auto;
    padding: 0;
    width: 90%;
    /*width:1100px;*/
    clear: both;
    text-align: left;

    display: flex;
    /*align-items: center;*/
  }

  .colum89-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum89 h2 {
    font-size: 130%;
    color: #fff;
    line-height: auto;

    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);

    /*display: flex;
justify-content: center;*/
  }

  #colum89 h2 strong {
    color: #ffd825;
  }

  #colum89 h2 br {
    display: none;
  }




  /*画像３列*/
  .colum89-mediumbox {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0;

    /*box-sizing:border-box;
float:left;*/
  }


  .colum89-mediumbox:after {
    content: "";
    clear: both;
    display: block;
  }




  .colum89-mediumbox h2 {

    font-size: 150%;
    color: #fff;
    line-height: auto;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    text-align: center;

  }


}

/*------------campaign*/


/*---------------------------oem*/
#colum95 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto 4vh auto;
  padding: 0;
  width: 1100px;
  /*width:100%;*/

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #fff;
}

#colum95:after {
  content: "";
  clear: both;
  display: block;
}

.colum95-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum95-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum95 p {
  margin: 0 auto;
}


/*#colum95 a:link{
color: #535253;
text-decoration: none;
}
#colum95 a:hover{
color: #1479c2;
text-decoration: underline;
transition: 1s;
}
#colum95 a:visited{
color: #535253;
text-decoration: none;
}*/




#colum95 h4 {
  font-size: 160%;

  color: #fff;
  /*#302f2f;*/
  line-height: 1.8;
  margin: 0 auto 0 auto;
  /*margin:0.25em auto 0 auto;*/
  padding: 0.25em 0.5em;
  /*padding:1em auto;*/
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  /*border-left:8px solid #24b4f0;*/
  background: #1479c2;
}

#colum95 h4 small {
  font-weight: normal;
  font-size: 70%;
  margin: auto 0.25em;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 0.5em;
  line-height: 1.8;

  color: #fff;
  background: #6cd4ff;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.12);
  text-shadow: 0px 0px 0px rgba(1, 1, 1, 0.5);

}

#colum95 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum95 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum95 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum95 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum95 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum95 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum95 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum95 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

#colum95 .btn11 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #e5e5e5;
  color: #1479c2;

  border-top: solid 1px #1068a8;
  border-left: solid 1px #1068a8;
  border-bottom: solid 4px #1068a8;
  border-right: solid 1px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum95 .btn11 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum95 .btn11:link {
  text-decoration: none;
  color: #1479c2;
}

#colum95 .btn11:hover {
  color: #1479c2;
  background-color: #e5e5e5;
  border-bottom: solid 4px #1068a8;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum95 .btn11:visited {
  text-decoration: none;
  color: #1479c2;
}



/*4colum*/

.colum95-smallbox {

  display: flex;
  align-items: flex-start;
  justify-content: center;

  margin: 1vh 0% 2vh 0%;
  padding: 1vh 1%;
  width: 100%;
  text-align: left;


  background: #f8f8f8;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
  color: #fff;
  transition: 1s;
}

.colum95-smallbox p {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/

#colum95 figure {
  margin: 1vh 0% 2vh 0%;
  /*margin: 1vh 1% 2vh 1%;*/

  width: 100%;
  text-align: left;
  float: left;

  box-sizing: border-box;
  position: relative;

  /*均等*/
  background: #f8f8f8;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
  color: #fff;
  transition: 1s;



}

#colum95 figcaption {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  width: 90%;
  padding: 1vh 1%;
  /*  padding:0 1% 1% 1%;*/
  margin: 0 5%;

}

#colum95 figcaption p {
  color: #555353;
  font-size: 120%;
  line-height: 1.8;
  width: 90%;
  padding: 1vh 0;
  margin: 0 5%;
  display: block;
}

#colum95 figure img {
  width: 20%;
  padding: 0 1% 0 0;
  margin: 0;
  display: block;
  float: left;
}

.ribbon95-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 300px;
  background: #f1f1f1;
}

.ribbon95 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 30px;
  /*height: 30px;*/
  line-height: 30px;
  /*line-height: 30px;*/
  font-size: 18px;
  /*font-size: 18px;*/
  letter-spacing: 0.1em;
  color: #fff;
  background: #6cd4ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

.ribbon95:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #6cd4ff;
  border-radius: 5px 0 0 5px;
}

.ribbon95:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #59b1d5;
  border-radius: 5px 0 0 5px;
}


#colum95 a:link {
  text-decoration: none;
}

#colum95 a:hover {
  text-decoration: none;
  opacity: 0.5;
}

#colum95 a:visited {
  text-decoration: none;
}

#colum95 br {
  display: none;
}

.arrow95 {
  margin: 1% auto 2% auto;
  display: block;

}

.arrow95 img {
  width: 80%;
  transform: rotate(90deg);
}

.colum95-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

@media screen and (max-width: 768px) {
  #colum95 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 4vh auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
    background-position: center;
    /*background:#302f2f;*/
    line-height: 1.8;
    background: #fff;
  }

  #colum95 figcaption p {
    color: #555353;
    font-size: 110%;
    line-height: 1.8;
    width: 96%;
    padding: 1vh 2%;
    margin: 0 0%;
    display: block;
  }

  #colum95 figure img {
    width: 30%;
    padding: 0 1% 0 0;
    margin: 0;
    display: block;
    float: left;
  }

  /*4colum*/
  .colum95-smallbox {
    margin: 1vh 1% 1vh 1%;
    width: 48%;
    padding: 2%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
    background: #fff;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
  }

  #colum95 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }

  #colum95 .btn11 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #e5e5e5;
    color: #1479c2;

    border-top: solid 1px #1068a8;
    border-left: solid 1px #1068a8;
    border-bottom: solid 4px #1068a8;
    border-right: solid 1px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum95 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 3vh auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg6.png);
background-size:cover;contain*/
    background-position: center;
    background: #fff;
    line-height: 1.8;
    background: #fff;
  }

  #colum95 figure {
    margin: 1vh 1% 2vh 1%;
    /*margin: 1vh 1% 2vh 1%;*/

    width: 98%;
    text-align: left;
    float: left;

    /*均等*/
    box-sizing: border-box;
    position: relative;

    /*均等*/
    background: #f8f8f8;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
    color: #fff;
    transition: 1s;
  }

  #colum95 figure img {
    width: 100%;

    padding: 0;
    margin: 0 0 2% 0;
    display: block;
  }

  #colum95 figcaption p {
    color: #555353;
    font-size: 110%;
    line-height: 1.8;
    width: 98%;
    padding: 1vh 0;
    margin: 0 1%;
    display: block;
  }

  /*4colum*/
  .colum95-smallbox {
    margin: 1vh 1% 2vh 1%;
    padding: 2%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

}

/*---------------------------oem*/



/*---------------------------oem*/
#colum96 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto 8vh auto;
  padding: 0;
  width: 1100px;
  /*width:100%;*/

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #fff;
}

#colum96:after {
  content: "";
  clear: both;
  display: block;
}

.colum96-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 100%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum96-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum96 img {
  width: 30%;
  display: block;
  padding: 0;
  margin: 0 auto 2vh auto;
}


#colum96 p {
  margin: 0 auto;
}


/*#colum96 a:link{
color: #535253;
text-decoration: none;
}
#colum96 a:hover{
color: #1479c2;
text-decoration: underline;
transition: 1s;
}
#colum96 a:visited{
color: #535253;
text-decoration: none;
}*/




#colum96 h4 {
  font-size: 160%;

  color: #fff;
  /*#302f2f;*/
  line-height: 1.8;
  margin: 0 auto 0 auto;
  /*margin:0.25em auto 0 auto;*/
  padding: 0.25em 0.5em 0.25em 2.5em;
  /*padding:1em auto;*/
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  /*border-left:8px solid #24b4f0;*/
  background: #1479c2;
}

/*#colum96 h4 small{

font-size:50%;
	color:#fff;
	line-height:1.8;
	margin:auto 0.25em;
display: block;

}*/
#colum96 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum96 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum96 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum96 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum96 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum96 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum96 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum96 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

#colum96 .btn11 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #e5e5e5;
  color: #1479c2;

  border-top: solid 1px #1068a8;
  border-left: solid 1px #1068a8;
  border-bottom: solid 4px #1068a8;
  border-right: solid 1px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum96 .btn11 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum96 .btn11:link {
  text-decoration: none;
  color: #1479c2;
}

#colum96 .btn11:hover {
  color: #1479c2;
  background-color: #e5e5e5;
  border-bottom: solid 4px #1068a8;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum96 .btn11:visited {
  text-decoration: none;
  color: #1479c2;
}



/*4colum*/
.colum96-smallbox {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/
  padding: 1vh 1%;
  width: 20%;
  text-align: left;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum96-smallbox p {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/

#colum96 figure {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/

  width: 48%;
  text-align: left;
  float: left;
  /*均等*/
  box-sizing: border-box;
  position: relative;

  /*均等*/
  background: #f8f8f8;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
  color: #fff;
  transition: 1s;
}

#colum96 figcaption {
  color: #555353;
  /*color : #555353;*/
  font-size: 100%;
  line-height: 1.8;
  width: 96%;
  padding: 1em 1%;
  /*  padding:0 1% 1% 1%;*/
  margin: 0 2%;


}

#colum96 figure img {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
}

.ribbon96-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 300px;
  background: #f1f1f1;
}

.ribbon96 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 30px;
  /*height: 30px;*/
  line-height: 30px;
  /*line-height: 30px;*/
  font-size: 18px;
  /*font-size: 18px;*/
  letter-spacing: 0.1em;
  color: #fff;
  background: #6cd4ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

.ribbon96:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #6cd4ff;
  border-radius: 5px 0 0 5px;
}

.ribbon96:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #59b1d5;
  border-radius: 5px 0 0 5px;
}


#colum96 a:link {
  text-decoration: none;
}

#colum96 a:hover {
  text-decoration: none;
  opacity: 0.5;
}

#colum96 a:visited {
  text-decoration: none;
}

#colum96 br {
  display: none;
}

.colum96-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

@media screen and (max-width: 768px) {
  #colum96 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 4vh auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
    background-position: center;
    /*background:#302f2f;*/
    line-height: 1.8;
    background: #fff;
  }

  .colum96-box {
    display: block;
    margin: 0 auto;
    padding: 2vh auto;
    width: 90%;
    clear: both;

    text-align: left;


    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }

  #colum96 figure {
    margin: 1vh 1% 2vh 1%;
    /*margin: 1vh 1% 2vh 1%;*/

    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;

    /*均等*/
    background: #f8f8f8;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
    color: #fff;
    transition: 1s;
  }

  /*4colum*/
  .colum96-smallbox {
    margin: 1vh 1% 1vh 1%;
    width: 48%;
    padding: 2%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
    background: #fff;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
  }

  #colum96 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }

  #colum96 .btn11 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #e5e5e5;
    color: #1479c2;

    border-top: solid 1px #1068a8;
    border-left: solid 1px #1068a8;
    border-bottom: solid 4px #1068a8;
    border-right: solid 1px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum96 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 3vh auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg6.png);
background-size:cover;contain*/
    background-position: center;
    background: #fff;
    line-height: 1.8;
    background: #fff;
  }

  #colum96 figure {
    margin: 1vh 1% 2vh 1%;
    /*margin: 1vh 1% 2vh 1%;*/

    width: 98%;
    text-align: left;
    float: left;

    /*均等*/
    box-sizing: border-box;
    position: relative;

    /*均等*/
    background: #f8f8f8;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
    color: #fff;
    transition: 1s;
  }

  #colum96 figure img {
    width: 100%;

    padding: 0;
    margin: 0;
    display: block;
  }

  /*4colum*/
  .colum96-smallbox {
    margin: 1vh 1% 2vh 1%;
    padding: 2%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum96-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 2vh 0 0 0;
    background: #232424;
    color: #8c8b8b;


  }
}

/*---------------------------oem*/


/*---------------------------what*/
#colum97 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 05vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum97:after {
  content: "";
  clear: both;
  display: block;
}

.colum97-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum97-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum97 a:link {
  color: #535253;
  text-decoration: none;
}

#colum97 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum97 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum97 dl {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}

#colum97 dt {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.5em 2%;
  border: 1px solid #31c5fc;
  background: #d4f3ff;
  border-radius: 5px;
  display: inline-block;
}

#colum97 dt:nth-child(2),
#colum97 dt:nth-child(4) {
  color: #31c5fc;
  border: 1px solid #fff;
  background: #fff;
  margin: 0;
  padding: 0;
}

#colum97 dt:nth-child(2) img,
#colum97 dt:nth-child(4) img {
  width: 20px;
  vertical-align: middle;
}

#colum97 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum97 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

.yellowbg {
  background: #ffffd6;
}

#colum97 h5 {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em auto 5vh auto;
  /*margin:1em 2% 5vh 2%;*/
  padding: 1em 1%;
  /*padding:0.25em 1%;*/
  border: 4px solid #249af0;
  display: block;
  width: 98%;
  /*width:94%;*/
}

#colum97 h3,
#colum97 h4 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum97 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum97 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum97 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum97-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum97-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum97-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum97-box p {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}




#colum97 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum97 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum97 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum97 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum97 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum97 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum97 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum97 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;

  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum97 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum97 tr th:nth-child(1),
#colum97 tr th:nth-child(2),
#colum97 tr th:nth-child(3),
#colum97 tr th:nth-child(4),
#colum97 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum97 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum97 table th,
#colum97 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum97 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum97 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum97 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum97 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum97 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo*/
#colum97 .largephoto:link,
#colum97 .smallphoto:link {
  transition: 1s;
}

#colum97 .largephoto:hover,
#colum97 .smallphoto:hover {
  opacity: 0.5;
}

#colum97 .largephoto {
  display: block;
  width: 90%;
  margin: 0 5% 5vh 5%;
  padding: 0;
  transition: 1s;
}

#colum97 .largephoto img {
  width: 100%;
}

#colum97 .smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto 5vh auto;
  padding: 0;
  transition: 1s;
}

#colum97 .smallphoto img {
  display: block;
  width: 100%;
}

/*----------photo*/

/*----------photo2*/
#colum97 .largephoto2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum97 .largephoto2 img {
  display: block;
  width: 100%;
}

#colum97 .smallphoto2 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum97 .smallphoto2 img {
  display: block;
  width: 100%;
}

/*----------photo2*/

/*-------------------------btn3*/
#colum97 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum97 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum97 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum97 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum97 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

@media screen and (max-width: 768px) {
  #colum97 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum97:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum97-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum97-box:after {
    content: "";
    clear: both;
    display: block;
  }


  #colum97 dl {
    width: 94%;
    margin: 0.5em auto 2vh auto;
    padding: 0;
    display: block;
  }

  #colum97 dt {
    font-size: 120%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.5em 2%;
    border: 1px solid #31c5fc;
    background: #d4f3ff;
    border-radius: 5px;
    display: inline-block;
    width: 94%;
    text-align: center;
  }

  #colum97 dt:nth-child(2),
  #colum97 dt:nth-child(4) {
    color: #31c5fc;
    border: 1px solid #fff;
    background: #fff;
  }

  #colum97 dt img {
    width: 20px;
    transform: rotateZ(90deg);
    margin: 0 50%;
  }

  #colum97 h3,
  #colum97 h4 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum97 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum97 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum97 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum97 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum97 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum97-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum97-smallbox figcaption br {
    display: block;
  }


  #colum97 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum97 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum97 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }

  /*-------------------------btn3*/
  #colum97 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

}

@media screen and (max-width: 600px) {
  #colum97 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum97 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum97 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum97 .largephoto:link,
  #colum97 .smallphoto:link {
    transition: 1s;
  }

  #colum97 .largephoto:hover,
  #colum97 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum97 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum97 .largephoto img {
    width: 100%;
  }

  #colum97 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum97 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo2*/
  #colum97 .largephoto2 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum97 .largephoto2 img {
    display: block;
    width: 100%;
  }

  #colum97 .smallphoto2 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum97 .smallphoto2 img {
    display: block;
    width: 100%;
  }

  /*----------photo2*/

}

/*---------------------------what*/


/*oem*/
#colum98 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum98:after {
  content: "";
  clear: both;
  display: block;
}

.colum98-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum98-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum98 a:link {
  color: #535253;
  text-decoration: none;
}

#colum98 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum98 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum98 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum98 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

#colum98 h3,
#colum98 h4 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum98 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum98 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

@media screen and (max-width: 768px) {
  #colum98 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum98:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum98-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等
   display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
均等*/
  }


  .colum98-box:after {
    content: "";
    clear: both;
    display: block;
  }

  #colum98 h3,
  #colum98 h4 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum98 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum98 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }
}

/*oem*/
/*flow1*/
.flow_design01 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow01 {
  padding-left: 0;
}

.flow01>li {
  list-style-type: none;
  display: flex;
}

.flow01>li:not(:last-child) {
  margin: 0 0 30px;
  /*margin: 0 0 50px;*/


}

.flow01>li .icon01 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 10px 10px 10px;
  /*padding: 20px 10px 10px;*/
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #1479c2;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}

.flow01>li .icon01::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  /*border-left: 45px solid transparent;*/
  border-right: 25px solid transparent;
  /*border-right: 45px solid transparent;*/
  border-top: 20px solid #1479c2;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow01>li dl {
  padding: 0 0 0 30px;
  width: calc(100% - 115px);
}

.flow01>li dl dt {
  padding: 0 0 5px 0.5em;
  margin: 0 0 15px;
  font-size: 160%;
  /*font-size: 1.2em;*/
  font-weight: bold;
  border-left: 4px solid #31c5fc;
  position: relative;
  color: #302f2f;
}

/*.flow01 > li dl dt::after {
  content: '';
  width: 20%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: #1479c2;
}*/

.flow01>li dl dd {
  margin: 0;
  color: #555353;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .flow_design01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }

}

/*flow1*/


/*flow2*/
.flow_design02 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 0 auto;
}

.flow02 {
  padding-left: 0;
}

.flow02>li {
  list-style-type: none;
  display: flex;
}

.flow02>li:not(:last-child) {
  /*margin: 0 0 0px;margin: 0 0 50px;*/


}




.flow02>li .icon02-1 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
  /*padding: 20px 10px 10px;*/
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #1479c2;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  line-height: 125%;
  margin: 0;
}

.flow02>li .icon02-2 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
  /*padding: 20px 10px 10px;*/
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #1479c2;
  border-radius: 0px 0px 20px 20px;
  position: relative;
  line-height: 125%;
  margin: 0;
}

.flow02>li .icon02-3 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
  /*padding: 20px 10px 10px;*/
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #fff;
  border-radius: 0px 0px 20px 20px;
  position: relative;
  line-height: 125%;
  margin: 0;
}

.flow02>li .icon02 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
  /*padding: 20px 10px 10px;*/
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #1479c2;
  /*  border-radius: 5px 5px 5px 5px;*/
  position: relative;
  line-height: 125%;
  margin: 0;
}

/*.flow02 > li .icon02::after {
  content: ' ';
  width: 0;
  height: 0;
border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 20px solid #1479c2;

  position: absolute;
  bottom: -20px;
  left: 0;
}
*/
.flow02>li dl {
  padding: 0 0 0 30px;
  width: calc(100% - 115px);
}

.flow02>li dl dt {
  padding: 0 0 5px 0.5em;
  margin: 0 0 15px;
  font-size: 160%;
  /*font-size: 1.2em;*/
  font-weight: bold;
  border-left: 4px solid #31c5fc;
  position: relative;
  color: #302f2f;
}

/*.flow02 > li dl dt::after {
  content: '';
  width: 20%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: #1479c2;
}*/

.flow02>li dl dd {
  margin: 0;
  color: #555353;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .flow_design02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }

}

/*flow2*/






/*---------------------------oem*/
#colum99 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum99:after {
  content: "";
  clear: both;
  display: block;
}

.colum99-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum99-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum99 a:link {
  color: #535253;
  text-decoration: none;
}

#colum99 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum99 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum99 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum99 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

#colum99 h3,
#colum99 h4 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum99 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum99 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

@media screen and (max-width: 768px) {
  #colum99 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum99:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum99-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等
   display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
均等*/
  }


  .colum99-box:after {
    content: "";
    clear: both;
    display: block;
  }

  #colum99 h3,
  #colum99 h4 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum99 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum99 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }
}

/*oem*/



/*flow099*/
.flow_design099 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.flow099 {
  padding-left: 0;
}

.flow099>li {
  list-style-type: none;
  display: flex;
}

.flow099>li:not(:last-child) {
  /*margin: 0 0 0px;margin: 0 0 50px;*/


}




.flow099>li .icon099-1 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 20px 5px 5px 5px;
  /*padding: 10px 10px 10px 10px;*/
  font-weight: bold;
  color: #1479c2;
  text-align: center;
  background: #d3e8f7;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  line-height: 50%;
  /*line-height: 125%;*/
  margin: 0;
}

.flow099>li .icon099-2 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
  /*adding: 10px 10px 10px 10px;*/
  font-weight: bold;
  color: #1479c2;
  text-align: center;
  background: #d3e8f7;
  border-radius: 0px 0px 20px 20px;
  position: relative;
  line-height: 50%;
  /*line-height: 125%;*/
  margin: 0;
}

.flow099>li .icon099-3 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
  /*padding: 10px 10px 10px 10px;*/
  font-weight: bold;
  color: #1479c2;
  text-align: center;
  background: #1479c2;
  border-radius: 0px 0px 20px 20px;
  position: relative;
  line-height: 50%;
  /*line-height: 125%;*/
  margin: 0;
}

.flow099>li .icon099 {
  width: 50px;
  /*width: 90px;*/
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
  /*padding: 10px 10px 10px 10px;*/
  font-weight: bold;
  color: #1479c2;
  text-align: center;
  background: #d3e8f7;
  /*  border-radius: 5px 5px 5px 5px;*/
  position: relative;
  line-height: 50%;
  /*line-height: 125%;*/
  margin: 0;
}

/*.flow099 > li .icon099::after {
  content: ' ';
  width: 0;
  height: 0;
border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 20px solid #1479c2;

  position: absolute;
  bottom: -20px;
  left: 0;
}
*/
.flow099>li dl {
  padding: 0 0 0 20px;
  /*padding: 0 0 0 30px;*/
  width: calc(100% - 115px);
  /*width: calc(100% - 115px);*/
}

.flow099>li dl dt {
  padding: 0 0 0.25em 0.5em;
  /*padding: 0 0 5px 0.5em;*/
  margin: 0 0 0 0;
  /*margin: 0 0 15px;*/
  font-size: 120%;
  /*font-size: 1.2em;*/
  font-weight: bold;
  border-left: 4px solid #31c5fc;
  /*border-left: 4px solid #31c5fc;*/
  position: relative;
  color: #302f2f;
}

/*.flow099 > li dl dt::after {
  content: '';
  width: 20%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: #1479c2;
}*/

.flow099>li dl dd {
  margin: 0;
  color: #555353;
  font-size: 100%;
  padding: 0 0 0 1em;
}

@media screen and (max-width: 768px) {
  .flow_design099 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }

}

/*flow099*/


/*---------------------------oem*/



/*---------------------------whatis-maskingagent*/
#colum100 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto 4vh auto;
  padding: 0;
  width: 1100px;
  /*width:100%;*/

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #fff;
}

#colum100:after {
  content: "";
  clear: both;
  display: block;
}

.colum100-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 90%;
  clear: both;

  text-align: left;



  /*均等*/

  align-items: center;
  display: flex;
  justify-content: center;
  /*均等*/

}


.colum100-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum100 p {
  margin: 0 auto;
}


/*#colum100 a:link{
color: #535253;
text-decoration: none;
}
#colum100 a:hover{
color: #1479c2;
text-decoration: underline;
transition: 1s;
}
#colum100 a:visited{
color: #535253;
text-decoration: none;
}*/




#colum100 h4 {
  font-size: 90%;
  color: #0f5d96;
  /*#302f2f;*/
  line-height: 1.8;
  margin: 0.5em auto 0.25em auto;
  /*margin:0.25em auto 0 auto;*/
  padding: 0.25em 0.5em;
  /*padding:1em auto;
text-shadow:1px 1px 1px rgba(1,1,1,0.5);
border-left:8px solid #24b4f0;*/
  background: #ddf1fc;
  display: inline-block;
  border-radius: 5px;
}

#colum100 h4 small {

  font-size: 50%;
  color: #fff;
  /*color:#1479c2;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum100 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum100 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum100 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum100 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum100 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum100 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum100 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum100 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

#colum100 .btn11 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #e5e5e5;
  color: #1479c2;

  border-top: solid 1px #1068a8;
  border-left: solid 1px #1068a8;
  border-bottom: solid 4px #1068a8;
  border-right: solid 1px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum100 .btn11 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum100 .btn11:link {
  text-decoration: none;
  color: #1479c2;
}

#colum100 .btn11:hover {
  color: #1479c2;
  background-color: #e5e5e5;
  border-bottom: solid 4px #1068a8;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum100 .btn11:visited {
  text-decoration: none;
  color: #1479c2;
}



/*4colum*/
.colum100-smallbox {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/
  padding: 1vh 1%;
  width: 20%;
  text-align: left;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum100-smallbox p {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/

#colum100 figure {
  margin: 1vh 1% 2vh 1%;
  text-align: left;

  background: #fff;
  /*background:#f8f8f8;*/
  border: 0px;
  /*border: #d4d2d2 1px solid;*/
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  /*border-radius:4px;*/

  /*color: #fff;*/
  transition: 1s;

  position: relative;
  text-align: center;



  float: left;
  /*box-sizing:border-box;*/

}

#colum100 figcaption {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  width: 90%;
  padding: 1vh 1%;
  /*  padding:0 1% 1% 1%;*/
  margin: 0 5%;
}

#colum100 figure:nth-child(even) {
  width: 5%;
  margin: 1vh 0% 2vh 0%;
  padding: 0;
}

#colum100 figure:nth-child(odd) {
  width: 18%;
  margin: 1vh 1% 2vh 1%;
  padding: 0;
}

#colum100 figure img {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
}

#colum100 figure:nth-child(even) img {
  margin: 0 auto 5em auto;
}

.ribbon100-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 300px;
  background: #f1f1f1;
}

.ribbon100 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 30px;
  /*height: 30px;*/
  line-height: 30px;
  /*line-height: 30px;*/
  font-size: 18px;
  /*font-size: 18px;*/
  letter-spacing: 0.1em;
  color: #fff;
  background: #6cd4ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

.ribbon100:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #6cd4ff;
  border-radius: 5px 0 0 5px;
}

.ribbon100:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #59b1d5;
  border-radius: 5px 0 0 5px;
}


#colum100 a:link {
  text-decoration: none;
}

#colum100 a:hover {
  text-decoration: none;
  opacity: 0.5;
}

#colum100 a:visited {
  text-decoration: none;
}

#colum100 br {
  display: none;
}

.colum100-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

.colum100-largephoto {
  display: none;
  height: 100vh;
  margin: 0 auto;
}

.colum100-largephoto img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.colum100-smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto;
}

.colum100-smallphoto img {
  display: none;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #colum100 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 4vh auto;
    padding: 0;
    width: 90%;
    /*width:100%;*/

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
    background-position: center;
    /*background:#302f2f;*/
    line-height: 1.8;
    background: #fff;
  }

  .colum100-box {
    display: block;
    margin: 0 auto;
    padding: 2vh auto;
    width: 100%;
    clear: both;

    text-align: left;


    /*均等*/

    align-items: center;
    display: flex;
    justify-content: center;
    /*均等*/

  }



  #colum100 h4 {
    font-size: 90%;
    color: #0f5d96;
    /*#302f2f;*/
    line-height: 1.8;
    margin: 0.5em auto 0.25em auto;
    /*margin:0.25em auto 0 auto;*/
    padding: 0.25em 0.5em;
    /*padding:1em auto;
text-shadow:1px 1px 1px rgba(1,1,1,0.5);
border-left:8px solid #24b4f0;*/
    background: #ddf1fc;
    display: inline-block;
    border-radius: 5px;
  }

  #colum100 h4 small {

    font-size: 50%;
    color: #fff;
    /*color:#1479c2;*/
    line-height: 1.8;
    margin: auto 0.25em;
    display: block;

  }

  .colum100-largephoto {
    display: none;
    width: 100%;
    margin: 0 auto;
  }

  .colum100-largephoto img {
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .colum100-smallphoto {
    display: none;
    width: 100%;
    margin: 0 auto;
  }

  .colum100-smallphoto img {
    display: none;
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 600px) {
  #colum100 h4 {
    font-size: 70%;
    color: #0f5d96;
    /*#302f2f;*/
    line-height: 1.8;
    margin: 0.5em auto 0.25em auto;
    /*margin:0.25em auto 0 auto;*/
    padding: 0.25em 0.5em;
    /*padding:1em auto;
text-shadow:1px 1px 1px rgba(1,1,1,0.5);
border-left:8px solid #24b4f0;*/
    background: #ddf1fc;
    display: inline-block;
    border-radius: 5px;
  }

  #colum100 h4 small {

    font-size: 50%;
    color: #fff;
    /*color:#1479c2;*/
    line-height: 1.8;
    margin: auto 0.25em;
    display: block;

  }

  #colum100 figure {
    display: none;
    margin: 1vh 1% 2vh 1%;
    text-align: left;

    background: #fff;
    /*background:#f8f8f8;*/
    border: 0px;
    /*border: #d4d2d2 1px solid;*/
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    /*border-radius:4px;*/

    /*color: #fff;*/
    transition: 1s;

    position: relative;
    text-align: center;



    float: left;
    /*box-sizing:border-box;*/

  }

  #colum100 figure:nth-child(even) img {
    margin: 0 auto 0em auto;

  }

  .colum100-largephoto {
    display: none;
    width: 100%;
    margin: 0 auto;
  }

  .colum100-largephoto img {
    display: none;
    width: auto;
    width: 100%;
    margin: 0 auto;
  }

  .colum100-smallphoto {
    display: block;
    width: 80%;
    margin: 0 auto;
  }

  .colum100-smallphoto img {
    display: block;
    width: 80%;
    margin: 0 auto;
  }

}

/*---------------------------whatis-maskingagent*/



/*---------------------------topics*/
#colum101 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #f8f8f8;
}

#colum101:after {
  content: "";
  clear: both;
  display: block;
}

.colum101-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 90%;
  clear: both;

  text-align: left;


  /*均等*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*均等*/
}


.colum101-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum101 p {
  margin: 0 auto;
}


#colum101 a:link {
  color: #535253;
  text-decoration: none;
}

#colum101 a:hover {
  color: #1479c2;
  text-decoration: underline;
  transition: 1s;
}

#colum101 a:visited {
  color: #535253;
  text-decoration: none;
}




#colum101 h4 {
  font-size: 160%;

  color: #302f2f;
  /*#b9a27f #1068a8;*/
  line-height: 1.8;
  margin: 0em auto 0.5em auto;

  padding: 1em auto;
  text-align: center;

}

#colum101 h4 small {

  font-size: 90%;
  /*font-size:50%;*/
  color: #1479c2;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum101 h4 br {
  display: block;
}

#colum101 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum101 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum101 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum101 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum101 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum101 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum101 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum101 .btn3:visited {
  text-decoration: none;
  color: #fff;
}



/*1colum*/
.colum101-smallbox {
  margin: 5vh auto 5vh auto;
  padding: 1vh 1%;
  width: 70%;
  text-align: center;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum101-smallbox p {
  color: #555353
    /*color : #555353;*/
    font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*1colum*/
#colum101 br {
  display: none;
}

.colum101-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

@media screen and (max-width: 768px) {
  #colum101 {}

  #colum101 h4 br {
    display: none;
  }

  /*1colum*/
  .colum101-smallbox {
    margin: 4vh auto 4vh auto;
    width: 90%;
    padding: 2%;
    text-align: center;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
    background: #fff;
    border: #d4d2d2 1px solid;
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    border-radius: 4px;
  }

  #colum101 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    text-align: center;
    display: block;


  }
}

@media screen and (max-width: 600px) {
  #colum101 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg6.png);
background-size:cover;contain*/
    background-position: center;
    background: #302f2f;
    line-height: 1.8;
    background: #f8f8f8;
  }

  /*1colum*/
  .colum101-smallbox {
    margin: 4vh auto 4vh auto;
    padding: 2%;
    width: 98%;
    text-align: left;
    float: left;
    /*均等*/
    box-sizing: border-box;
    position: relative;
    /*均等*/
  }

  .colum101-largebox {
    padding: 2em 5%;
    width: 90%;
    text-align: center;
    margin: 2vh 0 0 0;
    background: #232424;
    color: #8c8b8b;


  }
}

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


/*========= ナビゲーションドロップダウンのためのCSS ===============*/

/*==ナビゲーション全体の設定*/
.nav102 {
  /*width:15%;.nav102の外側のheaderなどに横幅を指定する場合は削除してください*/
  width: 200px;
}

.nav102 {
  list-style: none;
  text-align: left;
  padding: 0;
}

.nav102 ul {
  list-style: none;

  padding: 0;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
.nav102 li {
  position: relative;

}

/*ナビゲーションのリンク設定*/
.nav102 li a {
  display: block;
  text-decoration: none;
  color: #302f2f;
  padding: 12px 12px 12px 30px;
  transition: all .3s;


}

.nav102 li a:hover {
  color: #1479c2;
}

/*==矢印の設定*/






/*2階層目を持つliの矢印の設定*/

.nav102 ul.has-child::before {
  content: '';
  position: absolute;
  right: 30px;
  /*right:30px;*/
  top: 10px;
  /*top:20px;*/
  width: 33px;
  /*33px*/
  height: 6px;
  /*6px*/
  border-top: 2px solid #32a9df;
  border-right: 2px solid #32a9df;
  transform: rotate(45deg);


}

/*2階層目を持つliの矢印の設定*/
.nav102 li.has-child::before {
  content: '';
  position: absolute;
  right: 10px;
  /*right:30px;*/
  top: 20px;
  width: 6px;
  /*width:33px 6px*/
  height: 6px;
  /*6px*/
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  transform: rotate(45deg);
}

/*3階層目を持つliの矢印の設定*/
.nav102 li.has-child::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 21px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #32a9df;
  border-right: 2px solid #32a9df;
  transform: rotate(45deg);
}

/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
.nav102 li.has-child ul {
  /*絶対配置で位置を指定*/
  position: absolute;
  left: 100%;
  top: 10px;
  z-index: 4;
  /*形状を指定*/
  background: #f8f8f8;
  width: 180px;
  /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
  /*アニメーション設定*/
  transition: all .3s;
}

/*hoverしたら表示*/
.nav102 li.has-child:hover>ul,
.nav102 li.has-child ul li:hover>ul,
.nav102 li.has-child:active>ul,
.nav102 li.has-child ul li:active>ul {
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
.nav102 li.has-child ul li a {
  color: #302f2f;
  /*border-bottom:solid 1px rgba(255,255,255,0.6);*/
}

.nav102 li.has-child ul li:last-child>a {
  border-bottom: none;
}

.nav102 li.has-child ul li a:hover,
.nav102 li.has-child ul li a:active {
  background: #f8f8f8;
  /*background:#3577CA;*/

  color: #1479c2;

}

/*==3階層目*/

/*3階層目の位置*/
.nav102 li.has-child ul ul {
  top: 0;
  left: 182px;
  background: #f8f8f8;
  /*background:#66ADF5;*/
}

.nav102 li.has-child ul ul li a:hover,
.nav102 li.has-child ul ul li a:active {
  /*background:#448ED3;*/
}

/*==768px以下の形状*/

@media screen and (max-width:768px) {
  .nav102 {
    background: #f8f8f8;
    /*background:#333;*/
    color: #302f2f;
  }

  .nav102 li.has-child ul,
  .nav102 li.has-child ul ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    /*JSで制御するため一旦表示*/
    opacity: 1;
    /*JSで制御するため一旦表示*/
    display: none;
    /*JSのslidetoggleで表示させるため非表示に*/
    transition: none;
    /*JSで制御するためCSSのアニメーションを切る*/
  }


  /*文字下部ラインリンク*/
  .nav102 li a {
    border-bottom: 0px;
    /*border-bottom:1px solid #ccc;*/
    color: #302f2f;
  }

  /*矢印の向き*/
  .nav102 li.has-child::before,
  .nav102 ul li.has-child::before {
    transform: rotate(135deg);
    left: 20px;
  }

  .nav102 li.has-child.active::before {
    transform: rotate(-45deg);
  }

}


/*文字下部ラインリンク*/
.nav102 li a::after {
  content: '';
  /*絶対配置で線の位置を決める*/
  position: absolute;
  bottom: 0;
  left: 10%;
  /*線の形状*/
  width: 80%;
  height: 1px;
  background: #1479c2;
  /*アニメーションの指定*/
  transition: all .3s;
  transform: scale(0, 1);
  /*X方向0、Y方向1*/
  transform-origin: left top;
  /*上部中央基点*/
}

/*現在地とhoverの設定*/
.nav102 li.current a::after,
.nav102 li a:hover::after {
  transform: scale(1, 1);
  /*X方向にスケール拡大*/
}

/*文字下部ラインリンク*/


/*---------------------------dlpage*/
#colum102 {
  text-align: left;
  display: block;
  clear: both;
  width: 1200px;
  /*width:1100px;	*/
  margin: 0 auto;
  padding: 0;


  font-size: 110%;
  color: #555353;
  /*313030 555353*/
  background: #fff;
  /*background:#f1eeee;*/
  line-height: 1.8;

  /*display: flex;
  justify-content: space-between;
  flex-wrap: wrap;*/
}

.colum102-leftbox {
  margin: 0;
  padding: 0;
  width: 20%;
  float: left;


}

.colum102-leftbox:after {
  content: "";
  clear: both;
  display: block;
}

.colum102-rightbox {
  margin: 0;
  padding: 0 0 5vh 0;
  width: 80%;
  float: right;

  display: flex;
  flex-wrap: wrap;
}

.colum102-rightbox:after {
  content: "";
  clear: both;
  display: block;
}

.colum102-rightbox2 {
  margin: 0;
  padding: 0 0 5vh 0;

  width: 80%;
  float: right;

  display: flex;
  flex-wrap: wrap;
}

.colum102-rightbox2:after {
  content: "";
  clear: both;
  display: block;
}

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

  #colum102 {
    text-align: left;
    display: block;
    clear: both;
    width: 95%;
    /*width:1100px;	*/
    margin: 0 auto;
    padding: 0;


    font-size: 110%;
    color: #555353;
    /*313030 555353*/
    background: #fff;
    /*background:#f1eeee;*/
    line-height: 1.8;

    /*display: flex;flex-wrap: wrap;
  justify-content: space-between;
  */
  }

  .colum102-leftbox {
    width: 0%;
    display: none;
  }

  .colum102-rightbox,
  .colum102-rightbox2 {
    width: 100%;

  }


  #colum102 h3 {
    font-size: 180%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum102 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum102 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }


}

/*--------------768px*/

@media screen and (max-width:600px) {
  .colum102-leftbox {
    width: 0%;
    display: none;
  }

  .colum102-rightbox,
  .colum102-rightbox2 {
    width: 100%;

  }

  .colum102-rightbox2:after {
    content: "";
    clear: both;
    display: block;
  }

}

/*--------------600px*/

#colum102 h3 {
  font-size: 180%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum102 h3 i {
  color: #31c5fc;
  margin-right: 0.5em;
}

#colum102 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum102 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum102 h5 {
  font-size: 250%;
  color: #302f2f;
  line-height: 1.8;

  padding: 0 0 0 50px;
  text-align: left;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/
  width: 100%;
  position: relative;
  display: inline-block;
  /*border-bottom:1px solid #f8f8f8;*/
}

#colum102 h5:before

/*, #colum102 h3:after*/
  {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 5px;
  background-color: #31c5fc;
}

#colum102 h5:before {
  left: 0;
}

/*#colum102 h3:after {
  right: 0;
}*/

#colum102 h5 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #302f2f;
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum102 h6 {
  font-size: 200%;
  color: #302f2f;
  line-height: 1.8;

  padding: 0 0.5em;
  text-align: left;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/
  width: 100%;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #f8f8f8;
}

/*#colum102 p{
margin:0 auto;
}*/

/*
#colum102 a:link{
color: #535253;
text-decoration: none;
}
#colum102 a:hover{
color: #535253;
text-decoration: underline;
transition: 1s;
}
#colum102 a:visited{
color: #535253;
text-decoration: none;
}

*/


#colum102 h4 {
  font-size: 130%;

  color: #302f2f;
  /*color:#1068a8;*/
  line-height: 1.8;


  /*padding:1em auto;*/
  text-decoration: none;
  text-align: left;
  border-left: solid 4px #1479c2;
  padding: 0 0 0 0.5em;
  margin: 0 0 0.5em 0;
}

#colum102 h4 br {
  display: block;
}

#colum102 :link {
  text-decoration: none;
}

#colum102 h4 a:link {
  color: #302f2f;
  text-decoration: none;
}

#colum102 h4 a:hover {
  color: #555353;
  text-decoration: none;
}

#colum102 h4 a:visited {
  color: #302f2f;
  text-decoration: none;
}





#colum102 .btn102 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum102 .btn102 img {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
  width: 20px;
}

#colum102 .btn102 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum102 .btn102:link {
  text-decoration: none;
  color: #fff;
}

#colum102 .btn102:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum102 .btn102:visited {
  text-decoration: none;
  color: #fff;
}


.btn102-2 {
  /*アニメーションの起点とするためrelativeを指定*/
  position: relative;
  overflow: hidden;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  /* border: 1px solid #1479c2;ボーダーの色と太さ */
  padding: 0.5em 1em 0.5em 0.5em;
  /*padding: 10px 30px;*/
  text-align: center;
  outline: none;
  /*アニメーションの指定*/
  transition: ease .2s;
  background: #31c5fc;
  font-weight: bold;
  margin: 0.5em 0;
}

/*ボタン内spanの形状*/
.btn102-2 span {
  position: relative;
  z-index: 3;
  /*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color: #fff;
  /*color:#1479c2;*/

}

.btn102-2:hover span {
  color: #fff;
}

#colum102 .colum102-rightbox .btn102-2 img,
#colum102 .colum102-rightbox2 .btn102-2 img {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em;
  width: 20px;
}

/*== 背景が流れる（中央から横全体） */
.bgcenterx102:before {
  content: '';
  /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  /*色や形状*/
  background: #1479c2;
  width: 100%;
  height: 100%;
  /*アニメーション*/
  transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: top;
}

/*hoverした際の形状*/
.bgcenterx102:hover:before {
  transform: scale(1, 1);
}



.btn102-3 {
  /*アニメーションの起点とするためrelativeを指定*/
  position: relative;
  overflow: hidden;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  /* border: 1px solid #4a4949;ボーダーの色と太さ */
  padding: 0.5em 1em 0.5em 0.5em;
  /*padding: 10px 30px;*/
  text-align: center;
  outline: none;
  /*アニメーションの指定*/
  transition: ease .2s;
  background: #4a4949;
  font-weight: bold;
  margin: 0.5em 0;
}

/*ボタン内spanの形状*/
.btn102-3 span {
  position: relative;
  z-index: 3;
  /*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color: #fff;
  /*color:#1479c2;*/

}

.btn102-3:hover span {
  color: #fff;
}

#colum102 .colum102-rightbox .btn102-3 img,
#colum102 .colum102-rightbox2 .btn102-3 img {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em;
  width: 20px;
}

/*== 背景が流れる（中央から横全体） */
.bgcenterx102-3:before {
  content: '';
  /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  /*色や形状*/
  background: #1479c2;
  width: 100%;
  height: 100%;
  /*アニメーション*/
  transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: top;
}

/*hoverした際の形状*/
.bgcenterx102-3:hover:before {
  transform: scale(1, 1);
}

/*---------------画像の拡大　*/

.zoomIn img {
  transform: scale(1);
  transition: .3s ease-in-out;
  /*移り変わる速さを変更したい場合はこの数値を変更*/
}

.zoomIn a:hover img {
  /*hoverした時の変化*/
  transform: scale(1.2);
  /*拡大の値を変更したい場合はこの数値を変更*/
}

/*　画像のマスク　*/

.mask {
  display: block;
  line-height: 0;
  /*行の高さを0にする*/
  overflow: hidden;
  /*拡大してはみ出る要素を隠す*/
}

.mask2 {
  /*display: block;*/
  line-height: 0;
  /*行の高さを0にする*/
  overflow: hidden;
  /*拡大してはみ出る要素を隠す*/
}

/*---------------画像の拡大　*/


/*4dl-colum*/




/*dl figure*/
#colum102 .colum102-rightbox figure {
  width: 30%;
  /*width:48%*/
  font-weight: bold;
  margin: 1vh 1% 1vh 1%;
  /*5vh 1% 2vh 1%;*/
  padding: 0;
  /*box-sizing:border-box;
float:left;*/

  transition: 1s;

  display: block;
  position: relative;
  background: #f8f8f8;
  box-shadow: 2px 2px 2px rgba(212, 210, 210, 0.5);
  cursor: pointer;
}

#colum102 .colum102-rightbox figure img {
  width: 100%;

  margin: 0;
  padding: 0;
}

#colum102 .colum102-rightbox figcaption {
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 5% 5% 5% 5%;

  background: #f8f8f8;
  /*#1479c2*/
  font-weight: normal;
}

#colum102 .colum102-rightbox figcaption p {}

#colum102 .colum102-rightbox figure:hover {
  /*opacity: 0.5;*/
}

#colum102 .colum102-rightbox figure i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum102 .colum102-rightbox figure small a {
  font-size: 50%;
  transition: 0.5s;
  padding: 0.25em;
  color: #1068a8;
  background: #fff;
  border: 1px solid #1068a8;
  text-decoration: none;
}


#colum102 .colum102-rightbox figure small a:link {
  color: #1068a8;
  background: #fff;
  text-decoration: none;
}

#colum102 .colum102-rightbox figure small a:hover {
  color: #fff;
  background: #1479c2;
  text-decoration: none;
}

.ribbon102 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 30px;
  /*height: 30px;*/
  line-height: 30px;
  /*line-height: 30px;*/
  font-size: 10px;
  /*font-size: 18px;*/
  letter-spacing: 0.1em;
  color: #fff;
  background: #6cd4ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

.ribbon102:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #6cd4ff;
  border-radius: 5px 0 0 5px;
}

.ribbon102:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #59b1d5;
  border-radius: 5px 0 0 5px;
}

/*.ribbon11:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #1068a8;
  border-radius: 5px 0 0 5px;
}*/
/*dl figure*/


/*4colum*/


/*----1colum*/

#colum102 .colum102-product dl h4 {
  font-size: 130%;

  color: #302f2f;
  /*color:#1068a8;*/
  line-height: 1.8;


  /*padding:1em auto;*/
  text-decoration: none;
  text-align: left;
  border-left: solid 4px #1479c2;
  padding: 0 0 0 0.5em;
  margin: 0.25em 0;
  width: 100%;
  display: inline-block;

}

#colum102 .colum102-product dl h4 small {
  font-size: 70%;

  color: #1479c2;
  /*color:#1068a8;*/

  text-decoration: none;
  text-align: left;


  float: left;
  display: block;
  width: 100%;
}

#colum102 .colum102-product dl br {
  display: block;
}

#colum102 .colum102-product dl p {
  width: 100%;
  display: block;
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 90%;
}

#colum102 dl,
#colum102 dt {
  margin: 0;
  padding: 0;
}

#colum102 .colum102-product dl {
  display: flex;
  flex-wrap: wrap;
  /*background: #f8f8f8;*/
  /*box-shadow:2px 2px 2px rgba(212,210,210,0.5);*/
  cursor: pointer;
  width: auto;

  margin: 0;
  padding: 0;

  border-bottom: solid 2px #f8f8f8;

}

#colum102 .colum102-product dt img {
  max-width: 100%;
  /*画像のはみだしを防ぐ*/
  height: auto;
  margin: 0;
  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;

}

/*#colum102 .colum102-product dl:after {
    content: "";
    clear: both;
    display: block;
}*/
#colum102 .colum102-product dt {
  width: 15%;
  margin: 0;
  padding: 0;

  /*margin: 0 0 1vh 0;*/
  display: flex;
  align-items: center;
  justify-content: center;

}

#colum102 .colum102-product dd {
  width: 75%;
  /*margin-left: 100px;*/
  margin: 0;
  padding: 1% 0;

  /* display: flex;カスタム*/


}


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

  /*dl figure*/
  #colum102 .colum102-rightbox figure {
    width: 48%;
    /*width:48%*/
    font-weight: bold;
    margin: 1vh 1% 1vh 1%;
    /*5vh 1% 2vh 1%;*/
    padding: 0;
    /*box-sizing:border-box;
float:left;*/

    transition: 1s;

    display: block;
    position: relative;
    background: #f8f8f8;
    box-shadow: 2px 2px 2px rgba(212, 210, 210, 0.5);
    cursor: pointer;
  }

  #colum102 .colum102-rightbox figure img {
    width: 100%;

    margin: 0;
    padding: 0;
  }

  #colum102 .colum102-rightbox figcaption {
    color: #555353;
    font-size: 90%;
    line-height: 1.8;
    padding: 5% 5% 5% 5%;

    background: #f8f8f8;
    /*#1479c2*/
    font-weight: normal;
  }

  #colum102 .colum102-rightbox figcaption p {}

  /*----1colum*/
  #colum102 .colum102-product dl h4 {
    font-size: 130%;

    color: #302f2f;
    /*color:#1068a8;*/
    line-height: 1.8;


    /*padding:1em auto;*/
    text-decoration: none;
    text-align: left;
    border-left: solid 4px #1479c2;
    padding: 0 0 0 0.5em;
    margin: 0.25em 0;
    width: 95%;
    display: inline-block;

  }

  #colum102 .colum102-product dl br {
    display: block;
  }

  #colum102 .colum102-product dl p {
    width: 100%;
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 90%;
  }

  #colum102 .colum102-product dl {
    display: flex;
    flex-wrap: wrap;
    /*background: #f8f8f8;*/
    /*box-shadow:2px 2px 2px rgba(212,210,210,0.5);*/
    cursor: pointer;
    width: 100%;

    margin: 0;
    padding: 0;

    border-bottom: solid 2px #f8f8f8;
  }

  #colum102 .colum102-product dt img {
    max-width: 100%;
    /*画像のはみだしを防ぐ*/
    height: auto;
    margin: 0;
    padding: 0;



    display: flex;
    align-items: center;
    justify-content: center;

  }

  /*#colum102 .colum102-product dl:after {
    content: "";
    clear: both;
    display: block;
}*/
  #colum102 .colum102-product dt {
    width: 20%;
    margin: 0;
    padding: 0;

    /*margin: 0 0 1vh 0;*/
    display: flex;
    align-items: center;
    justify-content: center;

  }

  #colum102 .colum102-product dd {
    width: 60%;
    /*margin-left: 100px;*/
    margin: 0;
    padding: 1% 0;

    /* display: flex;カスタム*/


  }
}








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


  #colum102 .colum102-product dl p {
    width: 100%;
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 90%;
  }

  #colum102 .colum102-product dl {
    display: flex;
    flex-wrap: wrap;
    /*background: #f8f8f8;*/
    /*box-shadow:2px 2px 2px rgba(212,210,210,0.5);*/
    cursor: pointer;
    width: 95%;

    margin: 0;
    padding: 0;

    border-bottom: solid 2px #f8f8f8;
  }

  #colum102 .colum102-product dt img {
    max-width: 100%;
    /*画像のはみだしを防ぐ*/
    height: auto;
    margin: 0;
    padding: 0;



    display: flex;
    align-items: center;
    justify-content: center;

  }

  /*#colum102 .colum102-product dl:after {
    content: "";
    clear: both;
    display: block;
}*/
  #colum102 .colum102-product dt {
    width: 25%;
    margin: 0;
    padding: 0;

    /*margin: 0 0 1vh 0;*/
    display: flex;
    align-items: center;
    justify-content: center;

  }

  #colum102 .colum102-product dd {
    width: 60%;
    /*margin-left: 100px;*/
    margin: 0;
    padding: 1% 0;

    /* display: flex;カスタム*/


  }



}

/*1colum*/



/*--------------アコーディオン*/

/*アコーディオン全体*/
#colum102 .colum102-rightbox2 .accordion-area {
  list-style: none;
  width: 100%;
  /*width: 96%;*/
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.accordion-area li {
  margin: 10px 0;
}

.accordion-area section {}

/*アコーディオンタイトル*/
.accordion-title {
  position: relative;
  /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;

  font-weight: normal;
  /*padding: 3% 3% 3% 50px;*/
  transition: all .5s ease;


  width: 100%;
  display: block;
}

#colum102 .colum102-rightbox2 strong {
  color: #302f2f;
  font-size: 130%;
  font-weight: bold;
  padding: 1% 0% 1% 50px;

}


#colum102 .colum102-rightbox2 .accordion-area section p {
  width: 100%;
  display: block;
  font-weight: normal;
}

#colum102 .colum102-rightbox2 .accordion-area section p:before {
  content: '●';
  color: #31c5fc;
  margin-right: 8px;
}



/*アイコンの＋と×*/
.accordion-title::before,
.accordion-title::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  background-color: #333;

}

.accordion-title::before {
  top: 48%;
  left: 15px;
  transform: rotate(0deg);

}

.accordion-title::after {
  top: 48%;
  left: 15px;
  transform: rotate(90deg);

}

/*　closeというクラスがついたら形状変化　*/
.accordion-title.-close::before {
  transform: rotate(45deg);
}

.accordion-title.-close::after {
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-box {
  display: none;
  /*はじめは非表示*/
  background: #fff;
  margin: 0;
  padding: 1% 0 1% 1em;
}

/*--------------アコーディオン*/






#colum102 .colum102-rightbox2 figure {
  width: 98%;
  /*width:48%*/
  font-weight: bold;
  margin: 1vh 1% 1vh 1%;
  /*5vh 1% 2vh 1%;*/
  padding: 0;
  /*box-sizing:border-box;
float:left;*/

  transition: 1s;


  position: relative;
  background: #f8f8f8;
  box-shadow: 2px 2px 2px rgba(212, 210, 210, 0.5);
  cursor: pointer;
}

#colum102 .colum102-rightbox2 figure img {
  width: 40%;

  margin: 0;
  padding: 0;
  float: left;

}

#colum102 .colum102-rightbox2 figcaption {
  width: 56%;
  color: #555353;
  font-size: 90%;
  line-height: 1.8;
  padding: 5% 2% 5% 2%;

  background: #f8f8f8;
  /*#1479c2*/
  font-weight: normal;
  float: right;

}

#colum102 .colum102-rightbox2 figcaption p {}

#colum102 .colum102-rightbox2 figure:hover {
  /*opacity: 0.5;*/
}

#colum102 .colum102-rightbox2 figure i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum102 .colum102-rightbox2 figure small a {
  font-size: 50%;
  transition: 0.5s;
  padding: 0.25em;
  color: #1068a8;
  background: #fff;
  border: 1px solid #1068a8;
  text-decoration: none;
}


#colum102 .colum102-rightbox2 figure small a:link {
  color: #1068a8;
  background: #fff;
  text-decoration: none;
}

#colum102 .colum102-rightbox2 figure small a:hover {
  color: #fff;
  background: #1479c2;
  text-decoration: none;
}

/*----1colum*/

/*---------------------------dlpage*/
.__menu {
  position: relative;
  /*width: 100%;*/
  height: 50px;
  /*max-width: 1000px;*/
  margin: 0 auto;

}

.__menu img {
  width: 50px;
  float: left;
  margin: 7px 10px 0 5px;
}

.__menu li,
.__menu ul {
  list-style: none;

}

.__menu>li {
  float: left;
  width: 80%;
  /*width: 25%;*/
  height: 40px;
  /*height: 50px;*/
  line-height: 40px;
  /*line-height: 50px;*/
  /*background: rgb(29, 33, 19);*/

  padding: 5px 15px;
}

.__menu>li a {
  display: block;
  color: #302f2f;

  -webkit-transition: all .2s ease;
  transition: all .2s ease;

  font-weight: bold;

}

.__menu>li a:hover {
  color: #1479c2;

}





/*現在地とhoverの設定*/
.gnavi li.current a::after,
#colum102 a:hover::after {
  transform: scale(1, 1);
  /*X方向にスケール拡大*/
}

.__menu__none:hover,
.__menu__multi:hover,
.__menu__mega:hover,
.__menu__single:hover {
  /*background: #fff;*/
  -webkit-transition: .2s ease;
  transition: .2s ease;


}

.__menu__second-level li {
  /*border-top: 1px solid #fff;*/
}

.__menu__third-level li {
  /*border-top: 1px solid #fff;*/
}

.__menu__second-level li a:hover {
  /*background: #fff;*/


}

.__menu__third-level li a:hover {
  /*background: #2a1f1f;*/
}

.__menu__fourth-level li a:hover {
  /*background: #fff;*/
}

.init-bottom:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  /*margin: 0 0 0 15px;*/
  border-right: 1px solid #1479c2;
  border-bottom: 1px solid #1479c2;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

  padding: 5px 15px;
}

.__menu:before,
.__menu:after {
  content: "";
  display: table;
}

.__menu:after {
  clear: both;
}

.__menu {
  *zoom: 1;
}


/**
 * single menu
 */
.__menu>.__menu__single {
  position: relative;
}

.__menu__single .__menu__second-level {
  position: inherit;
  /*position: absolute;*/
  top: -40px;
  /*top: 40px;*/
  left: 100%;
  width: 100%;
  /*width: 100%;*/
  background: #f8f8f8;
  /*background: #fff;*/
  -webkit-transition: .2s ease;
  transition: .2s ease;
  visibility: hidden;
  opacity: 0;

  padding: 10px 5px 10px 0%;
  /*padding: 10px 0% 10px 0%;padding: 20px 2%;*/
  background: #f8f8f8;

  font-size: 90%;
}

.__menu__single:hover>.__menu__second-level {
  bottom: 0px;
  /*top: 50px;*/

  visibility: visible;
  opacity: 1;
}


/**
 * multi menu
 */
.__menu>.__menu__multi {
  position: relative;
}

/*2階層目*/
.__menu__multi .__menu__second-level {
  position: absolute;
  top: 0;
  /*カスタムtop: 40px;*/
  width: 220%;
  /*width: 100%;*/
  background: #f8f8f8;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  left: 100%;
  /*カスタム*/


  /*box-sizing: border-box;*/

  padding: 10px 10px 10px 10px;
  /*padding: 10px 0% 10px 0%;padding: 20px 2%;*/

  background: #f8f8f8;

  border-radius: 5px;
  font-size: 75%;


}

.__menu__multi:hover .__menu__second-level {
  /*top: 50px;*/
  visibility: visible;
  opacity: 1;
}

.__menu__multi .__menu__second-level li {
  position: relative;
}

.__menu__multi .__menu__second-level li:hover {
  /*background: #111;*/

  text-decoration: underline;
}

/*3階層目*/
.__menu__multi .__menu__second-level li .__menu__third-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  /*width: 100%;*/
  background: #f8f8f8;
  /*background: #fff;*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;


  left: 100%;
  /*カスタム*/


  /*box-sizing: border-box;*/

  padding: 10px 5px 10px 10px;
  /*padding: 10px 0% 10px 0%;padding: 20px 2%;*/

  background: #f8f8f8;

  border-radius: 5px;
  font-size: 80%;
}






.__menu__multi .__menu__second-level li:hover .__menu__third-level {
  visibility: visible;
  opacity: 1;
}

.__menu__multi .__menu__second-level li .__menu__third-level li {
  position: relative;
}

.__menu__multi .__menu__second-level li .__menu__third-level li:hover {
  /*background: #2a1f1f;*/
}

.__menu__multi .__menu__second-level li .__menu__third-level li .__menu__fourth-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  /*background: #fff;*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}

.__menu__multi .__menu__second-level li .__menu__third-level li:hover .__menu__fourth-level {
  visibility: visible;
  opacity: 1;
}

.init-right:after {
  /*.init-right:after */
  /*content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 1px solid #f8f8f8;
  border-top: 1px solid #f8f8f8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);*/

  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

/*arrow*/
.init-right2:after {

  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left: 5px solid #1479c2;
}

/*arrow*/

/**
 * mega menu
 */
.__menu__mega .__menu__second-level {
  position: absolute;
  /*position: absolute;*/
  top: 0;
  /*top: 100%;200pxtop: 40px;*/
  left: 100%;
  /*left: 90%; left: 0;*/
  box-sizing: border-box;
  width: 200%;
  /*width:150% 90%;*/
  padding: 10px 0% 10px 0%;
  /*padding: 20px 2%;*/

  background: #f8f8f8;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  margin: 0;
  border-radius: 5px;

  font-size: 80%;
}

/*吹き出し
.__menu__mega .__menu__second-level:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 15px solid #f8f8f8;

}*/


.__menu__mega:hover .__menu__second-level {
  /*top: 50px;*/
  visibility: visible;
  opacity: 1;

}

.__menu__mega .__menu__second-level>li {
  float: left;
  width: 48%;
  /*width: 32%;*/
  border: none;
  margin: 0 1%;

}

.__menu__mega .__menu__second-level>li:nth-child(even) {
  width: 40%;
  margin: 0 9% 0 1%;
}

/*.__menu__mega .__menu__second-level > li:nth-child(3n+2) {
  margin: 0 1%;

}*/

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

  .__menu {
    display: none;
    position: relative;
    /*width: 100%;*/
    height: auto;
    /*max-width: 1000px;*/
    margin: 0 auto;


    /*display: flex;
	flex-wrap: wrap;*/
  }

  .__menu>li {
    float: left;
    width: auto;
    /*width: 25%;*/
    height: 20%;
    /*height: 50px;*/
    line-height: 40px;
    /*line-height: 50px;*/
    /*background: rgb(29, 33, 19);*/

    padding: 5px 15px;




  }

  .__menu>.__menu__multi {
    position: relative;
    width: 200%;
  }

  /*2階層目*/
  .__menu__multi .__menu__second-level {
    position: absolute;
    top: 50px;
    /*カスタムtop: 40px;*/
    width: 95%;
    /*width:95%;width: 100%;*/
    background: #f8f8f8;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    left: 0;
    /*カスタムleft:100%;*/


    /*box-sizing: border-box;*/

    padding: 10px 10px 10px 10px;
    /*padding: 10px 0% 10px 0%;padding: 20px 2%;*/

    background: #f8f8f8;

    border-radius: 5px;
    font-size: 75%;


  }

  /*3階層目*/
  .__menu__multi .__menu__second-level li .__menu__third-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    /*width: 100%;*/
    background: #f8f8f8;
    /*background: #fff;*/
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    visibility: hidden;
    opacity: 0;


    left: 100%;
    /*カスタム*/


    /*box-sizing: border-box;*/

    padding: 10px 5px 10px 10px;
    /*padding: 10px 0% 10px 0%;padding: 20px 2%;*/

    background: #f8f8f8;

    border-radius: 5px;
    font-size: 80%;
  }

  .__menu__multi .__menu__second-level img {
    display: none;
    width: 50px;
    float: left;
    margin: 7px 10px 0 5px;
  }
}


/*------------------------oem*/
#colum103 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg53.jpg);
  background-size: cover;
  line-height: 1.8;


  z-index: 2;
}

#colum103:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum103-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;

}

.colum103-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum103-smallbox {
  padding: 0;
  margin: auto 0;
  text-align: left;
  width: 50%;
  float: left;
}

#colum103 .colum103-box .colum103-smallbox:nth-child(1) {
  width: 50%;
  float: left;
}

#colum103 .colum103-box .colum103-smallbox img:nth-child(1) {
  width: 50%;
  margin: 2vh 0 0 0;
  padding: 0;
}



#colum103 .colum103-box img:nth-child(2) {
  width: 50%;
  margin: 0;
  padding: 0;
  float: right;
}



#colum103 h2,
#colum103 h3 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}

#colum103 h2 strong,
#colum103 h3 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum103 p {
  margin: 1em 0;
}

#colum103 h1 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}

#colum103 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.5em 0 0 0;
  padding: 0;
  display: block;

}

#colum103 a:link {
  color: #535253;
  text-decoration: none;
}

#colum103 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum103 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;
    clear: both;
    font-size: 110%;
    color: #313030;
    background-image: url(../images/bg53.jpg);
    /*background-image:url(../images/bg11.jpg);*/
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
  }

  #colum103:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum103-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum103-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum103-smallbox {
    padding: 0;
    margin: auto 0;
    text-align: center;
    width: 100%;
    float: left;
  }

  #colum103 .colum103-box .colum103-smallbox:nth-child(1) {
    width: 100%;
    float: left;
  }

  #colum103 .colum103-box .colum103-smallbox img:nth-child(1) {
    width: 40%;
    margin: 0vh 0 0 0;
    padding: 0;
  }



  #colum103 .colum103-box img:nth-child(2) {
    width: 70%;
    margin: 0 15%;
    padding: 0;
    float: left;
  }

  #colum103 h2,
  #colum103 h3 {
    font-size: 110%;

    color: #313030;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum103 h2 strong,
  #colum103 h3 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum103 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum103 h1 {
    font-size: 300%;
    color: #313030;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum103 h1 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.5em 0 0 0;
    padding: 0;
    display: block;

  }
}

/*------------------------oem*/


/*------------------------oem*/
#colum104 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background-image: url(../images/bg52.jpg);
  background-size: cover;
  line-height: 1.8;


  z-index: 2;
}

#colum104:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum104-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;

}

.colum104-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum104-smallbox {
  padding: 0;
  margin: auto 0;
  text-align: left;
  width: 50%;
  float: left;
}

#colum104 .colum104-box .colum104-smallbox:nth-child(1) {
  width: 50%;
  float: left;
  margin: 1vh 0 0 0;
  padding: 0;
}

#colum104 .colum104-box .colum104-smallbox img:nth-child(1) {
  width: 50%;
  margin: 2vh 0 0 0;
  padding: 0;
}



#colum104 .colum104-box img:nth-child(2) {
  width: 50%;
  margin: 0;
  padding: 0;
  float: right;
}



#colum104 h4,
#colum104 h5 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}

#colum104 h4 strong,
#colum104 h5 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum104 p {
  margin: 1em 0;
}

#colum104 h1,
#colum104 h2,
#colum104 h3 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}

#colum104 h1 small,
#colum104 h2 small,
#colum104 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.5em 0 0 0;
  padding: 0;
  display: block;

}

#colum104 a:link {
  color: #535253;
  text-decoration: none;
}

#colum104 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum104 {
    /*border-top:20px solid #1479c2;*/
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;

    clear: both;
    font-size: 110%;
    color: #313030;
    background-image: url(../images/bg52.jpg);
    /*background-image:url(../images/bg11.jpg);*/
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
  }

  #colum104:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum104-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum104-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum104-smallbox {
    padding: 0;
    margin: auto 0;
    text-align: center;
    width: 100%;
    float: left;
  }

  #colum104 .colum104-box .colum104-smallbox:nth-child(1) {
    width: 100%;
    float: left;
  }

  #colum104 .colum104-box .colum104-smallbox img:nth-child(1) {
    width: 40%;
    margin: 0vh 0 0 0;
    padding: 0;
  }



  #colum104 .colum104-box img:nth-child(2) {
    width: 70%;
    margin: 0 15%;
    padding: 0;
    float: left;
  }

  #colum104 h4,
  #colum104 h5 {
    font-size: 110%;

    color: #313030;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum104 h2 strong,
  #colum104 h3 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum104 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum104 h1 {
    font-size: 300%;
    color: #313030;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum104 h1 small,
  #colum104 h2 small,
  #colum104 h3 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.5em 0 0 0;
    padding: 0;
    display: block;

  }
}

/*------------------------oem*/



/*------------------------oem*/
#colum105 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  /*background-image:url(../images/bg53.jpg);*/
  background-size: cover;
  line-height: 1.8;


  z-index: 2;
}

#colum105:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum105-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;

}

.colum105-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum105-smallbox {
  padding: 0;
  margin: auto 0;
  text-align: left;
  width: 50%;
  float: left;
}

#colum105 .colum105-box .colum105-smallbox:nth-child(1) {
  width: 50%;
  float: right;
  margin: 1vh 0 0 0;
  padding: 0;
}

#colum105 .colum105-box .colum105-smallbox img:nth-child(1) {
  width: 50%;
  margin: 2vh 0 0 0;
  padding: 0;
}



#colum105 .colum105-box img:nth-child(2) {
  width: 35%;
  /*width:50%;*/
  margin: 0;
  padding: 0 5% 0 0%;
  /*padding:0;*/
  float: left;
}



#colum105 h4,
#colum105 h5 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}

#colum105 h4 strong,
#colum105 h5 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum105 p {
  margin: 1em 0;
}

#colum105 h1,
#colum105 h2,
#colum105 h3 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}

#colum105 h1 small,
#colum105 h2 small,
#colum105 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.25em 0;
  padding: 0.5em;
  display: inline-block;


  background: #d3e8f7;
  /*背景色*/
  vertical-align: middle;
  border-radius: 0px 25px 25px 0px;
  /*左側の角を丸く*/

}

#colum105 a:link {
  color: #535253;
  text-decoration: none;
}

#colum105 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum105 {
    /*border-top:20px solid #1479c2;*/
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;

    clear: both;
    font-size: 110%;
    color: #313030;
    /*background-image:url(../images/bg53.jpg);*/
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
  }

  #colum105:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum105-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum105-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum105-smallbox {
    padding: 0;
    margin: auto 0;
    text-align: center;
    width: 100%;
    float: left;
  }

  #colum105 .colum105-box .colum105-smallbox:nth-child(1) {
    width: 100%;
    float: left;
  }

  #colum105 .colum105-box .colum105-smallbox img:nth-child(1) {
    width: 40%;
    margin: 0vh 0 0 0;
    padding: 0;
  }



  #colum105 .colum105-box img:nth-child(2) {
    width: 70%;
    margin: 0 15%;
    padding: 0;
    float: left;
  }

  #colum105 h4,
  #colum105 h5 {
    font-size: 110%;

    color: #313030;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum105 h2 strong,
  #colum105 h3 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum105 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum105 h1 {
    font-size: 300%;
    color: #313030;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum105 h1 small,
  #colum105 h2 small,
  #colum105 h3 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.25em 0;
    padding: 0.25em;
    display: block;


    background: #d3e8f7;
    /*#d3e8f7背景色*/
    vertical-align: middle;
    border-radius: 25px 25px 25px 25px;
    /*左側の角を丸く*/

  }
}

/*------------------------oem*/


/*------------------------oem*/
#colum106 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  /*background-image:url(../images/bg54.jpg);
background-size:cover;*/
  line-height: 1.8;


  z-index: 2;


}

#colum106:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum106-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;


}

.colum106-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum106-smallbox {
  padding: 0;
  margin: auto 0;
  text-align: left;
  width: 50%;
  float: left;
}

#colum106 .colum106-box .colum106-smallbox:nth-child(1) {
  width: 50%;
  float: left;
  margin: 1vh 0 0 0;
  padding: 0;


  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
}

#colum106 .colum106-box .colum106-smallbox img:nth-child(1) {
  width: 50%;
  /*width:50%;*/
  margin: 2vh 0 0 0;
  padding: 0 0% 0 0;
  /*padding:0;*/
}



#colum106 .colum106-box img:nth-child(2) {
  width: 35%;
  /*width:50%;*/
  margin: 0 0 0 0;
  padding: 0 0% 0 5%;
  /*padding:0;*/
  float: right;
}



#colum106 h4,
#colum106 h5 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/

}

#colum106 h4 strong,
#colum106 h5 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum106 p {
  margin: 1em 0;
}

#colum106 h1,
#colum106 h2,
#colum106 h3 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}

#colum106 h1 small,
#colum106 h2 small,
#colum106 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.25em 0;
  padding: 0.5em;
  display: inline-block;


  background: #d3e8f7;
  /*背景色*/
  vertical-align: middle;
  border-radius: 0px 25px 25px 0px;
  /*左側の角を丸く*/
}

#colum106 a:link {
  color: #535253;
  text-decoration: none;
}

#colum106 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum106 {
    /*border-top:20px solid #1479c2;*/
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;

    clear: both;
    font-size: 110%;
    color: #313030;
    /*background-image:url(../images/bg54.jpg);
background-size:cover;*/
    line-height: 1.8;


    z-index: 2;
  }

  #colum106:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum106-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum106-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum106-smallbox {
    padding: 0;
    margin: auto 0;
    text-align: center;
    width: 100%;
    float: left;
  }

  #colum106 .colum106-box .colum106-smallbox:nth-child(1) {
    width: 100%;
    float: left;
  }

  #colum106 .colum106-box .colum106-smallbox img:nth-child(1) {
    width: 40%;
    margin: 0vh 0 0 0;
    padding: 0;
  }



  #colum106 .colum106-box img:nth-child(2) {
    width: 70%;
    margin: 0 15%;
    padding: 0;
    float: left;
  }

  #colum106 h4,
  #colum106 h5 {
    font-size: 110%;

    color: #313030;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum106 h2 strong,
  #colum106 h3 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum106 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum106 h1 {
    font-size: 300%;
    color: #313030;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum106 h1 small,
  #colum106 h2 small,
  #colum106 h3 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.25em 0;
    padding: 0.25em;
    display: block;


    background: #d3e8f7;
    /*#d3e8f7背景色*/
    vertical-align: middle;
    border-radius: 25px 25px 25px 25px;
    /*左側の角を丸く*/

  }
}

/*------------------------oem*/



/* その場で */
.fadeIn2 {
  animation-name: fadeInAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp2 {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 上から */

.fadeDown2 {
  animation-name: fadeDownAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeDownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 左から */

.fadeLeft2 {
  animation-name: fadeLeftAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 右から */

.fadeRight2 {
  animation-name: fadeRightAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(100px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}











/*---------------------------what*/
#colum107 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum107:after {
  content: "";
  clear: both;
  display: block;
}

.colum107-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum107-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum107 a:link {
  color: #535253;
  text-decoration: none;
}

#colum107 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum107 a:visited {
  color: #535253;
  text-decoration: none;
}

/*#colum107 dl{
width:94%;
margin:0.5em auto 2vh auto;
padding:0;
display:block;
}
#colum107 dt{
font-size:120%;
color:#302f2f;
line-height:1.8;
margin:1em 2%;
padding:0.5em 2%;
border:1px solid #31c5fc;
background:#d4f3ff;
border-radius: 5px;
display:inline-block;
}
#colum107 dt:nth-child(2),#colum107 dt:nth-child(4){
	color:#31c5fc;
	border:1px solid #fff;
background:#fff;
		margin:0;
	padding:0;
	}
#colum107 dt:nth-child(2) img,#colum107 dt:nth-child(4) img{
	width:20px;
	vertical-align: middle;
	}*/
#colum107 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum107 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

.yellowbg {
  background: #ffffd6;
}

#colum107 h5 {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em auto 5vh auto;
  /*margin:1em 2% 5vh 2%;*/
  padding: 1em 1%;
  /*padding:0.25em 1%;*/
  border: 4px solid #249af0;
  display: block;
  width: 98%;
  /*width:94%;*/
}

#colum107 h3,
#colum107 h4 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum107 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum107 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

/*#colum107 ul{
margin-left:2em;
margin-right:1em;
}
*/


/*nav300*/
#colum107 ul {
  list-style-type: none;


  margin: 0 auto;
  padding: 0;
  width: 100%;


}




#colum107 ul li {

  position: relative;

  font-size: 150%;
  color: #302f2f;
  /*#302f2f*/
  line-height: auto;
  /*line-height:1.8;*/
  margin: 1em 6%;
  padding: 0.5em 1%;
  font-weight: bold;
  width: 90%;
  /*float: left;*/

  background: #d4f3ff;



}

.nav300 strong {
  font-weight: normal;
  color: #31c5fc;
  background: #fff;
  border: 1px solid #31c5fc;
  margin: 0% 1em 0% auto;
  padding: auto 0.5em;
  width: 1.8em;
  display: block;
  border-radius: 50%;
  text-align: center;
  float: left;

}

#colum107 ul li p {

  margin: 0.2em 0;
  padding: 0;
  font-weight: normal;


}

#colum107 li sup,
#colum107 li sub {
  font-size: 60%;
}

#colum107 ul li p small {
  font-size: 60%;
  /*display: flex;*/
}


/*nav8*/



.colum107-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum107-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum107-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum107-box p {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}




#colum107 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum107 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum107 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum107 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum107 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum107 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum107 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum107 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum107 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum107 tr th:nth-child(1),
#colum107 tr th:nth-child(2),
#colum107 tr th:nth-child(3),
#colum107 tr th:nth-child(4),
#colum107 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum107 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum107 table th,
#colum107 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum107 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum107 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum107 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum107 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum107 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo*/
#colum107 .largephoto:link,
#colum107 .smallphoto:link {
  transition: 1s;
}

#colum107 .largephoto:hover,
#colum107 .smallphoto:hover {
  opacity: 0.5;
}

#colum107 .largephoto {
  display: block;
  width: 90%;
  margin: 0 5% 5vh 5%;
  padding: 0;
  transition: 1s;
}

#colum107 .largephoto img {
  width: 100%;
}

#colum107 .smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto 5vh auto;
  padding: 0;
  transition: 1s;
}

#colum107 .smallphoto img {
  display: block;
  width: 100%;
}

/*----------photo*/

/*----------photo2*/
#colum107 .largephoto2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum107 .largephoto2 img {
  display: block;
  width: 100%;
}

#colum107 .smallphoto2 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum107 .smallphoto2 img {
  display: block;
  width: 100%;
}

/*----------photo2*/

/*-------------------------btn3*/
#colum107 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum107 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum107 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum107 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum107 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

@media screen and (max-width: 768px) {
  #colum107 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum107:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum107-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum107-box:after {
    content: "";
    clear: both;
    display: block;
  }



  #colum107 dl {
    width: 94%;
    margin: 0.5em auto 2vh auto;
    padding: 0;
    display: block;
  }

  #colum107 dt {
    font-size: 120%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.5em 2%;
    border: 1px solid #31c5fc;
    background: #d4f3ff;
    border-radius: 5px;
    display: inline-block;
    width: 94%;
    text-align: center;
  }

  #colum107 dt:nth-child(2),
  #colum107 dt:nth-child(4) {
    color: #31c5fc;
    border: 1px solid #fff;
    background: #fff;
  }

  #colum107 dt img {
    width: 20px;
    transform: rotateZ(90deg);
    margin: 0 50%;
  }

  #colum107 h3,
  #colum107 h4 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum107 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum107 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum107 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum107 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum107 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum107-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum107-smallbox figcaption br {
    display: block;
  }


  #colum107 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum107 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum107 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }

  /*-------------------------btn3*/
  #colum107 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

}

@media screen and (max-width: 600px) {
  #colum107 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum107 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum107 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum107 .largephoto:link,
  #colum107 .smallphoto:link {
    transition: 1s;
  }

  #colum107 .largephoto:hover,
  #colum107 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum107 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum107 .largephoto img {
    width: 100%;
  }

  #colum107 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum107 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo2*/
  #colum107 .largephoto2 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum107 .largephoto2 img {
    display: block;
    width: 100%;
  }

  #colum107 .smallphoto2 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum107 .smallphoto2 img {
    display: block;
    width: 100%;
  }

  /*----------photo2*/

}

/*---------------------------what*/


/*---------------------------kr303*/
#colum108 {
  text-align: left;
  display: block;
  clear: both;
  margin: 0 auto 4vh auto;
  padding: 0;
  width: 1100px;
  /*width:100%;*/

  font-size: 110%;
  color: #555353;
  /*#313030*/
  /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
  background-position: center;
  /*background:#302f2f;*/
  line-height: 1.8;
  background: #fff;
}

#colum108:after {
  content: "";
  clear: both;
  display: block;
}

.colum108-box {
  display: block;
  margin: 0 auto;
  padding: 2vh auto;
  width: 90%;
  clear: both;

  text-align: left;



  /*均等*/

  align-items: center;
  display: flex;
  justify-content: center;
  /*均等*/

}


.colum108-box:after {
  content: "";
  clear: both;
  display: block;
}

#colum108 p {
  margin: 0 auto;
}


/*#colum108 a:link{
color: #535253;
text-decoration: none;
}
#colum108 a:hover{
color: #1479c2;
text-decoration: underline;
transition: 1s;
}
#colum108 a:visited{
color: #535253;
text-decoration: none;
}*/




#colum108 h4 {
  font-size: 90%;
  color: #0f5d96;
  /*#302f2f;*/
  line-height: 1.8;
  margin: 0.5em auto 0.25em auto;
  /*margin:0.25em auto 0 auto;*/
  padding: 0.25em 0.5em;
  /*padding:1em auto;
text-shadow:1px 1px 1px rgba(1,1,1,0.5);
border-left:8px solid #24b4f0;*/
  background: #ddf1fc;
  display: inline-block;
  border-radius: 5px;
}

#colum108 h4 small {

  font-size: 50%;
  color: #fff;
  /*color:#1479c2;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum108 h3 {
  font-size: 300%;
  color: #302f2f;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 5vh auto 5vh auto;
  /*margin:4vh auto 4vh auto;*/

  padding: 0;
  text-align: center;
  /*text-shadow:1px 1px 1px rgba(255,255,255,0.9);*/

  position: relative;
  display: inline-block;
  width: 100%;

}

#colum108 h3 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: auto 0.25em;
  display: block;

}

#colum108 h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #31c5fc;
  border-radius: 2px;

}

#colum108 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum108 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum108 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum108 .btn3:hover {
  color: #fff;
  background-color: #5aa1d4;
  border-bottom: solid 4px #5795c2;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum108 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

#colum108 .btn11 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #e5e5e5;
  color: #1479c2;

  border-top: solid 1px #1068a8;
  border-left: solid 1px #1068a8;
  border-bottom: solid 4px #1068a8;
  border-right: solid 1px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 50%;
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum108 .btn11 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum108 .btn11:link {
  text-decoration: none;
  color: #1479c2;
}

#colum108 .btn11:hover {
  color: #1479c2;
  background-color: #e5e5e5;
  border-bottom: solid 4px #1068a8;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum108 .btn11:visited {
  text-decoration: none;
  color: #1479c2;
}



/*4colum*/
.colum108-smallbox {
  margin: 1vh 1% 2vh 1%;
  /*margin: 1vh 1% 2vh 1%;*/
  padding: 1vh 1%;
  width: 20%;
  text-align: left;
  float: left;
  /*均等box-sizing:border-box;*/

  position: relative;
  /*均等*/
  background: #fff;
  border: #d4d2d2 1px solid;
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  border-radius: 4px;
}

.colum108-smallbox p {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  padding: 0 1% 1% 1%;
  margin: 0;
}

/*4colum*/

#colum108 figure {
  margin: 1vh 1% 2vh 1%;
  text-align: left;

  background: #fff;
  /*background:#f8f8f8;*/
  border: 0px;
  /*border: #d4d2d2 1px solid;*/
  /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
  /*border-radius:4px;*/

  /*color: #fff;*/
  transition: 1s;

  position: relative;
  text-align: center;



  float: left;
  /*box-sizing:border-box;*/

}

#colum108 figcaption {
  color: #555353;
  /*color : #555353;*/
  font-size: 90%;
  line-height: 1.8;
  width: 90%;
  padding: 1vh 1%;
  /*  padding:0 1% 1% 1%;*/
  margin: 0 5%;
}

#colum108 figure:nth-child(even) {
  width: 5%;
  margin: 1vh 0% 2vh 0%;
  padding: 0;
}

#colum108 figure:nth-child(odd) {
  width: 48%;
  margin: 1vh 1% 2vh 1%;
  padding: 0;
}

#colum108 figure img {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
}

#colum108 figure:nth-child(even) img {
  margin: 0 auto 5em auto;
}

.ribbon108-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 300px;
  background: #f1f1f1;
}

.ribbon108 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 30px;
  /*height: 30px;*/
  line-height: 30px;
  /*line-height: 30px;*/
  font-size: 18px;
  /*font-size: 18px;*/
  letter-spacing: 0.1em;
  color: #fff;
  background: #6cd4ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

.ribbon108:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #6cd4ff;
  border-radius: 5px 0 0 5px;
}

.ribbon108:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #59b1d5;
  border-radius: 5px 0 0 5px;
}


#colum108 a:link {
  text-decoration: none;
}

#colum108 a:hover {
  text-decoration: none;
  opacity: 0.5;
}

#colum108 a:visited {
  text-decoration: none;
}

#colum108 br {
  display: none;
}

.colum108-largebox {
  padding: 2em 5%;
  width: 90%;
  text-align: center;
  margin: 1vh 0 0 0;
  background: #232424;
  color: #8c8b8b;
}

.colum108-largephoto {
  display: none;
  height: 100vh;
  margin: 0 auto;
}

.colum108-largephoto img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.colum108-smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto;
}

.colum108-smallphoto img {
  display: none;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #colum108 {
    text-align: left;
    display: block;
    clear: both;
    margin: 0 auto 4vh auto;
    padding: 0;
    width: 90%;
    /*width:100%;*/

    font-size: 110%;
    color: #555353;
    /*#313030*/
    /*background-image:url(../images/bg5.jpg);
background-size:cover;contain*/
    background-position: center;
    /*background:#302f2f;*/
    line-height: 1.8;
    background: #fff;
  }

  .colum108-box {
    display: block;
    margin: 0 auto;
    padding: 2vh auto;
    width: 100%;
    clear: both;

    text-align: left;


    /*均等*/

    align-items: center;
    display: flex;
    justify-content: center;
    /*均等*/

  }



  #colum108 h4 {
    font-size: 90%;
    color: #0f5d96;
    /*#302f2f;*/
    line-height: 1.8;
    margin: 0.5em auto 0.25em auto;
    /*margin:0.25em auto 0 auto;*/
    padding: 0.25em 0.5em;
    /*padding:1em auto;
text-shadow:1px 1px 1px rgba(1,1,1,0.5);
border-left:8px solid #24b4f0;*/
    background: #ddf1fc;
    display: inline-block;
    border-radius: 5px;
  }

  #colum108 h4 small {

    font-size: 50%;
    color: #fff;
    /*color:#1479c2;*/
    line-height: 1.8;
    margin: auto 0.25em;
    display: block;

  }

  .colum108-largephoto {
    display: none;
    width: 100%;
    margin: 0 auto;
  }

  .colum108-largephoto img {
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .colum108-smallphoto {
    display: none;
    width: 100%;
    margin: 0 auto;
  }

  .colum108-smallphoto img {
    display: none;
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 600px) {
  #colum108 h4 {
    font-size: 70%;
    color: #0f5d96;
    /*#302f2f;*/
    line-height: 1.8;
    margin: 0.5em auto 0.25em auto;
    /*margin:0.25em auto 0 auto;*/
    padding: 0.25em 0.5em;
    /*padding:1em auto;
text-shadow:1px 1px 1px rgba(1,1,1,0.5);
border-left:8px solid #24b4f0;*/
    background: #ddf1fc;
    display: inline-block;
    border-radius: 5px;
  }

  #colum108 h4 small {

    font-size: 50%;
    color: #fff;
    /*color:#1479c2;*/
    line-height: 1.8;
    margin: auto 0.25em;
    display: block;

  }

  #colum108 figure {
    display: none;
    margin: 1vh 1% 2vh 1%;
    text-align: left;

    background: #fff;
    /*background:#f8f8f8;*/
    border: 0px;
    /*border: #d4d2d2 1px solid;*/
    /*box-shadow:1px 1px 1px rgba(212,210,210,0.9);*/
    /*border-radius:4px;*/

    /*color: #fff;*/
    transition: 1s;

    position: relative;
    text-align: center;



    float: left;
    /*box-sizing:border-box;*/

  }

  #colum108 figure:nth-child(even) img {
    margin: 0 auto 0em auto;

  }

  .colum108-largephoto {
    display: none;
    width: 100%;
    margin: 0 auto;
  }

  .colum108-largephoto img {
    display: none;
    width: auto;
    width: 100%;
    margin: 0 auto;
  }

  .colum108-smallphoto {
    display: block;
    width: 80%;
    margin: 0 auto;
  }

  .colum108-smallphoto img {
    display: block;
    width: 80%;
    margin: 0 auto;
  }

}

/*---------------------------kr303*/


/*------------------------oem*/
#colum109 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 100vh;
  clear: both;
  font-size: 160%;
  /*font-size:110%;*/
  color: #313030;
  background-image: url(../images/bg54.jpg);
  background-size: cover;
  line-height: 1.8;


  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

#colum109:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum109-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 1100px;

}

.colum109-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum109-smallbox {
  padding: auto;
  margin: 5%;
  text-align: left;
  height: 50vh;
  /*width:100%;*/

  /*float:left;*/
}

#colum109 .colum109-box .colum109-smallbox:nth-child(1) {
  /*width:100%;
float:left;*/
}

/*#colum109 .colum109-box .colum109-smallbox img:nth-child(1){
width:100%;
margin:2vh 0 0 0;
padding:0;
}*/



#colum109 .colum109-box img:nth-child(2) {
  width: 0%;
  /*width:50%;*/
  margin: 0;
  padding: 0;
  float: right;
}



#colum109 h2,
#colum109 h3 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}

#colum109 h2 strong,
#colum109 h3 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum109 p {
  margin: 1em 0;
}

#colum109 h1 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}

#colum109 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.5em 0 0 0;
  padding: 0;
  display: block;

}

#colum109 a:link {
  color: #535253;
  text-decoration: none;
}

#colum109 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum109 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 auto;
    /*padding:0 5%;*/
    width: 100%;
    /*width:90%;*/
    height: 80vh;
    clear: both;
    font-size: 130%;
    /*font-size:110%;*/
    color: #313030;
    background-image: url(../images/bg54.jpg);
    /*background-image:url(../images/bg11.jpg);*/
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #colum109:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum109-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum109-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum109-smallbox {
    padding: auto;
    margin: 5%;
    text-align: left;
    height: 50vh;
    text-align: center;
    /*width:100%;*/

    /*float:left;*/
  }

  /*#colum109 .colum109-box .colum109-smallbox:nth-child(1){
width:100%;
float:left;
}*/

  /*#colum109 .colum109-box .colum109-smallbox img:nth-child(1){
width:40%;
margin:0vh 0 0 0;
padding:0;
}*/



  #colum109 .colum109-box img:nth-child(2) {
    width: 70%;
    margin: 0 15%;
    padding: 0;
    float: left;
  }

  #colum109 h2,
  #colum109 h3 {
    font-size: 110%;

    color: #313030;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum109 h2 strong,
  #colum109 h3 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum109 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum109 h1 {
    font-size: 300%;
    color: #313030;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum109 h1 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.5em 0 0 0;
    padding: 0;
    display: block;

  }
}

@media screen and (max-width: 600px) {
  #colum109 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 auto;
    /*padding:0 5%;*/
    width: 100%;
    /*width:90%;*/
    height: 100vh;
    clear: both;
    font-size: 130%;
    /*font-size:110%;*/
    color: #313030;
    background-image: url(../images/bg55.jpg);
    /*background-image:url(../images/bg11.jpg);*/
    background-size: cover;
    line-height: 1.8;


    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #colum109:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }
}

/*------------------------oem*/



/*------------------------oem*/
#colum110 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;

  clear: both;
  font-size: 120%;
  /*font-size:110%;*/
  color: #313030;
  /*background: url("../images/bg57.jpg");
 	  background-repeat: no-repeat;
    background-position: right center;
    background-size: 60%;*/
  line-height: 1.8;





  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

#colum110:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum110-box {
  padding: 5vh 0;
  margin: 0 auto;
  width: 90%;
  /*width:1100px;*/

}

.colum110-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum110-smallbox {
  padding: 5vh;
  margin: 0;
  text-align: left;
  /*height:50vh;
width:100%;*/
  /*text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.9);*/
  /*float:left;*/


}

#colum110 .colum110-box .colum110-smallbox:nth-child(1) {
  width: 30%;
  margin: 0 0 0 0%;
  padding: 0;
  float: left;
}

/*#colum110 .colum110-box .colum110-smallbox img:nth-child(1){
width:100%;
margin:2vh 0 0 0;
padding:0;
}*/



#colum110 .colum110-box img:nth-child(2) {
  width: 65%;
  margin: 0;
  padding: 0;
  float: right;


}

#colum110 h2,
#colum110 h3 {
  font-size: 110%;

  color: #313030;
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/

}

#colum110 h2 strong,
#colum110 h3 strong {
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#colum110 p {
  margin: 1em 0;
}

#colum110 h1 {
  font-size: 300%;
  color: #313030;
  /*color:#302f2f;*/
  ine-height: 1;
  /*line-height:1.8;*/
  margin: 0;
  padding: 0;
  /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/

}

#colum110 h1 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #1479c2;
  /*color:#b9a27f #31c5fc #302f2f;*/
  line-height: 1.8;
  /*line-height:1.8;*/
  margin: 0.5em 0 0 0;
  padding: 0;
  display: block;

}

#colum110 a:link {
  color: #535253;
  text-decoration: none;
}

#colum110 a:hover {
  opacity: 0.5;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  #colum110 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 auto;
    /*padding:0 5%;*/
    width: 100%;
    /*width:90%;*/

    clear: both;
    font-size: 130%;
    /*font-size:110%;*/
    color: #313030;
    /*background:url("../images/bg58.jpg");
background:linear-gradient(90deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.9)) ,url("../images/bg58.jpg");
 	  background-repeat: no-repeat;
    background-position: 100% -20% ;
    background-size:50%;*/
    line-height: 1.8;


    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #colum110:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }


  .colum110-box {
    padding: 5vh 0;
    margin: 0 auto;
    width: 100%;

  }

  .colum110-box:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum110-smallbox {
    padding: auto;
    margin: 5%;
    text-align: center;

    /*width:100%;*/

    /*float:left;*/
  }

  #colum110 .colum110-box .colum110-smallbox:nth-child(1) {
    width: 90%;
    margin: 0 5% 0 5%;
    padding: 0;
    float: left;

  }

  /*#colum110 .colum110-box .colum110-smallbox img:nth-child(1){
width:40%;
margin:0vh 0 0 0;
padding:0;
}*/



  #colum110 .colum110-box img:nth-child(2) {
    width: 100%;
    margin: 5vh 0% 0vh 0%;
    padding: 0;
    float: none;
  }

  #colum110 h2,
  #colum110 h3 {
    font-size: 110%;

    color: #313030;
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
  }

  #colum110 h2 strong,
  #colum110 h3 strong {
    font-size: 120%;
    margin: 0;
    padding: 0;
  }

  #colum110 p {
    margin: 1em 0;
    text-align: left;
  }

  #colum110 h1 {
    font-size: 300%;
    color: #313030;
    /*color:#302f2f;*/
    ine-height: 1;
    /*line-height:1.8;*/
    margin: 0;
    padding: 0;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
  }

  #colum110 h1 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #1479c2;
    /*color:#b9a27f #31c5fc #302f2f;*/
    line-height: 1.8;
    /*line-height:1.8;*/
    margin: 0.5em 0 0 0;
    padding: 0;
    display: block;

  }
}

@media screen and (max-width: 600px) {
  #colum110 {
    border-top: 20px solid #1479c2;
    text-align: left;
    display: block;
    margin: 0 auto;
    padding: 0 auto;
    /*padding:0 5%;*/
    width: 100%;
    /*width:90%;*/
    height: 100vh;
    clear: both;
    font-size: 130%;
    /*font-size:110%;*/
    color: #313030;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)), url("../images/bg58.jpg");
    /*background:linear-gradient(90deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.9)) ,url("../images/bg58.jpg");*/
    background-repeat: round;
    background-position: 100% -20%;
    background-size: cover;



    line-height: 1.8;


    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #colum110:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  .colum110-smallbox {
    padding: auto;
    margin: 0;
    text-align: center;
    /*width:100%;*/

    /*float:left;*/
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.3);
  }

  #colum110 .colum110-box img:nth-child(2) {
    display: none;
    width: 100%;
    margin: 5vh 0% 0vh 0%;
    padding: 0;
    float: none;
  }
}

/*------------------------oem*/

/*---------------------------howto*/
#colum111 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0 0 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum111:after {
  content: "";
  clear: both;
  display: block;
}

.colum111-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum111-box:after {
  content: "";
  clear: both;
  display: block;
}



/*----photo*/
.colum111-box3 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;

  background: #d5e8d5;
}

.colum111-box3:after {
  content: "";
  clear: both;
  display: block;
}

.colum111-box3 img {

  margin: 2% 0%;
  padding: 0;

}

.colum111-box3 img:nth-child(1) {
  width: 60%;
  margin: 2% 0%;
  padding: 0;
  float: left;
  display: block;
}

.colum111-box3 img:nth-child(2) {
  width: 100%;
  margin: 2% 0%;
  padding: 0;
  float: right;
  display: none;
}

.colum111-box3 img:nth-child(3) {
  width: 40%;
  margin: 2% 0%;
  padding: 0;
  float: right;
}

/*----photo*/





#colum111 a:link {
  color: #535253;
  text-decoration: none;
}

#colum111 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum111 a:visited {
  color: #535253;
  text-decoration: none;
}

#colum111 dl {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}

#colum111 dt {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.5em 2%;
  border: 1px solid #31c5fc;
  background: #c0eeff;
  border-radius: 5px;
  display: inline-block;
}

#colum111 p strong {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
}

#colum111 p strong i {
  color: #31c5fc;
  margin-right: 0.5em;
}

.yellowbg {
  background: #ffffd6;
}

#colum111 h5 {
  font-size: 120%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em auto 5vh auto;
  /*margin:1em 2% 5vh 2%;*/
  padding: 1em 1%;
  /*padding:0.25em 1%;*/
  border: 4px solid #249af0;
  display: block;
  width: 98%;
  /*width:94%;*/
}

#colum111 h3,
#colum111 h4,
#colum111 .title61 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
  font-weight: bold;
}

#colum111 h4 i {
  color: #31c5fc;
  margin-right: 0.5em;
}

#colum111 h2 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum111 h2 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum111 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum111-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum111-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

/*youtube*/
.colum111-smallbox2 {
  display: block;
  margin: 2vh auto;
  padding: 0;
  width: 53%;
  text-align: center;
}

.colum111-smallbox2 p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 auto;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*youtube*/

.colum111-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum111-box p {
  width: 94%;
  margin: 0.5em auto 2vh auto;
  padding: 0;
  display: block;
}




#colum111 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum111 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum111 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum111 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum111 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum111 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum111 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum111 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum111 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum111 tr th:nth-child(1),
#colum111 tr th:nth-child(2),
#colum111 tr th:nth-child(3),
#colum111 tr th:nth-child(4),
#colum111 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum111 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum111 table th,
#colum111 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum111 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum111 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum111 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum111 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum111 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo*/
#colum111 .largephoto:link,
#colum111 .smallphoto:link {
  transition: 1s;
}

#colum111 .largephoto:hover,
#colum111 .smallphoto:hover {
  opacity: 0.5;
}

#colum111 .largephoto {
  display: block;
  width: 90%;
  margin: 0 5% 5vh 5%;
  padding: 0;
  transition: 1s;
}

#colum111 .largephoto img {
  width: 100%;
}

#colum111 .smallphoto {
  display: none;
  width: 100%;
  margin: 0 auto 5vh auto;
  padding: 0;
  transition: 1s;
}

#colum111 .smallphoto img {
  display: block;
  width: 100%;
}

/*----------photo*/

/*----------photo2*/
#colum111 .largephoto2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum111 .largephoto2 img {
  display: block;
  width: 100%;
}

#colum111 .smallphoto2 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum111 .smallphoto2 img {
  display: block;
  width: 100%;
}

/*----------photo2*/

/*----------photo3*/
#colum111 .largephoto3 {
  display: block;
  width: 94%;
  margin: 1% 3%;
  padding: 0;
  transition: 1s;
}

#colum111 .largephoto3 img {
  display: block;
  width: 100%;
}

#colum111 .smallphoto3 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum111 .smallphoto3 img {
  display: block;
  width: 100%;
}

/*----------photo3*/
/*-------------------------btn3*/
#colum111 .btn3 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #1479c2;
  color: #fff;
  border-bottom: solid 4px #1068a8;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum111 .btn3 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum111 .btn3:link {
  text-decoration: none;
  color: #fff;
}

#colum111 .btn3:hover {
  color: #fff;
  background-color: #b9a27f;
  border-bottom: solid 4px #98866a;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum111 .btn3:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn3*/

/*-------------------------btn12*/
#colum111 .btn12 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum111 .btn12 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum111 .btn12:link {
  text-decoration: none;
  color: #fff;
}

#colum111 .btn12:hover {
  color: #fff;
  /*color: #205da9;*/
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum111 .btn12:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn12*/

/*-----faq-----*/
.redbg1 {
  background: #ffe4f1;
}

.redbg1:first-letter {
  border-radius: 2px;
  background: #e8383d;
  color: #fff;
  margin: auto 0.5em;
  padding: 0.25em;
}

.bluebg1 {
  background: #fff;
}

.bluebg1:first-letter {
  border-radius: 2px;
  background: #2881e6;
  color: #fff;
  margin: auto 0.5em;
  padding: 0.25em;
}

/*-----faq-----*/
/*----photo*/
.colum111-box4 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;

}

.colum111-box4:after {
  content: "";
  clear: both;
  display: block;
}

.colum111-box4 img {
  margin: 0 25%;
  width: 50%;
  display: block;
}

.colum111-box4 img:nth-child(1) {}

.colum111-box5 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;
}

.colum111-box5:after {
  content: "";
  clear: both;
  display: block;
}

.colum111-box5 img {
  margin: 0 2%;
  width: 30%;
  display: block;
  float: left;
  /**/
}

.colum111-box7 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: left;


}

.colum111-box7:after {
  content: "";
  clear: both;
  display: block;
}

.colum111-box7 img {
  margin: 0 2%;
  width: 96%;
  display: block;
  float: left;
}

.colum111-box7 img:nth-child(1) {
  margin: 0 2%;
  width: 36%;
}

.colum111-box7 img:nth-child(2) {
  margin: 0 2%;
  width: 32%;
}

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

  .colum111-box4 img,
  .colum111-box5 img,
  .colum111-box7 img {
    width: 100%;
    margin: 2% auto;
    padding: 0;
    display: block;
  }
}

/*----photo*/


@media screen and (max-width: 768px) {
  #colum111 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum111:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum111-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum111-box:after {
    content: "";
    clear: both;
    display: block;
  }

  /*youtube*/
  .colum111-smallbox2 {
    display: block;
    margin: 2vh auto;
    padding: 0;
    width: 96%;
    text-align: center;
  }

  /*----photo*/
  .colum111-box3 {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    background: #d5e8d5;
  }

  .colum111-box3:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum111-box3 img {
    width: 50%;
    margin: 2% 0%;
    padding: 0;
    float: right;
  }

  .colum111-box3 img:nth-child(1) {
    width: 100%;
    margin: 2% 0%;
    padding: 0;
    float: left;
    display: none;
  }

  .colum111-box3 img:nth-child(2) {
    width: 100%;
    margin: 2% 0%;
    padding: 0;
    float: left;
    display: block;
  }

  .colum111-box3 img:nth-child(3) {
    width: 100%;
    margin: 2% 0%;
    padding: 0;
    float: right;
  }

  /*----photo*/

  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  /*youtube*/

  #colum111 dl i {

    transform: rotateX(-45deg);
    display: block;
  }

  #colum111 dl {
    width: 94%;
    margin: 0.5em auto 2vh auto;
    padding: 0;
    display: block;
  }

  #colum111 dt {
    font-size: 120%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2%;
    padding: 0.5em 2%;
    border: 1px solid #31c5fc;
    background: #c0eeff;
    border-radius: 5px;
    display: inline-block;
    width: 94%;
  }

  #colum111 h3,
  #colum111 h4,
  #colum111 .title61 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum111 h2 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum111 h2 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum111 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum111 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum111 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum111-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum111-smallbox figcaption br {
    display: block;
  }


  #colum111 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum111 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum111 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }

  /*----------photo3*/
  #colum111 .largephoto3 {
    display: none;
    width: 94%;
    margin: 1% 3%;
    padding: 0;
    transition: 1s;
  }

  #colum111 .largephoto3 img {
    display: none;
    width: 100%;
  }

  #colum111 .smallphoto3 {
    display: block;
    width: 94%;
    margin: 1% 3%;
    padding: 0;
    transition: 1s;
  }

  #colum111 .smallphoto3 img {
    display: block;
    width: 100%;
  }

  /*----------photo3*/
  /*-------------------------btn3*/
  #colum111 .btn3 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #1479c2;
    color: #fff;
    border-bottom: solid 4px #1068a8;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn3*/

  /*-------------------------btn12*/
  #colum111 .btn12 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #15a5da;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 1em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn12*/

}

@media screen and (max-width: 600px) {
  #colum111 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum111 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum111 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum111 .largephoto:link,
  #colum111 .smallphoto:link {
    transition: 1s;
  }

  #colum111 .largephoto:hover,
  #colum111 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum111 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum111 .largephoto img {
    width: 100%;
  }

  #colum111 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum111 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo2*/
  #colum111 .largephoto2 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum111 .largephoto2 img {
    display: block;
    width: 100%;
  }

  #colum111 .smallphoto2 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum111 .smallphoto2 img {
    display: block;
    width: 100%;
  }

  /*----------photo2*/

}

/*---------------------------howto*/

/*---------------------------howto*/
#colum112 {
  text-align: left;
  display: block;
  margin: 0 auto;
  padding: 1vh 0 1vh 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum112:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum112-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum112-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum112 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum112 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}

#colum112 table a:link {
  color: #313030;
  text-decoration: underline;
}

#colum112 table a:hover {
  color: #535253;
  text-decoration: none;
  transition: 1s;
}

#colum112 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum112 table {
  border-collapse: collapse;
  border: 0px;
  margin: 1em auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum112 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum112 table thead .subgroup {
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}

#colum112 table thead {
  text-align: center;
  font-weight: bold;
  color: #313030;
  background: #ece9ec;
}

#colum112 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum112 tr td:nth-child(8),
#colum112 tr td:nth-child(9),
#colum112 tr td:nth-child(10),
#colum112 tr td:nth-child(11) {
  text-align: center;
}

#colum112 table th,
#colum112 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum112 table tr:last-child {
  border-bottom: solid 1px #dbd9d9;
}

#colum112 table th {
  color: #313030;
  font-weight: bold;
  padding: 0.5em;
}

#colum112 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum112 img {
  width: 10%;
  margin: 0.25em;
  box-sizing: border-box;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .colum112-box {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #colum112 {
    text-align: left;
    display: none;
  }
}

/*---------------------------howto*/


/*---------------------------howto smartphone*/
#colum113 {
  text-align: left;
  display: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;

  line-height: 1.8;
}

#colum113:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}


.colum113-box {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1100px;
  clear: both;
  display: block;
  text-align: left;
}

.colum113-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum113 h5 {
  font-size: 180%;

  color: #302f2f;
  line-height: 1.8;
  margin: 0 0 0.5em 0;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

#colum113 h4 {
  font-size: 300%;
  color: #302f2f;
  line-height: 1;
  margin: 4vh auto 0.5em auto;

  padding: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);

  position: relative;
  display: block;
  width: 100%;
}






#colum113 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum113 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum113 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum113 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 100%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum113 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum113 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum113 tr th:nth-child(1),
#colum113 tr th:nth-child(2),
#colum113 tr th:nth-child(3),
#colum113 tr th:nth-child(4),
#colum2 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum113 table p {
  display: block;
  margin: 0;
  padding: 0;
}

#colum113 table th,
#colum113 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum113 table th {
  padding: 0.5em;
  width: 6em;
  /*custom*/
}

#colum113 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

/*-------------------------btn12*/
#colum113 .btn12 {

  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #31c5fc;
  color: #fff;
  border-bottom: solid 4px #15a5da;
  border-radius: 3px;
  transition: all .4s ease-out;

  font-size: 90%;
  width: 30%;
  margin: 1.5em auto 1em auto;
  font-weight: normal;
  text-align: center;
  display: block;


}

#colum113 .btn12 i {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 0.25em 0 0;
}

#colum113 .btn12:link {
  text-decoration: none;
  color: #fff;
}

#colum113 .btn12:hover {
  color: #fff;
  /*color: #205da9;*/
  background-color: #6ed6fd;
  border-bottom: solid 4px #5bc0e5;
  /*opacity:0.5;*/
  transition: 1s;
}

#colum113 .btn12:visited {
  text-decoration: none;
  color: #fff;
}

/*-------------------------btn12*/



}

@media screen and (max-width: 768px) {
  #colum113 {
    display: none;
  }

  .colum113-box {
    display: block;
    padding: 1vh 0 1vh 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }

  /*-------------------------btn12*/
  #colum113 .btn12 {

    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #31c5fc;
    color: #fff;
    border-bottom: solid 4px #15a5da;
    border-radius: 3px;
    transition: all .4s ease-out;

    font-size: 90%;
    width: 90%;
    margin: 1.5em auto 2em auto;
    font-weight: normal;
    text-align: center;
    display: block;
  }

  /*-------------------------btn12*/
}

@media screen and (max-width: 600px) {
  #colum113 {
    display: block;
  }

  .colum113-box {
    display: block;
    padding: 1vh 0 1vh 0;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

/*---------------------------howto smartphone*/


/*toppage-bana*/
#colum114 {
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 0 auto;
  width: 100%;
  clear: both;
  font-size: 110%;
  color: #313030;
  background: #eef0ef;
  /*#49ac9a*/
  line-height: 1.8;
}

#colum114:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

.colum114-box {
  display: block;
  padding: 0 auto;
  margin: 0 auto;
  width: 40%;
  clear: both;
  display: block;
  text-align: center;
}

#colum114 img {
  display: block;
  width: 100%;
  padding-bottom: 15px;
}

#colum114 a {
  transition: 1s all;
  /*カスタム*/

}

#colum114 a:hover {
  opacity: 0.8;
}


.colum114-box:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

@media screen and (max-width: 768px) {
  #colum114 {
    display: block;
  }

  .colum114-box {
    display: block;
    padding: 1vh auto;
    margin: 0 auto;
    width: 90%;
    clear: both;
    display: block;
    text-align: left;
  }
}

/*toppage-bana*/







/*---------------------------pickuppage*/
#colum90 {
  text-align: left;
  display: block;
  clear: both;
  margin: 5vh 0;
  padding: 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
}

#colum90:after {
  content: "";
  clear: both;
  display: block;
}

.colum90-box {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  clear: both;
  text-align: left;


}

.colum90-box:after {
  content: "";
  clear: both;
  display: block;
}


#colum90 a:link {
  color: #535253;
  text-decoration: none;
}

#colum90 a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum90 a:visited {
  color: #535253;
  text-decoration: none;
}


#colum90 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum90 h2,
#colum90 h4 {
  font-size: 200%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  border-left: 8px solid #24b4f0;
  background: #1479c2;
  display: block;
  width: 98%;
  background-image: url(../images/bg8.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

#colum90 h2 small,
#colum90 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

#colum90 ul {
  margin-left: 2em;
  margin-right: 1em;
}

.colum90-box img {
  width: 40%;
  margin: 2% 5%;
  padding: 0;
  float: right;
}

.colum90-smallbox {
  display: block;
  margin: 2vh 2%;
  padding: 0;
  width: 96%;
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum90-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

.colum90-box p {
  width: 94%;
  margin: 0.5em auto;
  padding: 0;
  display: block;
}


/*.colum90-box p{
width:auto;
margin:0.5em auto;
padding:0 1em;
}*/


#colum90 h6 {
  clear: both;
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum90 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum90 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum90 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum90 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum90 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum90 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum90 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum90 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum90 tr th:nth-child(1),
#colum90 tr th:nth-child(2),
#colum90 tr th:nth-child(3),
#colum90 tr th:nth-child(4),
#colum90 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum90 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum90 table th,
#colum90 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum90 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum90 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}

#colum90 h6 figure {
  width: 30%;
  margin: 0 1% 5% 1%;
  box-sizing: border-box;
  float: left;
}

#colum90 h6 figcaption {
  text-align: center;
  color: #555353;
  font-weight: normal;
  font-size: 80%;
  width: 96%;
  margin: 1% auto;
}

#colum90 h6 figure img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/*----------photo
#colum90 .largephoto:link,
#colum90 .smallphoto:link{
	transition: 1s;
}
#colum90 .largephoto:hover,
#colum90 .smallphoto:hover{
opacity: 0.5;
}
#colum90 .largephoto{
display:block;
	width:90%;
	margin:0 5% 5vh 5%;
	padding:0;
		transition: 1s;
}
#colum90 .largephoto img{
width:100%;
}
#colum90 .smallphoto{
display: none;
	width:100%;
		margin:0 auto 5vh auto;
	padding:0;
		transition: 1s;
}
#colum90 .smallphoto img{
display: block;
width:100%;
}
----------photo*/

/*----------photo90*/
#colum90 .largephoto90 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum90 .largephoto90 img {
  display: block;
  width: 100%;
}

#colum90 .smallphoto90 {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 1s;
}

#colum90 .smallphoto90 img {
  display: block;
  width: 100%;
}

/*----------photo90*/

@media screen and (max-width: 768px) {
  #colum90 {
    text-align: left;
    display: block;
    clear: both;
    margin: 2vh auto 0 auto;
    padding: 0;
    width: 90%;

    font-size: 110%;
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
  }

  #colum90:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum90-box {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: left;

    /*均等*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*均等*/
  }


  .colum90-box:after {
    content: "";
    clear: both;
    display: block;
  }




  #colum90 h5 {
    font-size: 160%;
    color: #302f2f;
    line-height: 1.8;
    margin: 1em 2% 1em 0%;
    padding: 0em 0.5em 0.25em 0.5em;
    border-left: 8px solid #249af0;
  }

  #colum90 h2,
  #colum90 h4 {
    font-size: 200%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1;
    margin: 1vh auto;
    padding: 0.5em 1%;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
    border-left: 8px solid #24b4f0;
    background: #1479c2;
    display: block;
    width: 98%;
    background-image: url(../images/bg8.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #colum90 h2 small,
  #colum90 h4 small {
    font-family: "M PLUS Rounded 1c";
    font-size: 50%;
    color: #fff;
    /*color:#302f2f;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    display: block;

  }

  #colum90 ul {
    margin-left: -1em;
    margin-right: 1em;
  }


  #colum90 img {
    width: 90%;
    margin: 2% 5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
  }

  #colum90 table {
    border-collapse: collapse;
    border: 0px;
    margin: 2vh 0;
    padding: 0;
    width: 100%;
    color: #535253;
    font-weight: normal;
    border: solid 1px #dbd9d9;
    font-size: 80%;
  }

  .colum90-smallbox p {
    width: auto;
    margin: 0.5em auto;
    padding: 0 1em;
    display: block;
  }


  .colum90-smallbox figcaption br {
    display: block;
  }


  #colum90 h6 {
    clear: both;
    display: block;

    width: 90%;
    padding: 0.5em 5% 2em 5%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #1479c2;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 120%;
    color: #555353;
    line-height: 1.8;
  }

  #colum90 h6:after {
    content: "";
    /* ※Clearfix */
    clear: both;
    display: block;
  }

  #colum90 h6 strong {
    font-size: 150%;
    color: #fff;
    line-height: 1;
    margin: 0vh auto 0.5em auto;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5px;
    position: relative;
    top: -1.5em;
    display: block;
    width: 8em;
    background: #1068a8;
  }
}

@media screen and (max-width: 600px) {
  #colum90 h6 figure {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
    box-sizing: border-box;
    float: left;
  }

  #colum90 h6 figcaption {
    text-align: center;
    color: #555353;
    font-weight: normal;
    font-size: 80%;
    width: 96%;
    margin: 1% auto;
  }

  #colum90 h6 figure img {
    width: 60%;
    display: block;
    margin: 0 20%;
    padding: 0;
  }

  /*----------photo*/
  #colum90 .largephoto:link,
  #colum90 .smallphoto:link {
    transition: 1s;
  }

  #colum90 .largephoto:hover,
  #colum90 .smallphoto:hover {
    opacity: 0.5;
  }

  #colum90 .largephoto {
    display: none;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum90 .largephoto img {
    width: 100%;
  }

  #colum90 .smallphoto {
    display: block;
    width: 90%;
    margin: 0 5% 5vh 5%;
    padding: 0;
    transition: 1s;
  }

  #colum90 .smallphoto img {
    display: block;
    width: 100%;
  }

  /*----------photo*/
  /*----------photo90*/
  #colum90 .largephoto90 {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum90 .largephoto90 img {
    display: block;
    width: 100%;
  }

  #colum90 .smallphoto90 {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: 1s;
  }

  #colum90 .smallphoto90 img {
    display: block;
    width: 100%;
  }

  /*----------photo90*/
}

/*---------------------------pickuppage*/



/*---------------------------subcontact*/
#colum91 {
  text-align: left;
  display: block;
  clear: both;
  margin: 2vh 0;
  padding: 4vh 0;
  /*padding:10vh 0;*/
  width: 100%;

  font-size: 110%;
  color: #555353;
  /*background-image:url(../images/bg1.png);*/
  line-height: 1.8;
  background: #fff;
  /*border-top:1px solid #cfced0;*/

}

#colum91:after {
  content: "";
  clear: both;
  display: block;
}

.colum91-box {
  display: block;
  margin: 0 auto;
  padding: 2% 20px;
  width: 1060px;
  /*width:1100px;*/
  clear: both;
  text-align: left;
  background: #fff;

  border: solid #fff;
  border-width: 1px 1px 1px 1px;

  border-left: 1px solid #cfced0;
  border-right: 1px solid #cfced0;
  border-top: 1px solid #cfced0;
  border-bottom: 1px solid #cfced0;
}

.colum91-box:after {
  content: "";
  clear: both;
  display: block;
}


/*#colum91 a:link{
/*color: #535253;*/
text-decoration: none;
}

#colum91 a:hover {
  /*color: #535253;
text-decoration: underline;*/
  transition: 1s;
}

#colum91 a:visited {
  /*color: #535253;*/
  text-decoration: none;
}


#colum91 h5 {
  font-size: 160%;
  color: #302f2f;
  line-height: 1.8;
  margin: 1em 2%;
  padding: 0.25em 1%;
  border-left: 8px solid #73d1f8;
  /*border-left:8px solid #249af0*/
  display: block;
  width: 94%;
}

#colum91 h2,
#colum91 h4 {
  font-size: 200%;
  color: #4d4d4d;
  /*color:#302f2f;*/
  line-height: 1;
  margin: 1vh auto;
  padding: 0.5em 1%;
  text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.5);
  /*border-left:8px solid #24b4f0;*/
  background: #ededf0;
  display: block;
  width: 98%;
  /*	background-image:url(../images/bg8.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:cover;*/
}

#colum91 h2 small,
#colum91 h4 small {
  font-family: "M PLUS Rounded 1c";
  font-size: 50%;
  color: #fff;
  /*color:#302f2f;*/
  line-height: 1.8;
  margin: 0;
  padding: 0;
  display: block;

}

.colum91-box2 h3 {

  font-size: 150%;
  line-height: 1.8;
  margin: 1em 0 0.25em 0;
  padding: 0 0 0 0.25em;
  display: block;
  /*border-left: solid 5px #73d1f8;*/
  color: #4d4d4d;
}

.colum91-smallbox {
  display: block;
  margin: 2vh 0;
  padding: 0;
  width: 100%;
  /*width:96%*/
  text-align: left;

  /*background:#ededf0;
border:1px solid #cfced0;*/
}

.colum91-smallbox p {
  width: auto;
  margin: 0.5em auto;
  padding: 0 1em;
  float: right;
}

/*.colum91-box p{
width:100%;
margin:0.5em auto;
padding:0;
display:block;
	}*/




/*2colum*/


.colum91-box2 {
  display: block;
  margin: 0;
  padding: 0 1% 0 1%;
  width: 48%;
  text-align: left;
  float: left;




}

.colum91-box2:after {
  content: "";
  clear: both;
  display: block;
}

.colum91-box2 a:link,
.colum91-box2 a:hover,
.colum91-box2 a:visited {
  text-decoration: none;
  font-weight: bold;
  font-size: 110%;
  margin: 0.25em 0%;
  padding: 0.25em 2%;
  width: 96%;
  display: inline-block;

  border-radius: 15px;
  border-color: #1479c2;
  border-width: 2px;
  border-style: solid;

}



.colum91-box2 a:link {
  color: #333333;
  transition: 1s;
  background: #fff;
}

.colum91-box2 a:visited {
  color: #333333;
  background: #fff;
}

.colum91-box2 a:hover {
  color: #fff;
  background: #1479c2;
  /*color: #2566a9;
background:#1cbbf6;*/
  /*2colum*/
}



/*tel*/
.colum91-xsmallbox {
  display: block;
  margin: 0.25em 1%;
  padding: 0.25em 0;
  width: 48%;
  text-align: center;

  background: #ededf0;
  /*border:1px solid #cfced0;*/
  box-sizing: inherit;


  float: right;


}

.colum91-xsmallbox:after {
  content: "";
  clear: both;
  display: block;
}

.colum91-xsmallbox a:link {
  color: #302f2f;
  text-decoration: none;
  transition: 1s;
}

.colum91-xsmallbox a:hover {
  color: #535253;
  text-decoration: none;
}

.colum91-xsmallbox a:visited {
  color: #302f2f;
  text-decoration: none;
}



.colum91-xsmallbox a img {
  width: 25px;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0.5em 0;
  padding: 0;

  display: inline-block;
}

.colum91-xsmallbox p {
  width: auto;
  margin: 0.25em auto;
  padding: 0;
  display: block;
}

.colum91-xsmallbox a {
  font-size: 200%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  display: block;
}

.colum91-xsmallbox small {
  display: block;
  margin: 0;
  padding: 0;

}

/*tel*/

#colum91 h6 {
  display: block;

  width: 60%;
  padding: 0.5em 5% 2em 5%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #1479c2;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-size: 120%;
  color: #555353;
  line-height: 1.8;
}

#colum91 h6:after {
  content: "";
  /* ※Clearfix */
  clear: both;
  display: block;
}

#colum91 h6 strong {
  font-size: 150%;
  color: #fff;
  line-height: 1;
  margin: 0vh auto 0.5em auto;
  padding: 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -1.5em;
  display: block;
  width: 8em;
  background: #1068a8;
}

#colum91 table a:link {
  color: #535253;
  text-decoration: none;
}

#colum91 table a:hover {
  color: #535253;
  text-decoration: underline;
  transition: 1s;
}

#colum91 table a:visited {
  color: #535253;
  text-decoration: none;
}

#colum91 table {
  border-collapse: collapse;
  border: 0px;
  margin: 2vh auto;
  padding: 0;
  width: 90%;
  color: #535253;
  font-weight: normal;
  border: solid 1px #dbd9d9;
  font-size: 80%;
}

#colum91 table caption {
  color: #fff;
  background: #278dd6;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  margin: 0;
  padding: 0.5em;
  background-image: url(../images/bg8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#colum91 .subgroup {
  /**/
  color: #313030;
  font-weight: normal;
  background: #f8f7f8;
}


#colum91 tr th:nth-child(1),
#colum91 tr th:nth-child(2),
#colum91 tr th:nth-child(3),
#colum91 tr th:nth-child(4),
#colum91 tr th:nth-child(9) {
  color: #313030;
  font-weight: bold;
  background: #ece9ec;
}

#colum91 table p {
  display: block;
  margin: 0;
  padding: 0;

}

#colum91 table th,
#colum91 table td {
  border: solid 1px #dbd9d9;
  /*#eae8e8*/
}

#colum91 table th {
  padding: 0.5em;
  white-space: nowrap;
}

#colum91 table td {
  color: #535253;
  font-weight: normal;
  padding: 0.5em;
}




@media screen and (max-width: 768px) {
  #colum91 {
    text-align: left;
    display: block;
    clear: both;
    margin: 5vh 0;
    padding: 4vh 0;
    /*padding:10vh 0;*/
    width: 100%;

    font-size: 110%;
    /*font-size:110%;*/
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
    /*border-top:1px solid #cfced0;*/

  }

  #colum91:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum91-box {
    display: block;
    margin: 0 auto;
    padding: 2% 1%;
    width: 98%;
    /*width:1100px;*/
    clear: both;
    text-align: left;
    background: #fff;

    border: solid #cfced0;
    border-width: 1px 1px 1px 1px;

    /*border-left:1px solid #cfced0;
  border-right:1px solid #cfced0;
	  border-top:1px solid #cfced0;
	  border-bottom:1px solid #cfced0;	*/
  }

  .colum91-box:after {
    content: "";
    clear: both;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  #colum91 {
    text-align: left;
    display: block;
    clear: both;
    margin: 5vh 0;
    padding: 4vh 0;
    /*padding:10vh 0;*/
    width: 100%;

    font-size: 95%;
    /*font-size:110%;*/
    color: #555353;
    /*background-image:url(../images/bg1.png);*/
    line-height: 1.8;
    background: #fff;
    /*border-top:1px solid #cfced0;*/

  }

  /*2colum*/


  .colum91-box2 {
    display: block;
    margin: 0;
    padding: 0 1% 0 1%;
    width: 48%;
    text-align: left;
    float: left;




  }

  .colum91-box2:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum91-box2 a:link,
  .colum91-box2 a:hover,
  .colum91-box2 a:visited {
    text-decoration: none;
    font-weight: bold;
    margin: 0.25em 0%;
    padding: 0.25em 2%;
    width: 96%;
    display: inline-block;
  }



  .colum91-box2 a:link {
    color: #fff;
    transition: 1s;
    background: #1479c2;
  }

  .colum91-box2 a:hover {
    color: #fff;
    background: #1068a8;
    /*color: #2566a9;
background:#1cbbf6;*/
  }

  .colum91-box2 a:visited {
    color: #fff;
    background: #1479c2;
  }

  /*2colum*/





  /*tel*/
  .colum91-xsmallbox {
    font-size: 95%;
    line-height: normal;
    display: block;
    margin: 0.25em 1%;
    padding: 0.25em 0;
    width: 48%;
    text-align: center;

    background: #ededf0;
    /*border:1px solid #cfced0;*/
    box-sizing: inherit;


    float: right;


  }

  .colum91-xsmallbox:after {
    content: "";
    clear: both;
    display: block;
  }

  .colum91-xsmallbox a:link {
    color: #302f2f;
    text-decoration: none;
    transition: 1s;

  }

  .colum91-xsmallbox a:hover {
    color: #535253;
    text-decoration: none;
  }

  .colum91-xsmallbox a:visited {
    color: #302f2f;
    text-decoration: none;
  }



  .colum91-xsmallbox a img {
    width: 20px;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 0.5em 0;
    padding: 0;

    display: inline-block;

  }

  .colum91-xsmallbox p {
    width: auto;
    margin: 0.25em auto;
    padding: 0;
    display: block;
  }

  .colum91-xsmallbox a {
    font-size: 160%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: block;
  }

  .colum91-xsmallbox small {
    display: block;
    margin: 0;
    padding: 0;

  }

  /*tel*/
}



.gaiyou {
  font-weight: bold;
  color: black;
}

/*---------------------------subcontact*/