@charset "Shift_JIS";

@media screen and (max-width: 640px){


	/* 初期化処理 */
	
	body{
	
		padding:70px 0px 50px 0px;
		
	}

	table, table tr, table td, 
	dt, dd{
		line-height: normal;
		line-height: 160%;
		font-size:100%;
		margin:0px;
		padding:1px;
	}
	img,
	input[type="image"]{
		max-width: 100%;
		height: auto;
	}

	#wrapper{
		width:100%;
		padding:5px;
		box-sizing:border-box;
	}
	
	#menu div{
		width:auto;
		float:none;
	}
	
	ul.listA li,
	ul.listB li{
		margin-left:20px;
		padding-left:0px
	}
	
	#header ul{
		display:none;
	}

	#header dl{
		padding:10px 0px;	
	}
	#header dl dt{
		font-size:3em;
	}
	#header dl dt span{
		display:block;
	}
	#header dl dt.under{
		font-size:2.5em;
	}

	/* 改行スタイル */
	#header dl dd h2 span,
	.shrCon dt.titleL span,
	.shrCon dt.titleLimage span,
	.shrCon dt.titleM span{
		display:block;
	}

	/* 共通スタイル */
	.shrCon dt.titleL h2{
		padding:20px 10px;
		text-align:center;
	}
	.shrCon dt.titleM h3{
		line-height:1.2em;
		padding:10px;
		background-position:5px center !important;
	}

	.shrCon dd{
		padding-right:8px;
		padding-left:8px;
	}
	
	.shrCon dd ul.whatsNew li span{
		font-size:12px;
		display:block;
	}


	.shrCon dd.leadArea{
		text-align:left;
	}

	.shrCatchA{
		font-size:20px;	
		padding:10px 0px;
	}

	.shrCatchRsU{
		font-size:25px;	
		padding:10px 0px;
	}

	.shrCatchRsU span{
		font-size:35px;	
	}
	
	.shrBtnE li{
		font-size:15px;
		width:100%;
	}
	.shrBtnF li{
		font-size:15px;
		width:100%;
	}
	.shrFrm3C li{
		width:100%;
	}
	
	.shrSP2column{
		
		margin-bottom:0px;
		
	}
	
	/* 2カラムレイアウト */
	.imgTxtFr div{float:none;}
	.imgTxtFr div.floatLF{margin:0px; float:none;}
	.imgTxtFr div.floatRT{margin:0px; float:none;}
	.imgTxtFr div.imgArea{margin-bottom:10px;}
	
	/* カラムレイアウトクリア */
	.imgTxtFr{display:block;}
	.imgTxtFr .imgArea, .imgTxtFr .txtArea{padding:0px; display:block;}

	/* 問い合わせボタン */
	.shrRequest{
		display:none;
	}
	.btnM{
		width:80%;
	}
	
	.requestBox{
		width:auto;
	}
	.requestBox .boxTelWeb div{
		width:100%;
		float:none;
	}
	.requestBox .boxTelWeb div.tel{
		margin-bottom:20px;

	}

	div.shrRScolumnNone div.child{
		float:none;
		width: 100%;
		margin-right:0px !important;
		margin-bottom:20px !important;
	}
	div.shrRScolumnNone div.child p{
		margin-bottom:10px;
		text-align:center;
	}


	/* フォーム用 */
	table.shrTblForm,
	table.shrTblForm thead,
	table.shrTblForm tbody,
	table.shrTblForm tfoot,
	table.shrTblForm tr,
	table.shrTblForm th,
	table.shrTblForm td{
		
		display:block;
		
	}
	
	table.formWide,
	table.formWide tr th,
	table.formWide tr td{
		font-size:16px;
		width:100%;
		border:none;
		box-sizing:border-box;
	}
	table.formWide tr th{
		background-color:#fff9e2 !important;
		border-bottom:1px solid #f0dcc4;
	}
	table.formWide tr td input[type="checkbox"]{
		padding:0px 15px 10px 0px;
	}

	table.formWide tr td div.select-auto-area div ul.school li{
		width:100%;
	}

	table.formWide tr td span{
		padding:0px;
		display:block;
	}
	table.formWide tr td input[type="text"],
	table.formWide tr td select,
	table.formWide tr td textarea{
		width:90% !important;
		height:30px;
		margin-bottom:10px;
	}
	table.formWide tr td select{
		font-size:18px;	
		height:40px;
	}


	/* メニュー ハンバーガーSP*/
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 18px;
        color: #333;
        font-size: 20px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 0px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
		border-bottom:1px #565656 solid;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }

	/* メニュー ハンバーガーSP ここまで */


	/* 問い合わせボタン */
	.requestPC{
		display:none;
	}


}

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

	/* ヘッダー */
	#top-head{
		display:none;
	}
	/* 問い合わせボタン */
	.requestSP{
		display:none;
	}
	
	/* フロート問い合わせボタン */
	#floatMenu{
		display:none;
	}



}