﻿@charset "utf-8";

.imgframe{
   position: relative;
   width: 330px;
   height: 430px;
   overflow: hidden;
   margin: 0 auto;
}

.mkr {
    background: linear-gradient(transparent 50%, #fcfab3 30%);
}

/* メニュー固定用 */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

/* TOP動画 */

video {display:block;width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
 
#bg-video {
    position:fixed;
    right:0;
    bottom:0;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-999;
}

/* RECRUIT動画 */

.main-visual {
    height: 1820px;
    background-color: #0B0707;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}
 
.vdcnt {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background:rgba(0,0,0,0.2);
}

.main-visual video {
    margin: 0 auto;
    z-index: -49;
    width: 100%;
}

/* field
------------------------- */
 
.scrEvent {
    display: none;
}


.photo_main_bk .col-xs-1,.photo_main_bk .col-sm-1,.photo_main_bk .col-md-1,.photo_main_bk .col-lg-1,.photo_main_bk .col-xs-2,.photo_main_bk .col-sm-2,.photo_main_bk .col-md-2,.photo_main_bk .col-lg-2,.photo_main_bk .col-xs-3,.photo_main_bk .col-sm-3,.photo_main_bk .col-md-3,.photo_main_bk .col-lg-3,.photo_main_bk .col-xs-4,.photo_main_bk .col-sm-4,.photo_main_bk .col-md-4,.photo_main_bk .col-lg-4,.photo_main_bk .col-xs-5,.photo_main_bk .col-sm-5,.photo_main_bk .col-md-5,.photo_main_bk .col-lg-5,.photo_main_bk .col-xs-6,.photo_main_bk .col-sm-6,.photo_main_bk .col-md-6,.photo_main_bk .col-lg-6,.photo_main_bk .col-xs-7,.photo_main_bk .col-sm-7,.photo_main_bk .col-md-7,.photo_main_bk .col-lg-7,.photo_main_bk .col-xs-8,.photo_main_bk .col-sm-8,.photo_main_bk .col-md-8,photo_main_bk .col-lg-8,.photo_main_bk .col-xs-9,.photo_main_bk .col-sm-9,.photo_main_bk .col-md-9,.photo_main_bk .col-lg-9,.photo_main_bk .col-xs-10,.photo_main_bk .col-sm-10,.photo_main_bk .col-md-10,.photo_main_bk .col-lg-10,.photo_main_bk .col-xs-11,.photo_main_bk .col-sm-11,.photo_main_bk .col-md-11,.photo_main_bk .col-lg-11,.photo_main_bk .col-xs-12,.photo_main_bk .col-sm-12,.photo_main_bk .col-md-12,.photo_main_bk .col-lg-12{position:relative;min-height:1px;padding-left:0;padding-right:0}

.text-muted{
color:#D90000 !important;
font-weight:bold !important;
}

.btn-primary{
    background-color:rgba(0,0,0,0.8) !important;
    border-color:rgba(0,0,0,0.8) !important;
}


.bx-pager{
    display:none;
}

.pankuzu{
    margin-top:15px;
}

/*div.ccm-page .breadcrumb>.active{
    color:#FFF !important;
}

div.ccm-page .breadcrumb a:link{
    color:#FFF !important;
}

div.ccm-page .breadcrumb a:hover{
    color:#FFF !important;
}

div.ccm-page .breadcrumb a:visited{
    color:#FFF !important;
}*/

.mainbox{
    width: 100%;
    height:765px;
    position: relative;
    background:url() no-repeat;
    background-attachment: fixed;
    background-size:100%;
}

.box{
    width:100%;
    height:600px;
    margin:60px 0;
    position: absolute;
    left: 0;
    background:url() no-repeat;
    background-position: center center;
}

div.ccm-page div.area-content-accent{
    padding:0px !important;
    background-color:#FFF !important;
}

.wideslider li{
    padding:0px !important;
    margin:0px !important;
}

.wideslider ul{
    padding:0px !important;
    margin:0px !important;
}

body {
    margin:0 !important;
    padding:0 !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
    font-size:15px !important;
    letter-spacing:.1em !important;
    line-height:1.8em !important;
    color:#FFF !important;
    background-image:none !important;
    background-color:rgb(4,18,128) !important;
    background-attachment: fixed !important;
}

div.ccm-page {
    line-height:1.8em !important;
}

div.ccm-page hr {
    border-top: 1px solid #ECECEC !important;
}

.container {
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
}

a:hover img {
    opacity:0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.link_down a:hover{
    position:relative;top:2px;left:2px;
}

.fon01 {
    text-align:center;
    font-size:18px;
}

.fix {
    background-attachment: fixed;
}

.waka_cnt {
    width:1200px;
    margin:0 auto;
    padding-bottom:100px;

}

.waka_works {
    float:left;
    width:100%;
    padding-bottom:50px;
    font-size:21px;
    clear:both;
}

.waka_works .jig_l {
    float:left;
    width:30%;
    padding:23px 15px 20px;
    text-align:center;
    border:2px solid #FFF;
    box-sizing: border-box;
}

.waka_works .jig_r {
    float:left;
    width:62%;
    margin-left:45px;
    padding:16px 0 20px 15px;
    text-align:left;
    border-bottom:5px solid #FFF;
    box-sizing: border-box;
}

.waka_works_l {
    float:left;
    width:70%;
    padding-top:50px;
    font-size:19px;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    line-height:1.8;
    text-align:left;
    box-sizing: border-box;
}

.waka_works_r {
    float:left;
    width:30%;
    padding-top:30px;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
    text-align:center;
    box-sizing: border-box;
}

.waka_works_r img{
    width:250px;
    height:auto;
}

.waka_fon01{
    font-size:19px;
    line-height:1.8;
}

.waka_fon02{
    margin-top:30px;
    font-size:20px;
    line-height:1.8;
}


/* ヘッダー背景 */
div.ccm-page header { 
    background:#FFF !important;
    margin:0 !important;
}

/* メイン背景 */
div.ccm-page main {
    background-color:rgba(255,255,255,0.0) !important;
    background-attachment: fixed !important;
}

/* フッター背景 */
footer#footer-theme {
    margin:0 !important;
    padding:0 0 12px 0 !important;
    background:rgba(0,0,0,0.8) !important;
}

footer#footer-theme section {
    border-top:0px solid #FFF !important;
}

.footer_navi {
    line-height:0 !important;
}

.f_page {
    margin-top: 15px;
}

.f_page a:link {
    color:#9E9E9E !important;
}

.f_page a:visited {
    color:#9E9E9E !important;
}

.f_copy {
    width:100%;
    line-height:1.5em;
    clear:both;
    font-size:12px;
    text-align:center;
    color:rgba(255,255,255,0.5);
}

.f_left{
    float:left;
    width:30%;
    margin-top:20px;
    color:rgb(140, 98, 57);
}

.f_right{
    float:left;
    width:70%;
    text-align:right;
}

.f_tel{
    float:left;
    width:60%;
    margin-top:20px
}

.f_link{
    float:left;
    width:40%;
    margin-top:28px;
}

.f_rig{
    text-align:right;
}

/* 見出し */
h1 {
    margin:6px 0 0 !important;
    padding:0 !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
    font-size:30px !important;
}

.m_header span {
    display:block;
    font-size:15px;
}

h2 {
    margin:0 !important;
    padding:0 !important;
    font-weight:normal !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
}

h2.t01{
    margin:0 auto 80px !important;
    padding:100px 0 0 !important;
    font-size:33px !important;
    color:#FFF !important;
    font-weight:bold !important;
    text-align:center !important;
}

h2.t01 span{
    display:block !important;
    margin-top:10px !important;
    font-size:17px !important;
    font-weight:normal !important;
}

h2.t01c{
    margin:0 auto 80px !important;
    padding:100px 0 0 !important;
    font-size:33px !important;
    color:#333 !important;
    font-weight:bold !important;
    text-align:center !important;
}

h2.t01c span{
    display:block !important;
    margin-top:10px !important;
    font-size:17px !important;
    font-weight:normal !important;
}

hr.t{
    margin:20px auto 100px !important;
    padding:0 !important;
    width:100px !important;
    border-bottom:5px solid rgba(255,255,255,0.7) !important;
}

h3 {
    margin:0 !important;
    padding:0 !important;
    font-weight:normal !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
}

h3.t01{
    margin:30px auto 20px !important;
    padding:0 0 10px !important;
    font-size:18px !important;
    color:#FFF !important;
    font-weight:bold !important;
    border-bottom:2px solid #FFF;
}

h4 {
    margin:0 !important;
    padding:0 !important;
    font-weight:normal !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
}

.h4_title {
    margin:0 0 5px !important;
    padding:4px 0 0 0 !important;
    font-size:18px !important;
    font-weight:normal !important;
    color:#4CAF50 !important;
    line-height:1.8em !important;
}

/* スクロール */

.scrollbar01::-webkit-scrollbar{
    width:10px;background:rgba(0,0,0,0.0);/* 背景 */
}
.scrollbar01::-webkit-scrollbar:horizontal{
    height:0px;
}
.scrollbar01::-webkit-scrollbar-button{
    width:5px;height:5px;background:#050F59;/* コーナー */
}
.scrollbar01::-webkit-scrollbar-piece{
    background:#050F59;/* バー */
}
.scrollbar01::-webkit-scrollbar-piece:start{
    background:#050F59;/* バー */
}
.scrollbar01::-webkit-scrollbar-thumb{
    background:#050F59;/* バー */
}
.scrollbar01::-webkit-scrollbar-corner{
    background:#050F59;}/* バー */
.news_scroll01{
    width:100%;
    margin-top:15px;
    padding-bottom:15px;
    height:380px;
    overflow:scroll;
/* スクロールバーデザイン：IE用 */
    scrollbar-face-color: #050F59;/*バー*/
    scrollbar-track-color: rgba(0,0,0,0.0);/*背景*/
    scrollbar-arrow-color: #FFF;/*矢*/
    scrollbar-highlight-color: #050F59;/*バー*/
    scrollbar-shadow-color: #050F59;/*バー*/
    scrollbar-3dlight-color: #050F59;/*バー*/
    scrollbar-darkshadow-color: #050F59;/*バー*/
}
.news_scroll02{
    width:100%;
    padding:15px;
    background:rgba(255,255,255,1); 
    height:410px;
    overflow:scroll;
/* スクロールバーデザイン：IE用 */
    scrollbar-face-color: #050F59;/*バー*/
    scrollbar-track-color: rgba(0,0,0,0.0);/*背景*/
    scrollbar-arrow-color: #FFF;/*矢*/
    scrollbar-highlight-color: #050F59;/*バー*/
    scrollbar-shadow-color: #050F59;/*バー*/
    scrollbar-3dlight-color: #050F59;/*バー*/
    scrollbar-darkshadow-color: #050F59;/*バー*/
}

/* テーブルNEWS */

.news{
    padding:15px 0 15px 0;
    width:100%;
    /*overflow:scroll; */
    word-break:break-all;
    word-wrap: break-word;
    border:none;
}

td.news_th{
    width: 20%; 
    padding:10px 15px 10px 0;
    overflow: hidden;
    font-style: normal;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align:middle;
    border:none;
    color:#FFF;
    font-weight:bold;
}

td.news_td{ 
    padding:10px 15px 10px 15px;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    border:none;
    color:#FFF;
/*    border-bottom:2px solid rgb(66, 162, 44);*/
}

td.news_td a:link{
    color:rgb(60, 50, 47) !important;
    font-weight:bold !important;
}

td.news_td a:hover{
    color:rgb(113, 94, 89) !important;
}

td.news_td a:visited{
    color:rgb(60, 50, 47) !important;
}

/* テーブル01 */

.table01{
    width:100%;
    margin-top:50px;
    word-break:break-all;
    word-wrap: break-word;
/*    border-top:2px solid #FFCBBA; */
}

.table01 th{
    padding:30px 15px 27px 15px;
    width:38%;
    overflow:hidden;
    font-style:normal;
    font-weight:normal;
    word-break:break-all;
    word-wrap:break-word;
    text-align:center;
    vertical-align:middle;
    border:2px solid #FFF;
    font-size:19px;
}

.table01 td{
    padding:30px 20px 27px 40px;
    text-align:left;
    vertical-align:middle;
    overflow:hidden;
    word-break:break-all;
    word-wrap:break-word;
    border:2px solid #FFF;
    font-size:19px;
    font-weight:normal;
}

.topline{
    border-top:2px solid #FFCBBA;
}

.m_side_table {
    width:100%;
    border:0;
}

.m_side_table td {
    padding:10px 20px 7px;
    border-bottom: 1px solid #ededed !important;
    color:#333;
}

.m_side_table a:link {
    color:#333 !important;
}

.m_side_table td a:hover {
    color:#58B054 !important;
}

.m_side_table a:visited {
    color:#333 !important;
}


/* 水平線 */

hr.style01 {
    margin:10px 0 17px 0;
    padding:0;
    border:0;
    border-bottom:1px solid #333;
}

/* 余白 */

.mt10 {
    margin-top:10px;
}

.mt20 {
    margin-top:20px;
}

.mt30 {
    margin-top:30px;
}

/* PAGETOP */

#page-top{filter:alpha(opacity=30);width:50px;height:50px;display:none;position:fixed;right:16px;bottom:30px;z-index:5;}
#page-top p{margin:0;padding:0;text-align:center;background:rgba(0,0,0,0);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#page-top a:hover{text-decoration:none !important;}
#page-top p:hover{background:rgba(0,0,0,0);top:0px !important;left:0px !important;}
#move-page-top{color:#FFF !important;line-height:50px;text-decoration:none;display:block;cursor:pointer;font-size:15px;}
#move-page-top a:link{color: #FFF;text-decoration:none !important;}
#move-page-top a{color: #FFF;text-decoration:none !important;}
#move-page-top a:hover{color:#EEE;text-decoration:none !important;}    

/* PC用メニュー */      

.menu_bk{
    width:100%;
    margin:0;
    padding:25px 0;
    background:rgb(255,255,255);
    border-bottom:0 solid #ECECEC;
}

.menu_bk a:hover{
    position:relative;top:2px;left:2px;
}

.theme_bk{
    padding:29px 0 26px;
    background:url() repeat-x;
    background-color:#003399;
}

.main_bk{
    padding-bottom:80px;
    background:url() repeat !important;
    background-size:100%;
}

.footer_bk{
    width:100%;
    margin:0;
    padding:0;
    background:url() repeat-x;
    background-color:#FFF;
    /*box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);*/
}

.footer_bk a:hover{
    position:relative;top:2px;left:2px;
}

.copy_bk{
    background:rgb(51, 51, 51);
}

div#menubar {
    float:left;
    width:100%;
    margin:0 auto;
    padding:0;
}

div#menubar ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

div#menubar ul li {
    margin:1px 0 0 0;
    margin:7px 0 7px 40px;
    list-style:none;
    text-align:center;
}

