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

/* COMMON */
body {min-width: initial;}
#load_body{position: relative; z-index: 101;}
.pc{display: none !important;}
.sp{display: block !important;}
.single .post_message_body,.subpage_bodyR_body ol li, .subpage_bodyR_body p {font-size: 13px; line-height: 1.8; text-align: left; }
.pjax_start #load_body{-webkit-transform: scale(1); transform: scale(1);}
.pageback{display: none;}

/* FOOTER */
.footer {padding: 0;position: relative;z-index: 101; opacity: 1!important;}
.footer span{display: none;}
.footer .footer_nav{padding: 15px 0 0 0}
.footer .footer_nav li{width: 50%}
.footer a {width: 96%; font-size: 10px; border-bottom: 2px solid #191919; line-height: 18px; height: 18px; text-indent: 20px;}
.footer address {float: none; text-align: center; width: 100%; }

/* INDEX */
.video_body{height: 340px !important; background: url(../img/video_sp.jpg) no-repeat center center !important; background-size: cover !important;position: relative;}
.maintitle div{opacity:1!important;}
.maintitle h1{width: 187px; height: 23px; background-size: 187px; margin: 0 auto 15px auto; }
.maintitle h2{font-size: 20px; font-weight: bold; letter-spacing: 1px;}
.header {position: relative;top: 0px !important;height: auto !important; min-width: initial;}
.header_nav > li {display: block;width: 50%;float: left;text-align: left;}
.header_nav {height: auto;}
.header_nav li,.header_nav li a{font-size:12px;line-height: 40px;height: 40px;}
.header_share {padding: 0 15px; display: block; overflow: hidden; position: relative; right: 0; top: 0; width: 130px; height: 40px;}
.header_share li{float: right;}
.header_share li a{font-size: 20px; color: #242424;font-family: 'icon'; padding: 0 5px}
.header_share li span{display: block;height: 100%; width: 14px;background: url(../img/sns_slash.png) no-repeat center center;background-size:14px;}
.header_nav li .header_share li:first-child{color: #9C9C9C; font-size: 12px; float: left;}
.header_bd {position: absolute;width: 100%;top: -2px;}
.header_bd div {height: 2px;box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.3);}
#load_body{height: auto;}

/* SUBPAGE */
.thumbhead h1 {margin: 0 0 20px 0;}
.subpage #load_body{-webkit-transition:all .3s;transition:all .3s; box-shadow: 0 0 10px 5px #000;}
.subpage_header {padding: 47px 0 0 0;}
.subpage_body {padding: 47px  0 0 0;}
.cat_work.subpage_body{padding: 0}
.page_work,.page_media,.page_entry,.page_message{padding: 0;}
.subpages_logo{display: block; text-indent: -9999px; background: url(../img/logoM@2x.png) no-repeat; background-size: contain; width: 149px; height: 19px; float: left; margin: 16px 0 0 14px;}
.subpages_logo a{display:block;}
.subpage .header_bd {top: 0;}
.subpage .header_nav{display: none;}
.subpages_tabmenu{height: 47px;}
.subpages_tabmenu {height: 47px; position: fixed; z-index: 1001; width: 100%; background: #fff; }
.subpage .subpages_tabmenu_body{display: block; background: #1F1F1F;-webkit-transition:all .3s;transition:all .3s;-webkit-transform: translate(100%,0); transform: translate(100%,0);right: 0;width: 60%; height: 100%; position: fixed; z-index: 100}
.subpages_tabmenu_body ul{overflow-y: scroll;height: 100%;-webkit-overflow-scrolling: touch;}
.subpages_tabmenu_body ul li{width: 100%}
.subpages_tabmenu_body ul li a{display: block; color: #fff; font-size: 12px; line-height: 47px; height: 47px; padding: 0 20px; border-top: 1px solid #252525}
.subpages_tabmenu_body ul li:first-child a{border: none;}
.tabmenu_open {width: 19px; display: block; height: 15px; position: relative; float: right; padding:18px 15px 14px 15px;-webkit-transition:all .3s;transition:all .3s;-webkit-tap-highlight-color: transparent;}
.tabmenu_open div{height: 2px; background: #000;-webkit-transition:all .3s;transition:all .3s;}
.tabmenu_open div.tabmenu_open_bar2{margin: 3px 0;}
.tabmenu_opened .subpage .subpages_tabmenu_body{-webkit-transform: translate(0,0); transform: translate(0,0);}
.tabmenu_opened .subpage #load_body{-webkit-transform: translate(-60%,0); transform: translate(-60%,0);	}
.tabmenu_opened .tabmenu_open{-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.tabmenu_opened .tabmenu_open_bar2{display: none;}
.tabmenu_opened .tabmenu_open_bar1{-webkit-transform: translate(-3px,-1px); transform: translate(-3px,-1px);	}
.tabmenu_opened .tabmenu_open_bar3{-webkit-transform: rotate(90deg) translate(-3px,3px); transform: rotate(90deg) translate(-3px,3px);}
.subpage_menu_fixed,.subpage .video_body{display: none !important;}
.subpage_header{display: block !important;; height: 340px;vertical-align: middle; width: 100%; text-align: center;}
.subpage_header_inner{display: block;vertical-align: middle; color: #fff; position: relative; top: 0;}
.subpage_header_inner h1{font-size: 35px; font-weight: 600}
.subpage_header_inner h2{font-size: 10px; margin: 10px 0 0 0}
.subbpage_header_document {width: 100%; height: auto;}
.subbpage_header_document iframe {width: 100%; height: 250px;}
.cat_work .subpage_bodyR{padding: 20px 0 0 0;}
.pointer_wrap a{margin: 10px 0 0 20px}
.pointer_wrap span {vertical-align: middle;}

/* MESSAGE */
.subpage_bodyL{display: none;}
.subpage_bodyR {width: 100%;float: none;padding:0; min-width: initial; z-index: 1;}
.subpage_menu {margin: 0px 0 60px 0;}
.subpage_bodyR_body {width: 100%;margin: 0 auto;}
.subpage_bodyR_body h2 {position: relative; font-size: 11px; font-style:normal; margin: 0 0 20px 0; padding: 0 0 20px 0; text-align: center; line-height: 1.8;}
.subpage_bodyR_body h2:after{position: absolute; content: ''; width: 8px; margin: 0 0 0 -4px; height: 1px; background: #000; left: 50%; bottom:0;}
.subpage_bodyR_body h2 img {display: none;}

.subpage_bs_active .subpage_menu li a{border: none !important}
.subpage_bs_active .subpage_menu li a {background: #edf0f0;}
.subpage_menu li a span{display: none;}
.sp_body{padding: 0 16px;}
.message {background: url(../img/msg_txt.png) center center no-repeat; background-size: 100%; width: 100%; margin: 0 0 30px 0; }
.subpage_bodyR_body h3 {font-size: 14px; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
.subpage_bodyR_body ol li span {width: 100%; text-align: center; color: #777777; display: block; background: #fff; position: absolute; line-height: 30px; height: 30px; top: 0; left:0;}
.subpage_bodyR_body ol li {border-bottom: none; margin:0; background: #edf0f0; position: relative; padding: 40px 10px 10px 10px; }
.subpage_bodyR_body .box {margin: 0 0 60px 0; }
.pointerR span{height: 15px; width: 15px; background-size: 15px;}
.subpage_menu li:first-child a {border-left:none;}
.topmessage{background: url(../img/msg_sign@2x.png) center center no-repeat; background-size: 203px}

/* WORK */
.subpage_bodyR_body .thumbhead h2 {font-size: 18px; height: 40px; line-height: 40px; text-indent: 0; margin: 0 0 20px 0; padding: 0 10px; letter-spacing: 2px; text-align: left;}
.pointer_wrap.pointerRL div{background-size: 39px; height: 39px; width: 39px;}
.case_list {margin: 60px 0;}
.case_list li {float: none; height: auto; width: 100%; margin: 0 0 20px; cursor: default;}
.case_list li img, .case_list_clone img {max-height: auto; width: 100%;}
.cat_work .subpage_bodyR .work_img img {max-width: 100%;}
.cat_work .subpage_bodyR .caption {text-align: center; font-size: 12px;}
.cat_work .subpage_bodyR .caption span {display: block; padding: 4px 10px;}
.cat_work .subpage_bodyR .caption a {transition: all .2s; display: block; padding: 8px 10px; margin: 0 0 8px;}
.cat_work .subpage_bodyR .caption a:hover {background: #ff0;}

/* ENTRY */
.page_entry {width: 100%;margin: 0 auto;}
.submitLR {display: block;}
.page_entry .subpage_header h1 {margin: 50px 0 0 0;}
.page_entry .subpage_header{height: auto;}
.page_entry .entry_wrap {width: 100%;}
.entry_body{padding:16px 16px 0 16px}
.entry_body h2{display: none;}
.entry dl dt{float: none;border-left: solid 3px #173134;padding-left: 10px;}
.entry h3{font-size: 18px; text-align: center;}
.entry_header{margin: 0}
.entry_header a{border-radius: 0; border-bottom: 1px solid #fff;}
.entry dl dd {border-left:none;padding: 0 0 0 13px;margin-left: 0;}
.submitLR > div{display: block;}
.submitLR > div.submitR,
.submitLR > div.submitL{display: none;}
.submit {padding: 5px; height: 40px; line-height: 40px; border-radius: 40px; }
.submitM {background: url(../img/entry_btn_mail@2x.png) no-repeat 20px center; font-size: 12px; background-size: 22px; padding: 0 0 0 50px; margin: 0 auto; }
.entry_footer .submit{border: none; margin: 20px 0 0 0; padding: 0 0 60px 0}
.entry_footer .submitM{padding: 0}
.entry_footer {margin: 0; }
.entry_header a .opend {background: url(../img/entry_open@2x.png)  no-repeat center center; background-size: 24px;}
.entry_header a .closed{background: url(../img/entry_close@2x.png) no-repeat center center; background-size: 24px;}

/* INTERVIEW */
.pan li{font-size: 10px;}
.pan li a{background: url(../img/pan@2x.png) center right no-repeat; background-size: 11px;padding: 0 17px 0 10px;}
.pan li a span{display: none;}
.page_interview{height: auto !important; margin: 0}
.panel{left: 0px !important; width: 100% !important; height: auto !important;}
.panel_body{width: 50% !important; height: 270px !important}
.post_wrap_front{display: none;}
.post_wrap_back {-webkit-transform: rotateY(0deg) translate(0,0) scale(1); transform: rotateY(0) translate(0,0) scale(1);-webkit-transform-origin: center right; transform-origin: center right;opacity: 1;filter: alpha(opacity=100);}
.panel_body:hover .post_wrap_front{-webkit-transform: rotateY(0) translate(0,0); transform: rotateY(0) translate(0,0); opacity: 0; filter: alpha(opacity=0);}
.panel_body:hover .post_wrap_back {-webkit-transform: rotateY(0) translate(0,0) scale(1); transform: rotateY(0deg) translate(0,0) scale(1); opacity: 1;filter: alpha(opacity=100);}
.post_body {padding: 0 20px; height: 270px !important}
.post_body .catch {color: #fff; font-size: 13px; line-height: 1.5; margin: 0 0 10px 0; opacity: 0.8;}
.post_body h1 {font-size: 15px; margin: 0 0 10px 0; }
.post_body .pointer {display: block; height: auto; width: 100%; position: absolute; bottom: 0; left: 0; background: none; }
.splinkLR{padding: 10px 0 10px 5%; margin: 0 10px 0 0; position: absolute; width: 90%; bottom: 0; left: 0; }
.post_body a .splinkLR{font-size: 13px; color: yellow; text-align: left; background: url(../img/pointer_rightL_wh.png) center center no-repeat; background-size: 30px; background-position: center right; }
.post_body a .splinkLR p:first-child{font-size: 10px}
.single .subpage_bodyL {width: 100%; background: #000; float: none; height: 270px; display: block; }
.single .subpage_bodyL_slide .section {position: relative; height: 270px !important; width: 100%; z-index: 1; }
.single_header {display: block; width: 100%; margin:16px 0 0 0; }
.single_headerL {width: 100%; font-size: 16px; line-height: 30px; text-align: justify;}
.single_header > div {display:block; }
.single .pageback{display: none; }
.single .single_headerR{margin: 30px 0 0 0; }
.single .single_headerR > div {float: none; text-align: center; }
.single_header h1{position: relative; margin: 0 0 30px 0; padding: 0 0 30px 0; }
.single .subpage_bodyR_body h2 {position: relative; font-size: 11px; font-style: normal; margin: 0; padding: 0; text-align: center;}
.single .subpage_bodyR_body h2:after {display: none;}
.single .post_message_body,.single .subpage_bodyR_body p {font-size: 13px; line-height: 1.8; text-align: left; }
.single_header h1:after {position: absolute; content: ''; width: 8px; margin: 0 0 0 -4px; height: 1px; background: #000; left: 50%; bottom: 0; }
.single .post_message_body {width: 100%; }
.single .post_message .small_thumb {position: absolute; right: 50%; top: 0; left: initial; margin: 0 -124px 0 0; }
.single .post_message {padding: 300px 0 60px 0; margin: 0;}
.single .post_message h4 {font-size: 16px;margin: 0 0 16px 0;text-align: center;}
.pointer_wrap.pointerRL a {font-size: 10px;letter-spacing: 2px;text-transform: uppercase;}
.pointer_wrap.pointerRL {margin: 20px 0 0 0;position: relative;bottom: 0;right: 0;z-index: 100;}
.page_media .pointer_wrap.pointerRL,.page_work .pointer_wrap.pointerRL {position: relative; bottom: 0; right: 0; z-index: 100;}

.entry_btn_links {
	margin-left: 20px;
}
.entry_btn_links p {
	display: none;
}