/*s: style init*/

@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body {
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic",
    YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,
    "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
  color: #333;
  text-align: center;
}

img {
  border: 0 solid #000;
  vertical-align: bottom;
}

object,
embed {
  vertical-align: bottom;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
}

h3.ttlFX,
h3.ttlBO {
  height: 36px;
  width: 754px;
  line-height: 36px;
  margin: 0 0 10px -5px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  padding-left: 20px;
}

h3.ttlFX {
  background: url(/img/h3_press_ttl.jpg) no-repeat;
}

h3.ttlBO {
  background: url(/img/bo/h3_press_ttl.jpg) no-repeat;
}

div,
blockquote,
p,
pre,
ul,
ol,
li,
dl,
dt,
dd {
  border: 0;
  list-style: none;
}

.linkList {
  text-align: left;
  width: 100%;
}

.linkList li {
  margin: 0 20px 10px 0;
  width: 30%;
  background: url(/img/ico_ar.png) no-repeat 0 2px;
  float: left;
}

.linkList li.long050 {
  width: 47%;
}

.linkList li.long100 {
  width: 99%;
}

.linkList li a {
  padding-left: 1.4em;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

td {
  vertical-align: top;
}

strong {
  color: #005d93;
  font-weight: 700;
}

.caution {
  color: #df0000;
}

.pt {
  color: #c9c9ca;
}

.notes {
  font-size: 12px;
}

input[type="text"],
input[type="password"],
select,
textarea {
  padding: 4px;
  border: 1px solid #0080cc;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  background-color: #efe;
  border: 1px solid #0080cc;
}

input[type="checkbox"] {
  vertical-align: top;
}

label:hover {
  background-color: #0080cc;
}

iframe {
  border: none;
  overflow: auto;
}

a {
  text-decoration: underline;
  overflow: hidden;
}

a:link {
  color: #0c5298;
  text-decoration: underline;
}

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

a:hover,
a:active {
  color: #73a7d6;
  text-decoration: underline;
}

a:hover img.link {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

a.btn:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

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

.clearfix {
  display: inline-table;
  min-height: 1%;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.cmn-block-clear {
  font-size: 0;
  line-height: 0;
  clear: both;
}

.clr_red {
  color: #c00317;
}
.link_target {
  float: left;
}

/*e: style init*/

/*s: style aos*/

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translate(0);
}

[data-aos="fade-up"] {
  transform: translateY(100px);
}

[data-aos="fade-down"] {
  transform: translateY(-100px);
}

[data-aos="fade-right"] {
  transform: translate(-100px);
}

[data-aos="fade-left"] {
  transform: translate(100px);
}

[data-aos="fade-up-right"] {
  transform: translate(-100px, 100px);
}

[data-aos="fade-up-left"] {
  transform: translate(100px, 100px);
}

[data-aos="fade-down-right"] {
  transform: translate(-100px, -100px);
}

[data-aos="fade-down-left"] {
  transform: translate(100px, -100px);
}

[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-aos="zoom-in"] {
  transform: scale(0.6);
}

[data-aos="zoom-in-up"] {
  transform: translateY(100px) scale(0.6);
}

[data-aos="zoom-in-down"] {
  transform: translateY(-100px) scale(0.6);
}

[data-aos="zoom-in-right"] {
  transform: translate(-100px) scale(0.6);
}

[data-aos="zoom-in-left"] {
  transform: translate(100px) scale(0.6);
}

[data-aos="zoom-out"] {
  transform: scale(1.2);
}

[data-aos="zoom-out-up"] {
  transform: translateY(100px) scale(1.2);
}

[data-aos="zoom-out-down"] {
  transform: translateY(-100px) scale(1.2);
}

[data-aos="zoom-out-right"] {
  transform: translate(-100px) scale(1.2);
}

[data-aos="zoom-out-left"] {
  transform: translate(100px) scale(1.2);
}

[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}

[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translate(0);
}

[data-aos="slide-up"] {
  transform: translateY(100%);
}

[data-aos="slide-down"] {
  transform: translateY(-100%);
}

[data-aos="slide-right"] {
  transform: translateX(-100%);
}

[data-aos="slide-left"] {
  transform: translateX(100%);
}

[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/*e: style aos*/

/*s: style lp*/

html {
  overflow: auto;
}

body {
  font-size: 12px;
  overflow: hidden;
  color: #333333;
  font-feature-settings: palt 1;
}

@media only screen and (min-width: 768px) {
  .brPC,
  .pc {
    display: block;
  }
  .brSP,
  .sp {
    display: none !important;
  }
  h3 {
    font-size: 28px;
    letter-spacing: 0.12em;
    width: 74%;
    margin: 0 auto;
  }
  h3 img {
    width: 552px;
  }
  h3 span {
    font-size: 18px;
    display: inline-block;
    vertical-align: super;
  }
  h4 {
    font-size: 22px;
    color: #333333;
    margin: 30px 0 5px;
    letter-spacing: 0.04em;
  }
  h4 span {
    color: #333333;
  }
  .pch4 {
    margin: 9px 0 16px;
  }
  section img,
  section2 img {
    max-width: 100%;
  }
  .floating .btnBox {
    padding: 10px 10px 25px;
  }
}

@media only screen and (min-width: 1441px) {
  .w1441 {
    display: inline-block;
  }
}

@media only screen and (max-width: 1440px) {
  .w1441 {
    display: none;
  }
}

a.pageLink {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 50px;
}

a.pageLinkBottom {
  margin-bottom: 0;
}

@media only screen and (min-width: 530px) and (max-width: 767px) {
  .sp530 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #overlay {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1000;
    background-color: #000;
    width: 100%;
    filter: alpha(opacity=40);
    opacity: 0.4;
  }
  #boxAttention {
    position: fixed;
    top: 10px;
    left: 50%;
    cursor: pointer;
    z-index: 1001;
    background: url(../img/attention_box3.png) no-repeat;
    width: 760px;
    height: 100%;
    margin: 0 0 0 -380px;
  }
}

@media only screen and (min-width: 1441px) {
  #boxAttention {
    position: fixed;
    top: 10px;
    left: 50%;
    cursor: pointer;
    z-index: 1001;
    background: url(../img/attention_box2.jpg?171020) no-repeat;
    width: 721px;
    height: 100%;
    margin: 0 0 0 -325px;
  }
  #overlay {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1000;
    background-color: #000;
    width: 100%;
    filter: alpha(opacity=40);
    opacity: 0.4;
  }
}

@media only screen and (min-width: 768px) {
  #header_fix {
    background-color: #fff;
    display: none;
    left: 0;
    opacity: 0.95;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
  }
  #header_fix_wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 13px 0 19px;
    min-width: 980px;
    max-width: 1090px;
    width: 100%;
  }
  #header_logo {
    float: left;
    margin-left: 20px;
  }
  #header_btn_menu {
    display: none;
  }
  #header_menu {
    padding-top: 6px;
    float: right;
    display: flex;
    display: -webkit-flex;
  }
  #header_menu li {
    float: left;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  #header_menu li + li {
    border-left: 1px solid #545454;
  }
  #header_menu a {
    color: #545454;
    font-size: 16px;
    display: block;
    line-height: 16px;
    text-decoration: none;
    text-align: center;
    padding: 0 15px;
  }
  #header_menu a:hover {
    opacity: 0.8;
  }

  #hdTel {
    width: 40%;
    /*float: right;*/
    margin: 40px auto -20px;
    text-align: left;
  }
  .jsdaqL {
    display: inline-block;
    vertical-align: middle;
    width: 16%;
    margin-right: 2%;
    text-align: right;
  }
  .jsdaqR {
    display: inline-block;
    width: 80%;
    /*vertical-align: top;*/
    vertical-align: middle;
    /*margin-top: 3%*/
  }
  #hdTel img {
    /*max-width: 60px*/
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
  .jsdaqR {
    margin-top: 2%;
  }
}

