@charset "UTF-8";
/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {

.h3{
	margin-bottom:90px;
	}

.intro{
	line-height:2.5em;
	}

#sd_content .wrap > div{
	margin-top:75px;
	}
	#sd_content .wrap > div h4 + p{
		line-height:2.2em;
		}
		
	#sd_content .sec > p + div{
		margin-top:45px;
		}
	
	
	table{
		border-collapse:collapse;
		width:100%;
		}
		table th,
		table td{
			border:1px solid #D0EAF4;
			font-size:115%;
			text-align:left;
			vertical-align:top;
			padding:16px;
			}
		table th{
			background-color:#E5F5FC;
			text-align:center;
			}
		table td dl + dl{
			margin-top:10px;
			}
		table td dl dt{
			font-weight:bold;
			}
		table td a{
			color:#009CE5;
			}
		.sec2 table tr th:nth-of-type(1),
		.sec2 table tr td:nth-of-type(1){
			width:200px;
			}
			
		table td ul li{
			position:relative;
			padding-left:15px;
			}
			table td ul li::before{
				top:0.7em;
				left:0;
				content:"";
				width:6px;
				height:6px;
				background-color:#009CE5;
				border-radius:100%;
				display:block;
				position:absolute;
				}
	
	p.mintit{
		font-size: 143%;
		font-weight: bold;
		margin-bottom: 15px;
		}
	p.mintit span{
		font-size:80%;
		}
	
	
	
/* sec1 */
	.sec1 .blue_box{
		margin-top: 20px;
		background-color: #F2FAFE;
		border: 1px solid #009CE5;
		padding: 27px;
	}
		.sec1 .blue_box p{
			font-size:143%;
			color:#009CE5;
			font-weight:bold;
			border-left:5px solid #99D7F5;
			padding-left:10px;
			margin-bottom: 15px;
			}
		.sec1 .blue_box ul{
			margin-top:15px;
			padding-left:18px;
			font-size:129%;
			font-weight:bold;
			}
			.sec1 .blue_box ul li{
				position:relative;
				padding-left:18px;
					}
			.sec1 .blue_box ul li + li{
				margin-top:5px;
				}
			.sec1 .blue_box ul li:after{
				content:"";
				background-color:#009CE5;
				position:absolute;
				left:0;
				top:0.65em;
				width:11px;
				height:11px;
				border-radius:100%;
				}
	.sec1 .remarks{
		text-align:right;
		font-size:86%;
		margin-top:15px;
		clear:both;
		}
	

/* sec3 */
.sec3 div{
	text-align:center;
	}
		
/* sec4 */
.sec4 div{
	}
	.sec4 div p{
		font-size:143%;
		font-weight:bold;
		margin-bottom:15px;
		}
	.sec4 dl{
		margin-top:80px;
		}
	.sec4 dl + dl{
		margin-top:40px;
		padding-top:40px;
		border-top:1px solid rgba(0,156,229,0.2);
		}
	.sec4 dl dt{
		font-weight:bold;
		font-size:143%;
		margin-bottom:15px;
		}
	.sec4 dl dd{
		line-height:2.5em;
		}
  .sec4 div .note{
    display: flex;
    justify-content: flex-end;
    margin: 5px 30px 0 0;
  }
  .sec4 div .note p{
    font-size: 86%;
    margin: 0;
    line-height: 1.5;
    font-weight: normal;
  }
/* sec5 */
	.sec5 .tablearea > p{
		font-size: 129%;
		font-weight: bold;
		margin: 10px 0;
		color: #009CE5;
	}
	
		

/* サブコンテンツ */
	

