@charset "utf-8";
@media screen and (max-width: 768px){

	:root {
		--bg-color-01: #fffce3;
		--bg-color-02: #ffedf1;
		--bg-color-03: #f4fff9;
		--base-color: #ffffff;
		--accent-color1:#ff93aa;
		--accent-color2: #6b6b6b;
		--accent-color3: #93ccff;
		--txt-color1: #303030;
		--txt-color2: #8b8677;
		}

/*-----------------------
base
-----------------------*/
html {
	overflow-x: hidden;
	overflow-y: scroll; -webkit-overflow-scrolling: touch
	}

	body {
		overflow-x: hidden;
		overflow-y: scroll; -webkit-overflow-scrolling: touch
		}
#container {
	zoom: 1;
	display: block;
	width: 100%;
	height: auto;
	}
	
/*sp_display_none*/
.display-pc {
	display: none;
	}
.display-sp {
	display: block;
	}

	.br-pc { display:none!important; }
	.br-sp { display:block!important; }
/*-----------------------
common
-----------------------*/

/*btn*/
.btn {
	border: 1px solid #33a1db;
	color: #0068b7;
	display: block;
	border-radius: 3px;
}

.btn:hover {
	background-color: #0068b7;
	border: 1px solid #0068b7;
	color: #fff;
}
.btn::before,
.btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn,
.btn:before,
.btn:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}

/*btn oreange*/	
.btn1 {
	border: 1px solid #f39700;
	color: #f39700;
	display: block;
	border-radius: 3px;
	}
.btn1:hover {
	background-color: #f39700;
	border: 1px solid #f39700;
	color: #fff;
	}
.btn1:before,
.btn1:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
.btn1,
.btn1:before,
.btn1:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}	

/*btn oreange white */	
.btn2 {
	background-color: #f39700;
	border: 1px solid #f39700;
	color: #fff;
	display: block;
	border-radius: 5px;
	}
.btn2:hover {
	background-color: #fff;
	border: 1px solid #f39700;
	color: #f39700;
	}
.btn2:before,
.btn2:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
.btn2,
.btn2:before,
.btn2:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}	


/* footer */

#footer {
	background-color:#0068b7;
	padding-top:10px;
	padding-bottom:10px;
}
#footer p {
	font-size: 10px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
#footer_waku p span {
	display: block;
	}




/*-----------------------
clearfix
-----------------------*/
#head_info:after,
#bread ul:after,
#contact_waku_box:after,
.section_contents:after,
#main_top #cate_menu ul#second_cate:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
	zoom:1;
	}
#head_info,
#bread ul,
#contact_waku_box,
.section_contents,
#main_top #cate_menu ul#second_cate{
	zoom:1;
	}

/*-----------------------
index
-----------------------*/
/*main*/


#main_top {
	display: none;
	}


#main_sp {
	background-size: cover;
	background-position: bottom center;
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
	}

#main_sp img {
	width: 100%;
	}
	
#main_top_copy {
    background: linear-gradient(rgba(255,243,250,1),rgba(255,243,250,0));
	padding: 3rem 2rem 2rem;
	}
	#restaurant_image {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 auto;
		padding: 3rem 0;
		gap: 2rem;
		list-style: none;
	}
#main_top_copy p {
	margin: 0 auto;
	font-size: 16px;
	line-height: 2.0;
	text-align: left;
	padding: 2rem;
	background: var(--base-color);
	color: #3d3d3d;
	border-top: solid 2px var(--accent-color1);
    border-bottom: solid 2px var(--accent-color1);
	position: relative;
	}
	#main_top_copy p:before, #main_top_copy p:after{
		content: '';
		position: absolute;
		top: -10px;
		width: 2px;
		height: -webkit-calc(100% + 20px);
		height: calc(100% + 20px);
		background-color: var(--accent-color1);
	}
	#main_top_copy p:before {left: 10px;}
	#main_top_copy p:after {right: 10px;}
#main_top_copy h2 span {
	display: block;
	}




#main_top_copy1 {
	padding: 1rem 0 0 0;
	box-sizing: border-box;
	background: #ffffff;
	}


