@charset "utf-8";

/**
 *
 * Media css
 *
 */

/* css3-mediaqueries.jsが効かないので別ファイルにする場合のダミーcss */
.lt-ie9 .dummy{}

@media screen and (max-width: 1414px) {
    /*.common-section { width: 925px; }*/

    #site-header .head-tel { padding-top: 22px; }
    #site-nav nav ul li.first-nav { margin-left: 0; }

    /*.right-contents { width: 220px; position: relative; }*/
    /*.right-contents ul.curriculum-link li { float: none; margin-bottom: 15px; }*/
    .right-contents .briefing { position: absolute; top: 450px; left: -705px; margin-top: 0; }
    .grid-btm { margin-top: 0; }
    .grid-mdl ul.main-box-nav li { margin-bottom: 15px; }
    .grid-mdl ul.main-box-nav li.howto-join { margin-right: 0; }
    .grid-mdl ul.main-box-nav li.contact, ul.main-box-nav li.access { margin-bottom: 0; }
    .grid-btm { position: relative; }
    .grid-btm .news { width: 208px; _width: 220px; height: 197px; _height: 209px;/*  position: absolute; top: -209px; right: 0;*/ margin-right: 0; }
    .grid-btm .news .inner { padding: 18px; padding-bottom: 0; height: auto; }
    .grid-btm .news h1 { float: none; height: 13px; position: static; margin-right: 0; margin-bottom: 10px;  }
    .grid-btm .news h1 img { position: static; top: 0; left: 0; margin: 0; }
    .grid-btm .news #rss-feed { float: none; padding: 0; height: 153px; }
    .grid-btm .news #rss-feed li { margin-bottom: 15px; width: auto; }
    .grid-btm .news #rss-feed li:last-child { margin-bottom: 0; }
    .grid-btm .news #rss-feed li.last-el-child { margin-bottom: 0; }
    .grid-btm .news #rss-feed li time { float: none; margin: 0; margin-bottom: 10px; }
    .grid-btm ul.other-box-nav { position: absolute; top: -209px; left: 470px; float: none; width: 220px; }
    .grid-btm ul.other-box-nav li { float: none; margin-right: 0; margin-bottom: 10px; }
    .grid-btm ul.other-box-nav li a .inner { height: 51px; }
    .grid-btm ul.other-box-nav li a .left-img, .grid-btm ul.other-box-nav li a .right-img { top: 11px; }
    .grid-btm ul.other-box-nav li.company a .left-img, .grid-btm ul.other-box-nav li.company a .right-img { top: 10px; }
	
	/*追記*/	
	.side-contents .title-wrap {  width: 220px; margin-bottom: 10px; }
	/*.foot-nav ul { width:925px; }*/
}

@media screen and (max-width: 1200px) {
    #site-footer .foot-top .inner { background: none; }
    #site-footer .foot-top .contents { margin-right: 0; margin: 0 auto; float: none; }
}