@media only screen and (min-width: 1441px) {
  .btn {
    margin: 0 auto;
    background: url(../img/bunnerbg.jpg?171003);
    background-position: center center;
    background-repeat: no-repeat;
    width: 1095px;
  }
  .btn p {
    max-width: 689px;
    margin: 20px auto;
  }
  .btn p img {
    max-width: 696px;
    margin-top: 24px;
    padding-bottom: 24px;
  }
  .btn div {
    position: relative;
    width: 696px;
    margin: 0 auto;
  }
  .btn div a {
    position: absolute;
    top: -195px;
    width: 105px;
    height: 105px;
    right: 54px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .btn {
    margin: 20px auto;
    background: url(../img/bunnerbg.jpg?171003);
    background-position: center center;
    background-repeat: no-repeat;
    width: 808px;
    height: 130px;
  }
  .btn p {
    max-width: 900px;
    margin: 0 auto;
  }
  .btn p img {
    max-width: 490px;
    margin-top: 7px;
    padding-bottom: 10px;
  }
  .btn div {
    position: relative;
    width: 696px;
    margin: 0 auto;
  }
  .btn div a {
    position: absolute;
    top: -122px;
    width: 78px;
    height: 78px;
    right: 122px;
  }
}


@media only screen and (min-width: 768px) {
  .visual-image {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .visual-image .visual-inner {
    display: inline-block;
    position: relative;
  }
  .visual-image .visual-btn-1 {
    bottom: 30px;
    display: block;
    /*height: 180px;*/
    left: -30px;
    position: absolute;
    /*width: 160px;*/
  }
  .link-banner {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    /*background: url(../img/text-link.png) no-repeat center center #e50150!important;*/
    background-color: #cd1b29;
    /*height: 80px;*/
    padding-top: 15px;
    height: 250px;
    width: 100%;
  }
  .link-banner:hover {
    background-color: #cd1b29;
    /*background: url(../img/text-link.png) no-repeat center center #f2598b !important;*/
  }
}

@media only screen and (min-width: 768px) {
  .mainsp {
    display: none;
  }
}
@media only screen and (width: 768px) {
  .box-link-banner a {
    width: 96% !important;
  }
}

@media only screen and (min-width: 1441px) {
  .link_target {
    margin-top: -78px;
  }
  .bg {
    background: #fcfcfe;
    width: 100%;
    padding: 85px 0;
  }
  h2 img {
    width: 100%;
  }
  h1 {
    max-width: 1060px;
    margin: 0 auto;
    padding: 80px 0 90px;
  }
  h1 img {
    width: 100%;
  }
  .section1 ul {
    max-width: 900px;
    margin: 0 auto;
  }
  .section1 ul li {
    width: 32%;
    display: inline-block;
  }
  .section1 ul li div {
    margin-bottom: 20px;
  }
  .section1 ul li p {
    margin: 0 auto;
    font-size: 20px;
    color: #333333;
    letter-spacing: 0.03em;
  }
  .section1 ul li span {
    color: #333333;
  }
  .zeroUnder {
    max-width: 1060px;
    margin: 0 auto;
  }
  .zeroUnder img {
    width: 100%;
  }
  .section1 ul li a.pageLink div img {
    max-width: 120px;
    height: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  h1 {
    margin: 0 auto;
    padding: 30px 0 20px;
    width: 52%;
  }
  h1 img {
    width: 100%;
  }
  .section1 ul {
    max-width: 64%;
    margin: 55px auto 0;
    padding: 0 4%;
  }
  .section1 ul li {
    width: 32%;
    display: inline-block;
  }
  .section1 ul li a.pageLink div img {
    max-width: 120px;
    height: auto;
  }
  a.pageLink {
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
  }
  .section1 ul li:nth-of-type(4) a,
  .section1 ul li:nth-of-type(5) a,
  .section1 ul li:nth-of-type(6) a {
    margin-bottom: 0;
  }
  .section1 ul li span {
    color: #333333;
  }
  .section1 ul li p {
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 0.03em;
    color: #333333;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .link_target {
    margin-top: -78px;
  }
  .bg {
    background: #fcfcfe;
    width: 100%;
    padding: 50px 0;
    margin-bottom: 50px;
  }
  h2 {
    width: 65%;
    margin: 0 auto;
  }
  h2 img {
    width: 100%;
  }
  .section2 p.icon {
    width: 84px;
    margin: 0 auto 20px;
  }
}

@media only screen and (min-width: 1441px) {
  .section2 {
    margin-top: 85px;
  }
  .section2 p.icon {
    width: 84px;
    margin: 20px auto 23px;
  }
  .section2 div.icon {
    margin: 55px auto 23px;
    position: relative;
    max-width: 1060px;
  }
  .ttlicon01 {
    position: absolute;
    right: 0;
    bottom: -72px;
  }
  .section2 h2 {
    display: inline-block;
    padding-bottom: 33px;
    font-size: 55px;
    letter-spacing: 0.02em;
    width: 1060px;
    margin: 0 auto;
  }
  small {
    font-size: 15px;
    letter-spacing: 0.02em;
  }
  .text {
    max-width: 1060px;
    margin: 38px auto 0;
    text-align: left;
  }
  .Box {
    border-bottom: 1px solid #c00317;
    padding-bottom: 60px;
    max-width: 1060px;
    margin: 4% auto 70px;
  }
  .rgihtBox {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    line-height: 1em;
    width: 33%;
    margin: 0 2% 0 0;
  }
  .rgihtBox img {
    max-width: 100%;
  }
  .rgihtBox p {
    font-size: 40px;
  }
  .leftBox {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
  }
  .leftBox img {
    width: 100%;
  }
  .parallel {
    width: 1060px;
    margin: 0 auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .parallel:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .parallel li {
    display: inline-block;
    width: 13%;
    margin-right: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .section2 p.icon {
    width: 84px;
    margin: 0 auto 23px;
  }
  .section2 div.icon {
    margin: 0 auto 23px;
    position: relative;
    max-width: 70%;
  }
  .ttlicon01 {
    position: absolute;
    right: 0;
    bottom: -68px;
    max-width: 100px;
  }
  .ttlicon01 img {
    width: 100%;
  }
  small {
    font-size: 15px;
    letter-spacing: 0.02em;
  }
  .text {
    width: 57%;
    margin: 15px auto 50px;
    text-align: justify;
  }
  .Box {
    border-bottom: 1px solid #c00317;
    width: 57%;
    margin: 35px auto 45px;
    padding-bottom: 45px;
  }
  .zeroUnder {
    width: 56%;
    margin: 0 auto;
  }
  .zeroUnder img {
    width: 100%;
  }
  .rgihtBox {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    line-height: 1em;
    width: 33%;
    margin: 0 2% 0 0;
  }
  .rgihtBox img {
    max-width: 100%;
  }
  .rgihtBox p {
    font-size: 19px !important;
  }
  .leftBox {
    display: inline-block;
    width: 45%;
    vertical-align: middle;
  }
  .leftBox img {
    width: 100%;
  }
  .parallel {
    width: 1060px;
    margin: 0 auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .parallel:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .parallel li {
    display: inline-block;
    width: 13%;
    margin-right: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1060px) {
  .Box {
    border-bottom: 1px solid #c00317;
    padding-bottom: 35px;
    max-width: 1060px;
    margin: 24px auto 35px;
  }
  .rgihtBox {
    display: inline-block;
    text-align: right;
    line-height: 1em;
  }
  .rgihtBox p {
    font-size: 30px;
  }
  .ttlicon01 {
    bottom: -53px;
  }
}
@media only screen and (min-width: 1441px) {
  .subtitle02 {
    margin-top: 35px;
  }
  .spBox {
    padding-bottom: 60px;
    width: 100%;
    margin: 50px auto 0;
  }
  .spBox li {
    margin: 0 auto;
  }
  .spBox img {
    max-width: 100%;
  }
  .spBox .rightBox {
    display: inline-block;
    width: 30%;
    margin-top: 72px;
    vertical-align: top;
    position: relative;
    right: 0;
  }
  .spBox .leftBox {
    display: inline-block;
    width: 30%;
    position: relative;
    left: 0;
  }
  .spBox li p {
    text-align: left;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    margin-right: 0;
  }
  .spBox .rightBox div {
    display: inline-block;
    width: 360px;
  }
  .spBg {
    width: 100%;
    padding: 90px 0 30px;
    margin-top: -42px;
  }
  .spBgBox {
    max-width: 1300px;
    margin: 0 auto;
  }
  li .spBgBox p {
    display: inline-block;
    text-align: center;
  }
  li .spBgBox p.sp {
    display: none;
  }
  li .spBgBox p a {
    margin-right: 25px;
  }
  .spBgBox div {
    display: inline-block;
  }
  .spBgBox p img {
    /*min-width: 240px;*/
    margin-bottom: 6px;
  }
  .dawnload {
    width: 25%;
  }
  .dawnload span {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #000;
    padding: 1%;
    margin-bottom: 6px;
    display: inline-block;
    font-size: 15px;
  }
  .spBgBox p.dawnload img {
    width: 100%;
  }
  .apl {
    margin-left: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1441px) {
  .subtitle02 {
    width: 48%;
    margin: 30px auto;
    font-size: 22px;
  }
  .subTtl {
    margin-bottom: 0;
  }
  h3 img {
    width: 52%;
  }
  .spBox {
    width: 100%;
    margin: 20px auto 0;
    padding-bottom: 40px;
  }
  .spBox li {
    margin: 0 auto;
  }
  .spBox img {
    max-width: 100%;
  }
  .spBox .rightBox {
    display: inline-block;
    width: 33%;
    margin-top: 21px;
    vertical-align: top;
    position: relative;
    right: 0;
  }
  .spBox .leftBox {
    display: inline-block;
    width: 30%;
    position: relative;
    left: 0;
  }
  .spBox li p {
    text-align: left;
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    margin: 0 0 10px;
  }
  .spBox .rightBox div {
    display: inline-block;
    width: 320px;
  }
  .spBg {
    width: 100%;
    background: #fcfcfe;
    padding: 30px 0;
  }
  .spBgBox {
    max-width: 1300px;
    margin: 0 auto;
  }
  li .spBgBox p {
    display: inline-block;
    text-align: center;
  }
  li .spBgBox p.sp {
    display: none;
  }
  li .spBgBox p a {
    margin-right: 20px;
  }
  .spBgBox div {
    display: inline-block;
    vertical-align: middle;
  }
  .spBgBox p img {
    /*min-width: 240px;*/
    margin-bottom: 6px;
  }
  .dawnload {
    width: 25%;
    margin-right: 20px;
  }
  .dawnload span {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #000;
    padding: 1%;
    margin-bottom: 6px;
    display: inline-block;
    font-size: 15px;
  }
  .spBgBox p.dawnload img {
    width: 100%;
  }
  .apl {
    margin-left: 35px;
  }
}

@media only screen and (min-width: 1441px) {
  .pcBox {
    margin: 80px auto 0;
    max-width: 1060px;
  }
  .pcImg {
    max-width: 610px;
    margin: 50px auto 0;
    padding-bottom: 30px;
  }
  .pcImg img {
    width: 100%;
  }
  .monitor {
    display: inline-block;
    width: 30%;
    vertical-align: text-top;
  }
  .rightBoxpc {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 35%;
    margin: -12px 0 0 29px;
  }
  .rightBoxpc p {
    text-align: left;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    margin-right: 0;
  }
  .monitor img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .pcBox {
    margin: 51px auto 0;
    max-width: 56%;
  }
  .pcBox:last-child {
    margin-top: 80px;
  }
  .pcBox:nth-of-type(2) {
    margin-bottom: 80px;
  }
  .pcImg {
    max-width: 590px;
    margin: 30px auto 0;
    padding-bottom: 30px;
    width: 55%;
  }
  .pcImg img {
    width: 100%;
  }
  .monitor {
    display: inline-block;
    width: 30%;
    vertical-align: text-top;
  }
  .rightBoxpc {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 35%;
    margin: -12px 0 0 29px;
  }
  .rightBoxpc p {
    text-align: left;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    margin-right: 0;
  }
  .monitor img {
    width: 100%;
  }
}

@media only screen and (min-width: 1441px) {
  .graf03 {
    max-width: 1060px;
    margin: 0 auto;
  }
  .graf03 img {
    width: 100%;
  }
  .zeroDetail {
    max-width: 1060px;
    margin: 0 auto 50px;
  }
  .torihikiUnder {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 25px;
  }
  .torihikiUnder2 {
    padding: 25px 0 0;
    border-top: dotted 1px;
    padding-bottom: 25px;
  }
  .torihikiUnder em {
    font-style: normal;
    font-size: 40px;
  }
  .torihikiUnder li {
    display: inline-block;
    font-size: 19px;
    width: 32%;
    letter-spacing: 0.05em;
  }
  .torihikiUnder li:first-child {
    text-align: left;
  }
  .torihikiUnder li:last-child {
    text-align: right;
  }
  .torihikiUnder li:nth-of-type(2) {
    width: 30%;
  }
  .linetorihiki {
    border-right: 1px solid #9aa1af;
    border-left: 1px solid #9aa1af;
  }
  .torihikiUnder li span.blue {
    color: #5c94cf;
    margin: 0 15px;
    padding-bottom: 5px;
  }
  .torihikiUnder li span.yellow {
    color: #ec6841;
    margin-left: 15px;
    padding-bottom: 5px;
  }
  .torihiki img {
    max-width: 100%;
  }
  .graf {
    max-width: 980px;
    margin: 30px auto;
  }
  .cyuusyaku {
    margin: 25px 0 100px;
    font-size: 16px;
    letter-spacing: 0.02em;
  }
  .zero {
    width: 150px;
    margin: 45px auto;
  }
  .zeroDetail {
    max-width: 1060px;
    margin: 0 auto 50px;
  }
  .zeroDetail li {
    display: inline-block;
    font-size: 18px;
    width: 15%;
    border-right: 2px solid #c00317;
  }
  .zeroDetail li:first-child {
    border-left: 2px solid #c00317;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .torihiki {
    margin: 0 auto 45px;
    max-width: 56%;
  }
  .graf03 {
    width: 67%;
    margin: 0 auto;
  }
  .graf03 img {
    width: 100%;
  }
  .torihikiUnder {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 25px;
  }
  .torihikiUnder2 {
    padding: 25px 0 0;
    border-top: dotted 1px;
    padding-bottom: 25px;
  }
  .torihikiUnder em {
    font-style: normal;
    font-size: 34px;
  }
  .torihikiUnder li {
    display: inline-block;
    font-size: 15px;
    width: 33%;
    letter-spacing: 0.06em;
  }
  .torihikiUnder li:first-child {
    width: 31%;
  }
  .torihikiUnder li:last-child {
    width: 39%;
  }
  .torihikiUnder li:nth-of-type(2) {
    width: 28%;
  }
  .linetorihiki {
    border-right: 1px solid #9aa1af;
    border-left: 1px solid #9aa1af;
  }
  .torihikiUnder li span.blue {
    color: #5c94cf;
    margin: 0 5px;
    padding-bottom: 5px;
  }
  .torihikiUnder li span.yellow {
    color: #ec6841;
    margin-left: 5px;
    padding-bottom: 5px;
  }
  .torihiki img {
    max-width: 100%;
  }
  .graf {
    max-width: 980px;
    margin: 30px auto;
  }
  .cyuusyaku {
    margin: 18px 0 70px;
    font-size: 16px;
    letter-spacing: 0.02em;
  }
  .zero {
    width: 150px;
    margin: 45px auto;
  }
  .zeroDetail {
    width: 61%;
    margin: 0 auto 50px;
  }
  .zeroDetail li {
    display: inline-block;
    font-size: 13px;
    width: 15%;
    border-right: 2px solid #c00317;
  }
  .zeroDetail li:first-child {
    border-left: 2px solid #c00317;
  }
}

@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .torihikiUnder em {
    font-style: normal;
    font-size: 34px;
  }
  .torihikiUnder li {
    font-size: 15px;
  }
  .torihikiUnder li:first-child {
    width: 34%;
  }
  .torihikiUnder li:last-child {
    width: 38%;
  }
  .torihikiUnder li:nth-of-type(2) {
    width: 26%;
  }
  .linetorihiki {
    border-right: 1px solid #9aa1af;
    border-left: 1px solid #9aa1af;
  }
  .torihikiUnder li span.blue {
    color: #5c94cf;
    margin: 0 5px;
    padding-bottom: 5px;
  }
  .torihikiUnder li span.yellow {
    color: #ec6841;
    margin-left: 5px;
    padding-bottom: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .torihikiUnder {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 15px;
  }
  .torihikiUnder2 {
    padding: 15px 0 0;
    border-top: dotted 1px;
    padding-bottom: 25px;
  }
  .torihikiUnder em {
    font-style: normal;
    font-size: 18px;
  }
  .torihikiUnder li {
    display: inline-block;
    font-size: 12px;
    width: 32%;
    letter-spacing: 0.06em;
  }
  .torihikiUnder li:first-child {
    width: 34%;
  }
  .torihikiUnder li:last-child {
    width: 39%;
  }
  .torihikiUnder li:nth-of-type(2) {
    width: 25%;
  }
  .linetorihiki {
    border-right: 1px solid #9aa1af;
    border-left: 1px solid #9aa1af;
  }
  .torihikiUnder li span.blue {
    color: #5c94cf;
    margin: 5px 0;
    padding-bottom: 5px;
  }
  .torihikiUnder li span.yellow {
    color: #ec6841;
    margin-left: 5px;
    padding-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .Box {
    margin: 5% auto 8%;
    width: 88%;
  }
  .rgihtBox {
    display: inline-block;
    width: 41%;
    vertical-align: middle;
    text-align: right;
    margin-right: 6%;
    margin-top: 8%;
    font-size: 28px;
    line-height: 1em;
  }
  .rgihtBox img {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1%;
  }
  .leftBox img {
    width: 100%;
  }
  .leftBox {
    display: inline-block;
    width: 50%;
  }
  .zeroUnder {
    padding: 0 10px 40px;
  }
  .zeroUnder img {
    width: 100%;
  }
  .parallel {
    width: 1060px;
    margin: 0 auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .text {
    width: 92%;
    margin: 0 auto 20px;
    text-align: justify;
  }
  .parallel:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .parallel li {
    display: inline-block;
    width: 13%;
    margin-right: 120px;
  }
}

@media only screen and (max-width: 767px) {
  h3 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0.01em;
    font-size: 17px;
  }
  h3 span {
    font-size: 12px;
    display: inline-block;
    vertical-align: super;
  }
  h3.subtitle02 {
    width: 89%;
  }
  .callimg {
    width: 92%;
    margin: 1% auto 2%;
  }
  .callimg img {
    width: 100%;
  }
  .tel p {
    width: 90%;
    margin: 0 auto;
  }
  .tel p img {
    width: 100%;
  }
  .cyuusyaku2 {
    width: 90%;
    text-align: left;
    margin: 1% auto 0;
  }
  h3 img {
    width: 65%;
    margin-bottom: 3%;
  }
  .spBox {
    margin: 8% 0 0;
  }
  .leftBox img {
    width: 100%;
  }
  .rightBox img {
    width: 100%;
  }
  .spBox .leftBox {
    width: 40%;
    display: inline-block;
    margin-right: 8%;
  }
  .spBox .rightBox {
    width: 40%;
    display: inline-block;
    text-align: left;
  }
  .leftBox {
    vertical-align: top;
  }
  .spBgBox {
    width: 92%;
    margin: 8% auto;
  }
  .spBgBox p img {
    margin-bottom: 10px;
  }
  .apl {
    width: 92%;
    margin: 2% auto;
  }
  .apl a {
    display: inline-block;
    width: 49%;
  }
  .apl img {
    width: 100%;
  }
  .dawnload {
    font-size: 15px;
    width: 70%;
    border: 1px solid;
    border-radius: 15px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .pcBox {
    margin: 8% 0 40px;
  }
  .pcImg {
    max-width: 120px;
    margin: 8% auto;
  }
  .pcImg img {
    width: 100%;
  }
  .monitor {
    display: inline-block;
  }
  .rightBoxpc {
    display: inline-block;
    text-align: center;
    width: 85%;
    margin: 2% auto 0;
  }
  .rightBoxpc p {
    text-align: center;
    font-size: 15px;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    margin-right: 0;
  }
  .monitor img {
    width: 85%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .torihiki {
    margin: 30px auto;
    width: 92%;
  }
  .torihiki img {
    max-width: 100%;
  }
  .graf {
    max-width: 92%;
    margin: 0 auto;
  }
  .graf img {
    width: 100%;
  }
  .cyuusyaku {
    margin: 2% auto 25px;
    width: 92%;
    text-align: left;
  }
  .zero {
    width: 100%;
    margin: 4% auto;
  }
  .zero img {
    width: 34%;
    margin-bottom: 30px;
  }
  .zeroDetail {
    max-width: 92%;
    margin: 0 auto 20px;
  }
  .zeroDetail li {
    display: inline-block;
    font-size: 13px;
    width: 32%;
    /*border-right: 1px solid #9aa1af;*/
    border-right: 1px solid #c00317;
    margin-bottom: 18px;
  }
  .zeroDetail li:nth-of-type(3),
  .zeroDetail li:nth-of-type(6) {
    border-right: 0;
  }
  /* .zeroDetail li span { */
  /*color: #9aa1af*/
  /* } */
}

@media only screen and (min-width: 1441px) {
  .h3Img {
    margin: 60px 0 95px;
  }
  .cyuusyaku2 {
    margin: 20px 0 60px;
    font-size: 16px;
    letter-spacing: 0.02em;
  }
  .tel {
    margin: 0 auto;
    max-width: 1060px;
  }
  .tel h4 {
    text-align: center;
    margin: 0 0 30px;
  }
  .tel img {
    width: 446px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .callimg {
    width: 56%;
    margin: 0 auto 10px;
  }
  .callimg img {
    width: 100%;
  }
  .cyuusyaku2 {
    font-size: 16px;
    letter-spacing: 0.02em;
  }
  .tel {
    margin: 30px auto 50px;
  }
  .tel h4 {
    text-align: center;
    margin-bottom: 8px;
  }
  .tel p {
    max-width: 447px;
    margin: 0 auto;
  }
  .tel img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .h3Img {
    width: 92%;
    margin-top: 10px;
  }
  .h3Img + p {
    width: 100%;
    margin: 5% auto 2%;
  }
  .h3Img + p img {
    width: 100%;
  }
  .callimg {
    width: 92%;
    margin: 1% auto 2%;
  }
  .callimg img {
    width: 100%;
  }
  .cyuusyaku2 {
    margin: 0 auto 5%;
    font-size: 12px;
    width: 92%;
    text-align: center;
  }
  .tel {
    margin: 0 auto;
  }
  .tel h4 {
    text-align: center;
    margin: 0 0 10px;
    font-size: 18px;
  }
  .tel p img {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1441px) {
  .img05 {
    margin: 60px 0;
  }
  .img05 img {
    width: 444px;
  }
  .text05 {
    font-size: 25px;
    margin-bottom: 55px;
    letter-spacing: 0.03em;
  }
  .daily {
    width: 92px;
    margin: 0 auto;
    text-align: justify;
  }
  .daily img {
    width: 100%;
  }
  .seminor {
    max-width: 960px;
    margin: 0 auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .seminor:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .seminor li {
    display: inline-block;
    max-width: 30%;
    margin: 0 auto;
    vertical-align: top;
  }
  .seminor li img {
    width: 100%;
  }
  .title05 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #333333;
    border-radius: 20px;
    margin-top: 3%;
  }
  .text05-1 {
    font-size: 14px;
    margin: 10px auto 0;
    text-align: justify;
    letter-spacing: 0.02em;
    width: 270px;
    font-size: 15px;
    margin: 10px auto 0 auto;
    text-align: justify;
    letter-spacing: 0.02em;
    max-width: 92%;
  }
  .seminor div.step {
    width: 60px;
    margin: 0 auto 2px;
  }
  .stepBox {
    text-align: center;
  }
  .seminor li {
    display: inline-block;
    width: 100%;
    margin: 6% 0 0;
  }
  .buginer {
    font-size: 18px;
    width: 5%;
    display: inline-block;
  }
  .buginertitle {
    display: inline-block;
    font-size: 19px;
    vertical-align: middle;
    margin: 0 0 0 5px;
    letter-spacing: 0.08em;
  }
  .step3 {
    margin: 3px auto 0;
  }
  .subtitle06 {
    font-size: 20px;
    letter-spacing: 0.02em;
    text-align: center;
    background: #333333;
    border-radius: 18px;
    color: #fff;
    width: 100%;
    margin: 4px auto 0;
    padding: 1%;
    /* 0: 1.6em */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .img05 {
    margin: 0 0 30px;
  }
  .img05 img {
    width: 444px;
  }
  .text05 {
    font-size: 20px;
    margin-bottom: 45px;
    letter-spacing: 0.03em;
  }
  .daily {
    width: 92px;
    margin: 0 auto;
    text-align: justify;
  }
  .daily img {
    width: 100%;
  }
  .seminor {
    max-width: 68%;
    margin: 0 auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .seminor:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .seminor li {
    display: inline-block;
    max-width: 30%;
    margin: 0 auto;
    vertical-align: top;
  }
  .seminor li img {
    width: 100%;
    vertical-align: text-bottom;
  }
  .title05 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #333333;
    border-radius: 20px;
    margin-top: 3%;
  }
  .text05-1 {
    font-size: 14px;
    margin: 10px auto 0;
    text-align: justify;
    letter-spacing: 0.02em;
    width: 270px;
    font-size: 15px;
    margin: 10px auto 0 auto;
    text-align: justify;
    letter-spacing: 0.02em;
    max-width: 92%;
  }
  .seminor div.step {
    width: 60px;
    margin: 0 auto 1%;
    vertical-align: top;
  }
  .stepBox {
    text-align: center;
  }
  .seminor li {
    display: inline-block;
    width: 100%;
    margin: 5% 0 0;
  }
  .buginer {
    font-size: 18px;
    width: 12px;
    display: inline-block;
  }
  .buginertitle {
    display: inline-block;
    font-size: 19px;
    vertical-align: middle;
    margin: 0 0 0 5px;
    letter-spacing: 0.08em;
  }
  .step3 {
    margin: 3px auto 0;
  }
  .subtitle06 {
    font-size: 16px;
    letter-spacing: 0.02em;
    text-align: center;
    background: #333333;
    border-radius: 18px;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 1%;
  }
}

@media only screen and (max-width: 767px) {
  .img05 {
    margin: 5% auto;
    width: 92%;
  }
  .img05 img {
    width: 100%;
  }
  .text05 {
    font-size: 14px;
    margin: 0 auto 12%;
    width: 92%;
    letter-spacing: 0.01em;
  }
  .daily {
    width: 30%;
    margin: 8% auto 0;
    text-align: justify;
  }
  .daily img {
    width: 100%;
  }
  .seminor {
    width: 92%;
    margin: 5% auto 0;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .seminor img {
    width: 100%;
  }
  .seminor div.step {
    width: 38%;
    margin: 0 auto 1%;
  }
  .stepBox {
    text-align: center;
  }
  .seminor li {
    display: inline-block;
    width: 100%;
    margin: 10% 0 0;
  }
  .buginer {
    font-size: 18px;
    width: 5%;
    display: inline-block;
    margin: 2% auto;
  }
  .buginertitle {
    display: inline-block;
    font-size: 18px;
    margin-left: 2%;
    vertical-align: middle;
  }
  .step3 {
    margin: 3% 0 1%;
  }
  .subtitle06 {
    font-size: 17px;
    letter-spacing: 0.02em;
    text-align: center;
    background: #333333;
    border-radius: 18px;
    color: #fff;
    width: 85%;
    margin: 0 auto;
    padding: 1%;
  }
  .title05 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #333333;
    border-radius: 20px;
    margin-top: 3%;
  }
  .number {
    text-align: center;
    font-size: 50px;
  }
  .number + p {
    max-width: 60%;
    margin: 0 auto;
  }
  .text05-1 {
    font-size: 14px;
    margin: 10px auto 25px;
    text-align: justify;
    letter-spacing: 0.02em;
    width: 83%;
    line-height: 1.4em;
  }
}

@media only screen and (min-width: 1441px) {
  .h305 {
    margin-top: 80px;
  }
  .teach {
    margin: 75px auto;
    max-width: 1103px;
  }
  .teach li {
    display: inline-block;
    width: 228px;
    vertical-align: top;
    margin-right: 40px;
  }
  .teach li:first-child {
    margin-left: 15px;
  }
  .teach li p img {
    width: 140px;
  }
  .name {
    font-size: 20px;
    padding: 20px 0;
    border-bottom: 2px dotted #3e3a39;
    margin-bottom: 25px;
  }
  .textTeach {
    padding-bottom: 25px;
    border-bottom: 1px solid #3e3a39;
    font-size: 12px;
  }
  .name2 {
    margin-bottom: 17px;
  }
  .name2:first-child {
    margin-bottom: 10px;
  }
  .textTeach1 {
    padding-bottom: 17px;
    font-size: 12px;
    line-height: 1.49em;
  }
  .over {
    margin: 50px auto -147px;
    max-width: 1060px;
  }
  .under {
    margin: -100px auto 0;
    max-width: 1060px;
  }
  .over li,
  .under li {
    width: 33%;
    display: inline-block;
    vertical-align: top;
  }
  .over li.bar img,
  .under li.bar img {
    width: 100%;
  }
  .over li.bar img {
    margin: 0 0 157px;
  }
  .under li.bar img {
    margin-top: 157px;
  }
  .over li p,
  .under li p {
    text-align: justify;
    width: 70%;
    margin: 0 auto;
    font-size: 15px;
  }
  .perspn p {
    text-align: justify;
    width: 18%;
    margin: 0 auto 30px;
    font-size: 15px;
  }
  .over li img,
  .under li img {
    width: 20%;
    margin-top: 7%;
  }
  .graf {
    max-width: 1060px;
    margin: 1px auto;
    position: relative;
  }
  .s80 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 205px;
  }
  .s80 img {
    width: 100%;
  }
  .bar {
    width: 420px;
    margin: 0 auto 30px;
  }
  .bar img {
    width: 100%;
  }
  .bartitle {
    font-size: 15px;
    border-radius: 20px;
    margin: 0 auto 20px;
    color: #fff;
    background: #333333;
    border: #333333;
    padding: 4px;
  }
  .over li.bartitle img {
    width: 12px;
    margin-right: 7px;
    margin-bottom: 1px;
  }
  .under .bartitle {
    margin-top: 130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  h3.h305 {
    font-size: 25px;
    margin: 0 auto 50px;
  }
  .teach {
    margin: 0 auto 50px;
    max-width: 100%;
  }
  .teach li {
    display: inline-block;
    width: 248px;
    vertical-align: top;
    margin-right: 15px;
  }
  .teach li:first-child {
    margin-left: 15px;
  }
  .teach li p img {
    width: 130px;
  }
  .name {
    font-size: 20px;
    padding: 20px 0;
    border-bottom: 2px dotted #3e3a39;
    margin-bottom: 25px;
  }
  .textTeach {
    padding-bottom: 25px;
    border-bottom: 1px solid #3e3a39;
    font-size: 12px;
  }
  .name2 {
    margin-bottom: 17px;
  }
  .name2:first-child {
    margin-bottom: 10px;
  }
  .textTeach1 {
    padding-bottom: 17px;
    font-size: 12px;
    line-height: 1.49em;
  }
  .over {
    margin: 40px auto -122px;
    max-width: 83%;
  }
  .under {
    margin: -175px auto 0;
    max-width: 85%;
  }
  .over li,
  .under li {
    width: 31%;
    display: inline-block;
    vertical-align: top;
  }
  .over li.bar img,
  .under li.bar img {
    width: 100%;
  }
  .over li.bar img {
    margin: 0;
  }
  .under li.bar img {
    margin-top: 190px;
  }
  .bartitle {
    font-size: 15px;
    border-radius: 20px;
    margin: 45px auto 20px;
    color: #fff;
    background: #333333;
    border: #333333;
    padding: 4px;
  }
  .over li.bartitle img {
    width: 12px;
    margin-right: 7px;
    margin-bottom: 1px;
  }
  .over li p,
  .under li p {
    text-align: justify;
    width: 72%;
    margin: 0 auto;
    font-size: 15px;
  }
  .perspn p {
    text-align: justify;
    width: 18%;
    margin: 0 auto 30px;
    font-size: 15px;
  }
  .over li img,
  .under li img {
    width: 20%;
    margin-top: 7%;
  }
  .graf {
    max-width: 56%;
    margin: 1px auto;
    position: relative;
  }
  .s80 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 17%;
  }
  .s80 img {
    width: 100%;
  }
  .bar {
    margin: 2px auto 30px;
  }
  .under .bartitle {
    margin-top: 186px;
  }
  .bar img {
    width: 100%;
  }
}

@media only screen and (max-width: 1270px) and (min-width: 1101px) {
  .teach li {
    display: inline-block;
    width: 223px;
    vertical-align: top;
    margin-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .teach {
    margin: 0 auto 50px;
    max-width: 90%;
  }
  .teach li {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    margin-right: 40px;
  }
  .teach li:first-child {
    margin-left: 15px;
  }
  .teach li:nth-of-type(3),
  .teach li:nth-of-type(4) {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1060px) {
  .teach {
    width: 792px;
  }
  .teach li {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .h305 {
    margin: 17% auto 9%;
    width: 87%;
  }
  .teach {
    margin: 5% auto 10%;
    width: 81%;
  }
  .teach li {
    display: inline-block;
    width: 100%;
    margin-top: 6%;
  }
  .teach li:first-child {
    margin-left: 15px;
  }
  .teach li p img {
    width: 140px;
  }
  .name {
    font-size: 19px;
    padding: 2% 0;
    border-bottom: 2px dotted #b7b7b7;
  }
  .textTeach {
    padding-bottom: 25px;
    font-size: 14px;
  }
  .name,
  .name2,
  .textTeach,
  .textTeach1 {
    margin: 0 auto 3%;
    width: 100%;
  }
  .section04 {
    margin: 15% 0 0;
  }
  .sarcle1 {
    margin-top: 5%;
  }
  .sarcle {
    width: 92%;
    margin: 0 auto;
  }
  .sarcle img {
    width: 100%;
  }
  .over li,
  .under li {
    width: 92%;
    display: inline-block;
    margin: 0 auto 6%;
  }
  .over li p,
  .under li p {
    text-align: justify;
    width: 85%;
    float: right;
    margin-top: 2%;
  }
  .over li img,
  .under li img {
    width: 13%;
    float: left;
    display: inline-block;
  }
  .graf {
    max-width: 92%;
    margin: 0 auto;
    position: relative;
  }
  .s80 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35%;
  }
  .s80 img {
    max-width: 100%;
  }
  .bar {
    width: 80%;
    margin: 5% auto 30px;
  }
  .bar img {
    width: 100%;
  }
}

@media only screen and (min-width: 1441px) {
  .logo06 {
    width: 840px;
    margin: 55px auto 0;
  }
  .logo06:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .logo06 li {
    margin: 0 auto;
  }
  .logo06 li img {
    width: 90%;
  }
  .logo06 li:first-child {
    width: 100%;
  }
  .logo06 li:nth-of-type(2) {
    width: 260px;
  }
  .logo06 li:last-child {
    width: 230px;
  }
  .photo06 {
    width: 840px;
    margin: 40px auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .photo06:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .photo06 li {
    display: inline-block;
  }
  .photo06 li img {
    width: 360px;
  }
  .img06 {
    margin: 55px auto;
    width: 800px;
    padding-bottom: 100px;
  }
  .img06Box {
    width: 45%;
    display: inline-block;
    margin: 0 2%;
  }
  .img06Box img {
    max-width: 100%;
  }
  .custmer {
    width: 310px;
    margin: 0 auto 90px;
  }
  div.custmer img {
    width: 100%;
  }
  .text06 {
    font-size: 20px;
    margin: 38px 0 45px;
    letter-spacing: 0.02em;
  }
  .text06 + p {
    max-width: 1060px;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
  }
  h5 {
    font-size: 35px;
    background: #c00317;
    color: #fff;
    padding: 5px 0;
    max-width: 1060px;
    margin: 0 auto;
    letter-spacing: 0.08em;
  }
  .img07 {
    padding-bottom: 50px;
    max-width: 1060px;
    margin: 0 auto 30px;
  }
  .img07 li {
    width: 11%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1%;
  }
  .img07 li img {
    max-width: 100%;
  }
  .img07 li.rakten img {
    width: 90%;
  }
  .box2 ul {
    /* mix-width: 1060px; */
    margin: 0 auto;
  }
  .box2 li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
  }
  .box2 p {
    font-size: 16px;
    letter-spacing: 0.02em;
    margin-bottom: 40px;
  }
  .box2 .title {
    font-size: 15px;
    border-radius: 20px;
    border: 1px solid #000;
    max-width: 270px;
    margin: 0 auto 20px;
  }
  .box2 {
    max-width: 1060px;
    margin: 0 auto;
  }
  .box2 img {
    max-width: 300px;
    vertical-align: middle;
  }
  .imgtext {
    font-size: 16px;
    color: #7da5d7;
  }
  .sub {
    margin: 35px 0 90px;
  }
  .sub div {
    font-size: 13px;
    border-radius: 10px;
    border: 1px solid #000;
    margin: 0 1% 5% 0;
    display: inline-block;
    padding: 2% 3%;
  }
  .sub div.last {
    background: #7da5d7;
    color: #fff;
    border: 1px solid #7da5d7;
  }
  .paddingBox {
    width: 1060px;
    padding: 0 10px;
    margin: 0 auto;
  }
  .text06-1 {
    width: 1060px;
    margin: 0 auto;
  }
  .text06-1 img {
    width: 90%;
    margin: 0 auto;
    padding: 70px 0 80px;
  }
  .text06-1 + p {
    width: 1060px;
    margin: 0 auto;
    text-align: justify;
  }
  .box2 .title,
  title {
    font-size: 15px;
    border-radius: 20px;
    margin: 7% auto 20px;
    color: #fff;
    background: #566b80;
    border: #566b80;
    padding: 1%;
  }
  .box2 {
    max-width: 1060px;
    margin: 0 auto;
  }
  .box2 .imgtext img {
    max-width: 76%;
    vertical-align: middle;
  }
  .imgtext {
    font-size: 16px;
    color: #7da5d7;
    width: 92%;
    margin: 0 auto;
    height: 50px;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
  .logo06 {
    width: 65%;
    margin: 0 auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .logo06 img {
    width: 100%;
  }
  .logo06:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  ul.logo06 li {
    text-align: center;
  }
  .logo06 li:first-child {
    width: 100%;
  }
  .logo06 li:nth-of-type(2) {
    width: 260px;
  }
  .logo06 li:last-child {
    width: 230px;
  }
  .photo06 {
    max-width: 65%;
    margin: 35px auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .photo06:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .photo06 li {
    display: inline-block;
    max-width: 360px;
    image-rendering: auto;
  }
  .photo06 li img {
    width: 100%;
  }
  .img06 {
    margin: 40px auto;
    width: 56%;
    padding-bottom: 50px;
  }
  .img06Box {
    width: 28%;
    display: inline-block;
    margin: 0 7%;
  }
  .img06Box img {
    max-width: 100%;
  }
  .text06 {
    font-size: 18px;
    margin: 30px auto;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    width: 60%;
  }
  .text06 + p {
    width: 65%;
    margin: 0 auto;
    text-align: justify;
    font-size: 14px;
  }
  h5 {
    font-size: 24px;
    background: #c00317;
    color: #fff;
    padding: 5px 0;
    width: 65%;
    margin: 0 auto;
    letter-spacing: 0.08em;
  }
  .img07 {
    padding-bottom: 50px;
    width: 63%;
    margin: 0 auto;
  }
  .img07 li {
    width: 11%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1%;
  }
  .img07 li img {
    max-width: 100%;
  }
  .img07 li.mizuho img {
    width: 90%;
  }
  .img07 li.rakten img {
    width: 92%;
  }
  .box2 ul {
    mix-width: 1060px;
    margin: 0 auto;
  }
  .box2 li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
  }
  .box2 p {
    font-size: 14px;
    letter-spacing: 0.02em;
    margin-bottom: 40px;
  }
  .box2 .title {
    font-size: 15px;
    border-radius: 20px;
    border: 1px solid #000;
    max-width: 270px;
    margin: 0 auto 20px;
  }
  .box2 {
    max-width: 1060px;
    margin: 0 auto;
  }
  .box2 img {
    max-width: 300px;
    vertical-align: middle;
  }
  .imgtext {
    font-size: 16px;
    color: #7da5d7;
  }
  .sub {
    margin: 20px 0 50px;
    width: 100%;
  }
  .sub div {
    font-size: 12px;
    border-radius: 10px;
    border: 1px solid #333333;
    margin: 0 1% 0 0;
    display: inline-block;
    padding: 2%;
  }
  .sub div.last {
    background: #7da5d7;
    color: #fff;
    border: 1px solid #7da5d7;
  }
  .paddingBox {
    width: 65%;
    padding: 0 10px;
    margin: 0 auto;
  }
  .text06-1 {
    width: 65%;
    margin: 0 auto;
  }
  .text06-1 img {
    width: 100%;
    margin: 0 auto;
    padding: 45px 0 50px;
  }
  .text06-1 + p {
    width: 1060px;
    margin: 0 auto;
    text-align: justify;
  }
  .box2 .title {
    font-size: 15px;
    border-radius: 20px;
    margin: 45px auto 20px;
    color: #fff;
    background: #566b80;
    border: #566b80;
    padding: 1%;
  }
  .custmer {
    width: 310px;
    margin: 0 auto 75px;
  }
  div.custmer img {
    max-width: 100%;
  }
  .box2 {
    width: 65%;
    margin: 0 auto;
  }
  .box2 img {
    max-width: 76%;
  }
  .imgtext {
    font-size: 16px;
    color: #7da5d7;
    width: 92%;
    margin: 0 auto;
    height: 37px;
  }
}

@media only screen and (max-width: 1160px) and (min-width: 1000px) {
  .photo06 {
    max-width: 52%;
    margin: 35px auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .photo06 li {
    display: inline-block;
    max-width: 250px;
    image-rendering: auto;
  }
}

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .photo06 {
    max-width: 70%;
    margin: 35px auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .photo06 li {
    display: inline-block;
    max-width: 250px;
    image-rendering: auto;
  }
}

@media only screen and (max-width: 767px) {
  .logo06 {
    max-width: 88%;
    margin: 30px auto 20px;
  }
  .logo06 li:last-child {
    width: 230px;
  }
  .logo06 li img {
    width: 100%;
  }
  .photo06 {
    width: 92%;
    margin: 10px auto;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .photo06:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  .photo06 li {
    max-width: 92%;
    margin: 0 auto 8%;
  }
  .photo06 li img {
    width: 100%;
  }
  .img06 {
    margin: 20px auto;
    width: 93%;
  }
  .img06Box {
    width: 46%;
    margin: 5% auto 0;
    display: inline-block;
    padding-right: 2%;
  }
  .img06 img {
    width: 100%;
  }
  .text06 {
    font-size: 15px;
    margin: 30px auto 20px;
    letter-spacing: 0.02em;
    text-align: center;
    width: 92%;
  }
  .text06 + p {
    max-width: 92%;
    margin: 0 auto 4%;
    font-size: 13px;
    text-align: justify;
  }
  .text06 + p img {
    width: 100%;
  }
  .img07 {
    width: 92%;
    margin: 0 auto 50px;
    padding-bottom: 25px;
  }
  .img07 li {
    display: inline-block;
    width: 24%;
    margin-bottom: 4%;
    vertical-align: middle;
  }
  .img07 li img {
    width: 97%;
  }
  .img07 li.mizuho img {
    width: 80%;
  }
  .img07 li.rakten img {
    width: 91%;
  }
  .box2 ul {
    width: 98%;
    margin: 0 auto;
  }
  .box2 ul.custmerBox li {
    display: inline-block;
    width: 48%;
    margin: 0 auto 45px;
  }
  .box2 li {
    display: block;
    width: 93%;
    vertical-align: top;
    margin: 0 auto 10%;
  }
  .box2 p {
    font-size: 15px;
    letter-spacing: 0.02em;
    margin-bottom: 40px;
  }
  .box2 .title,
  .title,
  .overbar {
    font-size: 12px;
    border-radius: 20px;
    margin: 10% auto 20px;
    color: #fff;
    background: #566b80;
    padding: 1%;
    width: 95%;
  }
  .overbar {
    background: #9aa1af;
  }
  .overbar img {
    width: 3%;
    margin-right: 2%;
    vertical-align: middle;
  }
  .box2 {
    max-width: 1060px;
    margin: 0 auto;
  }
  .box2 img {
    max-width: 100%;
    vertical-align: middle;
  }
  .imgtext {
    font-size: 16px;
    color: #c00317;
    width: 92%;
    margin: 0 auto;
  }
  .box2 div.imgtext img {
    width: 70%;
  }
  .sub {
    margin: 20px auto 5%;
  }
  .sub div {
    font-size: 11px;
    border-radius: 5px;
    border: 1px solid #333333;
    margin: 0 1% 5% 0;
    display: inline-block;
    padding: 1% 2%;
  }
  .sub div.last {
    background: #7da5d7;
    color: #fff;
    border: 1px solid #7da5d7;
  }
  .text06-1 img {
    max-width: 92%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .text06-1 {
    margin: 20px 0;
  }
  .text06-1 + p {
    width: 92%;
    margin: 0 auto;
    text-align: justify;
  }
  .paddingBox {
    width: 90%;
    margin: 0 auto;
    text-align: justify;
  }
}

@media only screen and (min-width: 768px) {
  canvas {
    height: auto !important;
    width: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  canvas {
    height: auto !important;
    width: 100% !important;
  }
}

.floating {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
}

@media only screen and (min-width: 768px) {
  .floating {
    padding: 0;
    bottom: -15px;
  }
  .floating .pc_show {
    display: inline;
  }
  .floating .sp_show {
    display: none;
  }
  a.btnBox {
    max-width: 725px;
  }
}
@media only screen and (max-width: 767px) {
  .floating {
    bottom: -1.5%;
    padding: 10px;
  }
  .floating .pc_show {
    display: none;
  }
  .floating .sp_show {
    display: inline;
  }
  a.btnBox {
    max-width: 98%;
  }
  .floating .btnBox {
    border-radius: 0 !important;
  }
}

a.btnBox {
  /* max-width: 725px; */
  margin: 0 auto;
  display: inline-block;
}

.floating img {
  width: 100%;
}

.is-fixed {
  display: none !important;
}

@media only screen and (min-width: 768px) {
  #footer {
    width: 100%;
    height: 128px;
    border-top: 2px solid #9fa0a0;
    margin-top: 50px;
    margin-bottom: 120px;
  }
  #footerIn {
    position: relative;
    width: 1090px;
    height: 128px;
    margin: 0 auto;
  }
  #footerIn p {
    text-align: left;
  }
  #footerIn .logo {
    position: absolute;
    left: -10px;
    top: 36px;
  }
  #footerIn .code {
    position: absolute;
    left: 455px;
    top: 25px;
  }
  #footerIn .copy {
    position: absolute;
    left: 455px;
    top: 90px;
  }
  #logcode {
    display: none;
  }
  .test {
    width: 100%;
    text-align: justify;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #footer {
    width: 100%;
    height: 200px;
    border-top: 2px solid #9fa0a0;
    margin-top: 50px;
    margin-bottom: 100px;
  }
  #footerIn {
    position: relative;
    width: 70%;
    height: 200px;
    margin: 0 auto;
  }
  #footerIn .code {
    position: absolute;
    left: 290px;
    top: 25px;
  }
  #footerIn .copy {
    position: absolute;
    left: 20%;
    top: 128px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 830px) {
  #footerIn .copy {
    position: absolute;
    left: 20%;
    top: 135px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 806px) {
  #footerIn .copy {
    position: absolute;
    left: 20%;
    top: 170px;
  }
}

@media only screen and (max-width: 767px) {
  #footer {
    border-top: 2px solid #9fa0a0;
    margin-top: 30px;
    padding-top: 30px;
    margin-bottom: 120px;
  }
  .sptext02 {
    text-align: left;
  }
  #footerIn {
    width: 100%;
    margin: 0 auto;
  }
  #footerIn p {
    text-align: left;
  }
  #footerIn .logo {
    width: 90%;
    text-align: center;
  }
  #footerIn .logo img {
    width: 70%;
  }
  #footerIn .code {
    width: 92%;
    margin: 10px auto 7px;
    text-align: justify;
  }
  #footerIn .copy {
    width: 90%;
    margin: 0 auto 5%;
    font-size: small;
  }
  #logcode {
    display: none;
  }
}

.top {
  position: fixed;
  bottom: 110px;
  right: 2%;
  z-index: 10;
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  br {
    line-height: 1.4em;
  }
  h1,
  h2 {
    font-size: 48px;
    line-height: 1em;
  }
  h3,
  h4 {
    font-size: 22px;
    letter-spacing: 0.1em;
  }
  a.pageLink {
    margin-bottom: 50px;
  }
  .section1 ul {
    max-width: 80%;
    margin: 0 auto 20px;
    padding: 0 4%;
  }
  .section1 ul li p {
    margin: 1% auto;
    font-size: 15px;
    color: #333333;
    letter-spacing: 0.02em;
  }
  .rgihtBox {
    margin-top: 3%;
  }
  h4.text02 + p {
    font-size: 16px;
  }
  .rightBoxpc p {
    font-size: 16px;
    margin-top: 2%;
  }
  .h305 {
    margin: 17% auto 9%;
    width: 87%;
  }
  .teach {
    margin: 5% auto 10%;
    width: 90%;
  }
  .teach li {
    display: inline-block;
    width: 48%;
    margin-top: 6%;
    vertical-align: top;
  }
  .teach li:first-child {
    margin-left: 15px;
  }
  .teach li p img {
    width: 140px;
  }
  .name {
    font-size: 19px;
    padding: 2% 0;
    border-bottom: 2px dotted #b7b7b7;
  }
  .textTeach {
    padding-bottom: 25px;
    font-size: 14px;
  }
  .name,
  .name2,
  .textTeach,
  .textTeach1 {
    margin: 0 auto 3%;
    width: 90%;
  }
  .text05-1 {
    font-size: 14px;
    margin: 0 auto 25px;
    text-align: justify;
    letter-spacing: 0.02em;
    width: 76%;
    line-height: 1.4em;
  }
  .buginer {
    font-size: 18px;
    width: 5%;
    display: inline-block;
    margin: 2% auto;
  }
  .buginer {
    width: 3%;
    display: inline-block;
    margin: 2% auto;
  }
  .buginertitle {
    font-size: 24px;
    vertical-align: middle;
  }
  .box2 .title,
  .title,
  .subtitle06 {
    font-size: 20px;
    border-radius: 20px;
    margin: 10px auto 15px;
    color: #fff;
    background: #566b80;
    padding: 1%;
    width: 80%;
  }
  .custmer {
    margin-top: 5%;
  }
  .overbar {
    font-size: 23px;
    border-radius: 20px;
    margin: 10px auto 15px;
    color: #fff;
    padding: 1%;
    width: 80%;
  }
  .callimg {
    width: 90%;
    margin: 2% auto;
  }
  .callimg img {
    width: 100%;
  }
  .tel h4 {
    text-align: center;
    margin-bottom: 8px;
  }
  .over,
  .under {
    width: 80%;
    margin: 0 auto;
  }
  .over li p,
  .under li p {
    font-size: 15px;
  }
  .over li img,
  .under li img {
    width: 10%;
  }
  .brSP {
    display: none;
  }
}

@media only screen and (min-width: 440px) and (max-width: 599px) {
  .rgihtBox {
    margin-top: 2%;
    font-size: 20px;
    line-height: 1em;
  }
}

@media only screen and (min-width: 360px) and (max-width: 439px) {
  .rgihtBox {
    margin-top: 3%;
    /*font-size: 20px;*/
    font-size: 16px;
    line-height: 1em;
  }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
  .rgihtBox {
    margin-top: 2%;
    font-size: 14px;
    line-height: 1em;
  }
}

@media only screen and (min-width: 530px) and (max-width: 599px) {
  h1,
  h2 {
    font-size: 33px;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
  h1 {
    width: 66%;
  }
  h2 {
    width: 70%;
  }
  .section1 ul {
    max-width: 75%;
    margin-bottom: 50px;
  }
  .section1 ul li p {
    font-size: 12px;
  }
  .subtitle02 {
    font-size: 20px;
  }
  .subtitle02 span {
    font-size: 14px;
  }
  h3 {
    font-size: 21px;
  }
  h3 img {
    width: 80%;
  }
  h4 {
    font-size: 18px;
  }
  .rightBoxpc p {
    font-size: 15px;
  }
  .cyuusyaku,
  .cyuusyaku2 {
    font-size: 12px;
  }
  .zero {
    margin: 25px auto;
  }
  .zeroDetail {
    width: 76%;
  }
  .text05 {
    font-size: 14px;
  }
  .buginertitle {
    font-size: 16px;
    height: 35px;
    vertical-align: baseline;
  }
  .seminor {
    max-width: 70%;
  }
  .subtitle06 {
    font-size: 12px;
    padding: 5px;
  }
  .text05-1 {
    font-size: 15px;
  }
  h3.h305 {
    font-size: 21px;
  }
  .s80 {
    width: 18%;
  }
  .over {
    margin: 40px auto -97px;
  }
  .under {
    margin: -129px auto 0;
  }
  .under li.bar img {
    margin-top: 175px;
  }
  .over li.bar img {
    margin: 0;
  }
  .logo06,
  .photo06 {
    width: 70%;
  }
  .photo06 {
    text-justify: distribute-all-lines;
  }
  .logo06 img {
    width: 85%;
  }
  h5 {
    font-size: 20px;
    width: 70%;
  }
  .text06 {
    font-size: 16px;
    width: 70%;
  }
  .text06 + p {
    font-size: 14px;
    width: 70%;
  }
  .box2 {
    width: 78%;
  }
  .img07 {
    width: 678px;
  }
  .img07 li {
    width: 20%;
    margin-right: 4%;
    margin-bottom: 2%;
  }
  .box2 p {
    font-size: 13px;
  }
  .imgtext {
    font-size: 14px;
    height: 56px;
  }
  .sub div {
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 3px;
  }
  .text06-1,
  .paddingBox {
    width: 70%;
  }
  .text06-1 img {
    padding: 30px 0 40px;
  }
}

@media only screen and (max-width: 870px) and (min-width: 768px) {
  .buginertitle {
    font-size: 14px;
    height: 35px;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 100%;
  display: none;
}

.modal.on-popup {
  display: block;
}

.modal::before {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
}

.modal .modal-newopen {
  max-height: 100%;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-align: initial;
  background-color: #fff;
  padding: 35px 20px 20px;
  height: 680px;
  overflow-y: auto;
  position: relative;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 11;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.modal-fx3 .modal-newopen,
.modal-fx4 .modal-newopen {
  /*max-width: 940px;*/
  text-align: center;
}

.modal .modal-newopen .close {
  position: absolute;
  top: 10px;
  right: 19px;
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #666;
  color: #666;
  font-size: 24px;
  cursor: pointer;
}

.modal-newopen img {
  max-width: 100%;
  margin: 20px 0;
}

.modal .modal-newopen .modal-btn-bunner {
  position: absolute;
  top: 9px;
  right: 70px;
  width: 263px;
  height: 36px;
  line-height: 34px;
  text-align: center;
}

.modal-newopen .modal-btn-bunner img {
  margin: 0;
}

.modal-newopen .box-title {
  position: relative;
  font-size: 16px;
  padding: 15px 0;
  display: block;
  font-weight: 700;
  margin: 0 0 20px;
}

.modal-newopen .box-title:before {
  content: "";
  width: 80px;
  height: 4px;
  bottom: -2px;
  left: 0;
  position: absolute;
  background: #005a9d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.modal-newopen .cred {
  color: #d71244;
}

.modal-newopen .text-center {
  text-align: center;
}

.modal-newopen .alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #333;
  padding: 15px;
  margin-top: 20px;
}

.modal-newopen .sub-list-circle {
  padding-left: 19px;
}

.modal-newopen .sub-list-circle li {
  list-style-type: disc;
}

.box-btn {
  /*margin: 0 0 20px;*/
  padding-bottom: 20px;
}

.box-btn .btn-close {
  text-decoration: none;
  padding: 8px 35px;
  background-color: grey;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
}

.box-btn .btn-close:hover {
  background-color: #005a9d;
}

.btn-close,
.btn-popup,
.btn-popup2 {
  cursor: pointer;
}

.top.pc {
  display: none !important;
}

.top.show {
  display: inline-block !important;
}

.newopen-fx {
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-align: left;
  padding: 0 10px;
}

.newopen-fx ul {
  padding-left: 0;
  list-style-type: none;
}

@media only screen and (min-width: 1441px) {
  .wrapper .btn.style2 {
    background: none;
  }
  .wrapper .btn.bottom {
    margin-bottom: -50px;
    margin-top: 50px;
  }
  .wrapper .btn.style2 p,
  .wrapper .btn.style2 img {
    max-width: 100%;
  }
}

@media (max-width: 1440px) and (min-width: 768px) {
  .wrapper .btn.style2 {
    background: none;
    height: auto;
    max-width: 100%;
    padding: 0 15px;
  }
  .wrapper .btn.bottom {
    margin-bottom: -40px;
    margin-top: 50px;
  }
  .wrapper .btn.style2 p,
  .wrapper .btn.style2 img {
    max-width: 100%;
  }
}

.margin-normal {
  margin: 0 auto !important;
}

.floating {
  /*padding-bottom: 10px*/
}

.floating .btnBox {
  position: relative;
  border-radius: 60px;
}

.floating .btnBox:before {
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
  content: "";
  height: 100px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, -150%, 0px);
  transition: transform 0.9s ease 0;
  width: 120%;
  z-index: 3;
}

.floating:hover .btnBox:before {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, 500%, 0px);
}

@media only screen and (max-width: 767px) {
  .top.pc {
    display: inline-block !important;
  }
  .top.pc img {
    padding: 6px;
  }
  .wrapper .btn.style2 {
    background: none;
  }
  .wrapper .btn.bottom {
    margin-bottom: -3%;
    margin-top: 3%;
  }
  .modal .modal-newopen {
    width: auto;
    max-height: 94%;
    height: 100%;
    margin: 0 20px;
  }
  .top.pc {
    display: none !important;
  }
  .top.show {
    display: inline-block !important;
  }
  .mainpc {
    background-image: url("../img/mv_bg_pc.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    padding-top: 0;
    text-align: left;
    position: relative;
  }

  .link-banner {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cd1b29;
    height: 20%;
  }
  .link-banner img {
    height: 90%;
    margin-top: 3%;
  }
  .link-banner:hover {
    background-color: #cd1b29;
    /*background: url(../img/text-link-sp.png) no-repeat center center #f2598b !important;*/
  }
  .fs17_sp {
    font-size: 17px !important;
  }
}

.btn.style2 .tryjpy,
.btn.style2 .cashback {
  display: inline-block;
  width: 49%;
}

/*e: style lp*/

.box-num99 {
  padding: 40px;
}

.box-num99 img {
  width: 40%;
  margin: 50px 0px;
}

.box-num99 p {
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .box-num99 {
    padding: 40px 15px 0px 15px;
  }
  .box-num99 img {
    width: 100%;
    margin: 30px 0px;
  }
}
@media only screen and (max-width: 414px) {
  .box-num99 {
    padding: 40px 15px 0px 15px;
  }
  .box-num99 img {
    width: 100%;
    padding: 0px 20px;
    margin: 20px 0px;
  }
}
@media only screen and (max-width: 320px) {
  .mainsp {
    position: relative;
    /*height: 460px;*/
    padding-bottom: 130px;
  }
  .link-banner {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: url(../img/text-link-sp.png) no-repeat center center #e50150 !important;*/
    /*background-size: 94% !important;*/
    background-color: #cd1b29;
    /*height: 130px;*/
  }
  .link-banner:hover {
    /*background: url(../img/text-link-sp.png) no-repeat center center #f2598b !important;*/
    /*background-size: 94% !important;*/
    background-color: #cd1b29;
  }
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
  .mainsp {
    position: relative;
    /*height: 587px;*/
    padding-bottom: 140px;
  }
  .link-banner {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: url(../img/text-link-sp.png) no-repeat center center #e50150 !important;*/
    /*background-size: 94% !important;*/
    background-color: #cd1b29;
    /*height: 160px*/
  }
  .link-banner:hover {
    /*background: url(../img/text-link-sp.png) no-repeat center center #f2598b !important;*/
    /*background-size: 94% !important;*/
    background-color: #cd1b29;
  }
}
.textflag {
  margin-bottom: 20px;
}

.textflag img {
  box-shadow: 0 0 5px #afafaf;
  margin-right: 15px;
  border-radius: 3px;
  margin: 0px 20px;
}

.textflag span {
  font-weight: bold;
  font-size: 18px;
}

.text-left-10 {
  margin-left: -9px;
}

.textbold {
  font-weight: bold;
}
.bannerlp {
  width: 100%;
  position: relative;
  height: 550px;
  overflow: hidden;
}
.bannerlp .forPC img {
  position: absolute;
  left: -148px;
}
#hdLogo img {
  width: auto !important;
}
#visual.visual-image .visual-inner img {
  max-width: 100%;
}

@media (min-width: 768px) {
  #visual.visual-image .visual-inner .visual-btn-1 {
    width: 25%;
    left: 5%;
  }
  #visual.visual-image .visual-inner .visual-btn-2 {
    bottom: 38.5% !important;
    right: 13.2% !important;
    position: absolute;
    max-width: 37%;
  }
}

