@charset "utf-8";

html {
	/* overflow-y:scroll; */
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	line-height:1.8;
	color:#333333;
	background:url(../../telconsulsemi/img/back.png), #FFFFFF;
	background-repeat: repeat-x, repeat;
	background-position: top center, top center;
	background-attachment:fixed;
}

/* Android 文字強制改行用 */
p,
h1,
h2,
h3,
h4,
h5,
h6,
dd,
dt,
div {
	/* width:100%;
	max-width:100%; */
	background:url(../img/p_back.png) no-repeat 0px 0px;
	
	/* Android Chrome文字サイズ用 */
	max-height: 100%;
	
	/* iPhone、iPod文字サイズ用 */
	-webkit-text-size-adjust: 100%;
}

/* ----- Links Color ----- */
a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}

/* ----- ClearSpace ----- */
.ClearSpacet15px {clear:both;width:10px;height:15px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet20px {clear:both;width:10px;height:20px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet30px {clear:both;width:10px;height:30px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet40px {clear:both;width:10px;height:40px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet60px {clear:both;width:10px;height:60px;margin:0px;padding:0px;text-indent:-9999px;}

/* ----- Color ----- */
.COLOR-Red {color:#FF0000;}
.COLOR-Orange {color:#FF6600;}
.COLOR-Blue {color:#003399;}
.COLOR-Skyblue {color:#0077FF;}
.COLOR-Green {color:#336600;}
.COLOR-White {color:#FFFFFF;}
.COLOR-Gold {color:#CCCC33;}

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

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

/* ----- img ----- */
img,
img a,
img a:hover {
	display:block;
	width: 100%;
	height: auto;
	margin:0px auto;
	padding:0px;
	border:0;
	vertical-align:bottom;
}

/* ----- Links Fade ----- */
.img_hov {opacity:1; -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
.img_hov:hover {opacity:0.5;}


/* responsive - pc */
@media screen and (min-width:641px){
	.sp{
		display:none;
	}
	.br_sp{
		display:none;
	}
}
/* responsive - sp */
@media screen and (max-width:640px){
	.pc{
		display:none;
	}
	.br_pc{
		display:none;
	}
	img{
		max-width:100%;
		height:auto;
		width /***/:auto;
	}
}



@media screen and (min-width:641px){

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

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


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

/* ----- wrapper 内容 ----- */
#wrapper {
	clear:both;
	position:relative;
	width:100%;
	margin:0px;
	padding:0px;
	background:url(../img/w_back.png) repeat-y center top;
}
#wrapper-inner {
	position:static;
	width:800px;
	margin:0px auto;;
	padding:0px;
	overflow:hidden;
}

/* ----- header 内容 ----- */
#h_end {
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 15px 0;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 1.6;
	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: 800px;
	margin: 0px;
	padding: 0px 0px 0px;
}
#contents-inner {
	position: static;
	width: 800px;
	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;
	margin: 0px;
	padding: 0px 60px 15px;
	font-size: 16px;
	line-height: 2.0;
	text-align: justify;
}
.icon {
	clear: none;
	margin: 0px;
	padding: 0px 60px 15px 100px;
	font-size: 16px;
	line-height: 2.0;
	text-align: justify;
	background: url(../img/icon.png) no-repeat 60px 0;
}

.text_ph_L {
	float: left;
	margin: 0px;
	padding: 8px 30px 20px 60px;
	text-align: left;
}
.text_ph_R {
	float: right;
	margin: 0px;
	padding: 8px 60px 20px 30px;
	text-align: left;
}

/* コメント */
.text_comment {
	clear: both;
	width: 640px;
	position: relative;
	margin: 20px auto 20px;
	padding: 25px 20px 10px;
	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 15px;
	font-size: 16px;
	line-height: 1.6;
	text-align: justify;
}

/* ジレンマ */
.text_ji_top {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px;
	text-align: left;
}
.text_ji {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 20px 90px 10px;
	text-align: left;
	background: url(../img/ji_back.png) repeat-y 0px 0px;
}
.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: 22px;
	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: 16px;
	line-height: 1.6;
	text-align: justify;
}
.text_ji_bottom {
	clear: both;
	margin: 0px;
	padding: 0px 0px 20px;
	text-align: left;
}


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

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


/* 日程 */
.text_days {
	clear: both;
	position: relative;
	width: 680px;
	margin: 0px auto;
	padding: 20px 60px 15px;
	text-align: justify;
}
.text_days-inner {
	position: static;
	width: 680px;
	margin: 0px;
	padding: 0px;
}
.text_days-inner table {
	clear: both;
	width: 670px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	background: #008C00;
}
.text_days-inner th {
	clear: both;
	margin: 0px;
	padding: 10px 20px 8px;
	font-size: 16px;
	line-height: 1.6;
	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: 10px 20px 10px;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
	background: #FFFFFF;
}
.text_days-inner td span {font-size: 14px; font-weight: normal;}


/* 和仁さんさイン */
.text_name {
	clear: both;
	width: 180px;
	margin: 0px;
	padding: 0px 0px 10px 500px;
	text-align: left;
}


/* 参加者動画 */
.movie_title {
	clear: both;
	position: relative;
	width: 680px;
	margin: 20px auto 0px;
	padding: 10px 0px 10px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	background: #0077FF;
}
/* .movie_box {
	clear: both;
	width: 640px;
	margin:0px auto 0px;
	padding:20px 0px 0px;
	text-align:center; */
	/* background: #174C9A; */
}


/* 動画 */
.wani_movie_box {
	clear: both;
	width: 640px;
	margin: 0 auto 0;
	padding: 0 0 20px;
	text-align: center;
}
.wani_movie_name {
	clear: both;
	width: 640px;
	margin: 0 auto 0;
	padding:6px 0px 6px;
	color: #FFFFFF;
	font-size:16px;
	line-height:2.0;
	text-align:center;
	/* background: #002299; */
	background:#008C00;
}
.movie_box {
	clear: both;
	width: 640px;
	margin:0px auto 0px;
	padding:20px 0px 0px;
	text-align:center;
	/* background: #174C9A; */
}
.movie_name {
	clear: both;
	width: 640px;
	margin: -8px auto 20px;
	padding:6px 0px 6px;
	/* color: #FFFFFF; */
	font-size:16px;
	line-height:2.0;
	text-align:center;
	/* background: #002299; */
	background:#FFFF99;
}


/* 参加者動画 */
.text_movie {
	clear: both;
	position: relative;
	width: 640px;
	margin: 0px auto;
	padding: 20px 0px 40px;
	text-align: justify;
}

/* 参加者の声 */
.text_uv_top {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px;
	text-align: left;
}
.text_uv {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 20px 90px 10px;
	text-align: left;
	background: url(../img/uv_back.png) repeat-y 0px 0px;
}
.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: 18px;
	line-height: 1.4;
	text-align: justify;
	border-bottom: 1px solid #007FFF;
}
.text_uv-inner h4 strong {font-size: 22px;}
.text_uv-inner h4 span {font-size: 14px; font-weight: normal;}

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


/* 申込 */
.app_box {
	clear: both;
	width: 500px;
	height: 140px;
	margin: 0px auto;
	padding: 20px 0px 60px;
	text-align: left;
}
.app_text {
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 60px;
	color: #FF0000;
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}


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

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



/* ----- footer 内容 ----- */
#footer {
	clear:both;
	position:relative;
	width:800px;
	margin:0px;
	padding:0px 0px 40px;
}
#footer-inner {
	position:static;
	width:800px;
	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;
}

}