@media screen and (max-width: 940px) {
    .common-section{ width: 690px; }
    #site-header .common-section { padding: 6px 0 0; }
    #mobile-header { display: block; position: fixed; width: 100%; top: 0; left: 0; z-index: 200; }
    #mobile-header .mobile-btn { float: right; margin-left: 5px; width: 55px; }
    #site-nav { display: none; }
    #site-header { padding-bottom: 10px; }
    #site-header .site_title h1 { padding-bottom: 0; }
    #site-header .site_title h2 img { max-width: 155px; }
    #site-header .head-tel, #site-header .head-tel { padding-top: 27px; }
    #site-header .top-nav ul { display: none; }
    #site-nav #close { display: block; }
    #sidr-main nav ul li a span { display: none; }

    /*#main { margin-bottom: 24px; }*/
    .left-contents, .right-contents { float: none; margin-right: 0; }
    .right-contents { width: 690px; margin-top: 15px;}
    .common_bana { width:100%; margin-top: 0; }
    .common_bana li { float: left; }
    .common_bana li:nth-of-type(2) { margin-left: 10px; }
    .right-contents ul.curriculum-link li:last-child { margin-right: 0; }
    .right-contents ul.curriculum-link li.last-el-child { margin-right: 0; }
    .right-contents .briefing { position: static; top: 0; left: 0; margin-top: 15px; }

	.sidebtn .pc { width: 55px; }
	
	/* ----- 追記 ----- */
	/* top */
	.top .other-box-nav_wrap{ width:65.94%; }
	.right-contents .side-contents ul.other-box-nav li { width: 100%; }
	.side-contents .title-wrap { width: 690px; margin-bottom: 10px; }
	
	.bukken_btn li { width: 49%; font-size: 1.3em; }
	.bukken_btn .bukken_btn_detail:before { left: 10px; width: 19px; height: 18px; }
	.bukken_btn .bukken_btn_form:before { top: 8px; left: 10px; width: 18px; height: 17px; }
	
	/* footer */
	.foot-info ul, .foot-nav ul, .foot-link, .foot-nav.foot-add div { width:690px; }
	.foot-nav.foot-add div { width: 690px; }
	.foot-nav.foot-add h2, .foot-nav.foot-add ul { float: none; width: 100%; }
	.foot-nav.foot-add h2 { text-align: left; }
	.foot-nav.foot-add h2 br { margin-left: 5px; }
	
	.interview-title { margin: 0 10px 30px; }
	.interview-inner { margin: 10px 10px 0; padding-bottom: 20px;}
	.interview-inner .float_left, .interview-inner .float_right,
	.interview-bottom .interview-bottom-inner .float_left, .interview-bottom .interview-bottom-inner .float_right { float: none; width: 100%; }
	.interview-inner .float_right, .interview-bottom .interview-bottom-inner .float_right { text-align: center; }
	.interview-inner .btn_box { text-align: center; }
	.interview-bottom { margin: 20px 10px; }
}

@media screen and (max-width: 900px) {
    #site-footer .foot-btm .fb-like { display: none; }
    #site-footer .foot-btm .copy { float: none; text-align: center; margin-left: 0; }
    #site-footer .foot-btm .footbtm-nav { display: none; }
}