.cred {
  color: #c00317;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
  font-weight: bold;
}
.fs24 {
  font-size: 24px;
  font-weight: bold;
}
.fs32 {
  font-size: 32px;
  font-weight: bold;
}
.fs29 {
  font-size: 29px;
  font-weight: bold;
}
.fs56 {
  font-size: 38px;
  margin-bottom: 30px;
  font-weight: bold;
}
.fs68 {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}

.mb-20 {
  margin-bottom: 20px;
}

.torihiki {
  margin: 80px auto 60px;
  max-width: 1060px;
}

ul.box-anchor {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
ul.box-anchor li {
  width: calc(50% - 30px);
  border: 2px solid #333;
  border-radius: 10px;
  position: relative;
  margin: 30px 0;
}
ul.box-anchor li .pageLink {
  margin-bottom: 0;
  display: block;
  padding: 30px;
}
ul.box-anchor li .arrow {
  position: absolute;
  bottom: -2px;
  right: -2px;
  margin: 0;
}
ul.box-anchor li p {
  font-size: 26px;
  color: #333333;
  font-weight: bold;
}

.title-border {
  font-size: 48px;
  font-weight: bold;
  border-bottom: 3px solid #c00317;
  padding-bottom: 10px;
  margin-bottom: 40px;
}

.torihikiUnder {
  font-weight: bold;
}

.torihikiUnder img {
  border: 1px solid #ccc;
  width: 90px;
  vertical-align: middle;
  margin-right: 10px;
}

.zeroDetail {
  font-weight: bold;
}
.spBox {
  font-weight: bold;
}
.rightBoxpc {
  font-weight: bold;
}

.box-partner {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  width: 1060px;
  margin: 0 auto;
  max-width: 100%;
}
.box-partner li img {
  max-width: 100%;
}
.box-partner li {
  width: 25%;
  margin: 10px 0;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*E: .owl-carousel*/

#mainslidewrapper .owl-carousel .owl-prev,
#mainslidewrapper .owl-carousel .owl-next {
  font-size: 32px;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: #ececec;
  text-align: center;
  position: absolute;
  top: 44%;
  outline: none;
}
#mainslidewrapper .owl-carousel .owl-prev:hover,
#mainslidewrapper .owl-carousel .owl-next:hover {
  background-color: #c00317;
  color: #fff;
}
#mainslidewrapper .owl-carousel .owl-prev {
  left: -50px;
}
#mainslidewrapper .owl-carousel .owl-next {
  right: -50px;
}
#mainslidewrapper .owl-carousel .owl-prev span,
#mainslidewrapper .owl-carousel .owl-next span {
  line-height: 0;
}