div#menubar ul li:first-child {
    margin-left:0;
}

div#menubar ul li a {
    display:block;
    text-decoration:none;
    -webkit-transition:0.5s;
    transition:0.5s;
    color:#FFF;
}

div#menubar ul li a:hover {
    color:rgba(255,255,255,0.8);
}

.menu_l {
    float:left;
    width:40%;
    margin:10px 0 16px;
}

.menu_r {
    float:left;
    width:60%;
    padding:5px 0 10px;
    text-align:right;
}

.menu_r a {
    text-decoration:none;
    -webkit-transition:0.5s;
    transition:0.5s;
    color:#FFF !important;
}

.menu_r a:hover {
    color:rgba(255,255,255,0.8) !important;
}

.kbs{
    width:399px;
    height:28px;   
    margin:13px 0 13px 282px;
    padding-top:1px;
    background:url() no-repeat;
    font-size:14px;
    color:#333;
    text-align:center;
}

.ank{
    margin-top:-120px;
    padding-top:120px;
}

/* MB用メニュー */

#sp_menu {
    margin:0;
}

#sp_menu ul {
    background:rgba(0,0,0,0.5);
}

#sp_menu li {
    padding:9px 0 8px;
    border-bottom:1px solid rgba(255,255,255,0.3);
    background:rgba(0,0,0,0.5);
}

