/* 横幅設定
--------------------------------*/

/* 横幅1500pxして中央(margin:auto) */
.width-1500px{ 
	width:100%;
	max-width:1500px;
	margin:0 auto;
}

/* 横幅1200pxして中央(margin:auto) */
.width-1200px{ 
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

/* 子ページ用の背景設定
--------------------------------*/

/* 背景白色・横幅1200pxして中央(margin:auto)*/
.page-bg-white{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	background-color:#FFF;
	overflow: hidden;
	padding: 5rem;
}

/* フォント関係
--------------------------------*/

.f-tomarik{
	font-family: tomarik-poster, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.f-tsukushi400{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.f-tsukushi700{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* flex関係
--------------------------------*/
.f-box{
	display:flex;
	justify-content: space-between;
}

.f-wrap{
	flex-wrap:wrap;
}

.f-item-center{
	align-items: center;
}

.f-box .f-box-txt{
	width:48%;
}

.f-box .f-box-image{
	width:50%;
}

.f-box .f-box-image img{
	width:100%;
	height:auto;
}


/* タイトル関係
--------------------------------*/
.title-1{
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 35px;
	padding-top: 20px;
}

.title-1::before{
	background: #89c9dd;
	content: '';
	height: 2px;
	width: 22px;
	position: absolute;
	left: 0;
	top: 0;
	transform: skew(0,25deg);
}

.title-1-en{
	font-size: 3.6rem;
	line-height: 1;
	margin-right: 1em;
	letter-spacing: .1em;
}

.title-1-jp{
	font-size: 1.4rem;
}

.title-2{
	display: block;
	position: relative;
	margin-bottom: 5rem;
	padding-top: 40px;
	text-align: center;
}

.title-2::before{
	background: #89c9dd;
	content: '';
	height: 2px;
	width: 22px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: skew(0,25deg);
}

.title-2-en{
	font-size: 3.6rem;
	line-height: 1;
	letter-spacing: .1em;
}

.title-2-jp{
	font-size: 1.6rem;
	margin-top: 1rem;
}


/* 余白関係
--------------------------------*/

/* 上下に5remずつpadding */
.sec-wrap-p5{ 
	padding:5rem 0;
}

/* 上下に10remずつpadding */
.sec-wrap-p10{ 
	padding:10rem 0;
}

/* 上下に5remずつmargin */
.sec-wrap-m5{ 
	margin-top:5rem;
	margin-bottom:5rem;
}

/* 上下に10remずつmargin */
.sec-wrap-m10{ 
	margin-top:10rem;
	margin-bottom:10rem;
}

/* 上下に5remずつmargin */
.sec-wrap-m5{ 
	margin-top:5rem;
	margin-bottom:5rem;
}

/* 上「のみ」10rem margin */
.sec-wrap-m-t10{
	margin-top:10rem;
}

/* 上「のみ」5rem margin */
.sec-wrap-m-t5{
	margin-top:5rem;
}

/* 下「のみ」2rem margin */
.sec-wrap-m-b2{
	margin-bottom:2rem;
}

/* 蛍光ペン（spanにclass指定して使用）
--------------------------------*/
.marker-yellow{
	background: linear-gradient(transparent 70%, #f5f3a2 0%);
}

/* 強制改行(主にspanに使用)
--------------------------------*/
.pc-br{
	display:block;
}

/* 装飾関係
--------------------------------*/
.round-20px{
	border-radius:20px;
}

.round-30px{
	border-radius:30px;
}