@media screen and (max-width: 800px) {
    .main-contact-area p.sentence { display: none; }
    .main-contact-area .tel-area {  display: none;  }
    .main-contact-area .tel-area-sp { display: block; width: 79%; margin: 0 auto 6px; padding: 12px 0 10px; font-size: 1.8em; font-weight: bold; color: #fff; background-color: #FFA800;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    table.briefing-table { float: none; width: 636px;}
    .briefing .briefing-sentence { float: none; width: 636px; margin: 10px auto 0; height: auto; }
    .briefing .briefing-sentence p { float: left; width: 450px; }
    .briefing .briefing-sentence .btn-reserve { float: right; position: static; }

    /*#site-footer .foot-top { display: none; }*/
}

@media screen and (max-width: 728px) {
    .main-contact-area .btn-reservation,
    .main-contact-area .btn-entry,
     .main-contact-area .tel-area-sp { width: 85%; font-size: 1.8em; }

    .common-section { width: 100%; }
    /*.under .common-section { width: 90%; }*/
    #site-header .common-section { width: 90%; }
    .under .main-contents { width: 100%; float: none; margin: 0 auto; }

    .underr .main-img-area { width: 100%; }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -35px; left: 0; z-index: 99; text-align: center; }
    .left-contents { width: 90%; margin: 0 auto 15px; }
    .top-slider { width: 100%;}
	.left-contents .title-wrap{ width: 100%; margin: 2.11% 0; }
    .right-contents { width: 100%; margin: 0 auto; }

    .under .under-common-title { text-align: center; }
    .under .under-common-title .br-sp { display: none; }
    .under .under-common-title h1 { display: block; width: 100%; height: auto; text-align: center; background-color: #f4f4f4; }
    .under .under-common-title h1 span {  display: block; max-width: 100%; text-align: left; padding: 10px 8px; }
    .under .under-common-title img { float: none; width: 100%; }

    .company table .place .left-contents { float: none; }
    .company table .place .right-contents { float: none; margin-top: 5px; }

    .howto-join .flow section h1 span { float: none; width: 97%; _width: 100%; }
    .howto-join .flow section h1 span.step { width: 97%; _width: 100%; text-align: center; }

    .howto-join .cost-list { display: none; }
    .howto-join .pc-none { display: block; }
	
	/* 追記 */
	
	.common-block .common-inner { padding: 10px 0; }
	.common-section-contents { width: 96%; }
	
	.top_banaimg { width: 90%; margin: 0px auto; }
	.slick-prev { width: 18px; height: 18px; left: -19px; background-size: 18px 18px; }
	.slick-next { width: 18px; height: 18px; right: -19px; background-size: 18px 18px; }
	.top_greeting, .support_wrap { width: 90%; margin: 0 auto; padding: 0.5% 0 0; }
	.top_foot { margin: 30px auto 0; width: 90%; }
	.topics { width: 68%; }
	/*.topics .info { height: 180px; }*/
	.topics_ttl p.res-pc a { padding: 2px 25px 0px 20px; }
	
	/*.right-contents ul.curriculum-link li:nth-child(even) { margin-right: 2.11%; }
	.right-contents ul.curriculum-link li:nth-child(3n+3) { margin-right: 0px; }*/
	.left-contents .curriculum-link div { float:none; width:auto;  margin-bottom:2.11%; }
    .left-contents .curriculum-link ul { float:none; margin-left:0; }
    .left-contents .curriculum-link ul.other-box-nav li { width:100%; margin-bottom: 2.11%; }
    .left-contents .curriculum-link { margin-top: 2.11%; }
    .side-contents .title-wrap {width: 100%; margin-bottom: 2.11%; }
    
    .foot-info ul, .foot-nav ul, .foot-link, .foot-nav.foot-add div { width: 90%; }
    .foot-info ul li.first-el-child { width: 50%; }
    .foot-info ul li.last-el-child { width: 40%; }
	
	.map ul {width:92%; position:absolute; left:5%; }
	.map li { padding:0 0.7% 1% 0; }
	
	.bukken-wrap { width: 100%; }
	.bukken-wrap .chumoku section,
	.bukken-wrap .new section { padding:2% 2.11%; font-size:12px; text-align:left; clear:both; }
	
	.bread-nav{ width: 91.68%; margin:0 auto; }
	
	.flow .flow-inner .sentence{ font-size:90%; }
	#f1 h3, #f2 h3, #f3 h3, #f4 h3, #f5 h3, #f6 h3 { width:auto; margin-right:2%; }
	#f1 h4, #f2 h4, #f3 h4, #f4 h4, #f5 h4, #f6 h4 { width:70%; font-size: 132%; margin-top: 2%; }
	.flow .flow-inner ol li { margin-top:2.58%; }
	.flow-btn li{ width:31.92%; margin-right:2.11%; }
	.flow-btn li img{ max-width:100%; max-height:auto; }
	
	.property-wrap,
	.deteil-title ,
	#property-deteil aside{ width:98%; padding: 1%; }
	#property-deteil aside li { width:32.33%; margin-bottom:1.3%; margin-right:1.5%; }
	#property-deteil aside li:nth-child(3n) { margin-right:0; }
	.property-wrap section { margin-bottom:2.11%; }
	.property-wrap section div:nth-of-type(1) { margin-right:2.11%; }
	.property-title h4:nth-of-type(1){  margin-bottom:2.11%; padding-left:2.11%; }
	.property-title h4:nth-of-type(2) { margin-bottom:2.11%; }
	.property-wrap ul { width:100%; margin:0 auto; padding-top:2.11%; clear:both; position:static; }
	.property-wrap ul li { width:31%; float:left; padding-left:2.11%; }
	/*.deteil-title,
	#property-deteil .deteil-photo li{ padding-right:2.11%; }*/
	#property-deteil section,
	#property-deteil p.property-inner,
	/*#property-deteil aside,*/
	#property-deteil .company { margin-bottom:2.11%; }
	#property-deteil aside p /*,
	#property-deteil aside li*/ { margin-right:2.11%; }
	#property-deteil .deteil-photo { width:98%; }
    
    .plan .flow-inner p{ margin-top:1%; font-size:85%; }
	.right-contents ul.curriculum-link li.other-box-nav_wrap{ width:65.97%; }
	
	#property-deteil .info li:nth-of-type(1){ text-align:left; }
	.deteil-title h4 { padding: 1.5% 0 1.5% 10px; line-height:normal; }
	#property-deteil aside h4 { padding: 1.5% 0 1.5% 10px; }
	
	#room .common-contents ul li { width:31.92%; padding-right: 2.11%; }
    #natural_modern p:nth-of-type(1), #luxury p:nth-of-type(1), #simple_modern p:nth-of-type(1) { width: 31%; }
    #natural_modern p:nth-of-type(2), #luxury p:nth-of-type(2), #simple_modern p:nth-of-type(2) { width:65%; padding: 1.5% 0 0 3%; }
	
	#location h4 .br-sp { display: none; }
	#location ul.loca_btn li { width: 25%; padding-right:0; }
	#leisure div:nth-child(2) p:nth-child(2) { width:40%; }
	#shopping div, #leisure div:nth-child(3) { width:91.44%; }
	#shopping div div:nth-child(1), #leisure div:nth-child(3) div:nth-child(1),
	#shopping div div:nth-child(2), #leisure div:nth-child(3) div:nth-child(2) { width:45%; }
	
	#room section { width: 100%; }
	#comfort { width: 90%; margin: 0 auto 2.11%; }
	
}

@media screen and (max-width: 680px) {
    .main-contact-area .btn-reservation,
    .main-contact-area .btn-entry,
     .main-contact-area .tel-area-sp { width: 90%; font-size: 1.6em; padding-left: 2%; padding-right: 2%; }

    .about-school .three-principle-contents h1 img { width: 52%; }
    .about-school #contents04 .instructors-contents {text-align: center; }
    .about-school #contents04 .instructors-contents .right-img,
    .about-school #contents04 .instructors-contents .left-img,
    .about-school #contents04 .instructors-contents .left-contents,
    .about-school #contents04 .instructors-contents .right-contents { float: none; }
    .about-school #contents04 .instructors-contents .right-img { margin-left: 0; }
    .about-school #contents04 .instructors-contents .left-img { margin-right: 0; }
    .about-school #contents04 .instructors-contents .left-contents,
    .about-school #contents04 .instructors-contents .right-contents { width: 100%; text-align: left; }
    .about-school #contents04 .instructors-contents h1 { margin-top: 20px; }
    .about-school #contents04 .instructors-contents .left-contents { margin-bottom: 32px; }
    .about-school #contents04 .instructors-contents h1, .about-school #contents04 .instructors-contents p.common-sentence { text-align: left; }
	
	/* 追記 */
	.bukken_btn li:after { right: 5px; }
	.bukken_btn li a { padding-left: 7%; }
	.bukken_btn .bukken_btn_detail:before { top: 9px; left: 5px; width: 16px; height: 15px;}
	.bukken_btn .bukken_btn_form:before { top: 9px; left: 6px; width: 15px; height: 15px; }
	
	.deteil-wrap aside li { width: 32%; margin: 0 2% 1.5% 0; }
	.deteil-wrap aside li:nth-of-type(3n) { margin: 0 0 1.5% 0; }
	
	#f1 h4 .br-sp, #f2 h4 .br-sp, #f3 h4 .br-sp, #f4 h4 .br-sp, #f5 h4 .br-sp, #f6 h4 .br-sp{ display:none; }
	#natural_modern p:nth-of-type(2), #luxury p:nth-of-type(2), #simple_modern p:nth-of-type(2) { padding: 1.1% 0 0 3%; }
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) h4 { width:64%; }
	#shopping div, #leisure div:nth-child(3) { width:100%; }

}

