* {
margin: 0;
padding: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
list-style:none;
}
html {
height: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {
color: var(--color-black);
font-size: 14px;
font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
height: 100%;
width: 100%;
letter-spacing: 0.5px;
font-feature-settings: "palt" 1;
font-kerning: auto;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; overflow: hidden; }



/*--------------------------------------------------------------------
General settings
--------------------------------------------------------------------*/

/* Common
--------------------------------------------------------------------*/
  img {
  width:100%;
  height: auto;
  display:block;
  }

  .iframe-content {
  position: relative;
  width: 100%;
  }
  .iframe-content iframe {
  width: 100%;
  height: 100%;
  }

  .ytmm {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  }
  .ytmm iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  }

/* Font
--------------------------------------------------------------------*/

  .fs_en { font-family: 'Cinzel', serif; }


/* Color settings
--------------------------------------------------------------------*/
  :root {
    --color-primary:#003ca2;
    --color-secondary:#07a6ca;
    --color-tertiary:#02B5B5;
    --color-quarternary:#d8560b;
    --color-grey:#f5f5f5;
    --color-darkgrey:#ccc;
    --color-white:#fff;
    --color-black:#555;
    --font-en: 'Cinzel', serif;
  }

  body {
    background-color:var(--color-grey);
  }
  #wrapper {
    background-color: #fff;
  }



  a {
    color:--color-quarternary;
    text-decoration: underline;
  }
  a:hover {
    color:--color-tertiary;
    text-decoration: none;
  }

  a .listbn {
    color: #fff;
    background-color:var(--color-primary);
  }
  a:hover .listbn {
    background-color: var(--color-secondary);
  }

  .textbn a {
    color:#fff;
    background-color:var(--color-primary);
  }
  .textbn a:hover {
    background-color: var(--color-secondary);
  }

  form input#submit {
    color:var(--color-white);
    background-color:var(--color-primary);
  }