#mainslidewrapper h1 {
  padding: 40px 0;
  font-size: 44px;
  width: 100%;
  text-align: center;
}

.container {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}
.marginBot50 {
  margin-bottom: 50px;
}

.box-swap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 680px;
  max-width: 100%;
  margin: 0 auto 60px;
}
.item-swap {
  width: 50%;
  padding: 0 15px;
}
.box-swap-text {
  max-width: 840px;
  width: 100%;
  margin: 0 auto 50px;
}
.box-swap-text img {
  max-width: 100%;
}
.text-left {
  text-align: left;
}
img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .top.pc {
    display: inline-block !important;
  }
  .top.pc img {
    padding: 6px;
  }
  .wrapper .btn.style2 {
    background: none;
  }
  .wrapper .btn.bottom {
    margin-bottom: -3%;
    margin-top: 3%;
  }
  .modal .modal-newopen {
    width: auto;
    max-height: 94%;
    height: 100%;
    margin: 0 20px;
  }
  .top.pc {
    display: none !important;
  }
  .top.show {
    display: inline-block !important;
  }
  .mainpc {
    background-image: url("../img/mv_bg_pc.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    padding-top: 0;
    text-align: left;
    position: relative;
  }

  .link-banner {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cd1b29;
    height: 20%;
  }
  .link-banner img {
    height: 90%;
    margin-top: 3%;
  }
  .link-banner:hover {
    background-color: #cd1b29;
    /*background: url(../img/text-link-sp.png) no-repeat center center #f2598b !important;*/
  }
}
@media only screen and (max-width: 767px) {
  .btn {
    width: 100%;
    margin: 0 auto;
    background: url(../img/bunnerbg.jpg?171003);
    padding: 2%;
  }
  .btn p img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .mainpc {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    padding-top: 0;
    position: relative;
  }

  .mainpc .visual-inner {
    display: inline-block;
    position: relative;
  }

  .visual-image .visual-btn-1 {
    bottom: 5%;
    display: block;
    left: 0;
    position: absolute;
    width: 35%;
  }
  .visual-image .visual-btn-2 {
    bottom: 3%;
    display: block;
    right: 3%;
    position: absolute;
    width: 55%;
  }

  .mainpc img {
    max-width: 100%;
  }
  .mainV p img {
    width: 100%;
    margin: 0 auto 2%;
  }
}