@media screen and (max-width: 650px) {
    .common-block .common-inner { padding-left: 2%; padding-right: 2%; }
    .company table tr { margin-bottom: 13px; }
    .company table tbody th, 
    .company table tbody td { display:list-item; background-position: 0 16px; width:93%; padding: 8px 3.5%; list-style:none; }
    .company table tbody td { border-bottom: none; }
    .company table tr:last-child th { border-bottom: 1px dashed #a0a0a0;  }


    .reservation .reservation-table tr { display: block; margin-bottom: 13px; }
    .reservation .reservation-table tr th,
    .reservation .reservation-table tr td { display: list-item; list-style: none; width: 98.02%; }
    .reservation .reservation-table tr th { border-bottom: none; }

    #mail-form tbody tr{ display: block; }
    #mail-form tbody th,
    #mail-form tbody td{ width: 100%; display: list-item; list-style: none; }
    #mail-form tbody th { padding-bottom: 10px; }
    #mail-form tbody td { padding-left: 0; border-bottom: 0; padding-bottom: 15px; }
    #mail-form table tr.wide-row th { border-bottom: 1px dashed #a0a0a0; }
    #mail-form table tr.wide-row td { padding-top: 17px; }
    #mail-form input.text-box { width: 60%; }
    #mail-form input.narrow { width: 20%; }
    #mail-form input.middle { width: 28%; }
    #mail-form input.wide { width: 80%; }
    #form-btn-area { width: 100%; }
    #form-btn-area a { float: none;  margin-right: 0; }
    #form-btn-area a#btn-mail-send { margin-top: 15px; }
    #form-btn-area .first-btn,
    #form-btn-area .next-btn { width: 122px; }
	
	/* 追記 */
	#f1 h4, #f2 h4, #f3 h4, #f4 h4, #f5 h4, #f6 h4 { width: 68%; }
    .common_bana { margin: 30px auto 0; }
    .common_bana li { float: left; width: 49%; margin: 0 2% 2% 0; }
    .common_bana li:nth-child(2n) { margin: 0; }
	
	.br-sp { display: none; }
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) p:nth-of-type(1) { width: 35%; }
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) h4 { width:60%; }
	#location .access ul { width:64%; top: 28%; line-height: 1.3; }
	.deteil-wrap .common-block { padding:1.3%; }
	.property-wrap, .deteil-title, #property-deteil aside { width: 97.4%; padding: 1.3%; }
	#property-deteil .deteil-photo { width: 97.4%; }
	.bana_manga p, .chumoku { width:47%; }
	.blog { width:48.9%; }
	
	.interview-bottom .interview-bottom-title p { display: none; }
}

