/*既存ページスマホ化*/
/*ヘッダーここから*/
#sub{display:none;}
#sub2{display:none;}
.h1_li{display:none;}
#hd_title2{display:none;}
#hd_title22{display:none;}
#navi{display:none;}
#hd_font{display:none;}
/*ヘッダーここまで*/

body {
  -webkit-text-size-adjust: 100%;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  }

/* YOUTUBE動画レスポンシブルここから */
.video {
    position: relative;
    height: 0px;
    overflow: hidden;
    padding: 10px 0px 60%;
}
.video iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
/* YOUTUBE動画レスポンシブルここまで */


/* 背景 */

.bg_02_sp{ background: #ffa800; repeat scroll 0px 0px transparent; }
#layout01_bg {top:0; transform: translateZ(0); position:fixed; z-index:9999; width: 100%; height:80px; background: url("../images/sp/hd_bg_sp.png") repeat-x scroll 0px 0px transparent; background-size:contain;}


#hd_tel_sp,#menu-icon{max-width:60px;}
#hd_tel_sp img,#menu-icon img{width:100%;}

.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}
#main #h2_about { padding:0; max-width:640px; width:100%; height:100%; margin:0px auto; background:url('../images/sp/h2_about_sp.png') no-repeat 50% 50%; background-size:100% auto;}
.h2_about_box{ height:84px; margin:4% auto; padding:0;}
#main #h2_toryo { padding:0; max-width:640px; width:100%; height:100%; margin:0px auto; background:url('../images/sp/h2_toryo_sp.png') no-repeat 50% 50%; background-size:100% auto;}
.h2_toryo_box{ height:84px; margin:4% auto; padding:0;}
#main #h2_blog { padding:0; max-width:640px; width:100%; height:100%; margin:0px auto; background:url('../images/sp/h2_blog_sp.png') no-repeat 50% 50%; background-size:100% auto;}
.h2_blog_box{ height:84px; margin:4% auto; padding:0;}


.c_day {
margin:0;
font-weight: normal;
text-align:center;
}

         
#wrapper {width:100%; max-width: 1024px; margin: 0 auto;}
#wrapper img {vertical-align:bottom; height:auto; max-width:100%; margin:1%;}
#wrapper h1 { padding-left: 3%;}
#top_sp,#hajimeni_sp {width:100%;}

#main #h2_works_sp {max-width:110px; width:100%; height:100%; margin:0px auto; background:url('../images/sp/h2_works_sp.jpg') no-repeat 50% 50%; background-size:100% auto;}
#h2_works_sp_box{ height:110px; margin:2% auto 4%; padding:0;}
#main #h2_voice_sp {max-width:110px; width:100%; height:100%; margin:0px auto; background:url('../images/sp/h2_voice_sp.jpg') no-repeat 50% 50%; background-size:100% auto;}
#h2_voice_sp_box{ height:110px; margin:2% auto 4%; padding:0;}


#wrapper .all_listbox_sp {width:100%; max-width: 1024px; margin: 0 auto;}
#wrapper .works_block_top_sp {overflow: hidden; margin:0 2%;}
#wrapper .works_block_top_sp li {float:left; margin-bottom: 2%; width: 100%;}
#wrapper .works_block_top_sp li a {text-decoration: none; color:#000;}
/*#wrapper .works_block_top_sp li.works_img_sp {width: 36%; margin: 2%;}
#wrapper .works_block_top_sp li.works_text_sp {width: 56%; margin: 2%;}*/
#wrapper .works_block_top_sp .works_list_img_sp {max-width: 90px; margin-right: 20px; display:block;}


/*一時*/
.plus_alpha_ichiran_sp .plus_alpha_title{width:100%; margin-left:-3%;}
.plus_alpha_ichiran_sp{padding:2% 0;}
.plus_alpha_ichiran_sp ul{padding:0; position:relative; left:3%;}
.plus_alpha_ichiran_sp li{width:45%; margin:1%; float:left;}
.plus_alpha_ichiran_sp select{width:100%;}