/*--------------------------------------------------------------------
Style for Smartphones
--------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/* Common */
.mmcc {
  width:100%;
  height: auto;
  display: block;
  margin:0 auto;
  padding:60px 5%;
}
.mmcc p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 2em;
}
.mmcc h2 {
  font-size:24px;
  color:var(--color-primary);
  font-weight: 100;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h3 {
  font-size:18px;
  color:var(--color-primary);
  font-weight: 100;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h4 {
  font-size:16px;
  color:var(--color-primary);
  font-weight: 700;
  line-height: 1.25em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-secondary);
  margin-bottom: 20px;
}
.mmcc h5 {
  font-size:16px;
  color:var(--color-primary);
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h6 {
  font-size:14px;
  color:var(--color-primary);
  font-weight: 400;
  line-height: 1.4em;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
}

/* Padding all styles
--------------------------------------------------------------------*/
.p1 { padding:1%; }
.p2 { padding:2%; }
.p3 { padding:3%; }
.p5 { padding:5%; }
.p8 { padding:8%; }
.p10 { padding:10%; }


/* Margin  bottom styles
--------------------------------------------------------------------*/
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb55 { margin-bottom:55px!important; }
.mb60 { margin-bottom:60px!important; }


/* Center box
--------------------------------------------------------------------*/
.wd20 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd30 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd40 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd50 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd60 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd70 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd80 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd90 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd100 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }


/*Column
--------------------------------------------------------------------*/
  .flbox {
    width:100%;
    height: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .flbox.flb2_0 li {
    width:100%;
    height: auto;
    display: flex;
    justify-content: space-around;
  }
  .flbox.flb3_0 li {
    width:100%;
    height: auto;
    display: flex;
    justify-content: space-around;
  }
  .flbox.flb4_0 li {
    width:100%;
    height: auto;
    display: flex;
    justify-content: space-around;
  }


/* Box left
--------------------------------------------------------------------*/
.box20mleft { width:100%; height:auto; display:block; }
.box30mleft { width:100%; height:auto; display:block; }
.box40mleft { width:100%; height:auto; display:block; }
.box50mleft { width:100%; height:auto; display:block; }
.box60mleft { width:100%; height:auto; display:block; }
.box70mleft { width:100%; height:auto; display:block; }
.box80mleft { width:100%; height:auto; display:block; }


/* Box right
--------------------------------------------------------------------*/
.box20mright { width:100%; height:auto; display:block; }
.box30mright { width:100%; height:auto; display:block; }
.box40mright { width:100%; height:auto; display:block; }
.box50mright { width:100%; height:auto; display:block; }
.box60mright { width:100%; height:auto; display:block; }
.box70mright { width:100%; height:auto; display:block; }
.box80mright { width:100%; height:auto; display:block; }


/* Font setting
--------------------------------------------------------------------*/
.tac { }
.tar { text-align: right; }

.fw_n { font-weight:400!important; }


/* List Styles
--------------------------------------------------------------------*/
ul.ulnom {
margin: 0 0 3em 1em;
}
ul.ulnom li {
margin: 0 0 0.5em 1em;
list-style-image: url(../img/lidot.png);
}

ul.ulnom0 {
margin: 0 0 0em 1em;
}
ul.ulnom0 li {
margin: 0 0 0.5em 1em;
list-style-image: url(../img/lidot.png);
}

ol.olnom {
margin:0 0 3em 1em;
}
ol.olnom li {
margin:0 0 0.5em 1em;
list-style:decimal;
}

ol.olnom0 {
margin:0 0 0em 1em;
}
ol.olnom0 li {
margin:0 0 0.5em 1em;
list-style:decimal;
}


/* table Styles
--------------------------------------------------------------------*/
table.ts01 {
width: 100%;
margin-left: auto;
margin-right: auto;
}

table.ts01 tr th {
width:100%;
height: auto;
display: block;
font-weight: 400;
color:var(--color-primary);
padding:0px 5px 5px;
text-align: left;
}

table.ts01 tr td {
width:100%;
height: auto;
display: block;
padding:8px 5px 20px;
border-bottom: 1px dotted var(--color-darkgrey);
margin-bottom: 20px;
}

.tablescn {
box-sizing: border-box;
border-right: 3px solid #222;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}

table.ts_v {
width: 1000px;
height: auto;
border-collapse: collapse;
table-layout: fixed;
}
table.ts_v th {
width:auto;
height:auto;
border:1px solid #e0e0e0;
padding:10px;
background-color:#f0f0f0;
}
table.ts_v td {
width:auto;
height:auto;
border:1px solid #e0e0e0;
padding:10px;
}


/* Bottons
-----------------------------------------------------------*/
.listbn {
  width:80%;
  height: 24px;
  display:block;
  text-align: center;
  font-size:12px;
  line-height: 24px;
  margin: 0 auto;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.textbn {
  height: 40px;
  display:block;
  text-align: center;
  font-size:14px;
  line-height: 40px;
  margin: 0 auto;
}
.tb20_r { width:100%; }
.tb250px { width:100%; }
.tb40p { width:100%; }
.tb50p { width:100%; }

.textbn a {
    width:100%;
    height: 40px;
    display:block;
    padding-left:15px;
    text-decoration: none;
    background-image: url(../img/header/ic-ar_h_w.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size:auto 50%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/* Form
-----------------------------------------------------------*/

.formbox250 {
background-color: #f3f3f3;
padding: 5px;
width: 100%;
border:1px solid #ccc;
}

.formbox150 {
background-color: #f3f3f3;
padding: 5px;
width: 50%;
border:1px solid #ccc;
}

.formbox100 {
background-color: #f3f3f3;
padding: 5px;
width: 30%;
border:1px solid #ccc;
}

.formbox750 {
background-color: #f3f3f3;
padding: 5px;
width: 100%;
border:1px solid #ccc;
}

form input#submit {
font-size: 14px;
line-height: 50px;
font-weight: 700;
height: 50px;
width: 100%;
margin-right: auto;
margin-left: auto;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}

}

/*--------------------------------------------------------------------
Style for Tablet PCs
--------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) {

/* Common */
.mmcc {
  width:100%;
  height: auto;
  display: block;
  margin:0 auto;
  padding:60px 5%;
}
.mmcc p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 2em;
}
.mmcc h2 {
  font-size:32px;
  color:var(--color-primary);
  font-weight: 100;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h3 {
  font-size:24px;
  color:var(--color-primary);
  font-weight: 100;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h4 {
  font-size:18px;
  color:var(--color-primary);
  font-weight: 500;
  line-height: 1.25em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-secondary);
  margin-bottom: 20px;
}
.mmcc h5 {
  font-size:16px;
  color:var(--color-primary);
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h6 {
  font-size:14px;
  color:var(--color-primary);
  font-weight: 400;
  line-height: 1.4em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-secondary);
  margin-bottom: 20px;
}

/* Padding all styles
--------------------------------------------------------------------*/
.p1 { padding:1%; }
.p2 { padding:2%; }
.p3 { padding:3%; }
.p5 { padding:5%; }
.p8 { padding:8%; }
.p10 { padding:10%; }


/* Margin  bottom styles
--------------------------------------------------------------------*/
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb55 { margin-bottom:55px!important; }
.mb60 { margin-bottom:60px!important; }


/* Center box
--------------------------------------------------------------------*/
.wd20 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd30 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd40 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd50 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd60 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd70 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd80 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd90 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd100 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }


/*Column
--------------------------------------------------------------------*/
  .flbox {
  width:100%;
  height: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  }
  .flbox.flb2_0 li {
  width:49.98%;
  height: auto;
  display: block;
  justify-content: space-around;
  }
  .flbox.flb3_0 li {
  width:33.2333333333333333333%;
  height: auto;
  display: block;
  justify-content: space-around;
  }
  .flbox.flb4_0 li {
  width:100%;
  height: auto;
  display:block;
  }


/* Box left
--------------------------------------------------------------------*/
.box20mleft { width:100%; height:auto; display:block; }
.box30mleft { width:100%; height:auto; display:block; }
.box40mleft { width:100%; height:auto; display:block; }
.box50mleft { width:100%; height:auto; display:block; }
.box60mleft { width:100%; height:auto; display:block; }
.box70mleft { width:100%; height:auto; display:block; }
.box80mleft { width:100%; height:auto; display:block; }


/* Box right
--------------------------------------------------------------------*/
.box20mright { width:100%; height:auto; display:block; }
.box30mright { width:100%; height:auto; display:block; }
.box40mright { width:100%; height:auto; display:block; }
.box50mright { width:100%; height:auto; display:block; }
.box60mright { width:100%; height:auto; display:block; }
.box70mright { width:100%; height:auto; display:block; }
.box80mright { width:100%; height:auto; display:block; }


/* Font setting
--------------------------------------------------------------------*/
.tac { }
.tar { text-align: right; }

.fw_n { font-weight:400!important; }


/* List Styles
--------------------------------------------------------------------*/
ul.ulnom {
margin: 0 0 3em 1em;
}
ul.ulnom li {
margin: 0 0 0.5em 1em;
list-style-image: url(../img/lidot.png);
}

ul.ulnom0 {
margin: 0 0 0em 1em;
}
ul.ulnom0 li {
margin: 0 0 0.5em 1em;
list-style-image: url(../img/lidot.png);
}

ol.olnom {
margin:0 0 3em 1em;
}
ol.olnom li {
margin:0 0 0.5em 1em;
list-style:decimal;
}

ol.olnom0 {
margin:0 0 0em 1em;
}
ol.olnom0 li {
margin:0 0 0.5em 1em;
list-style:decimal;
}


/* table Styles
--------------------------------------------------------------------*/
table.ts01 {
width: 100%;
margin-left: auto;
margin-right: auto;
}

table.ts01 tr th {
width:100%;
height: auto;
display: block;
font-weight: 400;
color:var(--color-primary);
padding:0px 5px 5px;
text-align: left;
}

table.ts01 tr td {
width:100%;
height: auto;
display: block;
padding:8px 5px 20px;
border-bottom: 1px dotted var(--color-darkgrey);
margin-bottom: 20px;
}

.tablescn {
box-sizing: border-box;
border-right: 3px solid #222;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}

table.ts_v {
width: 1000px;
height: auto;
border-collapse: collapse;
table-layout: fixed;
}
table.ts_v th {
width:auto;
height:auto;
border:1px solid #e0e0e0;
padding:10px;
background-color:#f0f0f0;
}
table.ts_v td {
width:auto;
height:auto;
border:1px solid #e0e0e0;
padding:10px;
}


/* Bottons
-----------------------------------------------------------*/
.listbn {
  width:50%;
  height: 24px;
  display:block;
  text-align: center;
  font-size:12px;
  line-height: 24px;
  margin: 0 auto;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.textbn {
  height: 40px;
  display:block;
  text-align: center;
  font-size:14px;
  line-height: 40px;
  margin: 0 auto;
}
.tb20_r { width:60%; }
.tb250px { width:250px; }
.tb40p { width:40%; }
.tb50p { width:50%; }

.textbn a {
    width:100%;
    height: 40px;
    display:block;
    padding-left:15px;
    text-decoration: none;
    background-image: url(../img/header/ic-ar_h_w.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size:auto 50%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/* Form
-----------------------------------------------------------*/

.formbox250 {
background-color: #f3f3f3;
padding: 5px;
width: 100%;
border:1px solid #ccc;
}

.formbox150 {
background-color: #f3f3f3;
padding: 5px;
width: 50%;
border:1px solid #ccc;
}

.formbox100 {
background-color: #f3f3f3;
padding: 5px;
width: 30%;
border:1px solid #ccc;
}

.formbox750 {
background-color: #f3f3f3;
padding: 5px;
width: 100%;
border:1px solid #ccc;
}

form input#submit {
font-size: 14px;
line-height: 50px;
font-weight: 700;
height: 50px;
width: 100%;
margin-right: auto;
margin-left: auto;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}

}

/*--------------------------------------------------------------------
Style for PCs
--------------------------------------------------------------------*/
@media screen and (min-width: 1025px) {

  /* Common */
.mmcc {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  margin:0 auto;
  padding:60px 5%;
}
.mmcc p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 2em;
}
.mmcc h2 {
  font-size:32px;
  font-weight: 100;
  color:var(--color-primary);
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h3 {
  font-size:24px;
  color:var(--color-primary);
  font-weight: 100;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h4 {
  font-size:18px;
  font-weight: 700;
  color:var(--color-primary);
  line-height: 1.25em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-secondary);
  margin-bottom: 20px;
}
.mmcc h5 {
  font-size:16px;
  color:var(--color-primary);
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.mmcc h6 {
  font-size:14px;
  color:var(--color-primary);
  font-weight: 400;
  line-height: 1.4em;
  padding-bottom: 5px;
  border-bottom: 1px dotted var(--color-secondary);
  margin-bottom: 20px;
}

/* Padding all styles
--------------------------------------------------------------------*/
.p1 { padding:1%; }
.p2 { padding:2%; }
.p3 { padding:3%; }
.p5 { padding:5%; }
.p8 { padding:8%; }
.p10 { padding:10%; }


/* Margin  bottom styles
--------------------------------------------------------------------*/
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb55 { margin-bottom:55px!important; }
.mb60 { margin-bottom:60px!important; }


/* Center box
--------------------------------------------------------------------*/
.wd20 { width:20%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd30 { width:30%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd40 { width:40%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd50 { width:50%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd60 { width:60%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd70 { width:70%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd80 { width:80%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd90 { width:90%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.wd100 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }

/*Column
--------------------------------------------------------------------*/
  .flbox {
  width:100%;
  height: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  }
  .flbox.flb2_0 li {
  width:49.98%;
  height: auto;
  display: block;
  justify-content: space-around;
  }
  .flbox.flb3_0 li {
  width:33.2333333333333333333%;
  height: auto;
  display: block;
  justify-content: space-around;
  }
  .flbox.flb4_0 li {
  width:24.95%;
  height: auto;
  display: flex;
  justify-content: space-around;
  }


/* Box left
--------------------------------------------------------------------*/
.box20mleft { width:18%; height:auto; display:block; float:left; }
.box30mleft { width:28%; height:auto; display:block; float:left; }
.box40mleft { width:38%; height:auto; display:block; float:left; }
.box50mleft { width:48%; height:auto; display:block; float:left; }
.box60mleft { width:58%; height:auto; display:block; float:left; }
.box70mleft { width:68%; height:auto; display:block; float:left; }
.box80mleft { width:78%; height:auto; display:block; float:left; }


/* Box right
--------------------------------------------------------------------*/
.box20mright { width:18%; height:auto; display:block; float:right; }
.box30mright { width:28%; height:auto; display:block; float:right; }
.box40mright { width:38%; height:auto; display:block; float:right; }
.box50mright { width:48%; height:auto; display:block; float:right; }
.box60mright { width:58%; height:auto; display:block; float:right; }
.box70mright { width:68%; height:auto; display:block; float:right; }
.box80mright { width:78%; height:auto; display:block; float:right; }


/* Font setting
--------------------------------------------------------------------*/
.tac { text-align: center; }
.tar { text-align: right; }

.fw_n { font-weight:400!important; }


/* List Styles
--------------------------------------------------------------------*/
ul.ulnom {
margin: 0 0 3em 1em;
}
ul.ulnom li {
margin: 0 0 0.5em 1em;
list-style-image: url(../img/lidot.png);
}

ul.ulnom0 {
margin: 0 0 0em 1em;
}
ul.ulnom0 li {
margin: 0 0 0.5em 1em;
list-style-image: url(../img/lidot.png);
}

ol.olnom {
margin:0 0 3em 1em;
}
ol.olnom li {
margin:0 0 0.5em 1em;
list-style:decimal;
}

ol.olnom0 {
margin:0 0 0em 1em;
}
ol.olnom0 li {
margin:0 0 0.5em 1em;
list-style:decimal;
}


/* table Styles
--------------------------------------------------------------------*/
table.ts01 {
width: 100%;
margin-left: auto;
margin-right: auto;
}

table.ts01 tr th {
width:25%;
color:var(--color-primary);
padding:15px 10px;
font-weight: 400;
border-bottom: 1px dotted var(--color-primary);
text-align: left;
}

table.ts01 tr td {
width:auto;
padding:15px 10px;
border-bottom: 1px dotted var(--color-darkgrey);
}

.tablescn {

}

table.ts_v {
width: 100%;
height: auto;
border-collapse: collapse;
table-layout: fixed;
}
table.ts_v th {
width:auto;
border:1px solid #e0e0e0;
padding:10px;
background-color:#f0f0f0;
}
table.ts_v td {
width:auto;
border:1px solid #e0e0e0;
padding:10px;
}


/* Bottons
-----------------------------------------------------------*/
.listbn {
  width:50%;
  height: 24px;
  display:block;
  text-align: center;
  font-size:12px;
  line-height: 24px;
  margin: 0 auto;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.textbn {
  height: 40px;
  display:block;
  text-align: center;
  font-size:14px;
  line-height: 40px;
  margin: 0 auto;
}
.textbn {
  height: 40px;
  display:block;
  text-align: left;
  font-size:14px;
  font-weight: 400;
  line-height: 40px;
  margin: 0 auto;
}
.tb20_r { width:20%; margin-left:80%; }
.tb250px { width:250px; }
.tb40p { width:40%; }
.tb50p { width:50%; }

.textbn a {
    width:100%;
    height: 40px;
    display:block;
    padding-left:15px;
    text-decoration: none;
    background-image: url(../img/header/ic-ar_h_w.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size:auto 40%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}



/* Form
-----------------------------------------------------------*/

.formbox250 {
background-color: #f3f3f3;
padding: 5px;
width: 40%;
border:1px solid #ccc;
}

.formbox150 {
background-color: #f3f3f3;
padding: 5px;
width: 30%;
border:1px solid #ccc;
}

.formbox100 {
background-color: #f3f3f3;
padding: 5px;
width: 20%;
border:1px solid #ccc;
}

.formbox750 {
background-color: #f3f3f3;
padding: 5px;
width: 100%;
border:1px solid #ccc;
}

form input#submit {
font-size: 14px;
line-height: 50px;
font-weight: 700;
height: 50px;
width: 40%;
margin-right: auto;
margin-left: auto;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}

}