#main_top_copy1 h2 {
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
    letter-spacing : 6px;
	color: var(--accent-color1);
	padding: 1rem 0 2rem;
	line-height: 150%;
	background-image: url(../../common/img/bg_flower.png);
    text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
    letter-spacing : 6px;
	background-position: left 40% top 20%;
	background-repeat:no-repeat;
	background-size: 50% auto;
	text-align: center;
}




	
#main_top_copy1 h2 span {
	display: block;
	}
	.company_inner_top {
		background: var(--bg-color-03);
		padding: 1rem 0;
		width: 100%;
		box-sizing: border-box;
	}
	.company_inner_bottom {
		background: var(--bg-color-01);
		padding: 1rem 0 0.5rem 0;
		width: 100%;
		box-sizing: border-box;
	}
	.company_inner_top h3{
	margin: 0 auto;
	border: double 4px #393939;
	background: var(--base-color);
	font-size: 16px;
	color: #393939;
    letter-spacing : 5px;
	padding: .3rem 1rem;
	line-height: 150%;
	margin-top: 1rem;
	font-weight: bold;
	font-size      : 16pt;
	font-weight: bold;
	letter-spacing : 2px;
	width: fit-content;
	text-align: center;
	}
	.company_inner_bottom h3 {
		margin: 0 auto;
		border: double 4px var(--accent-color2);
		font-size: 16px;
		color:var(--accent-color2);
		background: #ffffff;
		letter-spacing : 5px;
		padding: .3rem 1rem;
		line-height: 150%;
		margin-top: 1rem;
		font-weight: bold;
		font-size      : 16pt;
		font-weight: bold;
		letter-spacing : 2px;
		width: fit-content;
		text-align: center;
	}
	.company_inner_bottom h3,
	.company_inner_top h3 {
		width: 90%;
		margin: 0 auto;
	}
	.company_list {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1rem 0;
		width: 100%;
		gap: 0rem;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.company_list_reverse {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1rem 0;
		width: 100%;
		gap: 1rem;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.company_image {
		/* width: 80%; */
		margin: 0 auto;
	}
	.company_image img {
		width: 100%;
		margin: auto;
		display: inherit;
	}
	.company_list .company_contents {
		width: 90%;
		list-style: none;
		padding: .6rem;
		border: 1px solid var(--accent-color5);
    	background: #ffffff;
		box-shadow: 1px 1px 3px #cacaca;
		border-radius: 8px;
	}
	.company_list .company_contents .adoption_txt {
		line-height: 2;
		font-size: 13px;
		padding: 0.1rem 0 0.3rem 1.9rem;
		background-image: url(../../common/img/shell_blue.png);
		background-position: left 0% top 20%;
		background-repeat: no-repeat;
		background-size: 1.4rem auto;
	}
	.company_list_reverse .company_contents {
		width: 90%;
		list-style: none;
		padding: .6rem;
		border: 1px solid var(--base-color);
    	background: #ffffff;
		box-shadow: 1px 1px 3px #cacaca;
		border-radius: 8px;
	}
	.company_list_reverse .company_contents .adoption_txt {
		line-height: 2;
		font-size: 13px;
		padding: 0.1rem 0 0.3rem 1.9rem;
		background-image: url(../../common/img/shell_orange.png);
		background-position: left 0% top 20%;
		background-repeat: no-repeat;
		background-size: 1.4rem auto;
	}
	.adoption {
		color: #fff;
		position: relative;
		font-size: 24px;
		line-height: 1.7;
		text-align: left;
		z-index: 1;
		padding-left: 2rem;
	}
	.adoption:after {
		content: '';
		position: absolute;
		background: url(../img/adoption03.png)no-repeat;
		width: 260px;
		height: 82px;
		top: -10px;
		left: 14px;
		margin: auto;
		z-index: -1;
		background-size: 80%;
		box-sizing: border-box;
	}
	.adoption_reverse {
		color: #fff;
		position: relative;
		font-size: 24px;
		line-height: 1.7;
		text-align: left;
		z-index: 1;
		padding-left: 2rem;
	}
	.adoption_reverse:after {
		content: '';
		position: absolute;
		background: url(../img/adoption03.png)no-repeat;
		width: 260px;
		height: 82px;
		top: -10px;
		left: 14px;
		margin: auto;
		z-index: -1;
		background-size: 80%;
		box-sizing: border-box;
	}

.txt_24 {
	font-size: 22px;
	line-height: 200%;
	margin-bottom:10px;
	font-weight: bold;
    text-shadow: 3px 3px 1px #ffffff;	
}

.right {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



#main_top_copy2 {
	background: url(../img/bg_02_1.jpg)no-repeat;
	background-position: top center;
	width: 100%;
	padding: 2rem 0;
	background-size: cover;
	}
#main_top_copy2 h2 {
	font-size: 2rem;
	font-weight: bold;
	color: var(--accent-color3);
	padding: 1rem 0;
	text-align: center;
	background-image: url(../img/bg_flower_03.png);
	background-repeat: no-repeat;
    background-position: left 2% top 20%;
	background-size: 18%;
	}
#main_top_copy2 p {	
	width: 90%;
	margin: 0 auto;
	font-size: 13px;
	line-height: 2;
	text-align: left;
	background: rgba(255,255,255,0.6);
	padding: 2rem 1rem;
	text-shadow: 1px 1px 1px #fff;
	position: relative;
	}
	#main_top_copy2 p:after {
		content: '';
		position: absolute;
		margin: 0 auto;
		border: 4px solid #cacaca;
		top: 0;
		left: 0;
		right: 0;
	}



#main_top_copy3 {
	background: #ffe7ec;
	}
	
#news_info_wrap {
	margin: 0 auto;
	text-align: center;
	background: #fff;
	}
	

#news_left img{
	width: 100%;
}

#news_right img{
	width: 100%;
}

#news_left {
	width: 100%;
}
#news_right {
	width: 100%;
}



#main_top_copy_45 {
	background: var(--bg-color-02);
}

#main_top_copy4 {
	/*background: var(--bg-color3);*/
	padding: 2rem 0;
	}

