@charset "utf-8";

#contesntsWrapper {
margin-top: 50px !important;
}

article ul{
padding-inline-start: 0
}

article h1 {
margin-top: 0;
margin-bottom: 0;
}

article h2 {
background-color: transparent;
color: inherit;
box-shadow: none;
margin-top: 0;
padding: 0;
/font-size: inherit;/
font-size: 25px;
}

article img {
   /* width: 100%;*/
    height: auto;
}

.cta_link {
margin-bottom: 0;
}

.syoudan {
font-weight: bold;
color: #820132;
}


/*header（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
#mainvisual {
	position: relative;
}
/*ロゴ*/
#logo {
			margin: 0 auto;	/*左右の中央に配置するように*/
}

/*トップページのロゴ*/
#logo img{
	max-width: 360px;	/*幅*/
	position: absolute;z-index: 1;
	left: calc((100% - 360px) / 2);
	top: calc((100% - 360px) / 2 + 60px); /* 中央より30px下に移動 */
	border-radius: 5px;	/*背景色の角を少しだけ丸くする指定*/
}

#mainvisual .h1_en{
	color: #FFF;
	font-size: 2.2em;
	position: absolute;
    z-index: 1;
    left: 50%;
	transform: translateX(-50%);
    top: calc((100% - 360px) / 2 + 300px);
	text-shadow: 3px 3px 3px #333333;
	font-weight: 300;
			width: 100%;
	text-align: center;
}

@media screen and (max-width:900px) {
/*ロゴ*/
#logo img {
margin-block-start:10%;
	width: 140px;	/*幅。変更する際は、下のleftとtopの250の数値も合わせて変更する。*/
	left: calc((100% - 140px) / 2);
	top: calc((100% - 140px) / 2);
}
	
	#mainvisual .h1_en{
		font-size: 1.55em;
		/*top: calc((100% - 360px) / 2 + 230px);*/
	}
}

@media screen and (max-width:550px){
	#mainvisual .h1_en{
		top: calc((100% - 360px) / 2 + 250px);
	}
}

@media screen and (max-width:420px){
	#mainvisual .h1_en{
		font-size: 1.35em;
		top: calc((100% - 360px) / 2 + 230px);
	}
}

/*トップページのスライドショー（vegasを使用）
---------------------------------------------------------------------------*/
#mainimg-box {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
}
#mainimg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}