@media screen and (max-width: 560px) {
    .main-contact-area h1 { font-size: 1.8em; padding-left: 2%; padding-right: 2%; width: 96%; _width: 100%; }
    .main-contact-area .btn-reservation,
    .main-contact-area .btn-entry,
    .main-contact-area .tel-area-sp { font-size: 1.4em; }
    
    /* ----- 追記 ----- */
    /* common */
    .common-sentence { font-size: 1.2em; }
    .pagetop { margin-top: 20px; }
	.sidebtn .pc { display: none; }
    
    /* top */
    .support_wrap .float_left, .support_wrap .float_right { float: none; width: 100%; margin: 5px 0; }
    .bukken_info { width: 100%; margin-bottom: 2.11%; padding: 2.5%; }
    .bukken_info.float_left, .bukken_info.float_right, .topics, .common_bana { float: none; }
    .topics, .common_bana { width: 100%; }
    .topics_ttl h3 { font-size: 135%; }
    .topics_ttl p.topics_btn a { padding: 2px 30px 0px 24px; }
    .topics_ttl p.topics_btn a:after { top: 0; }
    /*.topics .info { height: 220px; }*/
    .right-contents ul.curriculum-link li:nth-of-type(3n) { margin-right: 4%; }
    .right-contents ul.curriculum-link li { width: 48%; margin-right: 4%; padding: 1.5%; }
    .right-contents ul.curriculum-link li:nth-child(even) { margin-right: 0; }
    
    /* footer */
    .foot-info ul li.first-el-child, .foot-info ul li.last-el-child { width: 85%; float: none; margin: 0 auto; }
    .foot-info ul li.first-el-child { margin: 0 auto 2%; }
    .foot-info ul li.first-el-child .res-pc, .foot-info ul li.first-el-child p.last-el-child { display: none; }
    .foot-info ul li.first-el-child .res-sp { display: inherit; }
    
    .foot-link p { width: 50%; }
    .foot-link ul { width: 45%; }
    .foot-link ul li { float: none; margin-left: 0; text-align: left; }
    
    .foot-nav.foot-add h2 { float: left; width: 38%; }
    .foot-nav.foot-add h2 br { margin-left: 0; display: block; }
    .foot-nav.foot-add ul { float: right; width: 60%; text-align: left; }
    .foot-nav.foot-add ul li { width: 50%; }
    .foot-nav.foot-add ul li.first-el-child { width: 100%; }
    .foot-nav.foot-add p { display: none; }
    
    .plan .flow-inner{ height:150px; }
    .staff-wrap01 .staff-img { text-align:center; float:none; margin-right:0; }
    .staff-wrap02 .staff-img { text-align:center; float:none; margin-left:0; }
    .staff-wrap01 h3, .staff-wrap02 h3 { padding-top:10px; }
    .staff-wrap01 h4, .staff-wrap02 h4 { padding:5px 0; }
    .staff-bottom { padding-top:10px; }
    .interview-bottom-inner div:first-of-type { float:none; margin-left:0; margin-bottom:10px; }
	
	#f1 h3, #f2 h3, #f3 h3, #f4 h3, #f5 h3, #f6 h3 { float:none; margin-right: 0; text-align: center; }
	#f1 h4, #f2 h4, #f3 h4, #f4 h4, #f5 h4, #f6 h4 { float:none; width:100%; text-align:center; }
	#f1 h4 .br-sp, #f2 h4 .br-sp, #f3 h4 .br-sp, #f4 h4 .br-sp, #f5 h4 .br-sp, #f6 h4 .br-sp{ display:block; }
	.flow .flow-inner .common-inner .float_right { float:none; padding:0 0 10px 0; text-align:center; }

	#property-deteil .info li{ width:100%; padding-bottom:2.11%; }
	#location .access p:last-child { padding-top:10%; }
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(1) div{ float:none; width: 100%; }
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(1) div h3{ text-align:left; }
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(1) p{ float:none; width: 100%; text-align: center; }
	#location .left-contents .common-block .common-inner:nth-of-type(1) { padding: 0 0 15px; }
	#shopping div div:nth-child(1), #leisure div:nth-child(3) div:nth-child(1),
	#shopping div div:nth-child(2), #leisure div:nth-child(3) div:nth-child(2){ width: 48%; }
	#leisure div:nth-child(2) div { float:none; width:100%; }
	#leisure div:nth-child(2) p:nth-child(2) { float:none; width:100%; text-align: center; }
	#leisure div:nth-child(2) p:nth-child(2) img { display:block; margin:0 auto; }
	#leisure div:nth-child(2) div p:nth-child(2) {text-align:left; }
	.grid-mdl.bana_eigyo { width:97.5%; }
	
	.btn_box a:after { margin-top: -8px; }
	.interview-title p:first-child, .interview-title p:last-child { float: none; width: 100%; text-align: center; }
	.interview-bottom .interview-bottom-title { padding: 20px 15px; }
	.interview-bottom .interview-bottom-inner { padding: 15px; }
    .foot-nav.foot-add h2 img { max-width: 100%; max-height: auto; }
}

