@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
	--title : #00338d;
	--white : #fff;
}
/*--------------------------------------------
jr
---------------------------------------------*/
#jr > h2{
	background : url("../images/jr/bg_title.png") center center no-repeat #000;
}
#jr a {
  border-bottom: dotted 1px #4169e1;
}
#jr a:link {
  color: #4169e1;
}
#jr a:visited {
  color: #4169e1;
}
#jr a:hover {
  color: #c71585;
  border-bottom: dotted 1px #c71585;
}
#jr a:active {
  color: #4169e1;
}
#jr i {
  color: #4169e1;
}


@media(min-width: 1030px){
	#jr .wrap > p{
		margin-top : calc( 32px - 6px );
		font-size : 16px;
		line-height : 1.75;
	}
}
@media(max-width: 1029px){
	#jr .wrap > p{
		margin-top : calc( 32 * 100vw / 750 );
		font-size : calc( 32 * 100vw / 750 );
		line-height : 1.75;
	}
}
#jr #section01 li div h3{
	color : #0e3480;
	font-weight : 700;
	margin-top: 4%;
	margin-top: 4%;
	border-bottom: 2px dashed #00338d;
    	padding-bottom: 1.5%;
}
@media(min-width: 1030px){
	#jr #section01 .content{
		margin-bottom : 4%;
	}
	#jr #section01{
		margin-top : calc( 42px - 6px );
	}
	#jr #section01 ul{
		margin-top : 12px;
	}
	#jr #section01 li{
		display : flex;
/*		align-items : center; */
	}
	#jr #section01 li:not(:first-child){
		margin-top : 28px;
	}
	#jr #section01 li:nth-child(odd){
		flex-direction : row-reverse;
		justify-content : space-between;
	}
	#jr #section01 li:nth-child(odd) > p{
		text-align : right;
		margin-left : 48px;
	}
	#jr #section01 li:nth-child(even) > p{
		text-align : left;
		margin-right : 48px;
	}
	#jr #section01 li > p{
		flex-shrink : 0;
	}
	#jr #section01 li div h3{
		font-size : 20px;
	}
	#jr #section01 li div p{
		font-size : 16px;
		line-height : 1.75;
		margin-top : calc( 20px - 6px );
	}
}
@media(max-width: 1029px){
	#jr #section01 .content{
		margin-bottom : 10%;
	}
	#jr #section01{
		margin-top : calc( 42 * 100vw / 750 );
	}
	#jr #section01 ul{
		margin-top : calc( 48 * 100vw / 750 );
	}
	#jr #section01 li:not(:first-child){
		margin-top : calc( 48 * 100vw / 750 );
	}
	#jr #section01 li > p{
		width : 100%;
		text-align : center;
	}
	#jr #section01 li > p img{
		width : 80%;
	}
	#jr #section01 li div h3{
		margin-top : calc( 32 * 100vw / 750 );
		font-size : calc( 36 * 100vw / 750 );
		text-align : center;
	}
	#jr #section01 li div p{
		font-size : calc( 32 * 100vw / 750 );
		line-height : 1.75;
		margin-top : calc( 20 * 100vw / 750 );
	}
}
/* 画像のぼかし */
.frame {
2
display: inline-block;
3
position: relative;
4
}
5
.frame:after {
6
position: absolute;
7
display: block;
8
content: "";
9
top: 0;
10
left: 0;
11
width: 100%;
12
height: 100%;
13
background: #fff;
14
box-shadow:
15
inset 0 0 20px #fff /* 背景色と同じ色 */,
16
inset 0 0 20px #fff,
17
inset 0 0 20px #fff,
18
inset 0 0 20px #fff;
19
}