@charset "UTF-8";

.key-visual:before{
	background:url(../images/guide-key-visual.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
}

#sec01 .step{
	display:flex;
	display:-webkit-flex;
	text-align:justify;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	padding-bottom:80px;
	position:relative;
	padding-left:10px;
	padding-right:10px;
}
#sec01 .step:last-of-type{
	padding-bottom:0;
}
#sec01 .step:after{
	content:"";
	display:block;
	width:60px;
	height:3px;
	background:linear-gradient(55deg,#67cdfc,#679ced);
	transform:rotate(55deg);
	position:absolute;
	left:0;
	right:0;
	bottom:40px;
	margin:auto;
}
#sec01 .step:nth-of-type(even):after{
	background:linear-gradient(-55deg,#67cdfc,#679ced);
	transform:rotate(-55deg);
}
#sec01 .step:last-of-type:after{
	display:none;
}
#sec01 .step:las-of-type{
	padding-bottom:0;
}
#sec01 .step .pic{
	background:#dfdfdf;
	width:calc(50% - 20px);
}
#sec01 .gradient-bg:before{
	left:-10px;
	top:10px;
	opacity:0.6;
}
#sec01 .step:nth-of-type(even){
	flex-direction:row-reverse;
	-webkit-flex-direction:row-reverse;
}
#sec01 .step:nth-of-type(even) .gradient-bg:before{
	left:auto;
	right:-10px;
}
#sec01 .txt{
	width:calc(50% - 20px);
}
#sec01 h3{
	text-align:justify;
}
#sec01 h3:before{
	font-size:3.6rem;
	display:inline;
	content:"";
	vertical-align:bottom;
	padding-right:10px;
	line-height:1;
	color: transparent;
	background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg,#67cdfc,#679ced);
}
@media all and (-ms-high-contrast:none){
	#sec01 h3:before{
		color:#0bbae6;
		background:none;
	}
}
#sec01 .step:nth-of-type(1) h3:before{
	content:"01.";
}
#sec01 .step:nth-of-type(2) h3:before{
	content:"02.";
}
#sec01 .step:nth-of-type(3) h3:before{
	content:"03.";
}
#sec01 .step:nth-of-type(4) h3:before{
	content:"04.";
}
#sec02 table{
	text-align:justify;
	width:70%;
	margin:20px auto 0;
	line-height:1.5;
	border:1px solid #ddd;
}
#sec02 th{
	padding:14px 0;
	text-align:center;
	width:50%;
	border:1px solid #ddd;
	background:rgb(103,188,237,0.3);
}
#sec02 td{
	padding:14px 0;
	text-align:center;
	width:50%;
	border:1px solid #ddd;
}
#sec02 p{
	margin-bottom:40px;
}
#sec02 h3{
	color:#0081cc;
}
#sec03 table{
	text-align:justify;
	width:100%;
	margin:0 auto 15px;
	line-height:1.5;
	border:1px solid #ddd;
}
#sec03 th{
	padding:14px 0;
	text-align:center;
	width:11%;
	border:1px solid #ddd;
	background:rgb(103,188,237,0.3);
}
#sec03 td{
	padding:14px 0;
	text-align:center;
	width:11%;
	border:1px solid #ddd;
}
#sec03 tr:nth-of-type(1) th{
	background:rgb(103,188,237,0.3);
}
#sec03 tr th:nth-of-type(1){
	width:23%;
}
#sec03 sup{
	font-size:50%;
	color:#f55e70;
}
.caution{
	color:#f55e70;
	line-height:1.8;
	font-size:1.3rem;
	margin-bottom:15px;
	text-align:justify;
}
#sec03 ul{
	text-align:justify;
	font-size:1.3rem;
	line-height:1.8;
	column-count:2;
}
#sec03 li{
	margin-bottom:0.8em;
	padding-left:1.5em;
	padding-right:1em;
	position:relative;
}
#sec03 li:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: linear-gradient(45deg,#67cdfc,#679ced);
	vertical-align:middle;
	position:absolute;
	left:0;
	top:0.5em;
}

.caption{
	margin-top: 3em;
}