@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
img {
  vertical-align: top;
}
body {
  margin: 0;
  width: 100%;
  background-color: #100732;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
}
header {
  margin: 0 auto;
  width: 100%;
  height: 530px;
}
#header-wrap {
  width: 100%;
  height: 530px;
  background-image: url("../img/back_header.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
#main-title {
  padding-top: 80px;
  padding-left: 52%;
  width: 548px;
  height: 254px;
}
#main-title img {
  width: 100%;
}
#content1 {
  margin: 0 auto;
  width: 100%;
  height: 1245px;
  background-image: url("../img/back_content1.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
#content1-top {
  margin: 0 auto;
  width: 1080px;
  display: flex;
}
#content1-l {
  margin-top: 40px;
  width: 50%;
  text-align: center;
}
#content1-l img {
  width: 48%;
  height: auto;
}
#content1-l h2 {
  margin: 10px 0 20px;
  font-size: 38px;
  font-weight: 400;
  color: #fff;
}
#content1-l p {
  margin: 0 0 20px;
  font-size: 16px;
  color: #fff;
  line-height: 1.75;
}
#content1-r {
  margin-top: -180px;
  width: 50%;
  text-align: center;
}
#content1-r-img {
  margin-left: 180px;
  width: 42%;
}
#content1-r-img img {
  width: 100%;
}
#content1-bottom {
  margin: 0 auto;
  width: 1080px;
}
#content1-bottom-img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  width: 711px;
}
#content1-bottom-img img {
  width: 100%;
}
#content2 {
  margin: 0 auto;
  width: 100%;
  height: 1100px;
  background-image: url("../img/back_content2.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
#content2-top {
  margin: 0 auto;
  width: 1080px;
  display: flex;
}
#content2-l {
  margin-top: 20px;
  margin-right: 2%;
  width: 31.5%;
  text-align: right;
}
#content2-top h2 {
  margin: 0;
  padding: 0;
  font-size: 26px;
  text-align: 1.34;
  font-weight: 400;
  color: #fff;
}
#content2-top h3 {
  margin: 0;
  padding: 0;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 52px;
  color: #fff;
}
#content2-top p {
  margin: 10px 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}