#main_top_copy4 h2 {
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
	color: var(--accent-color2);
	padding: 1rem 0;
	text-align: center;
	line-height: 150%;
	text-shadow    :
		   2px  2px 1px #ffffff,
		  -2px  2px 1px #ffffff,
		   2px -2px 1px #ffffff,
		  -2px -2px 1px #ffffff,
		   2px  0px 1px #ffffff,
		   0px  2px 1px #ffffff,
		  -2px  0px 1px #ffffff,
		   0px -2px 1px #ffffff;   
	}

	.point_ttl {
		display: flex;
		flex-direction: row;
		align-items: center;
		list-style: none;
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	.point_ttl_reverse {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		list-style: none;
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	.point_top {
		width: 60%;
	}
	.point_top img {
		width: 100%;
		display: inherit;
		margin: auto;
	}
	.point_num {
		width:  calc(100% - 60%);
	}
	.point_num img {
		width: 70%;
		display: inherit;
		margin: auto;
	}
.red_text_point {
	font-size: 18px;
	color: #fff;
	background: var(--accent-color1);
	padding: .6rem;
	font-weight: bold;
	text-align: left;
	width: 90%;
	margin: 0 auto;
	}
	.copy4_txt {
	margin: 0 auto;
	font-size: 13px;
	line-height: 2;
	text-align: left;
	padding: 1rem;
	width: 80%;
	margin: 0 auto;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 0 0 8px 8px;
	}


#main_top_copy5 {
	/*background: #ffffdd;*/
	padding: 2rem 0 1rem 0;
	}
	.copy5_txt {
		margin: 0 auto;
		font-size: 13px;
		line-height: 2;
		text-align: left;
		padding: 1rem;
		width: 80%;
		box-sizing: border-box;
		background: #ffffff;
		border-radius: 0 0 8px 8px;
		}
		#cash_back {
			margin: 0 auto;
			padding: 1rem;
		}
		#cash_back p{
			width: 90%;
			margin: 0 auto;
			padding: 0rem;
			text-align: center;
			font-size: 13px;
			font-weight: bold;
		}
		#cash_back ul {
			width: 90%;
			padding: 0 1rem;
			margin:0 auto;
		}
		#cash_back ul li {
			font-size: 13px;
			padding: 1rem 1rem 0 1rem;
		}

		#main_top_copy7 {
			background: url(../../common/img/schedule_sp.jpg)no-repeat;
			width: 100%;
			box-sizing: border-box;
			background-size: cover;
			padding: 2rem 0rem;
		}
		.int_table_inner {
			margin: 0 auto;
			width: 96%;
			padding: .6rem;
		}
		.int_table_inner h2 {
			margin: 0 auto;
			font-size: 2rem;
			font-weight: bold;
			color: var(--accent-color2);
			padding: 1rem 0;
			text-align: center;
			letter-spacing: 6px;
			line-height: 170%;
			text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
		}
		.int_table {
			margin: auto;
			width: 100%;
		}
		.int_table table {
			width: 100%;
			height: auto;
			margin: 0 auto;
			border: solid 1px #484848;
			padding: 1rem 0;
			border-radius: 12px;
			color: var(--txt-color1);
			background: rgba(255,255,255,0.8);
		}
		.int_table tbody tr th {
			padding: .3rem;
			font-size: 18px;
			width: 30%;
		}
		.int_table tbody tr td {
			padding: .3rem;
			font-size: 18px;
			width: calc(100% - 30%);
		}
		.int_table tbody tr td .table_small {
			font-size: 13px;
		}
		.table_end {
			width: 90%;
			margin: 0 auto;
			font-size: 13px;
			text-align: left;
			padding: 1rem;
		}
/*-------------main_top_copy7 end----------*/
#main_top_copy9 {
	background: linear-gradient(rgba(255,243,250,1),rgba(255,243,250,0));
	padding: 2rem 0 0 0;
}
.separate {
	display: flex;
	flex-direction: column;
	width: 90%;
	margin: 0 auto;
}
#main_top_copy9 .separate h2 {
	margin: 0 auto;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px;
    color:  var(--accent-color2);
    padding: 1rem 0;
    position: relative;
    line-height: 150%;
	width: 100%;
}
#separate_img {
	width: 96%;
	margin: 0 auto;
}
#separate_img img {
	width: 60%;
	margin: auto;
}
.copy9_txt_top {
	width: 90%;
	text-align: left;
	line-height: 2;
	font-size: 16px;
	color: var(--txt-color1);
	margin: 0 auto;
	padding: 1rem .3rem;
}
.coordinator {
	background: linear-gradient(rgba(242,247,231,0),rgba(242,247,231,1));
	padding: 2rem;
	width: 100%;
}
.coordinator_inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	gap: 1rem;
	list-style: none;
	padding: 0;
}
.coordinator_inner li {
	width: 100%;
	margin: 0 auto;
}
.coordinator_inner li img {
	width: 190%;
	margin: auto;
	display: inherit;
}
.coordinator_inner li p {
	width: 100%;
	text-align: left;
	line-height: 2;
	font-size: 16px;
	color: var(--txt-color1);
}


/*-----------main_top_copy9 end-------------*/
/*-------------------top_copy13-------------*/

#main_top_copy13 {
	background: #fff;
    padding: 2rem 1rem;
    background-image: url(../../common/img/bg_13.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	}

#main_top_copy13 h2 {
	margin: 0 auto;
	font-size: 2rem;
	padding: 1rem 0 0;
	line-height: 150%;
	margin-bottom:20px;
	text-align: center;
  color          : #ffffff;            /* 文字の色 */
  font-weight: bold;
  letter-spacing : 6px;                /* 文字間 */
  text-shadow    :
       3px  3px 1px #9a6c30,
      -3px  3px 1px #9a6c30,
       3px -3px 1px #9a6c30,
      -3px -3px 1px #9a6c30,
       3px  0px 1px #9a6c30,
       0px  3px 1px #9a6c30,
      -3px  0px 1px #9a6c30,
       0px -3px 1px #9a6c30;        /* 文字の影 */
	}
	
