@charset "utf-8";

/* Template Name: スマートフォン用スタイルシート */

@media screen and (max-width: 500px) {
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ●style.css 画面の横幅が480px以下 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

* {	margin: 0;padding: 0; }

body {
	height: 480px;
	margin: 0;
	padding: 0;
}
p{
	width: 90%;
	margin: 0 5%;
	font-size: 16px;
	line-height: 180%;
	text-align: left;
}
br:not(.st-navi-title br, .voice_box br) {
  display: none;
}
.in_box {
    width: 100%;
    margin: 0;
    padding: 30px 0 30px;
    box-shadow: none;
}
.pc_img {display: none;}
.smh_img{display: block;}

ul.cool-list{
  margin: 0 0 0 5%;
}
.step-flow{
    border: 3px solid #00A2CF;
    margin: 0 4%;
    font-size: 16px;
}
.step-flow ul{
  list-style-position: outside;
  margin: 0 2% 10px 5%;
}
.step-flow ul li{
    padding-bottom: 0;
    padding-left:10px;
    border-bottom: none;
}
.ul_box{
  border: 3px solid #FC9040;
  border-radius: 10px;
  padding: 0;
  margin: 20px 4%;
}
#tktn_box ul{
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0 10px;
  margin: 10px 20px 10px 35px;
}
br{ display: none;}
.void{ display: none;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h1設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#banner{
	width: 100%;
    min-height: auto;
	margin: 0;
	padding: 0;
	background: none;
}
#banner h1 img.smhb{
    width: 100%;
    height: auto;
	margin: 0;
    display: block;
	width: auto;
    display: block;
}
#banner h1 img.pcb{
   display: none;
}
#banner_bottom{
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* プロフィール */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.prelile{
    background: url(img2/profile.png) 40px top no-repeat;
    background-size: 70%;
    padding-top: 280px;
}
.prelile2{
    background: url(img2/profile2.png) 40px top no-repeat;
    background-size: 70%;
    padding-top: 280px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインカリキュラム2設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.main_ccum2{
    margin: 40px 0;
    background: #EDF1F5;
    border-bottom: 1px #F5F3F0 solid;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.tktn_box{
    margin: 40px 0;
    background: #EDF1F5;
    border-bottom: 1px #EDF1F5 solid;
}

/* サイト更新日
───────────────────────── */

.newday {
	margin:40px auto 0;
	padding:0 0 10px;
}

}

/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
--------------------------------------------------------*/