@charset "utf-8";
/*------------------------------------------------------------
  汎用スタイル
------------------------------------------------------------*/
/* clearfix */  
.clearfix:after {content: "";display: block;clear: both;}
/* flex */  
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
  content
------------------------------------------------------------*/
.content {
  margin: 0 auto;
  width: 1200px;
}
@media all and (max-width: 896px) {
  .content {
    margin: 0 16px;
    width: auto;
  }
}
/*------------------------------------------------------------
  headLine01
------------------------------------------------------------*/
.headLine01.head01 {
  margin-bottom: 40px;
}
.headLine01 {
  padding: 42px 0;
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: .1rem;
  text-align: center;
  background: url("./main_img.jpg") no-repeat center center / cover;
}
@media all and (max-width: 896px) {
  .headLine01 {
    padding: 20px 0 19px;
    font-size: 1.8rem;
    background-image: url("./sp_main_img.png");
  }
  .headLine01.head01 {
    margin-bottom: 32px;
  }
}
/*------------------------------------------------------------
  headLine02
------------------------------------------------------------*/
.headLine02 {
  margin-bottom: 32px;
  color: #3288EB;
  font-size: 5.6rem;
  line-height: 1.48;
  text-align: center;
}
@media all and (max-width: 896px) {
  .headLine02 {
    margin-bottom: 25px;
    font-size: 3.6rem;
    line-height: 1.5;
  }
}
/*------------------------------------------------------------
  comBtn
------------------------------------------------------------*/
.comBtn {
  margin: 0 auto;
  width: 320px;
}
.comBtn a {
  padding: 17px 45px 16px;
  display: block;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  border-radius: 100px;
  border: 1px solid #E04B67;
  background: url("./icon04.png") no-repeat right 24px center / 18px auto;
  background-color: #E04B67;
}
.comBtn.btn01 {
  width: 260px;
}
.comBtn.btn01 a {
  padding: 16px 45px 15px;
  font-size: 1.6rem;
  letter-spacing: .1em;
  border-color: #3288EB;
  background-color: #3288EB;
}
@media all and (min-width: 897px) {
  .comBtn a:hover {
    color: #E04B67;
    background-image: url("./icon07.png");
    background-color: #fff;
  }
  .comBtn.btn01 a:hover {
    color: #fff;
    border-color: #0A2054;
    background-color: #0A2054;
    background-image: url("./icon04.png");
  }
}
@media all and (max-width: 896px) {
  .comBtn {
    margin: 0 auto;
    width: auto;
    max-width: 311px;
  }
  .comBtn a {
    padding: 16px 45px 15px;
    display: block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    border-radius: 100px;
    background-position: right 15px center;
  }
  .comBtn.btn01 a {
    background-position: right 23px center;
  }
}
/*------------------------------------------------------------
  comLink
------------------------------------------------------------*/
.comLink {
  margin: 10px auto 76px;
  width: 260px;
}
.comLink a {
  padding: 12px 50px;
  background-color: #3288EB;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  display: block;
  position: relative;
  border-radius: 50px;
}
.comLink a::after {
  width: 36px;
  height: 36px;
  background: url("./icon04.png") no-repeat center center / 18px auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  content: '';
}
@media all and (min-width: 897px) {
  .comLink a:hover {
    background-color: #0A2054;
  }
}
@media all and (max-width: 896px) {
  .comLink {
    margin: 3px auto 61px;
  }
}
/*------------------------------------------------------------
  comBox
------------------------------------------------------------*/
.comBox {
  height: 34vw;
  min-height: 476px;
  padding: 100px 0 90px;
  background: url("./bg01.png") no-repeat center left / cover;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.comBox .content {
  margin: 0;
}
.comBox .textBox {
  margin-left: auto;
  width: 47.5%;
  text-align: center;
}
.comBox .textBox .logo {
  margin-bottom: 28px;
}
.comBox .logo img {
  width: 490px;
}
.comBox .textBox p {
  margin-bottom: 28px;
  color: #fff;
  font-weight: 700;
}
.comBox .textBox .comBtn {
  width: auto;
  max-width: 459px;
}
.comBox .comBtn a {
  padding: 18px 50px 19px;
  font-size: 2.1rem;
  background-position: right 30px center;
}
@media all and (max-width: 896px) {
  .comBox {
    padding: 10px 0 48px;
	height: auto;
	min-height: inherit;
	display: block;
    background-image: url("./sp_bg01.png");
  }
  .comBox .content {
	margin: 0 16px;
  }
  .comBox .photo {
    margin: 0 -16px 16px;
  }
  .comBox .photo img {
    width: 100%;
  }
  .comBox .textBox {
    width: auto;
  }
  .comBox .textBox .logo {
    margin-bottom: 18px;
  }
  .comBox .logo img {
    width: 245px;
  }
  .comBox .textBox p {
    margin-bottom: 19px;
    font-size: 1.4rem;
    line-height: 2.29;
  }
  .comBox .textBox .comBtn {
    max-width: 311px;
  }
  .comBox .comBtn a {
    padding: 15px 50px;
    font-size: 1.6rem;
    background-position: right 16px center;
  }
}
/*------------------------------------------------------------
  pagePath
------------------------------------------------------------*/
#pagePath {
  margin-bottom: 38px;
  font-size: 1.2rem;
  text-align: left;
  display: flex;
}
#pagePath li {
  margin: 0 1px;
}
#pagePath li:first-child {
  margin-left: 0;
}
#pagePath li:last-child {
  margin-right: 0;
}
#pagePath li a {
  margin-right: 3px;
}
@media all and (min-width: 897px) {
  #pagePath li a:hover {
    text-decoration: underline;
  }
}
@media all and (max-width: 896px) {
  #pagePath {
    margin-bottom: 5px;
  }
}
/*------------------------------------------------------------
  comFixBox
------------------------------------------------------------*/
.comFixBox {
  width: 355px;
  position: fixed;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #E04B67;
  z-index: 999;
  display: none;
}
.comFixBox .close {
  width: 16px;
  position: absolute;
  right: 12px;
  top: 10px;
  z-index: 6;
  cursor: pointer;
  transition: 0.3s ease-in;
}
.comFixBox a {
  padding: 23px 13px 0;
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.comFixBox a::before {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  left: 4px;
  top: 4px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 2px;
  content: '';
  -webkit-transition: all 0.3s ease-in;
  transition: 0.3s ease-in;
}
.comFixBox .imgBox {
  position: relative;
  display: flex;
  z-index: 3;
}
.comFixBox .imgBox .photoBox {
  margin-right: 19px;
  width: 135px;
}
.comFixBox .imgBox .textBox {
  margin-top: 10px;
  width: 175px;
}
.comFixBox .textBox p {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: .2em;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.comFixBox .textBox  .title {
  margin-bottom: 9px;
  font-size: 2.4rem;
  line-height: 1.15;
  letter-spacing: 0;
}
@media all and (min-width: 897px) {
  .comFixBox a:hover::before {
    background-color: #F4F7FC;
  }
  .comFixBox a:hover p {
    color: #E04B67;
  }
  .comFixBox .close:hover {
    opacity: .7;
  }
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
  comFixBtn
------------------------------------------------------------*/
.comFixBtn {
	padding: 15px;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 3;
	display: none;
}
@media all and (max-width: 896px) {
}

/*
     FILE ARCHIVED ON 06:18:59 Aug 16, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:02:24 Apr 04, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.715
  exclusion.robots: 0.03
  exclusion.robots.policy: 0.012
  esindex: 0.015
  cdx.remote: 16.043
  LoadShardBlock: 260.49 (3)
  PetaboxLoader3.datanode: 188.67 (5)
  PetaboxLoader3.resolve: 324.692 (2)
  load_resource: 263.94
  loaddict: 50.931
*/