@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width:999px){
/*tablet*/
.pd{ display:none;}
.sd{ display: block;}
.fll,.flr { float: none;}
/*------------------------------------------------------------------------

layout

------------------------------------------------------------------------*/
body {
	font-size: 1.4rem;
}
.wrapper {
	width: auto;
	padding: 0px;
}
section {
	margin: 0 0 30px;
}
.content_inner {
	width: auto;
	margin: 0;
	padding: 0 10px;
}
.w5,
.w25,
.w325
 {
	width: auto;
}
/*---------------------------------------------------------------------

headline

---------------------------------------------------------------------*/
h1 {
	line-height: 0;
}
h1 img {
	width: 100%;
	height: auto;
}
h2.headline01 {
	margin: 0 auto 30px;
	text-align: center;
	font-size: 2.2rem;
	color: #000;
	display: table;
}
h2.headline01::before,
h2.headline01::after {
	font-size: 2.3rem;
}
h2.headline02 {
	height: auto;
	margin: 0 0 20px;
	padding: 10px 0 10px 50px;
	text-align: left;
	line-height: 1.4;
	font-size: 2.2rem;
	background: url(../img/icon_recommend.png) center left no-repeat;
	background-size: 40px 34px;
}
h3.headline01 {
	height: auto;
	margin: 0 0 10px;
	padding: 10px 0 10px 50px;
	text-align: left;
	line-height: 1.4;
	font-size: 2.2rem;
	background: url(../img/icon_info.png) center left no-repeat;
	background-size: 40px 35px;
}
h3.headline02 {
	height: auto;
	margin: 0 0 20px;
	padding: 10px 0 10px 50px;
	text-align: left;
	line-height: 1.4;
	font-size: 2.2rem;
	background: url(../img/icon_download.png) center left no-repeat;
	background-size: 40px 40px;
}
h3.headline03 {
	margin: 20px 0 10px;
	font-size: 2.2rem;
}
/*---------------------------------------------------------------------

header

---------------------------------------------------------------------*/
.header_inner {
	width: 100%;
}
.header_inner img {
	max-width: 100px;
	height: auto;
	margin: 0 0 0 10px;
}
/*---------------------------------------------------------------------

mainvisual

---------------------------------------------------------------------*/
.main_visual {
	height: auto;
}
.main_visual_inner {
	width: 100%;
	height: auto;
	margin: 0;
	background: none;
}
.main_visual img {
	max-width: 640px;
	height: auto;
	margin: 0 auto;
}
.main_visual_text {
	margin: 0 0 20px;
	padding: 10px 0;
	font-size: 1.6rem;
}
/*---------------------------------------------------------------------

app

---------------------------------------------------------------------*/
.entry_bt img {
	max-width: 348px;
	width: 100%;
	height: auto;
}
.app {
	margin: 40px 0;
}
.app a {
	width:auto;
	padding: 20px 0;
	font-size: 1.6rem;
}
/*---------------------------------------------------------------------

maincont

---------------------------------------------------------------------*/
.select_area {
	margin: 0 0 30px;
	
}
.select_area p.head {
	margin: 0 0 10px;
	font-size: 2.0rem;
	line-height: 1.2;
}
.select_area ul {
	margin: 0 0 5px;
}
.select_area ul li {
	width: auto;
	float: none;
	margin: 0 0 10px;
	padding: 10px;
}
.select_area ul li dl dt {
	font-weight: normal;
}
.select_area ul li dl dd {
	font-size: 2.2rem;
}
.select_area ul li:last-child {
	margin: 0;
}
.caution01 {
	margin: 0 0 20px;
	padding: 10px;
	font-size: 1.4rem;
	border: solid 2px #db0000;
}
.caution01 span {
	font-size: 1.2rem;
	font-weight: normal !important;
}
.main_cont {
	border: none;
	padding: 0px;
}
.top_text {
	margin: 0 auto 20px !important;
}
.recommend_area {
	margin: 0;
	padding: 10px;
}
.recommend_area ul li {
	font-size: 1.4rem;
}
.gaiyou {
	width: 100%;
	margin: 0;
}
.gaiyou tr th,.gaiyou tr td {
	display: list-item;
	list-style: none;
	border: none;
}
.gaiyou tr th {
	width: auto;
	background: #aaa;
}
.gaiyou tr td {
	margin: 0 0 10px;
}
/*------------------------------------------------------------------------

講演者

------------------------------------------------------------------------*/
.profile_imgBox {
	float: none;
	width: 300px;
	height: 250px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.profile_imgBox img {
	margin: 0;
}
.profile_textBox {
	float: none;
	width: auto;
}
.profile_textBox .name {
	margin: 0 0 20px;
}
.scroll{
	margin: 20px 0 0;
}
/*------------------------------------------------------------------------

受講方法と費用

------------------------------------------------------------------------*/
.fee_area {
	padding: 10px;
	border: solid 1px #aaa;
}
.about_area {
	width: 100%;
}
.about_area tr td div.arrow01 {
	width: 0;
	height: 0;
	margin: 0 0 0 5px;
	border-top: solid 10px #ffa200;
	border-right: solid 30px transparent;
	border-bottom: solid 10px transparent;
	border-left: solid 30px transparent;
}
.about_area tr td {
	display: block;
	margin: 0 0 5px;
}
.about_area tr td:last-child {
	margin: 0;
}
.about_area tr td:nth-child(2n) div {
	margin: 0 auto;
}
.fee_area ul {
	padding: 10px;
	background: #eee;
}
.fee_area ul li {
	margin: 0 0 5px;
	font-size: 1.2rem;
}
.download_btn {
	width: auto;
	margin: 0 0 20px;
}
.download_btn div {
	width: auto;
	float: none;
	margin: 0 0 20px;
}
/*------------------------------------------------------------------------

お客様の声

------------------------------------------------------------------------*/
.voice_area {
	padding: 10px 0;
}
.voice_area ul li {
	width: auto;
	float: none;
	margin: 0 0 10px;
	padding: 10px;
}
.voice_area ul li dl dt {
	margin: 0 0 20px;
	padding: 20px 0 20px 40px;
}
.voice_area ul li dl dt.male {
	background-size: 40px 40px;
}
.voice_area ul li dl dt.female {
	background-size: 40px 41px;
}
/*------------------------------------------------------------------------

よくある質問

------------------------------------------------------------------------*/
.qa_area {
	padding: 20px 10px;
}
.qa_area dl {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: dotted 1px #aaa;
}
.qa_area dl dt {
    margin: 0 0 20px;
	padding: 0 0 0 45px;
	text-align: justify;
	line-height: 1.4;
	font-size: 1.6rem;
}
.qa_area dl dt::before {
    font-size: 1.8rem;
}
.qa_area dl dd {
	padding: 0 0 0 45px;
	text-align: justify;
}
.qa_area dl dd::before {
    font-size: 1.8rem;
}
/*------------------------------------------------------------------------

マップ

------------------------------------------------------------------------*/
.map_area {
	height: 300px;
	background: none;
}
.map_area iframe {
	width: 100%;
	height: 300px;
}
/*------------------------------------------------------------------------

ディスクレイマー等

------------------------------------------------------------------------*/
.inquiry {
	margin: 0 0 30px;
	text-align: center;
}
.disc01 {
	margin: 0 0 20px;
	padding: 10px;
	background: #eee;
}
.disc01 li {
	margin: 0 0 10px;
	font-size: 1.2rem;
}
.disc02 {
	margin: 0 0 20px;
}
.disc02 li {
	margin: 0 0 10px;
	font-size: 1.2rem;
}
/*------------------------------------------------------------------------

SNSボタン

------------------------------------------------------------------------*/
.sns_btn {
	display: none;
	position: static;
	right: 0;
	bottom: 0;
	width: auto;
	padding: 0;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.sns_btn_spn {
	 display: block;
 }
.ninja_onebutton_output {
	display: none;
}
}