#sp_menu ul li a:link {
    color:#FFF !important;
}

#sp_menu ul li a:hover {
    background:rgba(255,255,255,0.2);
    color:rgba(255,255,255,0.8) !important;
}

#sp_menu ul li a:visited {
    color:#FFF !important;
}

#sp_menu ul li:first-child {
    padding-top:20px;
}

.slicknav_menu .slicknav_icon {
    display:none;
}

.slicknav_btn {
    width:40px;
    height:37px;
    padding:0;
    border-radius:0;
    background:url(/application/files/6317/4310/7944/menu_bk_mb.png) no-repeat center;
    background-size:cover;
    background-color:rgba(0,0,0,0) !important;
}

.slicknav_menu {
    display:none;
}

.js .slicknav_menu {
    display:block;
}

.mb_h {
    float:left;
    margin-bottom:4px;
    width:70%;
}

.mb_logo {
    width:100%;
}

/* コンテンツ非表示 */

.none {
    display:none;
}

/* 幅100% */

.w100 {
    width:100%;
    height:auto;
}

/* 画像サイズ変更 */

.img100 img {
    width:100%;
    height:auto;
}

/* フロート */

.fl {
    float:left;
}

.fr {
    float:right;
}

.clr {
    clear:both;
}

/* 位置 */