@media only screen and (max-width: 767px) {
  .icon {
    width: 40px;
    margin: 5% auto;
  }
  .icon img {
    width: 0;
  }
  .link_target {
    margin-top: -16%;
  }
  .bg {
    background: #fcfcfe;
    max-width: 100%;
    padding: 30px 0;
    margin-top: 35px;
  }
  h1 {
    max-width: 92%;
    margin: 0 auto;
    padding: 10% 0;
    font-size: 23px;
    letter-spacing: 0.15em;
  }
  h2 {
    width: 90%;
    margin: 5% auto;
    font-size: 25px;
    letter-spacing: 0.15em;
  }
  .h2margin {
    margin-top: 10%;
  }
  h2 img {
    display: none;
  }
  h1 img {
    width: 100%;
  }
  .section1 ul li {
    width: 49%;
    display: inline-block;
    vertical-align: bottom;
  }
  .section1 ul li.sp_no_disp {
    display: none;
  }
  .section1 ul li img {
    max-width: 100%;
  }
  .section1 ul li div {
    vertical-align: top;
    margin-bottom: 5%;
  }
  .section1 ul li div.aos-item img {
    max-width: 65%;
  }
  .section1 ul li p {
    margin: 1% auto;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.02em;
  }
  .section1 ul li span {
    color: #333333;
  }
  icon img {
    width: 0;
  }
}
@media (max-width: 767px) {
  .fs18 {
    font-size: 14px;
  }
  .fs24 {
    font-size: 16px;
  }
  .fs32 {
    font-size: 32px;
  }
  .fs29 {
    font-size: 16px;
  }
  .fs56 {
    font-size: 24px;
  }
  .fs68 {
    font-size: 28px;
  }
  ul.box-anchor {
    padding: 0 10px;
  }

  ul.box-anchor li {
    width: calc(50% - 10px);
  }
  ul.box-anchor li p {
    font-size: 14px;
  }
  ul.box-anchor li img {
    width: 60px;
  }
  ul.box-anchor li .arrow {
    margin-bottom: 0;
    width: 30px;
  }
  ul.box-anchor li .pageLink {
    padding: 30px 10px;
  }
  .title-border {
    font-size: 28px;
  }
  .torihikiUnder {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 25px;
  }
  .torihikiUnder img {
    max-width: 285px;
    text-align: left;
  }
  .torihikiUnder2 {
    padding: 25px 0 0;
    border-top: dotted 1px;
    padding-bottom: 25px;
  }
  .torihikiUnder em {
    font-style: normal;
    font-size: 34px;
  }
  .torihikiUnder li {
    display: inline-block;
    font-size: 15px;
    width: 33%;
    letter-spacing: 0.06em;
  }
  .torihikiUnder li:first-child {
    width: 31%;
  }
  .torihikiUnder li:last-child {
    width: 39%;
  }
  .torihikiUnder li:nth-of-type(2) {
    width: 28%;
  }
  .linetorihiki {
    border-right: 1px solid #9aa1af;
    border-left: 1px solid #9aa1af;
  }
  .torihikiUnder li span.blue {
    color: #5c94cf;
    margin: 0 5px;
    border-bottom: solid 2px #5c94cf;
    padding-bottom: 5px;
  }
  .torihikiUnder li span.yellow {
    color: #ec6841;
    margin-left: 5px;
    border-bottom: solid 2px #ec6841;
    padding-bottom: 5px;
  }
  .mt-sp-40 {
    margin-top: 40px;
  }
  .title-forsmart {
    font-size: 34px;
  }
}