.chiiki_ichiran_sp{padding:2%; 0}
.chiiki_ichiran_sp ul{padding:0; position:relative; left:3%;}
.chiiki_ichiran_sp li{width:45%; margin:1% 0%; float:left;}
.chiiki_ichiran_sp select{width:100%;}
.kensu_sp{font-size:200%; font-weight:bold;  background: url("../images/sp/cnt_toryo_bg_sp.png") no-repeat scroll 0 0 transparent; background-size:100%; padding: 2% 0 15%; text-align:right;}
.kensu_sp span{font-size:60%;}
.toryo_box{position:relative; left:1%;}
.toryo_box a{text-decoration: none; color:#000;}
.toryo_box_inner li{float:left; width:45%; margin:2%; }

.seminar_box{margin:3% 0; background: url("../images/sp/cnt_seminar_bg_sp.png") no-repeat scroll 0 0 transparent; background-size:cover; padding:4% 0 8%;}
.seminar_box_inner{position:relative; left:1%;}
.seminar_box_inner li{width:45%; margin:0 2%; float:left;}
.about_pic{float:right; margin:0 3% 2% 2%; max-width:46%;}
.about_box1{position:relative; left:1%;}
.about_box1 p{margin:4%;}
.about_box1_inner li{float:left; width:45%; margin:1% 2%; }
.blog_box_inner {margin-bottom:2%; }      
.blog_box_inner li{float:left; width:94%; margin:1% 3%; }
#main_cnt02 li .about_box2_inner .about_bnr2,.about_box2_inner .about_bnr2{width:94%;}
#main_cnt02 li .about_box2,.about_box2{position:relative; left:1%;}
#main_cnt02 li .about_box2_inner,.about_box2_inner li{float:left; width:45%; margin:2%; }
.shindan_box{position:relative; left:1%;}
.shindan_box_inner li{float:left; width:45%; margin:2%; }
.contents01_box_inner li{width:94%; margin:3% 3%;}
.cmp_box{background: url("../images/sp/cnt_cmp_bg_sp.png") no-repeat scroll 0 0 transparent; background-size:cover; padding:13% 0 5%;}
.cmp_box_inner{position:relative; left:6%;}
.cmp_box_inner li{width:85%; margin:0% 1.5%; float:left;}

/*一次ここまで*/


@media screen and (max-width:768px) {
#main_cnt05 .col-3 .column{width:32.3%; margin:1% 0.5%; float:left;}

#layout01_box_sp { width: 100%; height: 80px;}
.top_h2_sp { display: block;}
            }

@media screen and (max-width:640px) {
.plus_alpha_ichiran_sp .plus_alpha_title{width:100%; margin-left:-3%;}
.plus_alpha_ichiran_sp{padding:2% 0;}
.plus_alpha_ichiran_sp ul{padding:0; position:relative; left:3%;}
.plus_alpha_ichiran_sp li{width:45%; margin:1%; float:left;}
.plus_alpha_ichiran_sp select{width:100%;}

.chiiki_ichiran_sp{padding:2%; 0}
.chiiki_ichiran_sp ul{padding:0; position:relative; left:3%;}
.chiiki_ichiran_sp li{width:45%; margin:1% 0%; float:left;}
.chiiki_ichiran_sp select{width:100%;}
.kensu_sp{font-size:200%; font-weight:bold;  background: url("../images/sp/cnt_toryo_bg_sp.png") no-repeat scroll 0 0 transparent; background-size:100%; padding: 3% 0 20%; text-align:right;}
.kensu_sp span{font-size:60%;}
.toryo_box{position:relative; left:1%;}
.toryo_box a{text-decoration: none; color:#000;}
.toryo_box_inner li{float:left; width:45%; margin:2%; }

.seminar_box{margin:3% 0; background: url("../images/sp/cnt_seminar_bg_sp.png") no-repeat scroll 0 0 transparent; background-size:cover; padding:4% 0 8%;}
.seminar_box_inner{position:relative; left:1%;}
.seminar_box_inner li{width:45%; margin:0 2%; float:left;}
.about_pic{float:right; margin:0 3% 2% 2%; max-width:46%;}
.about_box1{position:relative; left:1%;}
.about_box1 p{margin:4%;}
.about_box1_inner li{float:left; width:45%; margin:1% 2%; }
#main_cnt02 .about_box2_inner .about_bnr2,.about_box2_inner .about_bnr2{width:96%;}
#main_cnt02 .about_box2,.about_box2{position:relative; left:1%;}
#main_cnt02 .about_box2_inner li,.about_box2_inner li{float:left; width:45%; margin:2%; }
.shindan_box{position:relative; left:1%;}
.shindan_box_inner li{float:left; width:45%; margin:2%; }
#main_cnt02 .contents01_box_inner li,.contents01_box_inner li{width:94%; margin:3% 3%;}
#main_cnt02 .cmp_box,.cmp_box{background: url("../images/sp/cnt_cmp_bg_sp.png") no-repeat scroll 0 0 transparent; background-size:cover; padding:13% 0 5%;}
#main_cnt02 .cmp_box_inner,.cmp_box_inner{position:relative; left:6%; width:94%;}
#main_cnt02 .cmp_box_inner li,.cmp_box_inner li{width:90%; margin:0% 1.5%; float:left;}
}

@media screen and (max-width:480px) {
.c_works{padding:1% 0% 0%; font-size:130%; background: url("../images/sp/cnt_catch01_sp.png") no-repeat scroll 0 0 transparent; background-size:100%; width:45%; margin:2%;}
.c_voice{padding:1% 0% 0%; font-size:130%; background: url("../images/sp/cnt_catch02_sp.png") no-repeat scroll 0 0 transparent; background-size:100%; width:45%; margin:2%;}
.c_works p{text-align: right; margin-right: 17%;}
.c_voice p{text-align: right; margin-right: 17%;}

/*#wrapper .works_block_top_sp li.works_img_sp {width: 94%;}
#wrapper .works_block_top_sp li.works_text_sp {width: 94%;}*/
}

#wrapper .top_ichiran_sp {width: 94%; margin: 3%;}

@media screen and (max-width:480px) {
.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}
#main #h2_about { padding:0; max-width:640px; width:100%; height:100%; margin:0px auto; background:url('../images/sp/h2_about_sp.png') no-repeat 50% 50%; background-size:100% auto;}
.h2_about_box{ height:42px; margin:4% auto; padding:0;}
.h2_toryo_box{ height:42px; margin:4% auto; padding:0;}
.h2_blog_box{ height:42px; margin:4% auto; padding:0;}
.kensu_sp{font-size:190%; font-weight:bold;  background: url("../images/sp/cnt_toryo_bg_sp.png") no-repeat scroll 0 0 transparent; background-size:100%; padding: 3% 0 18%; text-align:right;}
.c_works{padding:1% 0 4%; display:block;}
.c_voice{padding:1% 0 4%; display:block;}
}


@media screen and (max-width:360px) {
#main #h2_works_sp {max-width:60px; width:100%; height:100%; margin:0px auto; background:url('../images/sp/h2_works_sp.jpg') no-repeat 50% 50%; background-size:100% auto;}
#h2_works_sp_box{ height:60px; margin:2% auto 5%; padding:0;}
#main #h2_voice_sp {max-width:60px; width:100%; height:100%; margin:0px auto; background:url('../images/sp/h2_voice_sp.jpg') no-repeat 50% 50%; background-size:100% auto;}
#h2_voice_sp_box{ height:60px; margin:2% auto 5%; padding:0;}
.plus_alpha_ichiran_sp .plus_alpha_title{ margin-left:0;}
.plus_alpha_ichiran_sp{padding:2% 0;}
.plus_alpha_ichiran_sp ul{padding:1% 0; left:0;}
.plus_alpha_ichiran_sp li{width:94%; margin:1% 3%;}
.plus_alpha_ichiran_sp select{width:100%;}

.chiiki_ichiran_sp{padding:2% 0;}
.chiiki_ichiran_sp ul{padding:1% 0; left:0;}
.chiiki_ichiran_sp li{width:94%; margin:1% 3%;}
.chiiki_ichiran_sp select{width:100%;}
}

@media screen and (max-width:360px) {
.kensu_sp{font-size:160%; font-weight:bold;  background: url("../images/sp/cnt_toryo_bg_sp.png") no-repeat scroll 0 0 transparent; background-size:100%; padding: 3% 0 18%; text-align:right;}

}

.d1024-360{display:none;}
.d360-320{display:none;}
@media screen and (max-width:1024px) {
.d1024-360{display:block;}
}
@media screen and (max-width:360px) {
.d1024-360{display:none;}
.d360-320{display:block;}
}

#main_cnt02 .toryo_dousen, .toryo_dousen {
    margin-left: 0;
}
             
