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

html,
body {
  font-size: 62.5%;
}
body {
  line-height: 1.2;
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #333;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
h1,h2,h3,h4,h5,h6 {
  color: #222;
}
main {
	width:93.79%;
    min-height: 100%;*/
 	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
main h1{
font-size:2.6rem;
line-height: 1.4;
}

.lead{
font-size: 2.2rem;
margin-right: 1rem;
}
.lead br{
display: none;
}

main h2 {
font-size: 2rem;
margin-top:5px;
padding-bottom: 5px;
border-bottom: 2px solid #e2231a;
line-height: 1.3;
}
main h3 {
margin-top:15px;
border-left:8px solid #6c747d;
font-size:1.4rem;
line-height:1.3;
padding:0 0 0 6px;
margin-bottom:10px;
}

main h4 {
    margin-top: 35px;
    padding-left: 6px;
    border-left: 8px solid #6c747d;
    font-size: 1.2rem;
    line-height: 1.3;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
main p{
margin: 0;
font-size:1.2rem;
line-height:1.2;
} 

.small{
    font-size: 1.3rem;
				}

.red{
color: #e2231a;
}

/*--  step  --*/
#step{
margin:20px 0;
-webkit-border-radius:3px;
border-radius:3px; overflow:hidden;

}

#step ol{}
#step::after{
content:''; display:block; clear:both;
}
#step li{
position:relative;
width:33.3%;
	padding:1.5em 0;
	font-size:1.6rem;
	line-height:1.2;
	color:#fff;
	text-align:center;
	float:left;
	background:#c4beb6;
	}
#step div>span{ 
	display:block;
	font-family:Impact,Arial;
}

#step  br{display:none;}
#step li:nth-child(2)	{ border-radius: 3px 0 0 3px;}
#step li:nth-child(3)	{ border-radius: 0 3px 3px 0;}


#step li::before,
#step li::after	{
	position:absolute;
	width:0;
	height:0;
	top:50%;
	right:0;
	border-style:solid;
	border-width:3em 0 3em 12px;
	border-width:3em 0 3em 12px;
	content:'';
}

#step li.current{
background:#3e8ddd;
}

#step li::before					{
z-index:10;
margin:-3em -11px 0 0;
border-color:transparent transparent transparent #ffffff;
}
#step li::after						{ 
z-index:11; 
margin:-3em -10px 0 0; 
border-color:transparent transparent transparent #c4beb6;
}

#step li.current::after						{ 
z-index:11; 
margin:-3em -10px 0 0; 
border-color:transparent transparent transparent #3e8ddd;
}

	/* ------ max-width: 560px ------ */
@media screen and (max-width:560px){
	#step							{ 
	display:-webkit-box; 
	display:-ms-flexbox; 
	display:-webkit-flex; 
	display:flex; 
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	}
	#step li						{ 
	font-size:1.2rem;
	padding:0.5em 0;
	} 
	#step  br						{ display:inline;}
	#step li:nth-child(3) p			{ padding:0.5em 0 0 0;}
}


/*--  font  --*/

/*@media (min-width: 1200px) {/* 1200px以上*/
@media (min-width: 960px) {/* 960px以上*/
    h1 {
        font-size: 3.6rem;/* 36px*/
    }
    h2 {
        font-size: 2.4rem;/* 24px*/
    }
}
@media screen and (max-width: 560px) {/* 560px以下*/
    body{
    line-height: 2;
    }
    h1{
        font-size: 2.4rem;/* 24px*/
    }
    h2 {
        font-size: 2rem;/* 20px*/
    }
				h1 br{
				display: inline;
				}
				main h3 {
    margin-top: 20px;/*要検討*/
				}
				.lead{
font-size: 1.8rem;
margin-right:0;
}