.box-news {
  margin-top: 80px;
  border: 3px solid #c37b2e;
  text-align: center;
}
.box-news .box-slider {
  background-color: #ffe7e1;
  padding: 30px;
}
.box-news .newopen-popup {
  margin-top: -3.7%;
}
.box-news img {
  max-width: 100%;
  width: 100%;
}
.box-news .box-news-inner {
  padding: 30px;
}
.box-news .marginBot30 {
  margin-bottom: 30px;
}

.lp-alert {
  background-color: #fcf8e3;
  border-color: #faebcc;
  padding: 30px 15px;
  margin: 30px 0;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
}
.lp-alert .lp-date {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #c00317;
  padding: 7px 40px;
  display: inline-block;
  border-radius: 4px;
}
.lp-alert .lp-tt {
  margin: 10px 0;
  font-size: 18px;
  font-weight: bold;
}
.lp-alert .lp-currency {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  margin-bottom: 20px;
}
.lp-alert .lp-name {
  font-size: 24px;
  font-weight: bold;
  color: #c00317;
  margin: 0 10px;
}
.lp-alert .lp-name span {
  font-size: 18px;
}
.box-zezo {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-content: center;
  -webkit-align-content: center;
  margin: 30px 0 50px;
}
.box-zezo .bl-list-crice {
  max-width: 250px;
  text-align: left;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
}
.box-zezo .bl-list-crice li {
  position: relative;
}
.box-zezo .bl-list-crice li:before {
  content: "• ";
  font-size: 21px;
  color: #c00317;
}

.bl-feature {
  margin: 50px -20px 30px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.bl-feature .item-feature {
  width: 25%;
  padding: 20px 20px;
  float: left;
  text-align: center;
}
.bl-feature .item-feature .item-inner {
  padding: 30px 20px;
  height: 100%;
  box-shadow: 1px 1px 8px 3px #ddd;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative;
}
.bl-feature .item-feature .item-inner:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -28px;
  background: url("../img/arrow-right.png") no-repeat;
  width: 190px;
  height: 13px;
}
.bl-feature .item-feature .item-inner .nb {
  font-size: 54px;
  font-weight: bold;
  font-style: italic;
  position: absolute;
  top: -36px;
  left: 10px;
}
.bl-feature .item-feature .item-inner .productimg {
  margin-bottom: 20px;
  height: 90px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.bl-feature .item-feature .item-inner .productimg img {
  width: 66px;
}
.bl-feature .item-feature .item-inner h4 {
  font-size: 17px;
  min-height: 45px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-weight: bold;
}
.bl-feature .item-feature .item-inner .desc {
  text-align: left;
  min-height: 60px;
  font-size: 15px;
}
.bl-feature .item-feature.item-complete .note1 {
  position: absolute;
  top: 15px;
  left: -34px;
}
.bl-feature .item-feature:last-child .item-inner:before {
  right: 0;
  width: 70px;
}
.bl-feature .item-feature .item-inner h4.mark {
  display: block;
}
.bl-feature .item-feature .item-inner .nb.txt {
  font-size: 32px;
  letter-spacing: -1px;
  top: -24px;
}
.bl-feature .item-feature .item-inner .nb {
  font-size: 54px;
  font-weight: bold;
  font-style: italic;
  position: absolute;
  top: -36px;
  left: 10px;
}
@media (max-width: 1199px) {
  .bl-feature .item-feature .item-inner:before {
    background-position: right;
    width: 70%;
  }
  .bl-feature .item-feature:last-child .item-inner:before {
    background: none;
  }
}
@media (max-width: 991px) {
  .bl-feature {
    margin: 50px -15px 30px;
  }
  .bl-feature .item-feature {
    padding: 15px;
  }
  .bl-feature .item-feature {
    width: 100%;
  }
  .bl-feature .item-feature .item-inner:before {
    background-position: right;
    width: 190px;
    left: -95px;
    bottom: 77px;
    transform: rotate(90deg);
    top: auto;
  }
  .visible-xs {
    display: block !important;
  }
  .hidden-xs {
    display: none !important;
  }
  .bl-feature .item-feature.item-complete .note1 {
    top: -48px;
    left: 10px;
  }
}

#header_menu .link-btn {
  display: inline-block;
  padding: 12px 12px;
  background-color: #f47a7a;
  color: #fff;
  border-radius: 6px;
  margin-left: 10px;
}
.box-content .container {
  width: 950px;
  max-width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
.box-content .box-item {
  margin-bottom: 25px;
  clear: both;
  text-align: center;
}
.box-item .box-custmer {
  display: inline-block;
  width: 100%;
  margin: 20px 0px;
}
.box-item .box-custmer li {
  width: 50%;
  float: left;
  text-align: center;
  padding: 0 20px;
}
.box-item .box-custmer li img {
  margin: 0 auto;
  max-width: 100%;
}
.new_lable {
  width: 120px;
  margin: 10px auto;
  background: #c00317;
  font-size: 20px;
  color: #ffffff;
  border-radius: 30px;
  padding: 5px 10px;
  display: block;
  font-weight: bold;
  border: solid 2px #c00317;
}
.new_lable:hover {
  background: #fff;
  color: #c00317;
  border: solid 2px #c00317;
}
.new_lable2 {
  width: 120px;
  margin: 10px auto;
  background: #c00317;
  font-size: 20px;
  color: #ffffff;
  border-radius: 30px;
  padding: 8px 20px;
  font-weight: bold;
  position: relative;
  top: -8px;
  right: 10px;
  letter-spacing: normal;
}
.new_lable2:hover {
  background: #c00317;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .custom-aos-item img {
    max-width: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  #header_fix {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
  }
  #header_fix_wrap {
    overflow: hidden;
    padding-top: 2%;
    width: 100%;
  }
  #header_logo {
    float: left;
    margin-left: 4%;
    padding-bottom: 4%;
    width: 40%;
  }
  #header_logo img {
    max-width: 100%;
    width: 100%;
  }
  #header_btn_menu {
    float: right;
    margin-right: 4%;
    padding-top: 2%;
    width: 20%;
  }
  #header_btn_menu img {
    max-width: 100%;
    width: 100%;
  }
  #header_menu {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    width: 95%;
    display: none;
  }
  #header_menu li {
    float: left;
    margin: 0 2% 2% 0;
    width: 49%;
  }
  #header_menu li:nth-child(2n) {
    margin-right: 0;
  }
  #header_menu a {
    background-color: #eee;
    color: #545454;
    display: block;
    line-height: 1.1em;
    text-decoration: none;
    text-align: center;
    padding: 0.8em 0;
    width: 100%;
    min-height: 45px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
  }
  #header_menu .link-btn {
    margin-left: 0;
    line-height: normal;
  }
  #hdTel {
    width: 90%;
    margin: 6% auto -2%;
  }
  .jsdaqL {
    display: inline-block;
    width: 15%;
    vertical-align: middle;
    margin-right: 2%;
  }
  .jsdaqR {
    display: inline-block;
    /*width: 82%;*/
    width: 80%;
    text-align: left;
    font-size: 12px;
    vertical-align: top;
    margin-top: 0;
    line-height: 1.35em;
    vertical-align: middle;
  }
  #hdTel img {
    max-width: 100%;
  }
  #overlay {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1000;
    background-color: #000;
    width: 100%;
    filter: alpha(opacity=40);
    opacity: 0.4;
  }
  #boxAttention {
    position: fixed;
    top: 2%;
    cursor: pointer;
    z-index: 1001;
    background: url(../img/attention_boxsp2.jpg?171020) no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    width: 100%;
    height: 96%;
  }
  #hdLogo div.min7logo {
    width: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .brPC,
  .pc {
    display: none !important;
  }
  .brSP,
  .sp {
    display: block;
  }
  .box-news-inner .mainVisual .sp {
    margin-bottom: 30px;
  }
  h4 {
    font-size: 18px;
    color: #333333;
    margin: 20px auto 8px;
    text-align: center;
    letter-spacing: 0.04em;
  }
  h4 span {
    color: #333333;
  }
  .pch4 {
    margin: 5% 0 2%;
    text-align: center;
  }
  h5 {
    font-size: 16px;
    background: #c00317;
    color: #fff;
    padding: 7px 0 5px;
    max-width: 100%;
    margin: 0 auto;
    letter-spacing: 0.02em;
  }
}