#main_top_copy13 h2 span {
	display: block;
	}
#main_top_copy13 h3 {
	margin: 0 auto;
	font-size: 18px;
	color: #0068b7;
	padding: 1rem;
    box-sizing: border-box;
	line-height: 140%;
	}	

	.main_top_copy13_box p {
		width: 90%;
		margin: 0 auto;
		text-align: center;
		padding: 1rem;
		font-size: 21px;
	}
	.main_top_copy13_box #terms {
		margin: 0 auto;
		text-align: left;
		padding: 0 0 1rem;
		font-size: 13px;
		color: #FBB0DB;
		text-shadow    :
			2px  2px 1px #ffffff,
			-2px  2px 1px #ffffff,
			2px -2px 1px #ffffff,
			-2px -2px 1px #ffffff,
			2px  0px 1px #ffffff,
			0px  2px 1px #ffffff,
			-2px  0px 1px #ffffff,
			0px -2px 1px #ffffff; 
	}
	.main_top_copy13_box ul{
		width: 90%;
		margin: 0 auto;
		text-align: left;
		padding: 2rem 1rem;
		background-color: rgba(255,255,255,0.6);
		border-radius:8px;
		list-style: none;
		}
		.main_top_copy13_box ul li {
			font-size: 16px;
			padding: .4rem 0 0;
			color: var(--txt-color1);
			text-shadow    : 
			2px  2px 1px #ffffff,
			-2px  2px 1px #ffffff,
			2px -2px 1px #ffffff,
			-2px -2px 1px #ffffff,
			2px  0px 1px #ffffff,
			0px  2px 1px #ffffff,
			-2px  0px 1px #ffffff,
			0px -2px 1px #ffffff;        /* 文字の影 */
	}

.red_text36 {
	font-size: 26px;
    font-weight: bold;
	color: #e4007f;
	padding: 30px 0px 30px 0px;
	}
.txt_30 {
	font-size: 20px;
	line-height: 200%;
	margin-bottom:10px;
	font-weight: bold;
}


#main_top_copy8 {
    padding: 40px 15px 20px 15px;
    background-image: url(../img/bg_05_2.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	}

#main_top_copy8 h2 {
	margin: 0 auto;
	color: #0068b7;
	padding: 40px 0 20px 0px;
	line-height: 170%;
  display        : inline-block;
  color          : #0068b7;            /* 文字の色 */
  font-size      : 17pt;               /* 文字のサイズ */
  font-weight: bold;
  letter-spacing : 6px;                /* 文字間 */
  text-shadow    : 
       3px  3px 1px #ffffff,
      -3px  3px 1px #ffffff,
       3px -3px 1px #ffffff,
      -3px -3px 1px #ffffff,
       3px  0px 1px #ffffff,
       0px  3px 1px #ffffff,
      -3px  0px 1px #ffffff,
       0px -3px 1px #ffffff;        /* 文字の影 */
	}
	
#main_top_copy8 h2 span {
	display: block;
	}
#main_top_copy8 h3 {
	margin: 0 auto;
	font-size: 14px;
	color: #0068b7;
	padding: 60px 10px 10px 10px;
	line-height: 160%;
	margin-bottom:20px;
  display        : inline-block;
  color          : #0068b7;            /* 文字の色 */
  font-size      : 14pt;               /* 文字のサイズ */
  font-weight: bold;
  letter-spacing : 3px;                /* 文字間 */
  text-shadow    : 
       3px  3px 1px #ffffff,
      -3px  3px 1px #ffffff,
       3px -3px 1px #ffffff,
      -3px -3px 1px #ffffff,
       3px  0px 1px #ffffff,
       0px  3px 1px #ffffff,
      -3px  0px 1px #ffffff,
       0px -3px 1px #ffffff;        /* 文字の影 */
	}
	#main_top_copy10 .copy10_offer {
		margin: 0 auto;
		padding: 30px 0 20px 0;
		height: auto;
	}
	#main_top_copy10 .copy10_offer .offer_top p{
		width: 300px;
		height: 60px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding: 50px 10px 0px 20px;
		font-size: 28px;
    	font-weight: bold;
		margin: 0 auto;
		position: relative;
		background: linear-gradient(transparent 70%, #ef820c 30%);
	}
	/*#main_top_copy10 .copy10_offer .offer_top p:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 120px;
		top: -18px;
    	right: 0px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}*/
	#main_top_copy10 .copy10_offer .offer_top p:after {
		content: "";
		position: absolute;
		width: 70px;
		height: 70px;
		top: -20px;
    	right: 110px;
		background: url(../img/sfs_logomark_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}
	#main_top_copy10 .copy10_offer .offer_bottom p{
		background-image: url(../img/offer_ribbon_sp.png);
		height: 60px;
		background-position: right 0% top 0%;
		background-repeat: no-repeat;
		background-size: contain;
		font-size: 240%;
		font-weight: bold;
		color: #e4007f;
		letter-spacing: 5px;
		text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
		margin: 0 auto;
		transform: rotate(-2deg);
		padding: 30px 0 30px 0;
		margin-top: -0.6rem;
		width: 100%;
	}
