@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
@media  (min-width: 0) and (max-width: 639px)  {
.sp {display: block;}
.pc{display: none;}

section{width: 98%; margin:0 auto .5em;}

h1.special_title{
	font-size: 150%;
	font-weight: normal;
	margin: 60px 0 1em;
	text-align: center;
}

h2{
	font-size: 110%;
	font-weight: bolder;
	margin: 1em auto;
	text-align: center;
}

#special_main{
	width: 100%;
	max-width: 100%;
	color:#333;
	font-family: noto-sans-cjk-jp, noto-sans,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

.special_block {
	width: 100%;
	max-width: 100%;
	margin:1.5em auto 0;
}

.special_block p{
	width: 93%;
	max-width: 93%;
	margin:1em auto;
}

.special_block p span {font-size:80%; color:#666;}

.special_block img {width:98%; margin:0 auto;}

.special_block-2col{
	width: 98%;
	max-width: 98%;
	text-align: center;
	margin:.25em auto;

	background:linear-gradient(transparent 35%, #94e6fb 35%);
}

.special_block-2col .special_block-2col-inbox{
	width: 90%;
	max-width: 90%;
	margin:0 auto;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;

  	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  	-webkit-box-align: end;
    -ms-flex-align: end;
	align-items: flex-end;
}

.special_block-2col .special_block-2col-inbox p:first-child{
	width: calc(100% - 80%);
	max-width:calc(100% - 80%);
	margin:0 auto;
	min-height: 0%;
	text-align: center;
}

.special_block-2col .special_block-2col-inbox p:last-child{
	width: calc(100% - 20%);
	max-width:calc(100% - 20%);
	margin:0 auto;
	min-height: 0%;

	text-align: left;
	font-size:.95rem;
}

.special_block-2col .special_block-2col-inbox p span{
	font-size:1.6rem;
	font-weight: bolder;
}

.special_block-2col .special_block-2col-inbox p img{
	width:55%;
	max-width:55%;
	margin:0 auto;
	display: block;
	text-align: center;

	filter: drop-shadow(0 0 1.5em rgba(0,0,0,0.7););
}
}