#content2-c {
  width: 33%;
}
#content2-c img {
  width: 100%;
}
#content2-r {
  margin-top: 20px;
  margin-left: 2%;
  width: 31.5%;
}
#content2-bottom {
  margin-top: 180px;
}
#content2-bottom-logo {
  margin: 0 auto;
  width: 290px;
}
#content2-bottom-logo img {
  width: 100%;
}
#content2-bottom h2 {
  margin: 40px 0 10px;
  text-align: center;
  font-size: 76px;
  font-weight: 400;
  line-height: 1.1;
  color: #fff;
}
#content2-bottom-img {
  margin: 0 auto;
  width: 405px;
}
#content2-bottom-img img {
  width: 100%;
}
#content2-bottom h3 {
  margin: 20px 0;
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
}
#content2-bottom h3 span {
  font-size: 145%;
}
#content3 {
  margin: 0 auto;
  width: 100%;
  height: 2064px;
  background-image: url("../img/back_content3.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
#content3-top {
  margin: 0 auto;
  width: 1080px;
  display: flex;
}
#content3-top-l {
  margin-top: 500px;
  width: 50%;
}
#content3-top-l img {
  width: 100%;
}
#content3-top-r {
  margin-top: 300px;
  margin-left: 5%;
  width: 45%;
}
#logo-content3 {
  width: 437px;
}
#logo-content3 img {
  width: 100%;
}
#content3-top-r h2 {
  margin: 20px 0 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.37;
  color: #100759;
}
#content3-top-r p {
  margin: 30px 0 0; 
  font-size: 23px;
  line-height: 1.5;
  color: #100759;
}
#content3-top-r p span {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  width: 23em;
  display: block;
  font-size: 78%;
  text-align: right;
}
#content3-bottom {
  margin-top: 40px;
}
#content3-bottom h2 {
  margin: 0;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  font-size: 38px;
  color: #100759;
}
#content3-bottom h2 img {
  width: 160px;
  margin-right: 0.5%;
  vertical-align: baseline;
}
#content3-bottom h2 .f-bold {
  font-size: 134%;
}
#content3-bottom h2 .f-small {
  font-feature-settings: "palt";
  font-size: 73%;
}
#content3-bottom h2 .u-line {
 border-bottom: solid 1px #333;
}
#content3-bottom h2 sup {
  font-size: 60%;
}
#content3-bottom p {
  margin-top: 6px;
  margin-left: 5em;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  color: #100759;
}
#content3-bottom-mark {
  margin: 20px auto 0;
  width: 504px;
}
#content3-bottom-mark img {
  width: 100%;
}
#content4 {
  margin: 0 auto;
  width: 100%;
  height: 1679px;
  background-image: url("../img/back_content4.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
#content4-top {
  width: 100%;
  display: flex;
}
#content4-top-l {
  width: 50%;
}
#content4-top-l-wrap {
  margin: 0 0 0 auto;
  width: 460px;
}
#logo-content4 {
  width: 448px;
}
#logo-content4 img {
  width: 100%;
}
#content4-top-l h2 {
  margin: 20px 0 0;
  font-size: 38px;
  font-weight: normal;
  line-height: 1.37;
  color: #fff;
}
#content4-top-l p {
  margin: 30px 0 0;
  font-size: 23px;
  font-weight: normal;
  line-height: 1.4;
  color: #fff;
}
#content4-top-l p span {
  font-size: 78%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#content4-top-r {
  margin-top: 160px;
  margin-left: 2%;
  width: 607px;
}
#content4-top-r img {
  width: 100%;
}
#content4-bottom {
  margin-top: 40px;
}
#content4-bottom h2 {
  margin: 0;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  font-size: 38px;
  color: #fff;
}
#content4-bottom h2 img {
  width: 160px;
  margin-right: 0.5%;
  vertical-align: baseline;
}
#content4-bottom h2 .f-bold {
  font-size: 134%;
}
#content4-bottom h2 .f-small {
  font-feature-settings: "palt";
  font-size: 73%;
}
#content4-bottom h2 .u-line {
 border-bottom: solid 1px #34bbd7;
}
#content4-bottom h2 sup {
  font-size: 60%;
}
#content4-bottom p {
  margin-top: 6px;
  margin-left: 1em;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #fff;
}
#content4-bottom-mark {
  margin: 20px auto 0;
  width: 504px;
}
#content4-bottom-mark img {
  width: 100%;
}
#content5 {
  margin: 0 auto;
  padding-top: 300px;
  box-sizing: border-box;
  width: 100%;
  height: 558px;
  background-image: url("../img/back_content5.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
#content5-top {
  margin: 0 0 0 50%;
}
#content5 h2 {
  font-size: 44px;
  font-weight: normal;
  color: #fff;
}
#content5 h2 sup {
  font-size: 60%;
}
#content5 p {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  color: #fff;
}
#content6 {
  margin: 0 auto 0;
  width: 100%;
  height: 1930px;
  background-image: url("../img/back_content6.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
#content6-top {
  margin: 0 auto 60px;
  width: 929px;
}
#content6-top img {
  margin-top: -100px;
  width: 100%;
}
.content6-bottom {
  width: 944px;
  margin: -60px auto 0;
  display: flex;
  justify-content: center;
}
.content6-bottom-l {
  width: 50%;
}
.content6-bottom-l img {
  width: 100%;
}
.content6-bottom-r {
  width: 50%;
}
.content6-bottom-r img {
  width: 100%;
}
.content6-bottom-c {
  margin-top: -60px;
  width: 50%;
}
.content6-bottom-c img {
  width: 100%;
}
#content6-end {
  width: 944px;
  margin: 0 auto 0;
}
#content6-end p {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
}
#content7 {
  margin: 0 auto 0;
  padding: 60px 0;
  width: 100%;
  height: auto;
  background-image: url("../img/back_content7.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
#content7-top {
  width: 944px;
  margin: 0 auto;
}
#content7-top img {
  width: 100%;
}
#content7-bottom {
  margin-top: 60px;
  text-align: center;
  color: #100759;
}
#company {
  font-size: 16px;
}
#company span {
  vertical-align: -8%;
}
#company a {
  text-decoration: none;
  color: #100759;
}
#com-name1 {
  font-size: 170%;
}
#com-name2 {
  font-size: 150%;
}
#location {
  margin: 10px 0 0;
  font-size: 16px;
}
#toi {
  margin: 30px 0 0;
  font-size: 16px;
}
#phone {
  font-size: 17px;
  letter-spacing: 0.05em;
}
#phone i {
  font-size: 90%;
  margin-right: 0.2em;
  vertical-align: 10%;
}
#email {
  font-size: 40px;
  letter-spacing: 0.05em;
}
#email i {
  font-size: 70%;
  margin-right: 0.2em;
}