#main_top_copy8 p {
	background: #ffe7ec;
	margin: 0 auto;
	font-size: 22px;
	line-height: 170%;
	text-align: center;
	padding: 30px 0px 0px 0px;
	margin: 0 auto;
	width: 100%;
	}
#main_top_copy8 p span {
	display: block;
	}
.copy8_bottom {
	font-size: 20px!important;
	border-bottom: 5px solid #fcff02;
	display: inline!important;
}
.copy8_ttl {
	margin-top: 8rem;
}
#main_top_copy8 h4 {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	color: #0068b7;
	padding: 10px 0 10px 0px;
	line-height: 160%;

  display        : block;
  color          : #0068b7;            /* 文字の色 */
  font-weight: bold;
  letter-spacing : 5px;                /* 文字間 */
  text-shadow    : 
  1px  1px 1px #fff84d,
  -1px  1px 1px #fff84d,
   1px -1px 1px #fff84d,
  -1px -1px 1px #fff84d,
   1px  0px 1px #fff84d,
   0px  1px 1px #fff84d,
  -1px  0px 1px #fff84d,
   0px -1px 1px #fff84d;    /* 文字の影 */
	}
	#togai_inner {
		width: 90%;
		margin: 0 auto;
		font-size: 13px;
		line-height: 170%;
		text-align: left;
		padding: 20px;
		margin-bottom: 20px;
		background-color: rgba(255,255,255,0.8);
		border-radius: 10px;
	}
	.togai_txt1 {
		font-size: 13px;
		font-weight: bold;
		color: #e4007f;
		padding: 10px 0px 10px 0px;
	}
/*-------------#main_top_copy11---------*/
#main_top_copy11 {
	padding: 3rem 0;
	width: 100%;
	background-image: url(../img/bg_10_3.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	box-sizing: border-box;
}
#main_top_copy11 h2 {
	color: var(--accent-color3);
	font-size: 1.4rem;
	padding: 1rem 0;
	text-align: center;
}
.logo_mark {
	display: inline;
}
#main_top_copy11 p {
	width: 96%;
	background: rgba(255,255,255,0.6);
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.7;
	text-align: left;
	padding: 1rem;
	text-shadow: 1px 1px 1px #fff;
	}
/*-----------top_copy11 end----------------------*/
/*------------top_copy_copy12------------------*/
#main_top_copy12 {
	padding: 1rem 0;
	background: var(--bg-color1);
	width: 100%;
}
.reason {
	padding: .6rem;
	width: 96%;
	margin: 0 auto;
}
.reason_ttl {
	display: flex;
	align-items: center;
	position: relative;
	gap: 1rem;
	padding: 0;
}
.reason_ttl_left{
	width: 80px;
	height: 80px;
	padding-top: 0.4rem;
	border-radius: 50%;
	padding: 1rem;
	list-style: none;
	background: var(--base-color);
	text-align: center;
}
.reason_txt{
	font-size: 1rem;
	color: #fff;
}
.reason_num {
	font-size: 2.2rem;
	text-align: center;
	padding-top: 0rem;
	color: #fff;
	margin: -.6rem;
}
.reason_ttl h3{
	color: var(--base-color);
	font-weight: bolder;
	padding: 0.5rem 0;
	text-shadow: 2px 2px #ffffff;
	width: calc(100% - 20%);
	font-size: 1.8rem;
}
.reason_contents {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	list-style: none;
	padding: 0;
}
.reason_contents_left {
	width: 100%;
	height: auto;
}
.reason_contents_left img {
	display: inherit;
	margin: auto;
	transform: rotate(-6deg);
	object-fit: cover;
	width: 70%;
}
.reason_contents_left_reverse {
	width: 100%;
	height: auto;
}
.reason_contents_left_reverse img {
	display: inherit;
	margin: auto;
	transform: rotate(6deg);
	object-fit: cover;
	width: 70%;
}
.reason_contents_right {
	width: 100%;
	font-size: 1.1rem;
	line-height: 1.7;
}
.reason_contents_reverse {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	list-style: none;
	padding: 0;
}
/*--------------main__copy_waku------------*/
#main_top_copy14_waku
{
background: var(--bg-color-02);
padding: 2rem;
width: 100%;
}
#main_top_copy14_waku h2
{
	margin: 0 auto;
    font-size: 23px;
    font-weight: bold;
    color: #fd3d72;
    padding: 1rem 0;
    text-align: center;
    line-height: 150%;
}
#main_top_copy14_waku p {
    width: 96%;
    text-align: left;
    line-height: 2;
    font-size: 16px;
    color: var(--txt-color1);
    margin: 0 auto;
    padding: 1rem 0rem;
}
/*--------------main_top_copy14---------------*/
#main_top_copy14 {
	background: #fff;
    padding: 2rem 1rem;
    background-image: url(../img/bg_14_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: top center;
}
#main_top_copy14 h2 {
    margin: 0 auto;
    padding: 20px 0 10px 0px;
    line-height: 140%;
    margin-bottom: 20px;
    display: inline-block;
    color: #ffffff;
    font-size: 20pt;
    font-weight: normal;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #e4007f;
 }
