@charset "utf-8";
/* CSS Document */


.top-background {
  background-color: #fff; 
}
  
.top-inner {
  margin: 2em auto 0;
  width: 100%;
  max-width: 1500px;
  height: auto;
  text-align: center;
}  
  
.top-inner img {
  width: 80%;
}
  
@media only screen and (max-width: 768px) {
  
  .top-inner {
    margin: 0 auto;
  } 
  
  .top-inner img {
    width: 100%;
  }
	
  
}
  
  
.section-background {
  background-color: #fff;
  padding: 4.5em 0;
} 
  
.bk-anotherColor {
  background-color: #ebeff8;  
} 
  
.section-firstMargin {
  padding: 0 0 4.5em;
  margin-top: 3.5em;
}    
  
.section-body {
  width: 100%;
  max-width: 950px;
  box-sizing: border-box;
  display: block;
  clear: both;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;  
}
  
.section-body p, .section-body h1 {
  padding: 0;
}  
  
@media only screen and (max-width: 768px) {

  .section-background {
    padding: 1em 0.5em;
  }
  
  .section-firstMargin {
    padding: 0 0.5em 2.5em;
    margin-top: 2.15em;
  }   
    
  .section-body {
    padding: 0 1em;
  }
  
}
.txt_01{padding: 20px!important;font-size: 20px;font-weight: 500;}
  
.text-title {
  position: relative;
  font-size: 120%;
  font-weight: bold;
  display: inline-block;
  padding: 1em 3em;
  border-radius: 0 100vh 100vh 0;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  line-height: 1.6;
  margin: 0 0 -1.5em -10px;
  background: #27539b;
  color: #fff;
}
   
.text-title:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-left: 10px solid transparent;
  border-top: 10px solid #1a3869;
}   
  
.nav {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 2.7em 0 3em;
  background-color: #ebeff8;
  border-radius: 3px;
  margin-bottom: 1em;
}
  
.nav-list {
  margin: 0 1.5em;
  line-height: 3;
  border-bottom: 3px dotted #27539b;
} 
  
.nav-list a {  
  font-weight: bold;
  color: #27539b;
  font-size: 130%;
}    
  
@media only screen and (max-width: 768px) { 
  
	.txt_01{padding: 20px!important;font-size: 15px}
	
  .text-title {
    font-size: 100%;
    padding: 1.2em 2.2em;
  }
  
  .nav {
    font-size: 90%;
    margin-bottom: 0.4em;
  } 
  
  .nav-list { 
    border-bottom: 2px dotted #27539b;
  }

}      
  

.section-title {
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1.7em;
}
  
.polkaDot {
  border-bottom: dotted 6px #27539b;
  font-weight: bold;
  font-size: 220%;
}  
  
@media only screen and (max-width: 768px) {
  
  .section-title {
    margin-bottom: 1.3em;
  }
  
  .polkaDot {
    font-size: 160%;
    border-bottom: dotted 4px #27539b;
  }

}    

  
.box27 {
  position: relative;
  margin-top: 4em;
  padding: 1em 1.2em;
  border: solid 3px #27539b;
}
  
.box27 .box-title {
  position: absolute;
  display: inline-block;
  top: -40px;
  left: -3px;
  height: 34px;
  line-height: 34px;
  border-radius: 5px 5px 0 0;
  padding: 3px 9px 0 12px;
  color: #fff;
  font-weight: bold;
  font-size: 160%;
  background-color: #27539b;
}
  
.box27 p {
  font-size: 105%;
}
  
@media only screen and (max-width: 768px) {
  
  .box27 {
    margin-top: 3.8em;
  }
  
  .box27 .box-title {
    font-size: 140%;
  }
  
  .box27 p {
    font-size: 100%;
  }

} 
  
  
.emphasized-text01 {
  font-size: 260%;
  font-weight: bold;
  text-align: center;
  margin-top: 1em;
}   
  
.emphasized-text02 {
  font-size: 240%;
  text-align: center;
  margin: -0.3em 0 1em;
}   
  
