@charset "utf-8";

@media(max-width:640px){

/* ----- font ----- */
.font12px {font-size: 12px; line-height: 1.8;}

/* .font16px {font-size:14px;line-height:1.8;}
.font18px {font-size:16px;line-height:1.8;}
.font20px {font-size:18px;line-height:1.6;}
.font22px {font-size:20px;line-height:1.6;}
.font24px {font-size:22px;line-height:1.4;}
.font26px {font-size:24px;line-height:1.4;}
.font28px {font-size:26px;line-height:1.4;} */

.font16px {font-size:13px;line-height:1.6;}
.font18px {font-size:14px;line-height:1.6;}
.font20px {font-size:16px;line-height:1.6;}
.font22px {font-size:18px;line-height:1.6;}
.font24px {font-size:20px;line-height:1.4;}
.font26px {font-size:22px;line-height:1.4;}
.font28px {font-size:24px;line-height:1.4;}


/* ------------------------------------------------------------
　　ページベース
------------------------------------------------------------ */

/* ----- wrapper 内容 ----- */
#wrapper {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	background: #FFFFFF;
}
#wrapper-inner {
	position: static;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

/* ----- header 内容 ----- */
#h_end {
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 10px 0;
	color: #FFFFFF;
	/* font-size: 14px; */
	font-size: 3.8vw;
	line-height: 1.4;
	font-weight: bold;
	/* letter-spacing: 2px; */
	text-align: center;
	background: #FF0000;
}
#h_end span {color: #FFFF00;}

#header {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}
#header-inner {
	position: static;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#header-inner h1 {
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
#header-inner h2 {
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

/* ----- contents 内容 ----- */
#contents {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px;
}
#contents-inner {
	position: static;
	width: 100%;
	margin: 0px;
	padding: 20px 0px 0px;
	overflow: hidden;
}

.text {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 20px 0px 0px;
	overflow: hidden;
}
.text p {
	clear: none;
	width: 90%;
	margin: 0px auto;
	padding: 0px 0px 15px;
	font-size: 13px;
	line-height: 1.6;
	text-align: justify;
}
.icon_box {
	clear: none;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	text-align: justify;
}
.icon {
	margin: 0 auto;
	padding: 1px 0 14px 32px;
	font-size: 13px;
	line-height: 1.6;
	text-align: justify;
	background: url(../sp_img/icon.png) no-repeat 0 0;
	background-size: 22px 22px;
}

.text_ph_L {
	clear: both;
	margin: 0px auto;
	padding: 10px 0px 30px;
	text-align: center;
}
.text_ph_R {
	clear: both;
	margin: 0px auto;
	padding: 10px 0px 30px;
	text-align: center;
}