#main_top_copy14 h2 span{
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    line-height: 140%;
    margin-bottom: 20px;
    display: inline-block;
    color: #ffffff;
    font-size: 24pt;
    font-weight: bold;
    letter-spacing: 6px;
	border-bottom: 5px solid #fcff02;
    text-shadow: 3px 3px 1px #e4007f, -3px 3px 1px #e4007f, 3px -3px 1px #e4007f, -3px -3px 1px #e4007f, 3px 0px 1px #e4007f, 0px 3px 1px #e4007f, -3px 0px 1px #e4007f, 0px -3px 1px #e4007f;
}
.red_text {
	font-size: 26px;
	color: #e4007f;
	padding: 0px 0px 0px 0px;
	}

.blue_text {
	font-size: 26px;
	color: var(--accent-color2);
	padding: 30px 0px 0px 0px;
    font-weight: bold;
	line-height: 170%;
	text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
	}

	.text_line_b {
		font-size: 36px;
		color: #E42371;
		font-weight: bold;
		padding: 30px 0px 30px 0px;
	}
	.line_span {
		font-size: 1.6rem;
		color: var(--accent-color2);
		font-weight: bold;
		padding: 2rem 0;
		background-position: right 0% top 0%;
		background-repeat:no-repeat;
		background-size: 100% auto;
	}
	.line_span_blue {
		font-size: 1.6rem;
		color: var(--accent-color1);
		font-weight: bold;
		padding: 2rem 0;
		background-position: right 0% top 0%;
		background-repeat:no-repeat;
		background-size: 100% auto;
		text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
	}
	.copy14_top 
			{
		margin: 0 auto;
		font-size: 16px;
		line-height: 170%;
		text-align: left;
		padding: 1.3rem 1rem;
		background-color: rgba(255,255,255,0.6);
		border-radius: 16px;
		background-image: url(../img/bg_04.png);
		background-position: right 0% bottom 0%;
		background-repeat: no-repeat;
		background-size: 70% auto;
		width: 90%;
		}
/*-------------main_top_copy15-------------*/
#main_top_copy15 {
	padding: 2rem;
    background: var(--bg-color-03);
    width: 100%;
	box-sizing: border-box;
}
#main_top_copy15 p {
	font-size: 1.4rem;
    line-height: 2;
}
/*----------------main_top_copy16-------------*/
#main_top_copy16 {
	background: #fff;
    padding: 2rem 1rem;
    background-image: url(../../common/img/bg_03.jpg);
	background-repeat:no-repeat;	
	background-size: cover;
	}

#main_top_copy16 h2 {
	margin: 0 auto;
	font-size: 1.6rem;
	color: #fff;
	padding: .6rem 0;
	line-height: 150%;
	margin-bottom:20px;
	text-align: center;
  color          : #ffffff;
  font-weight: bold;
  letter-spacing : 4px;
  text-shadow    : 
       2px  2px 1px #9a6c30,
      -2px  2px 1px #9a6c30,
       2px -2px 1px #9a6c30,
      -2px -2px 1px #9a6c30,
       2px  0px 1px #9a6c30,
       0px  3px 1px #9a6c30,
      -2px  0px 1px #9a6c30,
       0px -2px 1px #9a6c30;        /* 文字の影 */
	}
#main_top_copy16 h2 span {
	display: block;
	}
#main_top_copy16 h3 {
	margin: 0 auto;
	font-size: 18px;
	color: #0068b7;
	padding: 1rem;
    box-sizing: border-box;
	line-height: 140%;
	}	

#main_top_copy16 p {	
	margin: 0 auto;
	font-size: 16px;
	line-height: 170%;
	text-align: left;
	padding: 2rem;
	background-color: rgba(255,255,255,0.6);
	border-radius:30px;
    background-image: url(../img/bg_04.png);
	background-position: right 0% bottom 0%;
	background-repeat:no-repeat;
	background-size: 70% auto;
	margin-left:10px;
	margin-right:10px;
	}	
#main_top_copy16 p span {
	display: block;
	margin-bottom:-30px;
	}

	/*--------------main_top_copy17------------------*/
#main_top_copy17 {
	padding: 2rem 0;;
    background-image: url(../../common/img/bg_17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
#main_top_copy17 h2 {
	margin: 0 auto;
    font-size: 1.6rem;
    padding: 1rem 1rem;
    line-height: 150%;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    color: var(--accent-color3);
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}
#main_top_copy17 .copy17_txt {
	width: 90%;;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 170%;
    text-align: left;
    padding: 2rem;
    margin-bottom: 2rem;
    margin-top: 0rem;
    background-color: rgba(255,255,255,0.8);
    border-radius: 24px;
}
/*-----------------main_top_copy18------------------*/
#main_top_copy18 {
	background: var(--bg-color-02);
    width: 100%;
    padding: 2rem 1rem;
}
#main_top_copy18 h2 {
	margin: 0 auto;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0px;
    color: var(--accent-color1);
    padding: 0 0 1rem 0;
    border-bottom: solid 3px var(--acccent-color1);
    position: relative;
    line-height: 150%;
	letter-spacing: 4px;
    text-align: center;
	/*text-shadow: 2px 2px 1px var(--accent-color2), -2px 2px 1px var(--accent-color2), 2px -2px 1px var(--accent-color2), -2px -2px 1px var(--accent-color2), 2px 0px 1px var(--accent-color2), 0px 2px 1px var(--accent-color2), -2px 0px 1px var(--accent-color2), 0px -2px 1px var(--accent-color2);*/
}
#main_top_copy18 h2:after {
	position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px skyblue;
    bottom: -3px;
    width: 50%;
}
	#main_top_copy18 .copy18_txt {
		width: 96%;
		text-align: left;
		line-height: 2;
		font-size: 16px;
		color: var(--txt-color1);
		margin: 0 auto;
		padding: 1rem 0.3rem;
	}
