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

.wrap_cont{width: 100%;max-width: 960px;margin: 50px auto;padding-bottom: 30px}

@media only screen and (max-width: 768px) {
.wrap_cont{width: 95%;margin: 50px auto;}	
}

.mv {
    max-width: 1500px;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	

}
#section-01{background: #e8f0c4;padding: 50px 0;}
			#section-02{background: #F7F5D9;padding: 50px 0;}
			#section-03{background: #D9F4F3;padding: 50px 0;}
			#section-04{background: #EEF4F1;padding: 50px 0;}
			#section-05{background: #F4EAEA;padding: 50px 0;}
			.mark_area{position: relative;margin: 3em 0}
			.mark{position: absolute;top: -20px; right: 5%;background: #F10609;color: #fff;border-radius: 50%;padding: 20px 10px 0px;width:80px;height: 80px;text-align: center;font-weight: bold;line-height: 2}
			@media only screen and (max-width: 768px) {
			.mark{top: -20px; right: 5%;padding: 12px 10px 10px;width:50px;height: 50px;}	
			.wrap_cont{width: 90%;margin: 0 auto;}	
			}
			
.ev_cont{background: #fff;padding: 30px;border-radius: 30px;}
.ev_cont .ev_ttl{font-size: 1.6em;font-weight: bold;color: rgba(8,46,147,1.00);padding-bottom: 15px;}

@media only screen and (max-width: 768px) {
	.ev_cont{background: #fff;padding: 30px 10px;border-radius: 30px;}
}
.h1ttl{background: rgba(2,17,102,1.00);padding: 50px;color: #fff!important;font-size: 40px;}

@media only screen and (max-width: 768px) {
	
	.h1ttl{font-size: 25px;padding: 35px;}
}


.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;
	font-size: 1.2em;
}
  
.cp_table2 th, .cp_table2 td {
	padding: 10px;
}
  
.cp_table2 th {
	text-align: left;
	background-color: #5B9BD5;
  color: #fff;
  border-bottom: 1px solid #fff;
}
  
.cp_table2 tr:last-child th {
  border-bottom: 1px solid #5B9BD5;
}    
.th_1 {
  width: 20%;
} 
  
.th_2 {
  width: 10%;
}   
  
.cp_table2 td {
	background-color: #fff;
  border: 1px solid #e5e5e5;
}
  
.btn_blue {
	display: block;
	cursor: pointer;
	max-width: 420px;
	margin: 1em auto;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff!important;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: inherit;
	background: #232289;
	box-shadow: 0 6px 0 #010036, 0 12px 0 rgba(0,0,0,.2);
	transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
	text-align: center;	
}
.btn_blue:hover {
	background: #232289;
	box-shadow: 0 3px 0 #010036, 0 6px 0 rgba(0,0,0,.2);
	transform: translateY(3px);
}
.btn_blue:active {
	color: #fff;
	background: #232289;
	box-shadow: 0 0 0 #010036, 0 0 0 rgba(0,0,0,.2);
	transform: translateY(6px);
	transition-duration: .1s;
}	


.btn {
	display: block;
	cursor: pointer;
	max-width: 420px;
	margin: 1em auto;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff!important;
	line-height: 1.6;
	font-size: 14px;
	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;
}	
.btn_area{display:flex;flex-wrap: nowrap;}
.btn_link{width: 50%;padding: 15px;}

.read_box{background-color: #fff;
		padding: 1.5em 1em 3em ;
		margin-bottom: 1em;
		color: #000;
		font-size: 1.5em;
		font-weight: bold;
		margin: 20px;
		/*border: solid 2px #4776E5;*/
	}	

.section-title {
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1.7em;
	margin-top: 1.2em;
	color: rgba(35,34,34,1.00)
  	

}
  
.polkaDot {
  border-bottom: dotted 6px #90acbf;
  font-weight: bold;
  font-size: 220%;
}  
.red-1 {
  color: #de5443;
}
  
.red-l {
  color: #de5443;
  font-weight: bold;
  font-size: 120%;
}   

@media only screen and (max-width: 768px) {
	.read_box{
		padding: 0 15px 0 ;
		font-size: 1.1em;
		margin: 5px;
	}
  .section-title {
    margin-bottom: 1.3em;
	  margin-top: 1.2em;
	}
  
  .polkaDot {
    font-size: 160%;
    
  }

	
  .cp_table2 th, .cp_table2 td {
		width: 100%;
		display: block;
	}
	
  .cp_table2 th {
    border: 1px solid #E8E7E7;
  } 
.cp_table2 td {
    border: 1px solid #E8E7E7;
  } 
}  	

	
	.link_erea{display: flex;flex-wrap: nowrap;justify-content: space-evenly;display: -webkit-box;}
	.flex_img{width: 40%;margin :0 8px;}
	.flex_link{width: 50%;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;}
	 .txt01{font-size: 2em}
	@media only screen and (max-width: 768px) {
		 .txt01{font-size: 1.5em}
	.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;}	
	
		
	}


.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 #1d2088;
  box-shadow: 0px 6px 0px 0px #1d2088;
  background-color: #2a2eb0;
}
      
.btn-02 {
  -webkit-box-shadow: 0px 6px 0px 0px #009944;
  box-shadow: 0px 6px 0px 0px #009944;
  background-color: #03b753;
} 
.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: 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 #2a2eb0;
  transform: translate(0px, 5px);
}
      
.btn-02:hover {
  box-shadow: 0px 1px 0px 0px #1ecd6c;
  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%;
  }
 
}   
.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) { 
  
   
  .nav {
    font-size: 90%;
    margin-bottom: 0.4em;
  } 
  
  .nav-list { 
    border-bottom: 2px dotted #27539b;
  }

}   
.box{position: relative;margin-top: 120px;margin-bottom: 120px;}
			.inner_box{border: solid 2px #FB0307;padding: 10px ;position: absolute;z-index: 50;font-weight: bold;left: 0;top: -10px;text-align: center;width: 80px;height: 80px;border-radius: 50%;background: #FB0307;color: #fff;}

.inner_box p{margin-top: 20px;}
@media screen and (max-width: 760px) {
			.box{margin-bottom: 0px;margin-top: 60px}
			.inner_box{top: -80px;left: 10%;transform: translateX(-46%); -webkit-transform: translateX(-46%); -ms-transform: translateX(-46%);padding: 5px;width: 60px ;height: 60px;}
}

.application{text-align: center;line-height: 1.6}
.application ol,li{margin-bottom: 30px}
.application-color{color: rgba(12,23,147,1.00);font-size: 1.2em;}