/**
 *
 *	Apply Style： style
 *	Style Name： /css/welcome/style.css
 *
 */

/*------------------------------------------
 *	sec-welcome
------------------------------------------*/
.tit-page {
	background: url(/images/welcome/bg_page.jpg) center center no-repeat;
	background-size: cover;
	height: 300px;
}

.sec-welcome {
	margin: 0 0 96px;
}

.sec-welcome .tit {
	font-size: 3.4rem;
	text-align: center;
	max-width: 1024px;
	margin: -15px auto 15px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.sec-welcome .tit-en {
	font-size: 1.6rem;
	text-align: center;
	font-family: "メイリオ",Meiryo,"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	max-width: 1024px;
	color: #ff8f62;
	margin: 0 auto;
	letter-spacing: 0.05em;
}

/*------------------------------------------
 *	sec-beginner
------------------------------------------*/
.sec-beginner {
	max-width: 1024px;
	margin: 0 auto;
	padding: 56px 0 118px;
}

.sec-beginner .tit-beginner {
	font-size: 2.8rem;
	font-weight: bold;
	padding: 44px 0 0;
	background: url(/images/welcome/ico_beginner.svg) center 0 no-repeat;
	background-size: 23px 34px;
	text-align: center;
	position: relative;
	letter-spacing: 0.05em;
	margin: 0 0 52px;
}

.sec-beginner .tit-beginner::before {
	background-color: #57d5b4;
	bottom: -24px;
	content: "";
	display: block;
	height: 4px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 32px;
}

.sec-beginner .summary {
	font-size: 1.8rem;
	color: #313131;
	text-align: center;
	margin: 0 0 45px;
}

.sec-beginner .contents-beginner {
	display: flex;
	justify-content: space-between;
}

.sec-beginner .contents-beginner .bring {
	width: 562px;
	padding: 26px 38px;
	border: 2px solid #d9d9d9;
	background: url(/images/welcome/bg_bring.png) right bottom no-repeat;
	box-sizing: border-box;
}

.contents-beginner .bring h4 {
	text-align: center;
	font-weight: bold;
	margin: 0 0 28px;
}

.contents-beginner .bring .txt-bring {
	width: 100%;
	color: #313131;
	padding: 0 0 10px;
	background: url(/images/welcome/border.png) left bottom repeat-x;
}

.contents-beginner .bring .list-bring li {
	color: #313131;
	font-size: 1.4rem;
	padding: 0 0 0 21px;
	background: url(/images/common/ico_footprint.svg) 0 center no-repeat;
	background-size: 12px 11px;
	margin: 12px 0 0;
}

.contents-beginner .emergency {
	width: 430px;
}

.contents-beginner .emergency .txt-emergency {
	padding: 19px 30px;
	background: #ff955c;
	border-radius: 10px;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	line-height: 1.4;
	font-weight: bold;
}

.contents-beginner .emergency .txt-emergency::before {
	background: url(/images/welcome/ico_balloon.png) 0 0 no-repeat;
	content: "";
	display: block;
	height: 23px;
	right: 44px;
	position: absolute;
	bottom: -23px;
	width: 35px;
	z-index: 2;
}

.contents-beginner .emergency .img-pc {
	display: block;
	margin: 23px auto 0;
}

/*------------------------------------------
 *	sec-flow
------------------------------------------*/
.sec-flow {
	padding: 0 0 88px;
	position: relative;
	background: #c1f8e9;
}

.sec-flow::before {
	width: 126px;
	height: 126px;
	border-radius: 126px;
	background: #c1f8e9;
	display: block;
	content: "";
	position: absolute;
	top: -28px;
	left: 50%;
	margin: 0 0 0 -63px;
}

.sec-flow .sec-in {
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
}

.sec-flow .sec-in .bg-flow {
	position: absolute;
	top: 20px;
	left: -310px;
	z-index: 1;
}

.sec-flow .tit-flow {
	font-size: 2.8rem;
	font-weight: bold;
	padding: 72px 0 0;
	background: url(/images/welcome/ico_stethoscope.svg) 50.9% 2px no-repeat;
	background-size: 46px 47px;
	text-align: center;
	position: relative;
	letter-spacing: 0.05em;
	margin: 0 0 52px;
}

.sec-flow .tit-flow::before {
	background-color: #57d5b4;
	bottom: -24px;
	content: "";
	display: block;
	height: 4px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 32px;
}

.sec-flow .contents-flow {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.sec-flow .contents-flow .list-flow {
	width: 550px;
}

.contents-flow .list-flow li {
	padding: 39px 0 0;
	background: url(/images/welcome/ico_triangle.svg) center 10px no-repeat;
	background-size: 21px 19px;
}

.contents-flow .list-flow li:first-child {
	padding: 0;
	background: none;
}

.contents-flow .list-flow .flow {
	width: 100%;
	background: #fff;
	border: 4px solid #7fceb9;
	border-radius: 30px;
	padding: 16px 0;
	text-align: center;
	box-shadow: 0 1px 3px 0 rgba(11, 4, 7, 0.1);
	font-size: 1.8rem;
	box-sizing: border-box;
	font-weight: bold;
}

.contents-flow .list-flow p {
	width: 480px;
	margin: 10px auto 0;
	color: #313131;
	line-height: 1.4;
	font-size: 1.4rem;
}

/*	sp用非表示コンテンツ	*/
.sec-welcome .emergency .img-sp {
	display: none;
}

.sec-welcome .img-sp {
	display: none;
}