@media screen and (max-width: 540px) {
    .main-contact-area .tel-area dd { font-size: 1.8em; }

    .about-school .three-principle-contents h1 img { width: 70%; }

    .privacy .mark { float: none; margin: 0; margin-bottom: 10px; text-align: center; }
	
	/*追記 */
    .plan .common-contents:nth-of-type(5) .flow-inner{ height:320px; }
    .plan .common-contents:nth-of-type(7) .flow-inner{ height:210px; }
	#room .common-contents ul li { width:32.66%; padding-right:1%; }
    #natural_modern p:nth-of-type(1), #luxury p:nth-of-type(1), #simple_modern p:nth-of-type(1) { float:none; width:47%; margin:0 auto; padding:0; text-align: center; }
    #natural_modern p:nth-of-type(2), #luxury p:nth-of-type(2), #simple_modern p:nth-of-type(2) { float:none; width:100%; margin-top:2.3%; padding:0; text-align: center; }
	#facility .loca_inner:nth-of-type(1) div div, #facility .loca_inner:nth-of-type(2) div { float:none; width:100%; padding-right:0; overflow:hidden; zoom:1; }
	#facility .loca_inner:nth-of-type(1) div div img, #facility .loca_inner:nth-of-type(2) div img { display:block; margin:0 auto; }
	#removal .loca_inner:nth-of-type(1) div{ float:none; width:auto; }
	#removal .loca_inner:nth-of-type(1) p.float_right { float:none; width:auto; text-align:-webkit-center; }
	#removal .loca_inner:nth-of-type(1) p.float_right img { display:block; margin:0 auto; }
	#removal .loca_inner:nth-of-type(2) div div,
	#removal .loca_inner:nth-of-type(3) div div,
	#removal .loca_inner:nth-of-type(4) div { float:none; width:auto; padding-right:0; text-align: left; }
	.chuko #property-deteil .deteil-photo li{ width:100%; }
	.bana_manga p, .chumoku { width: 46.5%; }
}