.marker {
  background: linear-gradient(transparent 65%, #f0b9cc 65%);
}    
  
@media only screen and (max-width: 768px) { 
  
  .emphasized-text01 {
    font-size: 160%;
    margin-top: 1.2em;
  }
  
  .emphasized-text02 {
    font-size: 150%;
  } 
  
}  
  

.btn-01, .btn-02, .btn-03, .btn-04{
  border-radius: 6px;  
  max-width: 750px;
  width: 100%;
  box-sizing: border-box;
  transition: .3s;
  margin: 2.1em auto 6px;
}
  
.btn-01 {
  -webkit-box-shadow: 0px 6px 0px 0px #99362e;
  box-shadow: 0px 6px 0px 0px #99362e;
  background-color: #de5443;
}
      
.btn-02 {
  -webkit-box-shadow: 0px 6px 0px 0px #1c3d6f;
  box-shadow: 0px 6px 0px 0px #1c3d6f;
  background-color: #27539b;
} 
.btn-03 {
  -webkit-box-shadow: 0px 6px 0px 0px #cd255d;
  box-shadow: 0px 6px 0px 0px #cd255d;
  background-color: #EA8AA9;
} 
.btn-04 {
  -webkit-box-shadow: 0px 6px 0px 0px #41A1D7;
  box-shadow: 0px 6px 0px 0px #41A1D7;
  background-color: #83C2E5;
} 	
   
.btn-01 a, .btn-02 a,.btn-03 a,.btn-04 a {
  color: #fff;
  font-weight: bold;
  display: block;
  font-size: 210%;
  padding: 0.8em 1.2em 0.9em;
}
  
.btn-01 span, .btn-02 span, .btn-03 span, .btn-04 span {
  font-size: 80%;
}  
      
.btn-01:hover {
  box-shadow: 0px 1px 0px 0px #de5443;
  transform: translate(0px, 5px);
}
      
.btn-02:hover {
  box-shadow: 0px 1px 0px 0px #27539b;
  transform: translate(0px, 5px);
} 
.btn-03:hover {
  box-shadow: 0px 1px 0px 0px #EA8AA9;
  transform: translate(0px, 5px);
}  
.btn-04:hover {
  box-shadow: 0px 1px 0px 0px #83C2E5;
  transform: translate(0px, 5px);
}  	
  
.btn-box {
  width: 100%;
  max-width: 750px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
  
.btn-box .btn-box01 {
  width: 90%;
  box-sizing: border-box;
  line-height: 1.5;
}
  
.btn-box .btn-box02 {
  width: 10%;
  box-sizing: border-box;
}
  
.btn-margin01 {
  margin: 3em auto 6px; 
}  
  
.btn-margin02 {
  margin: 1.5em auto 6px; 
}  
  
@media only screen and (max-width: 768px) {
  
  .btn-01, .btn-02,.btn-03,.btn-04, .btn-margin01 {
    margin: 2em auto 6px;
  }
  
  .btn-margin02 {
    margin: 1.4em auto 6px;  
  }
  
  .btn-01 a, .btn-02 a, .btn-03 a, .btn-04 a {
    font-size: 135%;
  }
 
}   


.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
  
.cp_table {
	width: 100%;
	border-collapse: collapse;
}
  
.cp_table th, .cp_table td {
	padding: 10px;
}
  
.cp_table th {
	text-align: left;
	background-color: #83c2e4;
  color: #fff;
  border-bottom: 1px solid #fff;
}
  
.cp_table tr:last-child th {
  border-bottom: 1px solid #83c2e4;
}  
  
.th_1 {
  width: 20%;
} 
  
.th_2 {
  width: 10%;
}   
  
.cp_table td {
	background-color: #fff;
  border: 1px solid #cde7f4;
  width: 80%;
}  
  
.br-white {
  border-right: 1px solid #fff;  
}
   
.bb-blue {
  border-bottom: 1px solid #83c2e4 !important;  
}   
  
.table-bk {
  background-color: #fef5f8 !important;  
}  
  
@media only screen and (max-width: 768px) { 
  
  .cp_table th, .cp_table td {
		width: 100%;
		display: block;
	}
	
  .cp_table th {
    border: 1px solid #83c2e4;
  }
  
  .br-white {
    border-bottom: 1px solid #fff !important;  
  }

}
  
  
.asterisk ul, .application ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
  counter-reset: li;
} 
  
.asterisk ul li {
  position: relative;
  padding: 0 0 0 1.2em;
  margin: 0;
}
        
.asterisk ul li:before {
  counter-increment: li;
  display: inline;
  content: "※";
  position: absolute;
  left: 0;
  top: 12px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
  
.count ol {
  margin-left: 1.5em;
  padding: 0;
} 
  
.count ol li {
  padding-bottom: 0.2em;
}  
  
.application ol li {
  text-indent: -1.8em;
  padding: 0 0 15px 1.8em;
  font-size: 105%;
}   
  
.application ol li:before {
  color: #27539b;
  font-size: 120%;
  font-weight: bold;
  counter-increment: li;
  content: counter(li) ". ";
} 
  
.application-color {
  color: #27539b;
  font-weight: bold;
  font-size: 120%;
}
  
.application-text {
  margin-top: 1.5em;
  font-size: 105%;
}  
  
@media only screen and (max-width: 768px) { 
  
  .asterisk ul li {
    padding: 0 0 0 1em;
  }
  
  .asterisk ul li:before {
    top: 9.5px;
  }
  
  .application ol li {
    text-indent: -1.5em;
    padding: 0 0 15px 1.5em;
    font-size: 100%;
  }
  
  .application ol li:before {
    font-size: 110%;
  } 
  
  .application-color {
    font-size: 110%;
  }
  
  .application-text {
    margin-top: 1em;
    font-size: 100%;
  }

}  
  
  
.content-title {
  color: #27539b;
  margin-bottom: 0.1em;
  font-size: 170%;
  font-weight: bold;
  line-height: 1.6;
}    
  
.content-box {
  background-color: #ebeff8;
  padding: 1.5em 2em;
}
  
.content-box p {
  font-size: 105%;  
}  
  
.arrow01 {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #e78bab;
  margin: 4.1em auto 1.5em;
  text-align: center;  
}   
  
@media only screen and (max-width: 768px) { 
  
  .content-title {
    font-size: 150%;
  }
  
  .content-box p {
    font-size: 100%;  
  }
  
  .arrow01 {
    margin: 3.05em auto 0.8em;  
  } 

}    
  

.call-center {
  padding: 2em 1em;
  text-align: center;
  background-color: #fff;
  margin-top: 4em;
}   

.call-center_text {
  font-size: 130%;
  font-weight: bold;
}
  
.call-center_text_2 {
  font-size: 110%;
}  
  
.call-center_phone {
  font-size: 250%;
  font-weight: bold;
  color: #27539b;
}
   
.call-center_phone a {
  color: #27539b;
}  
  
@media only screen and (max-width: 768px) { 
  
  .call-center {
    margin-top: 3em;
  }
  
  .call-center_text {
    font-size: 120%;
  }
  
  .call-center_text_2 {
    font-size: 100%;
  } 
  
  .call-center_phone {  
    font-size: 235%;
  }

}  
  
  
.pc {
  display: block;
}
  
.sp { 
  display: none;
}
  
.red-1 {
  color: #de5443;
}
.blu-1{
	color: #1341D4;
	border: 1px solid #1341D4;
}
.red-2 {
  color: #de5443;
	border: 1px solid #de5443;
	
}
  
.red-l {
  color: #de5443;
  font-weight: bold;
  font-size: 120%;
}   
  
.font-s {
  font-size: 85%;  
}  

  
@media only screen and (max-width: 768px) {
  
  .pc { 
    display: none;
  }
  
  .sp { 
    display: block;
  }
  
  .red-l {
    font-size: 110%;
  } 
  
  .font-s {
    font-size: 100%;  
  } 
    
}      


/*20210731追記*/
.h2_tittle{
  position: relative;
   padding: 0.1em 0.5em!important;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), transparent);
  background: linear-gradient(to right,  #4da6ff, #6498cc, #ffffff, transparent);
  /*color: #fff;*/
	max-width: 600px;
	 display        : inline-block;
  color          : #0000ff;            /* 文字の色 */
  font-size      : 20px;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}
.h2_tittle2{
	color: #fff;
	text-align: center;
	padding: 20px!important;
	background-color: #ea5414;
	border-radius: 10px;
	width: 80%;
	margin: 0 auto;
	
}


.tbl-r02 th {
 
  padding: 10px;
}
.tbl-r02 td {
　font-size: 20px!important;
  padding: 10px;
}
 
@media screen and (max-width: 640px) {

  .last td:last-child {
    
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
h2{background:none;font-size:36px;font-weight:bold;text-align:center;position:relative;border:none;line-height:1.5;margin:0 0 30px;padding:0 0 20px;color:#000}h2:before{background:#000;content:'';display:block;width:38px;height:1px;position:absolute;bottom:0;left:0;right:0;margin:auto}@media screen and (max-width: 640px){h2{font-size:32px}}.btn-comment{font-size:12px;text-align:center;margin-bottom:15px}
.section-btn{text-align:center}.section-btn a{display:block;width:500px;height:90px;margin:0 auto;color:#fff;font-size:22px;font-weight:bold;line-height:1.4;text-align:center;border-radius:6px;background:#232289;-webkit-box-shadow:0px 6px 0px 0px #010036;box-shadow:0px 6px 0px 0px #010036;position:relative}.section-btn a:hover{-webkit-box-shadow:0px 1px 0px 0px #010036;box-shadow:0px 1px 0px 0px #010036;-webkit-transform:translate(0px, 5px);transform:translate(0px, 5px)}.section-btn a:after{content:'';position:absolute;display:block;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;bottom:0;right:20px;margin:auto}.section-btn a span{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.section-btn a span strong{font-size:30px}.section-btn .txt-note{margin-top:20px}@media screen and (max-width: 950px){.section-btn a{width:90%;height:80px;font-size:17px}.section-btn a span strong{font-size:28px}}@media screen and (max-width: 767px){.section-btn a{width:90%;height:70px;font-size:16px}.section-btn a:after{right:10px}.section-btn a span strong{font-size:26px}}
 .cont_search{background:#232289;padding:40px 0 30px}.cont_search h2{color:#fff}.cont_search h2::before{background:#fff}.cont_search .btn-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:950px;margin:0 auto}@media screen and (max-width: 640px){.cont_search .btn-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:320px;margin-bottom:0px}.cont_search .btn-flex .section-btn:not(:last-child){margin-bottom:20px}}.cont_search .btn-flex .section-btn:not(:last-child){margin-right:20px;margin-bottom:20px}@media screen and (max-width: 640px){.cont_search .btn-flex .section-btn:not(:last-child){margin-right:0}}.cont_search .btn-flex a{width:170px;height:70px;background:#fff;color:#232289;-webkit-box-shadow:0px 6px 0px 0px #ADADAD;box-shadow:0px 6px 0px 0px #ADADAD}@media screen and (max-width: 640px){.cont_search .btn-flex a{width:150px;height:50px}}.cont_search .btn-flex a:after{border-top:2px solid #232289;border-right:2px solid #232289}.cont_search .btn-flex a:hover{-webkit-box-shadow:0px 6px 0px 0px #232289;box-shadow:0px 6px 0px 0px #232289}.cont04{padding:50px 0 80px}

/*2022.09.15追記ジーナス*/
.sub_ttl{background: #C1C0C0;border-radius: 10px;font-size: 32px;padding: 8px 10px;font-weight: bold}
.kamoku{font-size: 30px;font-weight: bold}
.font-w{font-weight: bold}
.sec_flex{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    margin: 1.5em 0;    
  }
    
  .sec_flex_box {
   width : 50%;
	 
    box-sizing: border-box;
  }

.emphasized-text03 {
  font-size: 180%;
  text-align: center;
  margin: -0.3em 0 1em;
}  
@media screen and (max-width: 640px) {
	.sec_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 1.5em 0;    
  }
    
  .sec_flex_box {
   width : 100%;
	 
    box-sizing: border-box;
  }
	.emphasized-text03 {
  font-size: 110%;

}  
	
	}