/*-------------mani_top_copy19 sp----------------*/
#main_top_copy19 {
	padding: 2rem 0;
    background-image: url(../../common/img/bg_19.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
#main_top_copy19 .copy19_txt {
	width: 90%;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 170%;
    text-align: left;
    padding: 2rem;
    margin-bottom: 2rem;
    margin-top: 0rem;
    background-color: rgba(255,255,255,0.6);
    border-radius: 24px;
}

/*--------------main_top_copy23----------------*/
	#main_top_copy23 {
		background: var(--bg-color-01);
		padding: 2rem 0 2rem 0;
		.copy23_txt {
			width: 90%;
			text-align: left;
			line-height: 2;
			font-size: 16px;
			color: var(--txt-color1);
			margin: 0 auto;
			padding: 1rem 0.3rem;
		}
	}
/*-------------main_top_copy22------------------*/
#main_top_copy22 {
    padding: 2rem 1rem;
    background-image: url(../../common/img/bg_22.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
	.copy22_txt {
		margin: 0 auto;
		font-size: 1rem;
		line-height: 1.8;
		text-align: left;
		padding: 2rem;
		background-color: rgba(255,255,255,0.8);
		border-radius: 16px;
		/* width: 90%; */
	}
}
#main dl {
    padding: 20px 15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #69c8d6), color-stop(0.37, #69c9f2), color-stop(0.00, #33a1db));
	background: -webkit-linear-gradient(top, #33a1db 0%, #69c9f2 37%, #69c8d6 100%);
	background: -moz-linear-gradient(top, #33a1db 0%, #69c9f2 37%, #69c8d6 100%);
	background: -o-linear-gradient(top, #33a1db 0%, #69c9f2 37%, #69c8d6 100%);
	background: -ms-linear-gradient(top, #33a1db 0%, #69c9f2 37%, #69c8d6 100%);
    background: linear-gradient(-90deg, #067CC6, #0084FF);
    background: url(../img/bg_01_1.jpg);
	background-size: cover;
}
#main dl dt {
	text-align: center;
	color: #0173dd;
	font-size: 24px;
	font-weight: bold;	
	margin-bottom: 50px;
	margin-top: 30px;
    letter-spacing : 5px;
	}
#main dl dt span {
	display: block;
}

#main dl dd {
	text-align: left;
	font-size: 20px;
	margin-bottom: 20px;
	}
#main dl dd span {
	display: block;
}

/*contact_waku*/	
#contact_waku {
	background-color: var(--base-color);
	padding: 40px 10px;
	}

#contact_waku h2 img {
	width: 250px;
}

#contact_waku_box {
	width: 100%;
	text-align: center;
	padding: 20px 0px 20px 0px;
	margin: 0;
	box-sizing: border-box;
	}

#contact_waku_box .btn2 {
	width: 100%;
	padding: 16px;
	margin: 0;
	font-size: 16px;
	color: #fff;
	border-radius:30px;
	line-height: 180%;
	font-weight: bold;
	}
#contact_waku_box .btn2:hover {
	color: #f39700;
	}


#contact_waku_box .btn2 .fa {
	margin-right: 12px;
	font-size: 20px;
	padding-bottom: 2px;
	color: #fff;
	}
#contact_waku_box .btn2:hover .fa {
	color: #f39700;
	}
	
#contact_waku_box h3 {
	font-size: 14px;
	color: #f36d00;
	padding-top: 5px;
}

#contact_waku_box p {
	color: #f39700;
	}
#contact_waku_box p:nth-of-type(1) {
	font-size: 32px;
	color: #33a1db;
	margin-right: 15px;
  font-family: Arial, Helvetica, sans-serif;
	}

#contact_waku_box p:nth-of-type(2) {
	padding-top: 5px;
	}

#contact_waku p.notes {
	font-size: 13px;
	}







/*contact*/

body#contact #sub_bg {
	background: url(../img/title/contact_head.png) no-repeat center top;
	background-size: cover;
	height: 160px;
}
body#contact #sub_content #sec01 {
	padding-top:30px;
	padding-bottom:60px;
	background-color: #f0f2f4;
}
body#contact #sub_content #sec01 h3 {
	font-size: 20px;
	color: #0068b7;
	padding-top:10px;
	padding-bottom:20px;
}
body#contact #sub_content #sec01 p {
	line-height: 20px;
	margin: 0px 15px 0px 15px;
}

.contact_box {
	border: 5px solid #ccc;
	background-color: #fff;
	padding: 10px;
	margin: 0px 15px 0px 15px;
	font-size: 16px;
	line-height: 180%;
}
.contact_box p {
	font-size: 14px;
	line-height: 160%;
}
.contact_box p span a{
	color: #0068b7;
	text-decoration:underline;
}
.txt_top{
	font-size: 16px;
	padding-bottom:10px;
	}
.txt_12_blue{
	font-size: 12px;
	color: #0068b7;
	}

.txt_redform {
	font-size: 16px;
	font-weight: bold;
	color: #e40136;
	line-height: 170%;
}
.txt_ore{
	font-size: 16px;
	font-weight: bold;
	color: #FCC700;
}