/* コメント */
.text_comment {
	clear: both;
	width: 80%;
	position: relative;
	margin: 20px auto 20px;
	padding: 15px 5% 5px;
	text-align: left;
	background: url(../img/comment_back.png) repeat-y center top;
}
.text_comment-inner {
	position: static;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.text_comment-inner div {
	clear: left;
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 13px;
	line-height: 1.6;
	text-align: justify;
}

/* ジレンマ */
.text_ji {
	clear: both;
	position: relative;
	width: 80%;
	margin: 0px auto 20px;
	padding: 20px 5% 10px;
	text-align: left;
	background: url(../img/ji_back.png) repeat-y center center;
}
.text_ji-inner {
	position: static;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.text_ji-inner h4 {
	clear: left;
	margin: 0px 0px 15px;
	padding: 0px 0px 10px;
	color: #FF6600;
	font-size: 16px;
	line-height: 1.4;
	text-align: justify;
	border-bottom: 1px solid #FF6600;
}
.text_ji-inner div {
	clear: left;
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 13px;
	line-height: 1.6;
	text-align: justify;
}


/* サブタイトル */
.sub {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px;
	text-align: left;
}
.sub h3 {
	clear: left;
	margin: 0px;
	padding: 30px 0px 0px;
	text-align: left;
}

/* ポイント*/
.text_point {
	clear: both;
	width: 100%;
	margin: 0px auto;
	/* padding: 20px 0px 20px; */
	padding: 10px 0px 20px;
	text-align: left;
}
.ob_zu {
	clear: both;
	width: 90%;
	margin: 0px auto;
	padding: 10px 0px 30px;
	text-align: left;
}
.ob_zu img {width: 100%;}


/* 日程 */
.text_days {
	clear: both;
	position: relative;
	width: 90%;
	margin: 0px auto;
	padding: 20px 0px 15px;
	text-align: justify;
}
.text_days-inner {
	position: static;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.text_days-inner table {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	background: #008C00;
}
.text_days-inner th {
	clear: both;
	margin: 0px;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	background: #FFFF99;
}
.text_days-inner th span {font-size: 12px; font-weight: normal;}
.text_days-inner td {
	clear: both;
	margin: 0px;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
	background: #FFFFFF;
}
.text_days-inner td span {font-size: 13px; font-weight: normal;}


/* 和仁さんさイン */
.text_name {
	float: right;
	width: 180px;
	margin: 0px;
	padding: 10px 5% 20px 0px;
	text-align: left;
}


/* 参加者動画 */
.movie_title {
	clear: both;
	position: relative;
	width: 90%;
	margin: 20px auto 0px;
	padding: 10px 0px 10px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	background: #0077FF;
}
/* .movie_box {
	clear: both;
	position: relative;
	width: 90%;
	margin: 0px auto; */
	/* padding: 20px 0px 20px; */
	/* padding-top: 56.25%;
	text-align: center; */
	/* border: 1px solid #0077FF; */
	/* background: url(../img/comment_back.png) repeat-y center top; *//* 
}
.movie_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
} */


/* 動画 */
.wani_movie_box {
	clear: both;
	position: relative;
	width: 90%;
	margin: 0 auto 10px;
	padding-top: 56.25%;
	/* padding:0px 0px 0px; */
	text-align:center;
	/* background: #174C9A; */
}
.wani_movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.wani_movie_name {
	clear: both;
	width: 90%;
	margin: 20px auto -5%;
	padding:6px 0 6px;
	color: #FFFFFF;
	font-size:13px;
	line-height:1.6;
	text-align:center;
	background:#008C00;
}
.movie_box {
	clear: both;
	position: relative;
	width: 90%;
	margin: 30px auto 0px;
	padding-top: 56.25%;
	/* padding:0px 0px 0px; */
	text-align:center;
	/* background: #174C9A; */
}
.movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.movie_name {
	clear: both;
	width: 90%;
	margin: -3% auto 0px;
	padding:6px 0px 6px;
	/* color: #FFFFFF; */
	font-size:13px;
	line-height:1.6;
	text-align:center;
	/* background: #002299; */
	background:#FFFF99;
}


/* 参加者動画 */
.text_movie {
	clear: both;
	position: relative;
	width: 90%;
	margin: 10px auto 40px;
	/* padding:0px; */
	padding-top: 56.25%;
	text-align: justify;
}
.text_movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* 参加者の声 */
.text_uv {
	clear: both;
	position: relative;
	width: 80%;
	margin: 0px auto 20px;
	padding: 15px 5% 5px;
	text-align: left;
	/* background: url(../img/uv_back.png) repeat-y 0px 0px; */
	border: 1px solid #007FFF;
}
.text_uv-inner {
	position: static;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.text_uv-inner h4 {
	clear: left;
	margin: 0px 0px 15px;
	padding: 0px 0px 10px;
	color: #007FFF;
	font-size: 16px;
	line-height: 1.4;
	text-align: justify;
	border-bottom: 1px solid #007FFF;
}
.text_uv-inner h4 strong {font-size: 18px;}
.text_uv-inner h4 span {font-size: 12px; font-weight: normal;}

.text_uv-inner p {
	clear: left;
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 13px;
	line-height: 1.6;
	text-align: justify;
}


/* 申込 */
.app_box {
	clear: both;
	width: 80%;
	margin: 0px auto;
	padding: 10px 0px 0;
	text-align: left;
}
.app_text {
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 10px 0px 0;
	color: #FF0000;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}


/* 参加者の声 */
.voice_box {
	clear:both;
	position:relative;
	width: 90%;
	margin:0px auto;
	padding:20px 0px 20px;
	text-align:left;
	overflow:hidden;
}

.voice_text {
	clear:left;
	margin:0px 0px 20px;
	padding:15px 0px 10px;
	background:#FFFF99;
}
.voice_text p {
	clear:left;
	margin:0px;
	padding:0px 5% 10px;
	font-size:13px;
	line-height:1.8;
	text-align:justify;
}
.voice_text div {
	clear:left;
	margin:10px 5% 0px;
	padding:10px 0px 5px;
	font-size:13px;
	line-height:1.6;
	text-align:right;
	border-top: 1px dotted #002299;
}
.voice_text div span {font-size:12px;}



/* ----- footer 内容 ----- */
#footer {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 40px;
}
#footer-inner {
	position: static;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#footer_links {
	clear: both;
	margin: 0px;
	padding: 0px 0px 20px;
	color: #666666;
	font-size: 12px;
	text-align: center;
}
#footer_links a {color: #000000;}

#footer-inner address {
	clear: both;
	margin: 0px;
	padding: 10px 0px 0px;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

}