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


.top-background {
  background-color: #e8f0c4; 
}
  
.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: 2.5em 0;
} 
  
.bk-anotherColor {
  background-color: #ebeff8;  
} 
  
.section-firstMargin {
  padding: 0 0 2.5em;
  margin-top: 1.8em;
}    
  
.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: 1.5em 0.5em;
  }
  
  .section-firstMargin {
    padding: 0 0.5em 1.5em;
    margin-top: 1em;
  }   
    
  .section-body {
    padding: 0 1em;
  }
  
}

  
.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;
}   
	
	.prep_box{background-color: #ebeff8;
		padding: 2.7em 0 3em;
		margin-bottom: 1em;
		border: solid 2px #4776E5;
	}	
  
.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) { 
  
  .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: 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 #359238;
  box-shadow: 0px 6px 0px 0px #359238;
  background-color: #44bb48;
} 	
   
.btn-01 a, .btn-02 a,.btn-03 a,.btn-04 a {
  color: #fff;
  font-weight: bold;
  display: block;
  font-size: 180%;
  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 #57BB5A;
  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: 10%;
}  */
	
        

.cp_table2 *, .cp_table2 *:before, .cp_table2 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
  
.cp_table2 {
	width: 100%;
	border-collapse: collapse;
  margin-bottom: 1em;
}
  
.cp_table2 th, .cp_table2 td {
	padding: 10px;
}
  
.cp_table2 th {
	text-align: left;
	background-color: #EA8AA9;
  color: #fff;
  border-bottom: 1px solid #fff;
}
  
.cp_table2 tr:last-child th {
  border-bottom: 1px solid #EA8AA9;
}  
  
.th_1 {
  width: 20%;
} 
  
.th_2 {
  width: 10%;
}   
  
.cp_table2 td {
	background-color: #fff;
  border: 1px solid #EA8AA9;
}
  
@media only screen and (max-width: 768px) { 
  
  .cp_table2 th, .cp_table2 td {
		width: 100%;
		display: block;
	}
	
  .cp_table2 th {
    border: 1px solid #EA8AA9;
  } 

}   	
 
.cp_table3 *, .cp_table3 *:before, .cp_table3 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
  
.cp_table3 {
	width: 100%;
	border-collapse: collapse;
  margin-bottom: 1em;
}
  
.cp_table3 th, .cp_table3 td {
	padding: 10px;
}
  
.cp_table3 th {
	text-align: left;
	background-color: #57BB5A;
  color: #fff;
  border-bottom: 1px solid #fff;
}
  
.cp_table3 tr:last-child th {
  border-bottom: 1px solid #57BB5A;
}  
  
.th_1 {
  width: 20%;
} 
  
.th_2 {
  width: 10%;
}   
  
.cp_table3 td {
	background-color: #fff;
  border: 1px solid #57BB5A;
}
  
@media only screen and (max-width: 768px) { 
  
  .cp_table3 th, .cp_table3 td {
		width: 100%;
		display: block;
	}
	
  .cp_table3 th {
    border: 1px solid #41719C;
  } 

}   
.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) { 
 
  
  .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;
}
  
.red-l {
  color: #de5443;
  font-weight: bold;
  font-size: 120%;
}  
.blu-l {
  color: #4488E5;
  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: 98%;
  } 
  
  .font-s {
    font-size: 100%;  
  } 
    
}      
	.link_erea{display: flex;flex-wrap: nowrap;justify-content: space-evenly;display: -webkit-box;}
	.flex_img{width: 40%;margin :0 8px;}
	.flex_link{width: 55%;margin :0 8px;}
	.txt_22{font-size: 28px;font-weight: bold;}
	.ttl_txt{display : inline-block;
  color          : #0883e1;            /* 文字の色 */
  font-size      : 38pt;               /* 文字のサイズ */
  font-family:   "Osaka-mono", "MS Gothic", "monospace";	text-align: center;font-weight: bold;}
	@media only screen and (max-width: 768px) {
	.link_erea{flex-wrap: wrap;justify-content: space-evenly;display: -webkit-box;}
	.flex_img{width: 100%;-webkit-box-ordinal-group:2;　-ms-flex-order:2;　　-webkit-order:2;　　order:2;}
	.flex_link{width: 100%;-webkit-box-ordinal-group:1;　　-ms-flex-order:1;　　-webkit-order:1;　　order:1;}
	.txt_22{font-size: 22px;font-weight: bold;}	
	.ttl_txt{	font-size: 26pt;}	
	.red-1 {font-size:90%!important;	}
	}

.btn {
	display: block;
	cursor: pointer;
	width: 100%;
	margin: 1em auto;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff!important;
	line-height: 1.6;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: inherit;
	background: #20b2aa;
	box-shadow: 0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,.2);
	transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
}
.btn:hover {
	background: #3cc4bd;
	box-shadow: 0 3px 0 #12978d, 0 6px 0 rgba(0,0,0,.2);
	transform: translateY(3px);
}
.btn:active {
	color: #ddd;
	background: #12978d;
	box-shadow: 0 0 0 #047c71, 0 0 0 rgba(0,0,0,.2);
	transform: translateY(6px);
	transition-duration: .1s;
}		  

.cont_search{background:#232289;padding:34px 0 50px}.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;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}}.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}
	.section-btn{text-align:center}.section-btn a{display:block;width:360px;height:70px;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}@media screen and (max-width: 640px){.section-btn a:after{right:12px}}.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 p{font-size:18px;margin-bottom:10px;padding:0 10px}.section-btn a{width:300px;height:80px;font-size:17px}.section-btn a span strong{font-size:28px}}@media screen and (max-width: 950px){.section-btn p{font-size:16px;margin-bottom:10px;padding:0 10px}.section-btn a{width:280px;height:70px;font-size:16px}.section-btn a:after{right:10px}.section-btn a span strong{font-size:26px}}.common_ttl{background:none;font-size:36px;font-weight:bold;text-align:center;position:relative;border:none;line-height:1.5;margin:0 0 35px;padding:0 0 20px;color:#000}.common_ttl: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){.common_ttl{font-size:22px}}