.cen{
    text-align:center;
}

.lef{
    text-align:left;
}

.rig{
    text-align:right;
}

.mid{
    vertical-align:middle;
}

.cbcen{
    text-align:center;
}

.mb_cen{
    text-align:center;
}

/* 行間 */

.cmp_txt{
    font-size:20px;
    text-align:center;
    line-height:10px !important;
}

/* iPhone hover問題解消 */

.hover img{
    opacity:0.5;
    filter: alpha(opacity=30);
    -moz-opacity: 0.5;
}
.hover a{
    opacity:0.5;
    filter: alpha(opacity=30);
    -moz-opacity: 0.5;
}

/* イメージ拡大 */

.img-block{
    text-align:center;
    padding:15px 0 10px 0;
    background:#FFF;
}

.img-block figure{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.img-block img {
    transition: all 0.4s ease-out 0.1s;
}

.img-block figure:hover img {
    transform: scale(1.1,1.1);
}
.img-block figcaption {
    color: #fff;
    font-size: 20px;
    font-weight:bold;
    background:linear-gradient(rgba(30,148,219,0.0), rgba(16,135,222,1));
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom:-10;
    padding:40px 10px 15px 10px;
    line-height: 1;
 
    /* 1行で納める */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 
    transition: all 0.2s ease-in 0.3s;
    transform: translateY(0px);
}

/* 背景 */

.cnt_m {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.cnt_bk01 {
    background:url(https://aoyama-kazuki.com/application/files/8817/4546/0279/aoyama_bk01.jpg) no-repeat;
    background-attachment:fixed;
    background-size:100%;
    position:relative;
    overflow:hidden;
    height:950px;
}

.cnt_bk02 {
    background:url(https://aoyama-kazuki.com/application/files/5317/4539/5868/aoyama_bk05.jpg) no-repeat;
    background-attachment:fixed;
    background-size:100%;
    position:relative;
    overflow:hidden;
    height:950px;
}

.cnt_bk03 {
    background:url(https://aoyama-kazuki.com/application/files/2817/4539/4671/y_cnt_bk_03.jpg) no-repeat;
    background-attachment: fixed;
    background-size:100%;
    position:relative;
    overflow:hidden;
    height:700px;
}

.cnt_bk04 {
    background:url(https://aoyama-kazuki.com/application/files/4717/4538/6801/aoyama_bk05.jpg) no-repeat;
    background-attachment: fixed;
    background-size:100%;
    position:relative;
    overflow:hidden;
    height:700px;
}

.cnt_bk05 {
    background:url(https://aoyama-kazuki.com/application/files/9117/4539/4493/aoyama_bk04.jpg) no-repeat;
    background-attachment: fixed;
    background-size:100%;
    position:relative;
    overflow:hidden;
    height:600px;
}

.cnt_bk06 {
    background:#FFF;
    background-attachment: fixed;
    background-size:100%;
    position:relative;
    overflow:hidden;
    height:800px;
    background-position: center bottom;
}

.policy_wk,.interview_wk {
    width:1050px;
    margin:0 auto;
    text-align:left;
}

.interview_wk .wk01 {
    padding:25px 40px 20px;
    background-color:rgba(0,0,0,0.7);
}

.interview_wk .wk02 {
    padding:40px;
}

/* IE10以前でのみ有効 */
/*html {
height: 100%\9;
overflow: hidden\9;
}
body {
height: 100%\9;
overflow: scroll\9;
}*/
/* IE10以降でのみ有効 */
/*@media all and (-ms-high-contrast: none) {

html {
height: 100% !important;
overflow: hidden !important;
}

body {
height: 100% !important;
overflow: scroll !important;
}
}*/



/********** メディアクエリ（画面可変対応処理）**********/


/* ■■■ MIN ■■■ */


@media (min-width:481px){
}/* END:min481px */


@media (min-width:768px){
}/* END:min768px */


@media (min-width:769px){

/* MB用パーツ非表示 */
.mb {
    display:none;
}

}/* END:min769px */


@media (min-width:1024px){

}/* END:min1024px */


@media (min-width:1025px){

.col-sm-title{float:left;width:50%;margin:0 0 0 0;}
.col-sm-banner{float:right;width:50%;padding:0 0 0 30px;margin:0;} 

}/* END:min1025px */


/* ■■■ MAX ■■■ */

@media (max-width:1199px){

.waka_cnt{
    width: 100%;
    padding: 0 15px 50px;
}

.policy_wk , .interview_wk{
    width: 100%;
}

.interview_wk .wk01 {
    padding:15px 20px;
}

.interview_wk .wk02 {
    padding:20px;
}

.main-visual {
    height: 1000px;
}

.cnt_bk01 {
    height: 1000px;
    padding: 0 15px;
}

.cnt_bk02 {
    height: 1000px;
    padding: 0 15px;
}

.cnt_bk03 {
    height: 1000px;
    padding: 0 15px;
}

.cnt_bk04 {
    height: 1000px;
    padding: 0 15px;
}

.cnt_bk05 {
    height: 1000px;
    padding: 0 15px;
}

.cnt_bk06 {
    height: 1000px;
    padding: 0 15px;
}

}

@media (max-width:1024px){

.waka_fon01{
    text-align:left;
}

#bg-video {
    background:url(https://aoyama-kazuki.com/application/files/9317/4546/2998/aoyamaMB.jpg) no-repeat;
    background-position: center top;
}

.main-visual {
    height: auto;
    background-color: rgba(0,0,0,0);
    background-size: auto;
    position: static;
}
 
.vdcnt {
    z-index: 0;
    background:rgba(0,0,0,0);
    position: static;
}

.main-visual video {
    display:none;
    background-size: auto;
    position: static;
}

.cnt_m {
    z-index: 0;
    background:rgba(0,0,0,0);
    position: static;
}

.cnt_bk01 {
    background:url(https://aoyama-kazuki.com/application/files/8817/4546/0279/aoyama_bk01.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center center;
    position: static;
    height: auto;
}

.cnt_bk02 {
    background:url(https://aoyama-kazuki.com/application/files/5317/4539/5868/aoyama_bk05.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center center;
    position: static;
    height: auto;
}

.cnt_bk03 {
    background:url(https://aoyama-kazuki.com/application/files/2817/4539/4671/y_cnt_bk_03.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center bottom;
    position: static;
    height: auto;
}

.cnt_bk04 {
    background:url(https://aoyama-kazuki.com/application/files/9117/4539/4493/aoyama_bk04.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center top;
    position: static;
    height: auto;
}

.cnt_bk05 {
    background:url(https://aoyama-kazuki.com/application/files/9117/4539/4493/aoyama_bk04.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center top;
    position: static;
    height: auto;
}

.cnt_bk06 {  
    background:#FFF;
    background-size:cover;
    background-attachment: scroll;
    background-position: center bottom;
    position: static;
    height: auto;
}

.col-sm-title{float:left;width:50%;margin:25px 0 0 0;box-sizing: border-box;}
.col-sm-banner{float:right;width:50%;padding:0;margin:0;box-sizing: border-box;}

}/* END:max1024px */


@media (max-width:1023px){

}/* END:max1023px */


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

.imgframe{
   width: 100%;
   height: 200px;
}

.img01,.img02,.img03{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}

.mb_cen{
    text-align:left;
}

#bg-video {
    background:url(https://aoyama-kazuki.com/application/files/9317/4546/2998/aoyamaMB.jpg) no-repeat;
   background-size: 100%;
    background-position: top center;
}

body {
    background-image:url() !important;
    background-color:#000 !important;
    background-size:100% !important;
}

.logo_mb{
    width:auto;
    height:47px;
}

h2.t01{
    margin:0 auto !important;
    padding:50px 0 !important;
    font-size:23px !important;
}

h2.t01 span{
    font-size:14px !important;
}

h3.t01{
    font-size:14px !important;
}

.waka_fon01{
    font-size:14px;
    line-height:1.8;
}

.waka_fon02{
    margin-top:15px;
    font-size:15px;
    line-height:1.8;
}

.h2_title {
    font-size:20px !important;
    line-height:1.4em !important;
}

.h3_title {
    font-size:18px !important;
}

.h4_title {
    font-size:16px !important;
}

.waka_works {
    padding-bottom:50px;
    font-size:17px;
}

.waka_works .jig_l {
    float:none;
    width:100%;
    margin:0 auto 0;
    padding:14px 10px 12px;
}

.waka_works .jig_r {
    float:none;
    width:100%;
    margin-left:0;
    padding:21px 0 15px;
    border-bottom:3px solid #FFF;
    font-size:15px;
    line-height:1.8;
}

.waka_works_l {
    width:100%;
    padding:21px 7px 21px;
    font-size:14px;
    line-height:1.8;
}

.waka_works_r {
    float:none;
    width:100%;
    padding-top:0;
}

.waka_works_r img{
    width:auto;
    height:auto;
}

.fon01{
    text-align:left;
    font-size:14px;
}

/* テーブル01 */

.table01 th{
    padding:10px 15px 10px 15px;
    width:100%;
    display:block;
    margin:0 auto;
    border:0;
    font-size:14px;
    background:rgba(0,0,0,0.5);
}

.table01 td{
    padding:10px 15px 10px 15px;
    display:list-item;
    width: 100%;
    border:0;
    font-size:14px;
}

.table01 td.tel a:link{
    font-weight:bold;
    font-size:16px;
}

.table01 td img{
    padding:10px 0 6px;
    width:auto;
    height:40px;
}

.mainbox{
    width: 100%;
    height:204px;
    position:relative;
    background:url() no-repeat;
    background-position: center center;
    background-size:cover;
}

.box{
    width:100%;
    height:156px;
    margin:0;
    position: absolute;
    left: 0;
    background:url() no-repeat;
    background-position: center center;
    background-size:265%;
}

.img-block{
    margin-top:20px;
}

.f_tel{
    margin-top:2px;
}

.f_link{
    margin-top:0;
}

.f_rig{
    margin-top:40px;
    text-align:left;
}

.footer_bk{
    padding-top:6px;
    height:93px;
}

.f_copy {
    font-size:11px;
}

.cmp_txt{
    font-size:18px;
    text-align:left;
    line-height:28px !important;
}

/*.cnt_bk01{
    background:url(https://hiroko-mama.sakura.ne.jp/new/application/files/1417/4304/9682/AdobeStock_124994231_Preview.jpeg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center center;
}

.cnt_bk02{
    background:url(http://waka-g.jp/application/files/1315/3101/1129/t_cnt02_bk_mb.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center center;
}

.cnt_bk03{
    background:url(http://waka-g.jp/application/files/1515/3101/1128/t_cnt03_bk_mb.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center bottom;
}

.cnt_bk04{
    background:url(http://waka-g.jp/application/files/3015/3101/4647/t_cnt04_bk_mb.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center top;
}

.cnt_bk05{
    background:url(http://waka-g.jp/application/files/4515/3101/1130/t_cnt05_bk_mb.jpg) no-repeat;
    background-size:cover;
    background-attachment: scroll;
    background-position: center top;
}
*/
/*.cnt_bk05::before {
    background:url(http://waka-g.jp/application/files/4515/3101/1130/t_cnt05_bk_mb.jpg) no-repeat;
  background-size: 100% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
    background-position: center top;
}*/   

/* MB用メニュー */

#menu{display:none;}

.slicknav_menu{display:block;}

.menu_bk_mb{
    width:100%;
    position:fixed;
    z-index:999;
    background:rgba(0,0,0,0);
}

/* PC用パーツ非表示 */
.pc {
    display:none;
}

.col-sm-title{float:left;width:70%;margin:20px 0 0 0;}
.col-sm-banner{float:right;width:30%;padding:0;} 
.col-sm-banner img{width:180px;height:auto;} 

}/* END:max768px */


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

/* テーブルNEWS */

td.news_th{
    padding:6px 15px 0 15px;
    width:100%;
    display:block;
    margin: 0 auto;
    border:none;
}

td.news_td{
    padding:0 15px 10px 15px;
    display: list-item;
    width: 100%;
    border-top: none !important;
}

.cbcen{
    font-size:20px;
    text-align:left;
}

.img_mb img{
    width:auto;
    height:25px;
}

}/* END:max480px */