.sec p + p{
	margin-top:20px;
	}
	.sec dl{
		margin-top:40px;
		padding-top:40px;
		border-top:1px solid rgba(0,156,229,0.2);
		}
  .sec dl.border_n{
    border-top: none;
    margin-top: 0;
  }
	.sec dl dt{
		font-weight:bold;
		font-size:143%;
		margin-bottom:15px;
		}
	.sec dl dd{
		line-height:2.5em;
		}
	.sec dl dd img{
		float:right;
		margin-top:0.5em;
		margin-left:25px;
		}
	.sec dl dd img{
		margin-top:30px;
		}
	.sec dl dd dl{
		margin-top: 20px;
		background-color: #F2FAFE;
		border: 1px solid #009CE5;
		padding: 27px;
	}
	.sec dl dd dl dt{
		font-weight: bold;
		font-size: 129%;
		margin: 0 0 10px;
		color: #009CE5;
	}
			
	
	.sec .blue_box div{
		margin-top:20px;
		background-color:#F2FAFE;
		border:1px solid #009CE5;
		padding:27px;
		}
		.sec .remarks{
			text-align:right;
			font-size:86%;
			margin-top:15px;
			clear:both;
			}
		.sec .blue_box div p{
			font-size:143%;
			color:#009CE5;
			font-weight:bold;
			border-left:5px solid #99D7F5;
			padding-left:10px;
			}
		.sec .blue_box ul{
			margin-top:15px;
			padding-left:18px;
			font-size:129%;
			font-weight:bold;
			}
			.sec .blue_box ul li{
				position:relative;
				padding-left:18px;
					}
			.sec .blue_box ul li + li{
				margin-top:5px;
				}
			.sec .blue_box ul li:after{
				content:"";
				background-color:#009CE5;
				position:absolute;
				left:0;
				top:0.65em;
				width:11px;
				height:11px;
				border-radius:100%;
				}
	
	/* link */
	.linkarea p{
		font-size: 119%;
		text-align: center;
	}
	.btn{
		display: block;
		background-color: #009CE5;
		margin: 20px auto;
		text-align: center;
		width: 370px;
		padding: 10px 20px 10px 20px;
		color: #fff;
		font-weight: bold;
		position: relative;
	}
	.btn span{
		font-size: 12px;
	}
	.btn:after{
		content: "";
		position: absolute;
		width: 16px;
		height: 6px;
		top: 50%;
		margin-top: -3px;
		background-image: url("../../common/img/arrow_w.png");
		background-repeat: no-repeat;
		background-size: 16px 3px;
		right: 20px;
		transition: 0.4s;
	}
	.btn:hover{
		color: #F2FAFE;
	}
	.btn:hover:after{
		right: 15px;
	}

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	

#sd_content .wrap > div{
	margin-top:45px;
	}
	#sd_content .wrap > div h4 + p{
		line-height:2.2em;
		}
	

#sd_content .wrap > div{
	margin-top:55px;
	}
	#sd_content .wrap > div h4 + p{
		line-height:2.2em;
		}
		
	#sd_content .sec > p + div{
		margin-top:30px;
		}
	.sec h4.h4{
		line-height: 1.3;
		padding: 10px 0;
	}
	
	p.mintit{
		font-size: 115%;
		font-weight: bold;
		margin-bottom: 15px;
		}
	p.mintit span{
		font-size:80%;
		}

/* sec1 */

	#sd_content .sec1 div img{
		width:100%;
		}
  .sec2 table tr th:nth-of-type(1),
  .sec2 table tr td:nth-of-type(1){
    width:30%;
  }
	
	table{
		border-collapse:collapse;
		width:100%;
		}
		table th,
		table td{
			border:1px solid #D0EAF4;
			font-size:100%;
			text-align:left;
			vertical-align:top;
			padding:10px;
			}
		table th{
			background-color:#E5F5FC;
			text-align:center;
			}
		table td dl + dl{
			margin-top:10px;
			}
		table td dl dt{
			font-weight:bold;
			}
		table td a{
			color:#009CE5;
			}
			
		table td ul li{
			position:relative;
			padding-left:15px;
      letter-spacing: 0;
			}
			table td ul li::before{
				top:0.7em;
				left:0;
				content:"";
				width:6px;
				height:6px;
				background-color:#009CE5;
				border-radius:100%;
				display:block;
				position:absolute;
				}
	
	
/* sec1 */
	.sec1 .blue_box{
		margin-top:20px;
		background-color:#F2FAFE;
		border:1px solid #009CE5;
		padding:15px;
		}
		.sec1 .blue_box p{
			font-size:115%;
			color:#009CE5;
			font-weight:bold;
			border-left:5px solid #99D7F5;
			padding-left:10px;
			}
		.sec1 .blue_box ul{
			margin-top:10px;
			padding-left:18px;
			font-size:100%;
			font-weight:bold;
			}
			.sec1 .blue_box ul li{
				position:relative;
				padding-left:15px;
				}
			.sec1 .blue_box ul li + li{
				margin-top:5px;
				}
			.sec1 .blue_box ul li:after{
				content:"";
				background-color:#009CE5;
				position:absolute;
				left:0;
				top:0.6em;
				width:8px;
				height:8px;
				border-radius:100%;
				}
	