@media screen and (max-width: 480px) {
    table.briefing-table, .reservation #contents03 table.briefing-table,
    .briefing .briefing-sentence { width: 90%;}

    .main-contact-area h1 { font-size: 1.6em; }

    #site-header { padding-bottom: 0; }
	#site-header .common-section { text-align: center; position: static; width: 100%; }
    #site-header .common-section { padding: 0; height: 65px; }
    #site-header h1 { float: none; }
    #site-header .head-tel { float: none; padding: 13px 0 10px; background-color: #dadada; width: 100%; margin-top: 11px; }
    #site-header .head-tel { padding-top: 13px; }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -30px; }

    /*.grid-mdl { width: 91.68%; }*/
    .grid-mdl ul.main-box-nav li { width: 48%; }
    .grid-mdl ul.main-box-nav li a { padding: 3%; }

    .about-school #contents03 .common-btn { margin-left: auto; margin-right: auto; }

    .curriculum .curriculum-bnr dl dd { bottom: 10%; width: 40%; margin-left: -20%;  }
    .curriculum #contents04 dl dd { bottom: 12%; left: 57%; margin-left: 0; }

    .curriculum-under .basic-summary-section h2 img { display: none; }

    .reservation #contents03 .btn-reservation { width: 90%; margin-top: 0px; }

    #mail-form select.combo-box { width: 100%; }

    #site-footer .foot-btm { font-size: 1em; }
	
	/* ----- 追記 ----- */
    /* top */
    .pagetop img { max-width: 40%; }
    .foot-link ul li { padding-left: 12px; font-size: 90%; }
    .foot-nav.foot-add h2 { width: 32%; }
    .foot-nav.foot-add ul { width: 66%; font-size: 85%; }
    .foot-nav.foot-add ul li { width: 100%; }
    
    .plan .flow-inner p{ margin-top:2.11%; font-size:75%; }
	.property-inner { width:100%; }
    .sentence { font-size:90%; }
	.deteil-wrap .common-block { padding:1.5%; }
	.property-wrap, .deteil-title, #property-deteil aside { width: 97%; padding: 1.5%; }
	#property-deteil .deteil-photo { width: 97%; }


}