/* --------------------------------------------------

      1340px 

-------------------------------------------------- */

@media only screen and (max-width:1340px) {
  header {
  height: 39.55vw;
}
#header-wrap {
  width: 100%;
  background-image: url("../img/back_header1340.jpg");
  background-size: contain;
}
#main-title {
  padding-top: 6vw;
  padding-left: 52%;
  width: 40vw;
}
#content1 {
  height: 93vw;
  background-image: url("../img/back_content1_1340.jpg");
  background-size: contain;
}
#content1-top {
  width: 100%;
}
#content1-l {
  margin-top: 3vw;
}
#content1-l h2 {
  margin: 0.75vw 0 1.5vw;
  font-size: 2.83vw;
}
#content1-l p {
  font-size: 1.19vw;
}
#content1-r {
  margin-top: -13.6vw;
}
#content1-r-img {
  margin-left: 12.4vw;
  width: 35%;
}
#content1-bottom {
  width: 100%;
}
#content1-bottom-img {
  margin-top: 14.9vw;
  width: 53vw;
}
#content2 {
  height: 82vw;
  background-image: url("../img/back_content2_1340.jpg");
  background-size: contain;
}
#content2-top {
  width: 100%;
}
#content2-l {
  margin-top: 1.5vw;
}
#content2-top h2 {
  font-size: 1.94vw;
}
#content2-top h3 {
  font-size: 3.88vw;
}
#content2-top p {
  margin: 0.75vw 0;
  font-size: 1.19vw;
}
#content2-r {
  margin-top: 1.5vw;
}
#content2-bottom {

  margin-top: 13.43vw;
}
#content2-bottom-logo {
  width: 21.6vw;
}