@media screen and (max-width: 1024px) {
.kaisai_box{ background:#fff; color:#000; padding:10px; font-size:18px; font-size:3.5vw;}
}

#hajimeni_sp img{margin:1% 0;}

/* 事例・声２列対応 */
.works_block_top_sp{width:46%; float:left;}


/* ヘッダーＳＰ対応 */
#layout01_box_sp{height:55px;}
#layout01_bg{height:52px;}
#layout01 #header{height:50px;min-width:100%;}
#hd_title{display:block; padding:10px 2%;}
#hd_title img{width:auto; max-width:100%; height:30px; vertical-align: bottom;}
.hd_nav{margin:0;}
.hd_nav .hd_inquiry{display:none;}
.hd_nav > span{display:none;}

.nav_menu_l{margin:8% auto 6%;}
.nav_menu_l li{width:100%; font-size:20px; line-height: 1.8em;}
.nav_menu_s{max-width:96%;}
.nav_menu_s li{font-size:13px; margin:1% 0;}
.nav_contact{margin:6% auto; max-width:90%;}
.nav_contact img{max-width:100%; width:auoto; height:auto;}

.sp_counter{margin-bottom:4%; border-top: 1px solid #e9620f; border-bottom: 1px solid #e9620f; overflow:hidden;}
.sp_counter .c_day{font-size:13px; border-bottom:none;}
.sp_counter .c_works,.sp_counter .c_voice{font-size:13px; padding:2%; background:none; height:auto; line-height: normal; margin:0; width:50%;}
.c_works span, .c_voice span{font-size:20px;}

.menu-trigger.active{top:0; right:10px;}
#animation_container{padding-bottom: 75%;}
#animation_container,#animation_container canvas,#dom_overlay_container{width:100% !important; height:auto !important;}

#sub_ft_sp #sp a:nth-of-type(2){display:block !important;}