@media screen and (max-width: 450px) {
	
	/*追記*/
	.bukken-wrap .chumoku { margin-bottom:2.11%; }
	#property-deteil .info li:nth-of-type(1) { font-size: 2em; }
	#property-deteil .info li:nth-of-type(1) img { max-width:45%; }
    .right-contents .side-contents ul.curriculum-link li:first-child { float:none; width:58%; margin:0 auto; }
    .right-contents .side-contents ul.curriculum-link.bana_manga li:first-child { float:left; width:48%; margin:1.3% auto 0; }
    .right-contents .side-contents ul.curriculum-link.bana_manga li:last-child { float:right; width:48%; margin:1.3% auto 0; }
    .right-contents .side-contents ul.curriculum-link li:last-child { width:100%; margin:0 auto; }
    .right-contents .side-contents ul.curriculum-link li:last-child li.common-animate { height:auto; padding-top:2.11%; }
	.right-contents .side-contents ul.curriculum-link li:last-child li.common-animate:first-child { width:100%; }
    .right-contents .side-contents ul.curriculum-link li:last-child li.common-animate:nth-child(2) { margin-bottom:0; }
    .right-contents ul.curriculum-link li:nth-of-type(even) { margin-right: 0; }
	.flow .flow-btn li{ width:100%; float:none; margin-right:0; }
	#f1 h4, #f2 h4, #f3 h4, #f4 h4, #f5 h4, #f6 h4 { font-size:115%; }
	.flow .flow-inner dl { font-size:1.15em; }
	
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) p:nth-child(1) { float:none; width:auto; text-align: center; }
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) h4 { float:none; width:auto; padding: 1.5% 0 0 0; text-align: center; }
	#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) p:nth-of-type(1) { float:none; width:auto; padding-top:1%; padding-bottom:1%; text-align:center; }
	#location .access h4 { padding: 0 0 5px; }
	.bana_manga p, .chumoku { width: 45%; }
	.title.chumoku { width:98%; }
	.blog { width:49%; }
	.grid-mdl.bana_eigyo { width:97%; }
	.right-contents .side-contents p { text-align: center; }
	.btn_box a { min-width: auto; padding: 13px 2em; }
}

@media screen and (max-width: 375px) {
    .main-contact-area h1 { font-size: 1.4em; }
    .main-contact-area .btn-reservation,
    .main-contact-area .btn-entry,
    .main-contact-area .tel-area-sp { font-size: 1.2em; }
    
    #mobile-header .mobile-btn { width: 48px; margin-left: 3px; }
    #site-header .site_title h1 { padding: 5px 0 2px; font-size: 10px; }
    #site-header .site_title h2 { font-size: 16px; text-align: left; margin-left: 5px; }
    #site-header .site_title h2 img { max-width: 125px; }

    .about-school .switch { max-width:100%; height: auto; width /***/:auto; /* for ie8 */  }
    
    /*追記*/
    
	#property-deteil .info li:nth-of-type(1) { font-size: 1.9em; }
	#property-deteil .info li:nth-of-type(1) img { max-width:40%; }
	
    .plan .flow-inner{ height:180px; }
    .plan .common-contents:nth-of-type(5) .flow-inner{ height:340px; }
    .plan .common-contents:nth-of-type(7) .flow-inner{ height:235px; }
    .bukken-wrap .new h3, .bukken-wrap .chumoku h3{ height:22px; }
    
	#location .access ul { top: 25%; }
	#location .access p:last-child { padding-top: 15%; }
	
	.chumoku { width: 97%; margin-bottom: 1.3%; }
	.blog { width:100%; }
	.chumoku , .blog { float:none; }
}