#content2-bottom h2 {
  margin: 2.98vw 0 0.74vw 0;
  font-size: 5.67vw;
}
#content2-bottom-img {
  width: 30.22vw;
}
#content2-bottom h3 {
  margin: 1.5vw 0;
  font-size: 2.68vw;
}
#content3 {
  height: 154vw;
  background-image: url("../img/back_content3_1340.jpg");
  background-size: contain;
}
#content3-top {
  width: 100%;
}
#content3-top-l {
  margin-top: 37.3vw;
  width: 40.29vw;
}
#content3-top-r {
  margin-top: 22.38vw;
}
#logo-content3 {
  width: 32.6vw;
}
#logo-content3 img {
  width: 100%;
}
#content3-top-r h2 {
  margin: 1.5vw 0 0;
  font-size: 2.83vw;
}
#content3-top-r p {
  margin: 2.23vw 0 0; 
  font-size: 1.71vw;
}
#content3-bottom {
  margin-top: 2.98vw;
}
#content3-bottom h2 {
  font-size: 2.83vw;
}
#content3-bottom h2 img {
  width: 11.94vw;
}
#content3-bottom p {
  margin-top: 0.44vw;
  font-size: 1.34vw;
}
#content3-bottom-mark {
  margin: 1.5vw auto 0;
  width: 37.6vw;
}
#content4 {
  height: 125.29vw;
  background-image: url("../img/back_content4_1340.jpg");
  background-size: contain;
}
#content4-top-l {
  width: 50%;
}
#content4-top-l-wrap {
  width: 34.32vw;
}
#logo-content4 {
  width: 33.43vw;
}
#content4-top-l h2 {
  margin: 1.5vw 0 0;
  font-size: 2.83vw;
}
#content4-top-l p {
  margin: 2.23vw 0 0;
  font-size: 1.71vw;
}
#content4-top-r {
  margin-top: 11.94vw;
  width: 45.29vw;
}
#content4-bottom {
  margin-top: 2.98vw;
}
#content4-bottom h2 {
  font-size: 2.83vw;
}
#content4-bottom h2 img {
  width: 11.94vw;
}
#content4-bottom p {
  margin-top: 0.44vw;
  font-size: 1.34vw;
}
#content4-bottom-mark {
  margin: 1.5vw auto 0;
  width: 37.61vw;
}
#content5 {
  padding-top: 22.3vw;
  height: 41.64vw;
  background-image: url("../img/back_content5_1340.jpg");
  background-size: contain;
}
#content5 h2 {
  font-size: 3.28vw;
}
#content5 p {
  font-size: 1.34vw;
}
#content6 {
  height: 144vw;
  background-image: url("../img/back_content6_1340.jpg");
  background-size: contain;
}
#content6-top {
  margin: 0 auto 4.477vw;
  width: 69.328vw;
}
#content6-top img {
  margin-top: -7.46vw;
}
.content6-bottom {
  width: 70.447vw;
  margin: -4.477vw auto 0;
}
.content6-bottom-c {
  margin-top: -4.477vw;
}
#content6-end {
  width: 70.447vw;
  margin: 0 auto 0;
}
#content6-end p {
  margin-bottom: 0.74vw;
  font-size: 1.34vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#content7 {
  width: 100%;
  padding: 4.47vw 0;
  background-image: url("../img/back_content7_1340.jpg");
}
#content7-top {
  width: 70.447vw;
}
#content7-bottom {
  margin-top: 4.47vw;
}
#company {
  font-size: 1.19vw;
}
#location {
  margin: 0.74vw 0 0;
  font-size: 1.19vw;
}
#toi {
  margin: 2.23vw 0 0;
  font-size: 1.19vw;
}
#phone {
  font-size: 1.2vw;
}

#email {
  font-size: 2.98vw;
}
}




/* 768px */
@media only screen and (max-width:768px) {
header {
  width: 100%;
  height: 39.58vw;
}
#header-wrap {
  height: 39.58vw;
  background-image: url("../img/back_header1340.jpg");
}
#content1-top {
  display: block;
  margin: 0 auto;
  padding-top: 6vw;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
#content1-l {
  margin: 0 auto;
  width: 90%;
  text-align: center;
}
#content1-l img {
  width: 60%;
  height: auto;
}
#content1-l h2 {
  margin: 0.75vw 0 3vw;
  font-size: 6.5vw;
}
#content1-l p {
  margin: 0 0 2.5vw;
  font-size: 2.8vw;
  color: #fff;
  line-height: 1.8;
}
#content1-r {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
#content1-r-img {
  width: 42%;
}
#content1-bottom {
  width: 100%;
}
#content1-bottom-img {
  margin-top: -3vw;
  width: 53vw;
}
#content2-l {
  margin-top: 10vw;
}
#content2-top h2 {
  font-size: 3vw;
}
#content2-top h3 {
  font-size: 5vw;
}
#content2-top p {
  margin: 0.75vw 0;
  font-size: 2vw;
}
#content2-c {
  margin-top: 18vw;
  width: 33%;
}
#content2-r {
  margin-top: 10vw;
}
#content2-bottom {
  margin-top: 6vw;
}
#content2-bottom-logo {
  width: 21.6vw;
}

