@charset "UTF-8";
/*
Theme Name:aoki_d_media
Description:aoki_d_media
Template:cocoon-master
Requires PHP:5.6.0
Tags:two-columns, left-sidebar, right-sidebar
License:GNU General Public License
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

/*0. CSS Reset
/* -------------------------------------------------------------------------- */
html{-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ol,ul,dl{margin:0;padding:0}

@media screen and (max-width:1023px){
}
@media screen and (min-width:769px){
}
@media screen and (max-width:320px){
}


/*1. Document Setup
/* -------------------------------------------------------------------------- */
body{color:#053a50;font-size:15px;font-family:'Noto Sans JP',sans-serif;line-height:1.8;margin:0;padding:0;position:relative}
a{text-decoration:none;transition:.3s}
ul,dl{list-style:none}
.pc-break{display:none}
.tb-break{display:none}
.word-block{display:inline-block}
@media only screen and (min-width:768px){
body{font-size:18px}
.tb-break{display:block}
}
@media only screen and (min-width:1024px){
body{font-size:16px}
a:hover{opacity:.6}
.pc-break{display:block}
}
@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:local("Noto Sans CJK JP"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype")}
@font-face{font-family:"iconfont";src:url(/wordpress/wp-content/themes/aoki_d_media/fonts/iconfont.eot);src:url(/wordpress/wp-content/themes/aoki_d_media/fonts/iconfont.eot?#iefix) format("eot"),url(/wordpress/wp-content/themes/aoki_d_media/fonts/iconfont.woff) format("woff"),url(/wordpress/wp-content/themes/aoki_d_media/fonts/iconfont.ttf) format("truetype"),url(/wordpress/wp-content/themes/aoki_d_media/fonts/iconfont.svg#iconfont) format("svg");font-weight:400;font-style:normal}
@media screen{
[hidden ~ =screen]{display:inherit}
[hidden ~ =screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}
}

/*2. Element Base
/* ---------------------------------------------*---------------------------- */
.content{margin-top:0}
.main{border:none;margin:0;padding:0;width:100%}
.entry-content{margin:0;padding:0}
.wrap{margin:0 auto;width:100%}
.mod-button{position:relative;display:inline-block;border:1px solid #ca004c;color:#fff;font-weight:700;width:100%;padding:15px 0;background-color:#ca004c}
.mod-button span{position:relative;display:block}
.mod-button--border{border-color:#fff}
.mod-button--white{color:#ca004c;background-color:#fff}
.mod-button__inquiry{border-color:#fff;color:#ca004c;background-color:#fff}
.mod-button__inquiry span{color:#ca004c}
.mod-button__inquiry:hover span{color:#fff}
.mod-button__inquiry::after{content:"";font-family:'iconfont';font-style:normal;font-weight:400;line-height:1.05;text-indent:0;text-align:center;speak:none;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;right:0;transform:translate3d(0,-50%,0);display:block;color:#ca004c;font-size:12px}
@media only screen and (min-width:768px){
.mod-button{width:auto;min-width:360px;padding:20px 0;text-align:center}
.mod-button span{display:inline}
.mod-button span:last-of-type{padding-left:1rem}
.mod-button span:last-of-type::before{position:absolute;content:"・";top:auto;left:0}
.mod-button .nomarker::before{position:absolute;content:none!important;top:auto;left:0}
.mod-button .nomarker{padding-left: 0!important;}

}
@media only screen and (min-width:1024px){
.mod-button__inquiry:hover{color:#fff;background-color:#ca004c;opacity:1}
.mod-button__inquiry:hover::after{color:#fff}
}

/*mod-case　どこで使ってるか分からない*/
.mod-case{position:relative;margin-bottom:60px}
.mod-case__slider{position:relative}
.mod-case__arrows{position:absolute;top:0;right:0;width:100%;padding-top:100%;z-index:10}
.mod-case__arrows-next,.mod-case__arrows-prev{position:absolute;top:50%;width:60px;height:80px;margin-top:-40px;background-color:#ca004c}
.mod-case__arrows-next:hover,.mod-case__arrows-prev:hover{transition:.3s}
.mod-case__arrows-next::before,.mod-case__arrows-prev::before{content:"";font-family:'iconfont';font-style:normal;font-weight:400;line-height:1.05;text-indent:0;text-align:center;speak:none;-moz-osx-font-smoothing:grayscale;font-size:10px;color:#fff;position:absolute;top:50%;left:50%;margin:-5px 0 0 -15px}
.mod-case__arrows-prev{left:0}
.mod-case__arrows-next{right:0;background-color:#800030}
.mod-case__arrows-next::before{transform:rotate(180deg)}
.mod-case__company{overflow:hidden}
.mod-case__company-image{width:100%;padding-top:100%;background:url(../materials/case-image-sample-sp.jpg) center/cover no-repeat}
.mod-case__company-detail{position:relative;padding:30px 40px 40px;background-color:#f7f8fa;z-index:11}
.mod-case__company-name{font-size:20px;font-weight:700;line-height:1.6;margin-bottom:10px}
.mod-case__company-industry{color:#8992a2;font-size:18px;font-weight:700;margin-bottom:10px}
.mod-case__result-block{margin:40px}
.mod-case__result-title{position:relative;font-weight:700;padding-top:20px;margin-bottom:5px}
.mod-case__result-title::before{content:'';position:absolute;top:0;left:0;width:30px;height:1px;background-color:#d1d4d6}
@media only screen and (min-width:768px){
.mod-case{margin:0 12% 80px}
.mod-case__arrows{padding-top:50%}
.mod-case__company-image{padding-top:50%}
}
@media only screen and (min-width:1024px){
.mod-case{margin:0 0 80px}
.mod-case__arrows{position:absolute;right:inherit;left:0;width:85%;padding:0;margin-right:15%}
.mod-case__arrows-inner{padding-top:40%}
.mod-case__arrows-wrap{position:absolute;bottom:0;right:0;display:-ms-flexbox;display:flex;width:29%}
.mod-case__arrows-next,.mod-case__arrows-prev{position:relative;top:inherit;width:50%;height:80px;margin-top:auto;cursor:pointer}
.mod-case__arrows-next:hover,.mod-case__arrows-prev:hover{background-color:#96003a}
.mod-case__arrows-prev{left:inherit}
.mod-case__arrows-next{right:inherit}
.mod-case__arrows-next:hover{background-color:#4d001d}
.mod-case__company{position:relative;margin-right:15%}
.mod-case__company-image{padding-top:40%}
.mod-case__company-detail{position:absolute;bottom:0;right:29%;width:100%;max-width:646px;padding:30px 40px}
.mod-case__company-name{font-size:30px}
.mod-case__company-industry{margin-bottom:20px}
.mod-case__result{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;max-width:1060px;padding:0 40px;margin:0 auto}
.mod-case__result-block{width:100%}
}

.mod-layout__inner{padding:0 20px}
.mod-layout--white{background-color:#fff}
.mod-layout--case-area{padding-top:60px}
.mod-layout--gray{background-color:#f7f8fa}
.mod-layout--shadow{background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(90%,#fff),to(#f7f8fa));background:linear-gradient(to bottom,#fff,#fff 90%,#f7f8fa)}
@media only screen and (min-width:768px){
.mod-layout__inner{max-width:1060px;padding:0 12%;margin:0 auto}
}
@media only screen and (min-width:1024px){
.mod-layout__inner{padding:0 40px}
.mod-layout--case-area{padding-top:70px}
.mod-layout--gray{padding-bottom:200px}
}

/*3. Helper Classes
/* -------------------------------------------------------------------------- */

/*4. Site Header
/* -------------------------------------------------------------------------- */
.mod-header{font-size:12px;background-color:#fff;transition:.3s;z-index:100;display:flex;justify-content:space-between}
.mod-header__upper{position:static;top:inherit;left:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:60px;background-color:#fff;z-index:20}
.mod-header__upper > div{padding:0;margin:0 0 0 20px;max-width:none}
.mod-header__upper > div > a img{width:auto;height:35px;margin:7px 0 0;max-width:none}
.mod-header__upper > div > a{display:block}
.mod-header__navi{display:none}
.mod-header__list{display:-ms-flexbox;display:flex;align-items:center;justify-content:flex-start;width:100%}
.mod-header__list .menu-item{white-space:nowrap;display:inline-block}
/* .mod-header__list .menu-item:last-of-type{margin-left:auto}
.mod-header__list .menu-item:last-of-type a{background-color:#ca004c;color:#fff;display:block;line-height:1.667;min-width:150px;padding:10px 0;text-align:center} */
.mod-header__list .menu-item a{color:#053a50;padding:10px 15px}
.mod-header__inquiry{position:static;top:0;left:inherit;right:0;width:auto;height:60px}
.mod-header__inquiry-item{width:auto}
.mod-header__inquiry-item a{display:block;color:#fff;text-align:center;padding:15px 0;background-color:#ca004c;line-height:1.667;padding:10px 0;text-align:center;min-width:150px}
.mod-header__inquiry-item a span{display:block}
.mod-header__inquiry-item a:hover{background-color:#96003a;opacity:1}
.mod-header--invisible{position:fixed;top:0;transition:.5s;transform:translate3d(0,-60px,0)}
.mod-heading-design1{position:relative;word-break:break-all}
.mod-heading-design1::before{content:'';position:absolute;top:61px;left:0;display:block;width:20px;height:2px;background-color:#ca004c}
.mod-heading-design1__title{display:block;font-size:24px;font-weight:700;line-height:1.6;padding:40px 20px 40px 40px}
.mod-heading-design2{font-size:20px}
.mod-heading-design2 span{display:block;color:#ca004c;font-size:14px;font-weight:500;padding-top:2px}

@media only screen and (min-width:1023px){
.mod-header{position:fixed;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:60px}
.mod-header__upper{position:static;top:inherit;left:inherit;background-color:transparent}
.mod-header__logo{margin:0 0 0 20px;padding:0}
.mod-header__logo img{width:auto;height:35px;margin:6px 0 0}
.mod-header__list li a{color:#053a50;padding:10px 15px;display:block}
.mod-header__navi{display:block;padding:0 0 0 25px;width:100%}
}

@media only screen and (min-width:1023px){
.mod-heading-design1::before{left:inherit;right:50%;top:50%;transform:translate3d(-530px,-1px,0);width:500px}
.mod-heading-design1__title{font-size:36px;margin:0 auto;max-width:1060px;padding:70px 40px}
.mod-heading-design2{font-size:30px;line-height:1.6}
.mod-heading-design2 span{font-size:16px}
.mod-heading-group{margin:0 0 50px}
.mod-heading-group--media-menu,.mod-heading-group--segment-menu{margin-bottom:40px}
}
@media only screen and (max-width:1023px){
.mod-header{display:none}
}
@media only screen and (max-width:768px){
.mod-heading-design1::before{top:50%;left:0;width:calc(12% - 20px)}
.mod-heading-design1__title{padding:40px 12%}
}

/*4a. Site Header SP
/* -------------------------------------------------------------------------- */
@media only screen and (max-width:1023px){
.fa-close{height:40px;position:relative;width:40px}
.fa-close::before,.fa-close::after{border-top:1px solid #053a50;content:"";left:0;position:absolute;top:50%;width:100%}
.fa-close::before{transform:skewY(-45deg)}
.fa-close::after{transform:skewY(45deg)}
.mobile-header-menu-buttons{
top:0;
bottom:auto;
align-items:center;
justify-content:flex-start;
min-width:46px;
z-index:3;
box-shadow:none;
}
.mobile-menu-buttons{
font-size:1em;
min-height:60px;
}
.mobile-menu-buttons > li{
padding-top:0
}
.mobile-menu-buttons .menu-button{
width:124.867px;
min-width:inherit;
}
.mobile-menu-buttons .menu-button:last-of-type{
width:inherit;
margin-left:auto;
}
.logo-menu-button img{
max-height:44px;
display:block;
margin:0 auto;
}
.menu-content{
overflow:auto;
position:fixed;
top:0;
z-index:9999;
width:88%;
max-width:320px;
/*最大幅（調整してください）*/
height:100%;
background:#fff;
/*背景色*/
transition:.3s ease-in-out;
/*滑らかに表示*/
opacity:1;
overflow:scroll;
-webkit-overflow-scrolling:touch;
}
.menu-content .menu-drawer{
border-top:1px solid rgba(5,58,80,.15);
padding:0;
}
.menu-content .menu-drawer li{
border-bottom:1px solid rgba(5,58,80,.15);
color:#053a50;
width:100%;
display:flex;
align-items:center;
align-content:center;
justify-content:flex-start;
flex-direction:column;
}
.menu-content .menu-drawer li a{
padding:1em 0 1em 1em;
width:100%
}
.menu-content .menu-drawer li:nth-of-type(5),
.menu-content .menu-drawer li:last-of-type{
border-bottom:none
}
/* .menu-content .menu-drawer li:last-of-type a{
background-color:#ca004c;
color:#fff;
text-align:center;
} */
.menu-content .menu-drawer li a br{
position:relative;
display:inline;
width:1em;
}
.menu-content .menu-drawer li a br::after{
position:relative;
content:"・";
}
.menu-content .sidebar{
width:100%;
display:block;
margin:0;
}
.menu-close-button{
text-align:right;
padding-right:0;
height:60px
}
.navi-menu-content{
right:0;
left:unset;
transform:translateX(105%);
}

.sidebar-menu-content{
right:0;
-webkit-transform:translateX(105%);
transform:translateX(105%);
}

#slide-in-sidebar{
display:block;
margin:0;
}
}

/*5. Menu
/* -------------------------------------------------------------------------- */
a#pagetop{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:100%;white-space:nowrap}

/*6. breadcrumb
/* -------------------------------------------------------------------------- */
#breadcrumb{background:#eff1f5;background-color:#fff;display:flex;font-size:12px;justify-content:flex-start;margin:60px auto 0;padding:0}
#breadcrumb > div{padding:0.8em 1em 0.8em 0.5em;position:relative}
#breadcrumb > div::after{content:"/";position:absolute;right:0;top:50%;transform:translateY(-50%)}
#breadcrumb > div:last-of-type::after{content:""}
.breadcrumb .fa,.breadcrumb .sp{display:none}
.breadcrumb.sbp-main-before + .content,.breadcrumb.pbp-main-before + .content{margin-top:0}

/*7. Template:Cover Template
/* -------------------------------------------------------------------------- */


/*8. Post:Archive
/* -------------------------------------------------------------------------- */
.eye-catch{width:100%}
.eye-catch img{display:block;max-width:100%;width:100%}


/*9. Post:Single
/* -------------------------------------------------------------------------- */
.article-header.entry-header .entry-title{margin:0}

/*10. Widgets
/* -------------------------------------------------------------------------- */

/*11. Site Footer
/* -------------------------------------------------------------------------- */
.footer,.footer-left,.footer-center,.footer-right,.footer-mobile,.footer-widgets,.footer-widgets-mobile,.footer-bottom{margin:0;padding:0}
.footer-center{width:100%}
.footer-left,.footer-right{display:none}
.footer-widgets{display:block}
.mod-inquiry-block{background-color:#ca004c;color:#fff;padding:60px 40px;text-align:center}
.mod-inquiry-block__button{font-size:17px;margin:0 0 20px}
.mod-inquiry-block__buttons{text-align:center}
.mod-inquiry-block__buttons a.mod-button:hover span{color:#ca004c;opacity:.7}

.mod-inquiry-block__copy{margin-bottom:20px}
.mod-inquiry-block__logo{margin-bottom:25px}
.mod-inquiry-block__logo img{max-width:220px;width:auto}
@media only screen and (min-width:768px){
/*.mod-inquiry-block{padding:180px 0}*/
.mod-inquiry-block__button{font-size:18px;margin:0 10px}
.mod-inquiry-block__copy{margin-bottom:40px}
.mod-inquiry-block__logo{margin-bottom:20px}
.mod-inquiry-block__buttons a.mod-button:hover span{color:#fff;opacity:.7}
}
.copyright{margin:0;padding:20px;text-align:right;width:auto}
.footer-bottom{-ms-flex-align:center;align-items:center;color:#8992a2;display:flex;font-size:12px;padding:30px 0;position:relative}
.footer-bottom .footer-bottom-content{align-items:center;flex-direction:row !important;flex-wrap:nowrap;justify-content:space-between;text-align:inherit;width:100%}
.footer-bottom .menu-footer{display:flex;margin:0 auto 0 0;padding-left:10px;width:auto}
.footer-bottom .menu-footer li a{display:inline-block;font-size:12px;font-weight:300;padding:20px 10px}
.footer-bottom .menu-footer li,.footer-bottom .menu-footer li:last-child{border:none}
.footer-bottom .menu-footer li.menu-item{flex:initial;margin:0;text-align:left;width:auto}
.footer-bottom .navi-footer{float:inherit}
.footer-bottom a{color:#8992a2}
.mod-footer__pagetop a{display:block}
.mod-footer__pagetop a:hover{opacity:.7}
.mod-footer__pagetop,.footer-bottom__pagetop{cursor:pointer;left:50%;position:absolute;top:-23px;transform:translate3d(-23px,0,0)}


@media only screen and (min-width:768px){
.footer-bottom{height:140px;padding:0 40px}
.copyright{font-size:14px}
}


/*12. Media Queries
/* -------------------------------------------------------------------------- */

/*11. js-
/* -------------------------------------------------------------------------- */
.js-enable .js-fade{opacity:0;transform:translate3d(0,30px,0);transition:opacity 0.5s,-webkit-transform .5s;transition:opacity 0.5s,transform .5s;transition:opacity 0.5s,transform 0.5s,-webkit-transform .5s}
.js-enable .js-fade.is-visible{opacity:1;transform:translate3d(0,0,0)}
.js-enable .js-simple-fade{opacity:0;transition:opacity .5s}
.js-enable .js-simple-fade.is-visible{opacity:1;transform:translate3d(0,0,0)}
.js-enable .js-queue-fade{opacity:0;transform:translate3d(0,30px,0);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}
.js-enable .js-queue-fade.is-visible{opacity:1;transform:translate3d(0,0,0)}
.js-enable .js-queue-reveal{position:relative;width:0;overflow:hidden;transition:width .4s cubic-bezier(.86,0,.07,1)}
.js-enable .js-queue-reveal::after{position:absolute;top:0;right:0;width:100%;height:100%;content:'';transition:width .5s ease .5s}
.js-enable .js-queue-reveal.is-visible{width:100%}
.js-enable .js-queue-reveal.is-visible::after{width:0}