@media (max-width: 767px) {
  #mainslidewrapper h1 {
    font-size: 20px;
    margin: 0;
    max-width: 100%;
  }
  #mainslidewrapper .owl-carousel .owl-prev,
  #mainslidewrapper .owl-carousel .owl-next {
    top: 35%;
  }
  #mainslidewrapper .owl-carousel .owl-prev {
    left: -10px;
  }
  #mainslidewrapper .owl-carousel .owl-next {
    right: -10px;
  }
  .container {
    padding: 0 10px;
  }
  .marginBot50 {
    margin-bottom: 50px;
  }

  .box-swap {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 60px;
  }
  .item-swap {
    width: 50%;
    padding: 0 15px;
  }
  .box-swap-text {
    margin-bottom: 50px;
  }
  .box-swap-text img {
    max-width: 100%;
  }
  .text-left {
    text-align: left;
  }
  img {
    max-width: 100%;
  }
  .box-news {
    margin-top: 40px;
    border: 3px solid #c37b2e;
    text-align: center;
  }
  .box-news .box-slider {
    background-color: #ffe7e1;
    padding: 10px;
  }
  .box-news .box-slider .marginBot30 {
    margin: 0 0 10px !important;
  }
  .box-news .newopen-popup {
    margin-top: -3.7%;
  }
  .box-news img {
    max-width: 100%;
    width: 100%;
  }
  .box-news .box-news-inner {
    padding: 10px;
  }
  .box-news .marginBot30 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .box-item .box-custmer li {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .custom-aos-item img {
    max-width: 40px !important;
  }
  .new_lable {
    width: 80px;
    font-size: 14px;
    padding: 3px 10px;
  }
  .new_lable2 {
    width: 100px;
    font-size: 16px;
    top: -4px;
    right: 3px;
  }
}
.markerYellow {
  background: linear-gradient(transparent 50%, #ffff00 0%);
}
.inner-popup {
  font-size: 16px;
  font-family: -apple-system, Meiryo, sans-serif;
  line-height: 30px;
}
.box-attention {
  padding: 20px;
  background: #fefbe8;
  margin: 20px 0px;
}
.box-attention strong {
  color: #fe5303;
}

.box-service h2 {
  font-size: 20px;
}

@media (min-width: 767px) {
  .box-service h2 {
    font-size: 30px;
  }
}

.marginBot30 {
  margin-bottom: 30px;
}

.support_text {
  text-align: left;
  display: block;
  margin: 1em auto;
  unicode-bidi: isolate;
  width: 90%;
  max-width: 1060px;
  font-size: 14px;
}
.mini {
  font-size: 13px;
}
.bank {
  margin: 50px auto 80px;
  text-align: center;
  width: 90%;
}
.support_subttl {
  font-size: 18px;
  margin: 30px 0;
  font-weight: bold;
}
ul.banklist {
  max-width: 880px;
  margin: 30px auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
ul.banklist li {
  width: 25%;
}
@media screen and (max-width: 750px) {
  ul.banklist li {
    width: 33%;
  }
}
ul.banklist img {
  width: 95%;
}
.ly_fle {
  width: 100%;
  max-width: 1060px;
  text-align: center;
  margin: 0 auto 50px;
  display: flex;
  gap: 20px;
}
.ly_fle .flex1 {
  flex: 1;
}
.ly_fle img {
  width: 90%;
}
@media screen and (max-width: 750px) {
  .ly_fle_sp [class^="flex"] {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .ly_fle_sp {
    display: block;
  }
}

/* Task TRSHP2-5447 */
:root {
  --blue: #b4e8ff;
  --deepblue: #00adee;
  --lightblue: #f0fbff;
  --gray: #5e5e5e;
  --lightgray: #939393;
  --red: #d71244;
}
.content-lightpair {
  font-family: -apple-system, Meiryo, sans-serif;
  padding: 40px 0;
}
.content-lightpair.bg-blue {
  background-color: #96e0df;
}
.content-lightpair .container {
  background-color: #fff;
  padding: 20px;
}
.content-lightpair .box-title {
  color: var(--deepblue);
  font-weight: bold;
  font-size: 34px;
  letter-spacing: normal;
}
.content-lightpair .box-title {
  display: flex;
  justify-content: center;
  align-items: anchor-center;
}
.content-lightpair .box-title span {
  font-size: 30px;
}
.content-lightpair .box-title span.new {
  font-size: 24px;
  color: #ffffff;
  -webkit-text-stroke-color: transparent;
  -webkit-text-stroke-width: 4px;
  -webkit-text-fill-color: #ffffff;
  background-color: var(--deepblue);
  background-clip: text;
  letter-spacing: 0.08em;
  padding: 0.3em;
}
.content-lightpair .big-title {
  padding: 1rem;
  font-size: 80px;
  font-family: -apple-system, Meiryo, sans-serif;
  font-style: italic;
  color: #01cee9;
  -webkit-text-stroke-color: transparent;
  -webkit-text-stroke-width: 10px;
  -webkit-text-fill-color: #ffffff;
  background-color: #01cee9;
  background-clip: text;
  background-image: linear-gradient(to right, #01cee9, #ce1de9);
  -webkit-filter: drop-shadow(3px 5px 0px #30a5e299);
  filter: drop-shadow(3px 5px 0px #30a5e299);
  font-weight: bolder;
  letter-spacing: 0.1em;
}
.box-lightpair {
  display: flex;
  width: 100%;
  justify-content: center;
}
.box-lightpair .box-lightpair-inner {
  width: 50%;
  margin: 10px;
  text-align: center;
  border: solid 2px var(--deepblue);
  border-radius: 5px;
}
.box-lightpair .box-lightpair-inner .head {
  background-color: var(--deepblue);
  padding: 10px 6px 0 6px;
}
.box-lightpair .head h3 {
  line-height: 0;
}
.box-lightpair .box-lightpair-inner .head h3 .red {
  font-size: 40px;
  line-height: 40px;
  color: var(--red);
  -webkit-text-stroke-color: transparent;
  -webkit-text-stroke-width: 4px;
  -webkit-text-fill-color: #d71244;
  background-color: #ffffff;
  background-clip: text;
  letter-spacing: 0.03em;
  padding: 0.1em;
  font-weight: bold;
}
.box-lightpair .box-lightpair-inner .head h3 .black {
  font-size: 28px;
  color: #000000;
  -webkit-text-stroke-color: transparent;
  -webkit-text-stroke-width: 4px;
  -webkit-text-fill-color: #000000;
  background-color: #ffffff;
  background-clip: text;
  letter-spacing: 0.03em;
  padding: 0.1em;
  margin-left: -14px;
  font-weight: bold;
}
.box-lightpair .head .black span {
  font-size: 13px;
  vertical-align: baseline;
}
.box-lightpair .box-lightpair-inner .item-currency {
  padding: 20px;
}
.box-lightpair .box-lightpair-inner .item-currency .nomal-pair {
  text-align: left;
  color: var(--lightgray);
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 30px;
}
.box-lightpair
  .box-lightpair-inner
  .item-currency
  .nomal-pair
  span
  .nomal-number {
  font-size: 3.5rem;
  position: relative;
}
.box-lightpair
  .box-lightpair-inner
  .item-currency
  .nomal-pair
  span
  .nomal-number::before {
  position: absolute;
  content: "";
  display: block;
  transform: rotate(15deg);
  background-color: var(--red);
  width: 9rem;
  height: 2px;
  top: 43%;
  left: -7px;
}
.box-lightpair
  .box-lightpair-inner
  .item-currency
  .nomal-pair
  span
  .nomal-number
  span {
  font-size: 25px;
  margin-left: -19px;
}
.box-lightpair .box-lightpair-inner .item-currency .pair-name {
  font-size: 24px;
  color: #043960;
  font-weight: bold;
}
.box-lightpair .box-lightpair-inner .item-currency .pair-name span {
  background: linear-gradient(transparent 50%, #d8f2fc 0%);
}
.box-lightpair .box-lightpair-inner .item-currency .swap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-lightpair .box-lightpair-inner .item-currency .swap .arrow {
  padding: 10px;
}
.box-lightpair .box-lightpair-inner .item-currency .swap .number {
  color: #d71244;
  font-size: 100px;
  font-weight: bold;
  padding: 0px 5px;
  line-height: 1rem;
  letter-spacing: -3px;
}
.box-lightpair .box-lightpair-inner .item-currency .swap .unit {
  font-size: 50px;
  font-weight: bold;
  margin-top: 2rem;
  padding: 0px 5px;
}
.box-lightpair .box-lightpair-inner .item-currency .bottom-text {
  font-size: 14px;
  text-align: left;
}
.content-lightpair .notes {
  text-align: left;
  padding: 10px;
  color: var(--gray);
}
.content-lightpair .pannel-content {
  font-family: -apple-system, Meiryo, sans-serif;
}
.content-lightpair .pannel-content .accordion {
  border: solid 2px var(--deepblue);
  border-radius: 5px;
  margin: 30px 10px;
}
.content-lightpair .pannel-content .accordion .accordion-item {
  width: 100%;
}
.content-lightpair .pannel-content .accordion .accordion-item .collapse {
  display: unset;
}
.content-lightpair .accordion-title {
  background: var(--deepblue);
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  position: relative;
  text-align: center;
  font-weight: bold;
  width: 100%;
  display: block;
  padding: 0.8rem 3rem 0.8rem 1rem;
  text-decoration: none;
}
.content-lightpair .accordion-title:hover {
  color: #fff;
  text-decoration: none;
}
.content-lightpair .accordion-title:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: white;
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
}
.content-lightpair .accordion-title:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: white;
  transition: all 0.3s ease-in-out;
}
.content-lightpair .accordion-title.open:before {
  transform: rotate(180deg);
}
.content-lightpair .accordion-title.open:after {
  opacity: 0;
}
.content-lightpair .accordion-body {
  display: none;
  padding: 3rem 2rem;
  margin: 0;
  border-radius: 5px;
}
.content-lightpair .accordion-body p {
  color: var(--gray);
  text-align: left;
}
.content-lightpair .highlight-text {
  text-align: center;
  margin: 20px 0px;
}
.content-lightpair .highlight-text.custom {
  font-size: 18px;
  font-weight: bold;
}
.content-lightpair .text-inner {
  font-size: 15px;
  line-height: 1.8rem;
  text-align: left;
}
.content-lightpair .highlight-text span {
  background: linear-gradient(transparent 50%, #fffbb6 0%);
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}
.content-lightpair .bl-currency {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2rem;
  margin: rem 0 0;
  text-align: center;
}
.content-lightpair .pair img {
  width: 80%;
}
.content-lightpair .pair p {
  font-size: 18px;
  text-align: center;
}
.content-lightpair .bl-currency {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2rem;
  margin: 3rem 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .content-lightpair .bl-currency {
    margin: 3rem 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (max-width: 991px) {
  .box-lightpair .box-lightpair-inner .item-currency .swap .number {
    font-size: 9vw;
  }
}

.content-lightpair .title-currency {
  text-align: center;
  color: var(--deepblue);
  font-weight: bold;
  font-family: -apple-system, Meiryo, sans-serif;
}
.content-lightpair .tablelight {
  text-align: center;
  margin: 40px;
}
.content-lightpair .point {
  border: 2px solid #676b6a;
  border-radius: 6px;
  box-shadow: 10px 10px 0px -3px rgba(0, 0, 0, 0.6);
  padding: 20px 10px;
  margin-bottom: 30px;
}
.content-lightpair .point ul {
  display: flex;
  justify-content: center;
}
.content-lightpair .point ul li {
  color: #000000;
  font-weight: bold;
  margin: 10px;
  font-size: 17px;
  list-style-type: none;
}
.content-lightpair .point p {
  margin: 10px;
  font-size: 18px;
  text-align: center;
}
.content-lightpair .point p br.formb {
  display: none;
}
.content-lightpair .point p span {
  font-size: 12px;
}
.content-lightpair .box-title span .formb {
  display: none;
}
.accordion-item .currency-wrapper {
  padding: 3rem 1rem;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .content-lightpair .container {
    background-color: #fff;
    padding: 20px;
    margin: 20px;
    width: auto;
  }
  .content-lightpair .big-title {
    font-size: 50px;
  }
  .content-lightpair .box-title {
    width: 100%;
  }
  .box-lightpair .box-lightpair-inner .head h3 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box-lightpair .box-lightpair-inner .head h3 .red {
    font-size: 37px;
    line-height: 37px;
  }
  .box-lightpair .box-lightpair-inner .head h3 .black {
    font-size: 21px;
  }
  .content-lightpair .highlight-text {
    text-align: left;
  }
  .content-lightpair .box-title {
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    flex-direction: column;
  }
  .content-lightpair .big-title {
    font-size: 2.2rem;
    -webkit-text-stroke-width: 7px;
  }
  .content-lightpair .box-title span {
    font-size: 1.5rem;
  }
  .box-lightpair {
    display: block;
  }
  .box-lightpair .box-lightpair-inner {
    width: 100%;
  }
  .box-lightpair .box-lightpair-inner .item-currency {
    padding: 10px;
  }
  .box-lightpair .box-lightpair-inner .item-currency .swap .number {
    font-size: 4rem;
  }
  .box-lightpair .box-lightpair-inner .item-currency .swap .unit {
    padding: 0px 0px;
    font-size: 1.5rem;
  }
  .box-lightpair .box-lightpair-inner .item-currency .nomal-pair {
    margin-left: 4vw;
  }
  .box-lightpair
    .box-lightpair-inner
    .item-currency
    .nomal-pair
    span
    .nomal-number {
    font-size: 2.5rem;
  }
  .box-lightpair
    .box-lightpair-inner
    .item-currency
    .nomal-pair
    span
    .nomal-number
    span {
    margin-left: -9px;
  }
  .box-lightpair
    .box-lightpair-inner
    .item-currency
    .nomal-pair
    span
    .nomal-number::before {
    width: 7.2rem;
  }
  .box-lightpair .box-lightpair-inner .item-currency .pair-name {
    font-size: 20px;
  }
  .box-lightpair .box-lightpair-inner {
    margin: 20px auto;
  }
  .content-lightpair .pair img {
    width: 100%;
  }
  .content-lightpair .accordion-body {
    padding: 10px;
  }
  .content-lightpair .tablelight {
    margin: 40px 0px;
  }
  .content-lightpair .bl-currency {
    margin: 2rem 0 0;
  }
  .content-lightpair .highlight-text span {
    font-size: 16px;
  }
  .content-lightpair .accordion-title {
    font-size: 16px;
  }
  .content-lightpair .container {
    background-color: #fff;
    margin: 10px;
    width: auto;
  }
  .content-lightpair .pannel-content .accordion {
    margin: 30px 0px;
  }
  .content-lightpair {
    padding: 10px 0;
  }
  .content-lightpair .highlight-text.custom {
    font-size: 16px;
    text-align: left;
  }
  .content-lightpair .pair p {
    font-size: 14px;
  }
  .content-lightpair .point ul {
    display: block;
  }
  .content-lightpair .point ul li {
    margin: 10px 0px;
    font-size: 14px;
    text-align: left;
  }
  .content-lightpair .point ul li img {
    width: 23px;
  }
  .content-lightpair .point p {
    font-size: 14px;
    margin: auto;
    color: #000000;
    line-height: 28px;
  }
  .content-lightpair .point p br.formb {
    display: block;
  }
  .content-lightpair .point p span {
    text-align: left;
    display: block;
    color: var(--gray);
  }
}
@media only screen and (max-width: 520px) {
  .content-lightpair .box-title span .formb {
    display: block;
  }
  .box-lightpair .box-lightpair-inner .head h3 .red {
    font-size: 30px;
    line-height: 30px;
  }
}
/* トルコリラ相場変動の注記 */
.try-note {
  font-size: 16px;
  margin: 20px 10px -10px;
}
.try-note a:hover {
  color: var(--deepblue);
}
@media only screen and (max-width: 767px) {
  .try-note {
    margin: 20px 10px 10px;
    font-size: 14px;
  }
}

/*TRSHP2-5498*/
body:has(.popup-spread[aria-hidden="false"]) {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.popup-spread::before {
  background-color: transparent;
}
@media (min-width: 992px) {
  .popup-spread .modal-lg {
    width: 980px;
  }
}
@media (min-width: 768px) {
  .popup-spread .modal-lg {
    width: 720px;
  }
  .popup-spread .modal-wrapper {
    width: 600px;
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
  .popup-spread .modal-wrapper {
    width: 900px;
  }
}
@media (max-width: 767px) {
  .popup-spread .modal-body label.tit {
    width: 100% !important;
  }
  .popup-spread .about-spread {
    display: block !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .popup-spread .modal-wrapper {
    max-width: 700px !important;
  }
  .popup-spread .modal-header .ClosePop {
    width: 40px !important;
    height: 40px !important;
    left: 93% !important;
    top: -19px !important;
  }
}
.popup-spread {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  inset: 0;
  overflow-y: auto;
  z-index: 1000;
  padding: 40px 10px;
  -ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}
.popup-spread::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.popup-spread .modal-wrapper {
  border: solid 8px #83cfd1 !important;
  pointer-events: auto;
  max-width: 980px;
  background-color: #ffffff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
  border-radius: 5px;
  overflow: visible;
  max-height: none;
}
.popup-spread .modal-header {
  position: relative !important;
  padding: 0 !important;
  border: none !important;
}
.popup-spread .modal-body {
  padding: 20px 20px 40px 20px !important;
  position: relative;
  font-size: 16px;
}
.popup-spread .modal-header .ClosePop {
  width: 50px;
  height: 50px;
  left: 98%;
  top: -31px;
  opacity: 1;
  position: absolute;
  z-index: 1;
  background: none;
  border: none;
  cursor: pointer;
}
.popup-spread .modal-header .ClosePop:active,
.popup-spread .modal-header .ClosePop:focus,
.popup-spread .modal-header .ClosePop:hover {
  background: none;
  border: none;
}
.popup-spread .modal-header .ClosePop:hover {
  opacity: 0.8;
}
.popup-spread .modal-header .ClosePop img {
  margin: 0;
}
@media (max-width: 575px) {
  .popup-spread .modal-body label.tit {
    width: 100% !important;
    font-size: 16px !important;
  }
  .popup-spread .modal-body {
    font-size: 14px !important;
  }
  .popup-spread .modal-body p.small-text {
    padding: 0px !important;
  }
  .popup-spread .modal-body .campaign-page p {
    text-align: left !important;
  }
}
.popup-spread .modal-body label.tit {
  color: #e6923e;
  border: solid 2px #4e5560;
  display: block;
  width: 80%;
  margin: 30px auto;
  text-align: center;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 100px;
}
.popup-spread .modal-body label.tit.hasperson {
  position: relative;
  margin-top: 65px;
}
.popup-spread .modal-body label.tit.hasperson:before {
  content: "";
  width: 200px;
  height: 126px;
  background-image: url(../img/icon-person2.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 104%;
  left: 0;
  right: 0;
  margin: auto;
  background-size: 100%;
}
.popup-spread .modal-body label.tit:hover {
  background-color: transparent;
}
.popup-spread .about-spread {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: 20px 30px;
  text-align: center;
  font-size: larger;
  font-weight: bold;
}
.popup-spread .about-spread .about-spread_content p {
  margin-bottom: 1.75em;
  text-align: left;
}
.popup-spread .modal-footer {
  position: relative !important;
  border: none !important;
}
.popup-spread .modal-footer button {
  background-color: #043960;
  border: solid 2px #fff;
  width: 50%;
  border-radius: 100px;
  font-size: 18px;
  color: #fff;
  text-shadow: none !important;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
  height: 45px;
  cursor: pointer;
}
.popup-spread .modal-footer button > span {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  padding-top: 8px;
}
.popup-spread .modal-footer button > span:after {
  content: "";
  width: 17px;
  height: 17px;
  background-image: url(../img/icon-close-footer.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 13px;
  right: 15px;
}
.btnCustom {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #043960;
  margin-inline: auto;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border-radius: 100px;
  appearance: none;
  border: solid #9b9b9b;
  position: relative;
  padding: 10px;
  margin-bottom: 50px;
  cursor: pointer;
}
.btnCustom:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  inset-block: 0;
  background: url(../img/icon-plus.svg) center / contain no-repeat;
  right: 1em;
  margin-block: auto;
}
@media (min-width: 768px) {
  .btnCustom {
    max-width: 400px;
    width: 100%;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .btnCustom {
    width: 90%;
    margin: 30px auto 50px auto;
  }
  .popup-spread .forpc {
    display: none !important;
  }
  .popup-spread .formb {
    display: block !important;
  }
}
.popup-spread .modal-body .campaign-page p {
  text-align: center;
}
.popup-spread .modal-body .campaign-page p span {
  color: #d9243a;
  font-weight: bold;
}
.popup-spread .modal-body p.small-text {
  margin-top: 20px;
  font-size: 14px;
  padding: 0 26px;
  text-align: left;
}
.popup-spread .modal-body .pic-swap {
  margin: 20px auto;
  text-align: center;
}
.popup-spread .modal-body img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.popup-spread .forpc {
  display: block;
}
.popup-spread .formb {
  display: none;
}

.box-campaign {
  /* color: #fff;
	background-color: #c43332; */
  margin: 85px auto 0;
}

.box-campaign .box-campaign__title {
  font-weight: bold;
  color: #c43332;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  padding: 10px;
  letter-spacing: initial !important;
  width: 100%;
}

/* .box-campaign */

.box-campaign__content .accordion {
  background-color: #fff;
}

.box-campaign .box-campaign__img {
  line-height: 0;
}
.box-campaign .accordion-title {
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #c43332;
  display: block;
  padding: 5px 0;
  text-decoration: none;
  font-size: 18px;
  position: relative;
  cursor: pointer;
}

.box-campaign .accordion-body {
  display: none;
  /* accordion closed by default */
}

.box-campaign .accordion-title:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: white;
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
}
.box-campaign .accordion-title:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: white;
  transition: all 0.3s ease-in-out;
}
.box-campaign .accordion-title.open:before {
  transform: rotate(180deg);
}
.box-campaign .accordion-title.open:after {
  opacity: 0;
}

.box-campaign .collapse {
  padding: 0;
}

.box-campaign .accordion-body {
  padding: 15px 20px 30px;
  text-align: left;
  font-size: 16px;
  border: 1px solid #c43332;
}

.box-campaign .accordion-body h4 {
  font-weight: bold;
  color: #c43332;
  text-align: center;
  font-size: 22px;
  margin-bottom: 15px;
}

@media (min-width: 767px) {
  .box-campaign {
    max-width: 760px;
    margin: 85px auto 0;
  }
  .box-campaign .box-campaign__title {
    font-size: 36px;
  }

  .box-campaign .accordion-title {
    font-size: 25px;
  }
  .box-campaign .accordion-body h4 br:nth-child(1) {
    display: none;
  }
}
.red_list {
  display: inline-block;
  text-align: left;
}
.red_list > li {
  padding-left: 20px;
  background: url("img/red_mark.jpg") no-repeat 0 5px;
  font-size: 16px;
  font-weight: bold;
}
.tradingview_box {
  background: #efefef;
  padding: 30px 0;
  margin: 40px 0;
}
.tdv_list {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.tdv_list > li {
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
.tdv_list > li:before {
  content: "•";
  font-family: "meiryo";
  font-size: 12px;
  display: inline-block;
  left: 5px;
  top: 0;
  position: absolute;
}
.tdv_img_box {
  margin: 30px;
}
.tdv_img_box > img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .red_list,
  .tdv_img_box {
    width: 90%;
    margin: 20px auto;
  }
  /* #header_menu > li:nth-of-type(3) > a {
    line-height: 18.8px !important;
  } */
}
.tradingview_box .tdv_img_box {
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .tradingview_box .tdv_img_box {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  ul.box-anchor li p {
    font-size: 12px;
  }
  #header_menu > li:nth-of-type(3) > a {
    height: 44.8px;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  #header_menu > li:nth-of-type(3) {
    height: 32px;
  }
  /* #header_menu > li:nth-of-type(3) > a {
    line-height: 32px;
  } */
}
#n03 + .section2 > p.marginBot50 {
  margin-bottom: 50px;
}

.mvcp_op {
  margin: 0;
  padding: 40px 30px 15px;
  text-align: center;
  display: block;
  cursor: pointer;
}
.mvcp_op img {
  width: 100%;
  max-width: 907px;
  height: auto;
}

.swap-text {
  font-size: 16px;
  color: #4e4e4e;
  line-height: 25px;
  font-weight: bold;
}

@media (min-width: 767px) {
  .swap-text {
    font-size: 18px;
    line-height: 30px;
  }
}
.support_flow_ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
  text-align: center;
}
.support_flow_ttl span {
  font-size: 24px;
  color: #d9243a;
}
.support_flow_ttl_desc {
  font-size: 14px;
  margin: 0 0 10px;
  text-align: center;
}
.support_step_image {
  margin-bottom: 20px;
}
.support_step_image img {
  width: 100%;
}
.visual-image .toppage{
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
@media screen and  (max-width: 767px){
    .visual-image .toppage{
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 82%;
  }
} 
@media screen and (min-width: 320px) and (max-width: 414px) {
  .support_step_image img.forpc {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .support_step_image img.forsp {
    display: none;
  }
}

.sp .mainVisual{
    bottom: 5px;
    position: absolute;
    top: 60%;
    left: 10%;
    right: 10%;
    transform: translate(0, 0%);
    z-index: 10;
    width: 80%;
}
.content-lightpair .box-title, .content-lightpair .try-note{
    display: none;
}