#content2-bottom h2 {
  margin: 2.98vw 0 0.74vw 0;
  font-size: 5.67vw;
}
#content2-bottom-img {
  width: 30.22vw;
}
#content2-bottom h3 {
  margin: 1.5vw 0;
  font-size: 2.68vw;
}
#content3 {
  height: 162vw;
  background-image: url("../img/back_content3_1340.jpg");
  background-size: cover;
  box-sizing: border-box;
}
#content3-top {
  width: 100%;
}
#content3-top-l {
  margin-top: 34vw;
  width: 45%;
}
#content3-top-r {
  margin-top: 11vw;
  width: 50%;
  margin-left: 3%;
}
#logo-content3 {
  width: 100%;
}
#logo-content3 img {
  width: 100%;
}
#content3-top-r h2 {
  margin: 1vw 0 0;
  font-size: 4vw;
  line-height: 1.2;
}
#content3-top-r p {
  margin: 2.23vw 0 0; 
  font-size: 2.5vw;
  line-height: 1.2;
}
#content3-top-r p span {
  display: block;
  margin-left: 10.5em;
  font-size: 1.34vw;
}
#content3-bottom {
  margin-top: 0;
}
#content3-bottom h2 {
  font-size: 2.83vw;
}
#content3-bottom h2 img {
  width: 11.94vw;
}
#content3-bottom p {
  margin-top: 0.44vw;
  font-size: 1.34vw;
}
#content3-bottom-mark {
  margin: 1.5vw auto 0;
  width: 50vw;
}
#content4 {
  height: 125.29vw;
  background-image: url("../img/back_content4_1340.jpg");
  background-size: contain;
}
#content4-top-l {
  margin-top: -22vw;
  margin-left: 4%;
  margin-right: 1%;
  width: 50%;
}
#content4-top-l-wrap {
  width: 100%;
}
#logo-content4 {
  width: 100%;
}
#content4-top-l h2 {
  margin: 1.5vw 0 0;
  font-size: 4vw;
  line-height: 1.2;
}
#content4-top-l p {
  margin: 2.23vw 0 0;
  font-size: 2.5vw;
  line-height: 1.2;
}
#content4-top-l p span {
  font-size: 1.34vw;
}
#content4-top-r {
  margin-top: 11.94vw;
  width: 45%;
}
#content4-bottom {
  margin-top: 2.98vw;
}
#content4-bottom h2 {
  font-size: 2.83vw;
}
#content4-bottom h2 img {
  width: 11.94vw;
}
#content4-bottom p {
  margin-top: 0.44vw;
  font-size: 1.34vw;
}
#content4-bottom-mark {
  margin: 1.5vw auto 0;
  width: 50vw;
}
#content5 {
  padding-top: 20vw;
  background-image: url("../img/back_content5_1340.jpg");
  background-size: contain;
}
#content5-top {
  margin: 0 0 0 44%;
}
#content5 h2 {
  font-size: 4vw;
}
#content5 p {
  font-size: 1.75vw;
}
#content6 {
  padding-bottom: 4vw;
  height: auto;
  background-image: url("../img/back_content6_1340.jpg");
  background-size: cover;
  box-sizing: border-box;
}
#content6-top {
  margin: 0 auto 4.477vw;
  width: 69.328vw;
}
#content6-top img {
  margin-top: -7.46vw;
}
.content6-bottom {
  width: 94%;
  margin: -4.477vw auto 0;
}
.content6-bottom-c {
  margin-top: -4.477vw;
}
#content6-end {
  width: 94%;
  margin: 0 auto 0;
}
#content6-end p {
  margin-bottom: 0.74vw;
  font-size: 1.75vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#content7 {
  width: 100%;
  padding: 4.47vw 0;
  background-image: url("../img/back_content7_1340.jpg");
}
#content7-top {
  width: 94%;
}
#content7-bottom {
  margin-top: 4.47vw;
}
#company {
  font-size: 2.5vw;
}
#location {
  margin: 0.74vw 0 0;
  font-size: 2.5vw;
}
#toi {
  margin: 2.23vw 0 0 0;
  font-size: 2.5vw;
}
#phone {
  margin-top: 0;
  font-size: 2.75vw;
}
#email {
  font-size: 4.8vw;
}
}