/* sec3 */
.sec3 div{
	}
	.sec3 div p{
		font-size:150%;
		font-weight:bold;
		color:#009CE5;
		margin-bottom:15px;
		}
	.sec3 div p span{
		font-size:80%;
		}
	.sec3 div img{
		width:100%;
		}
		
/* sec4 */
.sec4 div{
	}
	.sec4 div img{
		width:100%;
		}
	.sec4 div p{
		font-size:136%;
		font-weight:bold;
		margin-bottom:15px;
		}
	.sec4 dl{
		margin-top:40px;
		}
	.sec4 dl + dl{
		margin-top:20px;
		padding-top:20px;
		border-top:1px solid rgba(0,156,229,0.2);
		}
	.sec4 dl dt{
		font-weight:bold;
		font-size:129%;
		margin-bottom:15px;
		}
	.sec4 dl dd{
		line-height:2em;
		}
  .sec4 div .note{
    display: flex;
    margin: 5px 0 0;
  }
  .sec4 div .note p{
    font-size: 88%;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: normal;
  }
/* sec5 */
	.sec5 .tablearea > p{
		font-size: 100%;
		font-weight: bold;
		margin: 10px 0 0;
		color: #009CE5;
	}
	.sec5 table tr td{
		vertical-align: middle;
	}
	.sec5 table tr th:first-of-type{
		width: 30%;
		
	}
	.sec5 dl dd span{
		font-size: 88%;
	}
	.sec5 dl dd span a{
		text-decoration: underline;
		color: #009CE5;
	}
	
/* サブコンテンツ */
	.sec .table_wrap img{
		width: auto;
	}
.sec p + p{
	margin-top:20px;
	}
	.sec dl{
		margin-top:30px;
		padding-top:20px;
		border-top:1px solid rgba(0,156,229,0.2);
		}
  .sec dl.border_n{
    border-top: none;
    margin-top: 0;
  }
	.sec dl dt{
		font-weight:bold;
		font-size:129%;
		margin-bottom:15px;
		}
	.sec dl dd{
		line-height:2em;
		}
	.sec dl dd img{
		width:100%;
		margin-top:15px;
		}
		.sec6 dl dd img{
			display:block;
			width:86px;
			margin:auto;
			margin-top:30px;
			}
	.sec dl dd dl{
		margin-top: 10px;
		background-color: #F2FAFE;
		border: 1px solid #009CE5;
		padding: 15px;
	}
	.sec dl dd dl dt{
		font-weight: bold;
		font-size: 115%;
		margin: 0 0 10px;
		color: #009CE5;
	}
			
	
	.sec .blue_box div{
		margin-top:20px;
		background-color:#F2FAFE;
		border:1px solid #009CE5;
		padding:27px;
		}
		.sec .remarks{
			text-align:right;
			font-size:86%;
			margin-top:15px;
			clear:both;
			}
			
	.sec .blue_box div{
		margin-top:20px;
		background-color:#F2FAFE;
		border:1px solid #009CE5;
		padding:15px;
		}
		.sec .blue_box div p{
			font-size:115%;
			color:#009CE5;
			font-weight:bold;
			border-left:5px solid #99D7F5;
			padding-left:10px;
			}
		.sec .blue_box ul{
			margin-top:10px;
			padding-left:18px;
			font-size:100%;
			font-weight:bold;
			}
			.sec .blue_box ul li{
				position:relative;
				padding-left:15px;
				}
			.sec .blue_box ul li + li{
				margin-top:5px;
				}
			.sec .blue_box ul li:after{
				content:"";
				background-color:#009CE5;
				position:absolute;
				left:0;
				top:0.6em;
				width:8px;
				height:8px;
				border-radius:100%;
				}
	
	/* link */
	#over_wrap .linkarea p{
		text-align: center;
	}
	#over_wrap .btn{
		display:block;
		background-color: #009CE5;
		margin: 20px 0;
		width: 100%;
		padding: 10px 20px 10px 20px;
		color: #fff;
		font-weight: bold;
		position: relative;
		box-sizing: border-box;
		line-height: 1.3;
	}
	#over_wrap .btn span{
		font-size: 12px;
	}
	#over_wrap .btn:after{
		content: "";
		position: absolute;
		width: 16px;
		height: 6px;
		top: 50%;
		margin-top: -3px;
		background-image: url("../../common/img/arrow_w.png");
		background-repeat: no-repeat;
		background-size: 16px 3px;
		right: 15px;
		transition: 0.4s;
	}

}