.left {
	width:250px;
	padding-bottom:10px;
	}
	#main_waku {
		width: 100%;
		height: auto;
	}
#main_waku dl {
    padding: 30px 15px;
    background: #f09807; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f09807, #ef820c); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f09807, #ef820c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#main_waku dt {
	text-align: left;
	margin-bottom: 30px;
	  display        : inline-block;
  color          : #fff;            /* 文字の色 */
  font-size      : 18pt;               /* 文字のサイズ */
  line-height: 1.5em;
  letter-spacing : 0px;                /* 文字間 */
  width: 100%;
}

#main_waku dl dt span {
	display: block;
	}
#main_waku dd {
	color: #fff;
	font-size: 20px;
	text-align: left;  
    background-image: url(../img/bg_flower_02.png);
	background-position: right 0% bottom 0%;
	background-repeat:no-repeat;
	background-size: 50% auto;
	width: 100%;
}
#main_waku dd p {
	color: #3e3e3e;
	font-size: 20px;
	line-height: 190%;
	text-align: left;
}
#main_waku dd a {
	text-decoration: none;
	color: #ffba49;
}
#main_waku dd a:hover {
	color: #9a6c30;
}


.blue_text1 {
	font-size: 22px;
	color: #0268d0;
	padding: 30px 0px 30px 0px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 5px solid #fcff02;
    padding-bottom: 2px;
	}

.red_text1 {
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	margin-top:30px;
	line-height: 140%;

  display        : inline-block;
  color          : var(--base-color);            /* 文字の色 */
  font-weight: bold;
  letter-spacing : 5px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
	}


.box_01 {
	border: 5px solid #ccc;
	background-color: #fff;
	padding: 20px;
	margin: 0px 15px 0px 15px;
}
.box_01 p {
	font-size: 14px;
	line-height: 180%;
}
.box_01 p span {
	color: #0068b7;
}



.red {
	font-size: 14px;
	color: #E42371;
}
.txt_14_red {
	font-size: 12px;
	font-weight: bold;
	color: #E42371;
}
.txt_16_red {
	font-size: 14px;
	color: #E42371;
}
.txt_16 {
	font-size: 14px;
}
.txt_18 {
	font-size: 16px;
}
.txt_18_blue{
	font-size: 16px;
	line-height:1.7em;
	color: #0068b7;
	}
.txt_18_ore{
	font-size: 16px;
	font-weight: bold;
	line-height:1.7em;
	color: #f39700;
	}
.txt_18_red {
	font-size: 16px;
	font-weight: bold;
	line-height:1.7em;
	color: #E42371;
	}
.txt_18_gry{
	font-size: 16px;
	line-height:1.7em;
	color: #999;
	}
.txt_20_red {
	font-size: 18px;
	font-weight: bold;
	color: #E42371;
}	
.txt_20_blue{
	font-size: 18px;
	line-height:1.7em;
	color: #0068b7;
	}

.txt_24_red {
	font-size: 20px;
	font-weight: bold;
	line-height: 200%;
    color: #E42371;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	background-color:#fdd2e2;
	padding:5px 20px;
	margin-bottom:10px;
}

.txt_30_m {
	font-size: 24px;
	font-weight: bold;
	line-height: 220%;
    color: #239261;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	background-color:#d2ffc7;
	padding:5px 20px;
	margin-bottom:10px;
}
.txt_30_red {
	font-size: 24px;
	font-weight: bold;
	line-height: 220%;
    color: #E42371;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	background-color:#fdd2e2;
	padding:5px 20px;
	margin-bottom:10px;
}
/*-------------loader---------------*/

.loading {
	background: #fee902;
	position: fixed;
	inset:0;
	z-index: 9999;
	display: grid;
	place-items: center;
}
.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
.spinner {
	background: #207ec4;
	position: fixed;
	inset: 0;
	translate: 0 100vh;
	z-index:9998;
}
#main_top_copy20 {
	background: var(--bg-color1);
    padding: 0rem 2rem 2rem;
    width: 100%;
    box-sizing: border-box;
}
#main_top_copy20 h3{
	padding: 1rem 0 1.4rem;
    line-height: 150%;
    display: inline-block;
    color: #010101;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 6px;
    text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
}
#main_top_copy21 {
	background: var(--bg-color1);
    padding: 0rem 1rem 2rem;
    width: 100%;
    box-sizing: border-box;
}
#main_top_copy21 h3{
	padding: 1rem 0 1.4rem;
    line-height: 150%;
    display: inline-block;
    color: #010101;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 6px;
    text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
}

#main_section21_movie, #main_section20_movie {
	width: 100%;
	max-width: 479px;			/* 最大の横幅 */
	height: 0 ;					/* 高さは0にする */
	padding-bottom: 56.25%;	/* 横幅に対する縦幅の比率 */
	position: relative;
	top: 0;
	left: 0;
}
#main_section21_movie p, #main_section20_movie p {
	width: 100%;
	height:300px;
}


#main_section21_movie iframe, #main_section20_movie iframe
{
	width: 100%;		/* 親要素の余白いっぱい */
	height:100%;		/* 親要素の余白いっぱい */
	margin: 0;			/* 余白 */
	padding: 0;		/* スペース */
	position: absolute ;
	top: 0;
	left: 0;
}
}