@charset "UTF-8";

/* googlefont */
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;900&display=swap');

html{
    font-size:62.5%;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  /* font-weight: bold ; */
  position: relative ;
}

img{
  max-width:100%;
  width: 100% ;
}

p {
  font-size:1.6rem;
  line-height:1.5em;
  margin: 0 ;
  padding: 0 ;
}

ol, ul {
  list-style: none;
  margin: 0 ;
  padding: 0 ;
}

a {
  text-decoration: none;
  color: inherit;
  margin: 0 ;
  padding: 0 ;
}
a:hover {
  text-decoration: none;
}
a.text-link {
  margin: 32px 0 ;
  display: block ;
  color: #0068C3 ;
  font-weight: bold ;
  text-decoration: underline ;
}
a.text-link:hover {
  text-decoration: none ;
}
a.table-link {
  display: block ;
  margin: 32px 0 ;
  padding: 4px 0 ;
  background-color: #0068C3 ;
  border: 1px solid #0068C3 ;
  color: #fff ;
  font-weight: bold ;
  border-radius: 5px ;
  width: 95px ;
  text-align: center ;
}
a.table-link:hover {
  background-color: #fff ;
  color: #0068C3 ;
  border: 1px solid #0068C3 ;
}
a.btn {
  margin: 32px 0 ;
  color: #fff ;
  font-weight: bold ;
  border: none ;
  display: block ;
  width: 150px ;
  border-radius: 35px ;
  background: -moz-linear-gradient(left, #48AEEE, #5EFCE8);
  background: -webkit-linear-gradient(left, #48AEEE, #5EFCE8);
  background: linear-gradient(to right, #48AEEE, #5EFCE8);
  /* background: -moz-linear-gradient(left, #48AEEE, #0870C8); */
  /* background: -webkit-linear-gradient(left, #48AEEE, #0870C8); */
  /* background: linear-gradient(to right, #48AEEE, #0870C8); */
  background-size:180% auto;
  transition:.3s;
}
a.btn:hover {
  color: #fff ;
  /* background: -moz-linear-gradient(left, #0870C8, #48AEEE); */
  /* background: -webkit-linear-gradient(left, #0870C8, #48AEEE); */
  /* background: linear-gradient(to right, #0870C8, #48AEEE); */
  background-position:right center;
  transition:.3s;
}
a.btn.big {
  font-size: 20px ;
  width: 230px ;
  padding: 16px ;
}

.form-control:focus {
  box-shadow: none;
}

.wrap-bg-gradation {
  padding: 64px 0 ;
  /* padding: 80px 0 ; */
  height: 100% ;
  color: #fff ;
  background: -moz-linear-gradient(left, #48AEEE, #0870C8);
  background: -webkit-linear-gradient(left, #48AEEE, #0870C8);
  background: linear-gradient(to right, #48AEEE, #0870C8);
}
.wrap-bg-gradation.white {
  background: #fff ;
  color: #000 ;
}
.wrap-bg-gradation > div{
  display: flex ;
  align-items: center ;
  justify-content: center ;
  height: 100% ;
}
.wrap-bg-gradation > div > div{
  max-width: 80% ;
}
.wrap-bg-gradation h2 {
  font-size: 25px ;
  margin: 0 ;
  margin-bottom: 24px!important ;
}
.wrap-bg-gradation h2 + p {
  font-size: 14px ;
  /* font-size: 16px ; */
  line-height: 2.0em ;
  /* line-height: 36px ; */
}

h1 , h2 , h3 , h4 , h5 {
  margin: 32px 0 ;
  font-weight: bold ;
}

.table-danger, .table-danger>td, .table-danger>th {
  background-color: #f5c6cb!important ;
}

.row-original-m {
  margin-top: 80px ;
  margin-bottom: 80px ;
}

.col-lg-6 p , .col-lg-4 p , .col-lg-3 p{
  padding-bottom: 64px ;
}

.wrap-gradation {
  text-align: center ;
  background: -moz-linear-gradient(left, #48AEEE, #0870C8);
  background: -webkit-linear-gradient(left, #48AEEE, #0870C8);
  background: linear-gradient(to right, #48AEEE, #0870C8);
  transform: skewY(-5deg);
}

.wrap-gradation h3 {
  /* font-size: 30px ; */
  font-size: 2.0rem ;
  line-height:2.0em;
  padding: 96px 0 ;
  margin: 4.5vw 0 ;
  /* margin: 20px 0 ; */
  color: #fff ;
  transform: skewY(5deg);
}

.col-lg-4 p.point-title {
  margin: 64px 0 0 ;
  font-family: 'Oswald', sans-serif ;
  font-size: 67px ;
  line-height: 67px ;
  color: #9AD7FD ;
  padding-bottom: 0 ;
}

.wrap-point-content {
  margin: 80px 0 160px ;
}

h3.point {
  font-size: 25px ;
  margin-bottom: 32px ;
}

.img-people {
  border-radius: 50% ;
  margin-bottom: 32px ;
  width: 120px ;
  height: 120px ;
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.6) ;
}

.wrap-img-people {
  text-align: center ;
}

.wrap-img-people .img-people {
  width: 230px ;
  height: 230px ;
  margin-top: 24px;
  box-shadow: none ;
  margin-bottom:16px ;
}

.col-lg-7 p.en-name {
  font-family: 'Oswald', sans-serif ;
  font-size: 34px ;
  line-height: 51px ;
  padding-bottom: 8px ;
  color: #9AD7FD ;
  margin: 0 ;
  margin-top: 24px ;
}

.col-lg-7 p.name {
  font-size: 30px ;
  line-height: 30px ;
  padding-bottom: 16px ;
  margin: 0 ;
}

.col-lg-7 p.name-title {
  padding-bottom: 0 ;
}

table.people {
  margin: 32px 0 ;
}
table.people th{
  background-color: #4BB1F0 ;
  color: #fff ;
  border: 1px solid #333 ;
  font-size: 13px ;
  width: 33%;
  /* width: 25%; */
}
table.people td{
  color: #000 ;
  border: 1px solid #333 ;
  font-size: 13px ;
}

.mw-1140 {
  display: flex ;
  max-width: 1140px ;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

h3.help {
  font-size: 2.4rem ;
  /* font-size: 30px ; */
}

.btn.big p.title {
  font-size: 25px ;
  line-height: 25px ;
  padding-bottom: 16px ;
}

.btn.big p.text {
  font-size: 16px ;
  padding-bottom: 8px ;
}

.btn.big.w-100 {
  border-radius: 74px ;
  padding: 32px 48px 24px ;
  margin-top: 0 ;
}

.nav-help {
  margin: 75px 0  0 ;
}

.nav-help li {
  margin: 0 4px ;
  width: 22% ;
}

.nav-help li a.nav-link {
  padding: 8px 0 ;
  font-size: 12px ;
  color : #fff ;
  border-radius: 20px 20px 0 0 ;
  background-color: #7C7C7C ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  height: 100% ;
}

.nav-help li a.nav-link.active {
  background-color: #0068C3 ;
}

.wrap-nav-help-content p.title {
  background-color: #0068C3 ;
  padding: 8px 16px ;
  color: #fff ;
  margin: 16px 8px 0 ;
}

.wrap-nav-help-content-inner {
  border-bottom: 1px solid #707070 ;
}

.wrap-nav-help-content-inner p.title {
  background-color: inherit ;
  font-size: 1.8rem ;
  font-weight:bold;
  color: #333 ;
  padding: 16px 8px ;
  margin: 16px 0 0 ;
}

.wrap-nav-help-content-inner p.text {
  margin: 0 ;
  padding: 0 0 16px 8px ;
  font-size:1.4rem;
}

.wrap-nav-help-content-top , .wrap-nav-help-content-bottom {
  margin-bottom: 80px ;
  padding:0 15px;
}

.wrap-nav-help-content-bottom p.title {
  color: #0068C3 ;
}

.wrap-nav-help-content-table th {
  width: 33% ;
  margin: 0 ;
  padding: 16px ;
  font-size: 16px ;
  line-height: 24px ;
  vertical-align: middle ;
  color: #333!important ;
}

.wrap-nav-help-content-table td {
  margin: 0 ;
  padding: 16px ;
  font-size: 16px ;
  line-height: 36px ;
  vertical-align: middle ;
}

.footer-wrap .col-lg-4 a li {
  font-size: 1.4rem;
  line-height: 1.0em;
  padding-bottom: 14px;
  /* padding-bottom: 20px; */
}

p.point {
  line-height: 36px ;
}

.breadcrumb {
  padding: .75rem .75rem ;
}

.marketer-details-text {
  font-size: 16px ;
  line-height: 34px ;
  text-align: justify ;
}

.col-6:nth-child(odd) {
  padding-right: calc(15px / 2) ;
}
.col-6:nth-child(even) {
  padding-left: calc(15px / 2) ;
}
.order-lg-1 {
  order: 2 ;
}
.order-lg-2 {
  order: 1 ;
}

body.modal-open header , body.modal-open .btn-quick-quote a  {
  z-index: 1 ;
}

p.p-s {
  font-size: 12px ;
}