@charset "UTF-8";
.page-title-box{
overflow:hidden;padding-top:37px
}
.page-title-box .inner{
margin:auto;padding-bottom:105px;position:relative
}
.page-title-box .page-title{
font-size:40px;font-weight:500;letter-spacing:.1em;padding-top:25px
}
.page-title-box .page-en-title{
width:200vw;position:absolute;left:-132px;bottom:-25px;font-size:118px;line-height:1;letter-spacing:.1em;color:#f5f5f5;z-index:-1
}
.page-title-box .page-mv{
width:100%;height:440px;position:relative;z-index:0
}
.page-title-box .page-mv:before,.page-title-box .page-mv:after{
content:"";position:absolute;left:0;top:0;width:100%;height:100%
}
.page-title-box .page-mv:before{
background:url(//daigo-inc.co.jp/wp/wp-content/themes/daigo_theme/files/css/../img/common/page_mv_dotted.svg);z-index:2
}
.page-title-box .page-mv:after{
background:#1a1311;opacity:.45;z-index:1
}
.page-title-box .page-mv .img{
width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center
}
.page-title-box .inner{
width:85.334%;padding-bottom:28px
}
.page-title-box .page-title{
font-size:24px;padding-top:0
}
.page-title-box .page-en-title{
left:-28px;bottom:-7px;font-size:38px;letter-spacing:.05em
}
.page-title-box .page-mv{
height:150px
}
@media screen and (max-width:680px){

.colum2-box .colum2-item{
padding:0
}
.colum2-box .colum2-item .item-inner{
width:100%
}
.colum2-box .colum2-item .img-box{
width:100%;margin-left:0
}
.colum2-box .colum2-item .img-box .img-logo{
padding-top:43px;padding-left:calc(4% + 13px);margin-bottom:11px
}
.colum2-box .colum2-item .text-box{
width:85.334%;margin:auto;padding-top:0
}
.colum2-box .colum2-item .text-box .colum2-title{
margin-left:-7px;margin-top:-20px;width:calc(100% + 14px)
}
.colum2-box .colum2-item .text-box .colum2-title .bar-anime+.bar-anime{
margin-top:12px
}
.colum2-box .colum2-item .text-box .colum2-title .bar-text{
font-size:20px;letter-spacing:0;border-radius:2px;padding:2px 7px 4px
}
.colum2-box .colum2-item .text-box .colum2-text{
margin-top:20px;padding:0
}
}
.bar-anime{
display:inline-block;transform:translate3d(0,0,0);position:relative;z-index:0
}
.bar-anime:before{
content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#800000;border-radius:4px;z-index:1
}
.bar-anime .bar-text{
display:inline-block;opacity:0;transform:translate3d(0,0,0)
}
.bar-anime.black:before{
background:#000
}
.bar-anime.action:before{
animation:passing-bar .6s ease .3s 1 normal forwards
}
.bar-anime.action .bar-text{
animation:passing-txt 0s ease .6s 1 normal forwards
}
@keyframes passing-bar{
0%{
left:0;width:0
}50%{
left:0;width:100%
}51%{
left:0;width:100%
}100%{
left:100%;width:0
}
}@keyframes passing-txt{
0%{
opacity:0
}50%{
opacity:0
}100%{
opacity:1
}
}
.img-bar-anime{
transform:translate3d(0,0,0);position:relative;z-index:0
}
.img-bar-anime:before{
content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#800000;z-index:1
}
.img-bar-anime .bar-inner{
opacity:0;transform:translate3d(0,0,0)
}
.img-bar-anime.action:before{
animation:passing-bar .6s ease .3s 1 normal forwards
}
.img-bar-anime.action .bar-inner{
animation:passing-txt 0s ease .6s 1 normal forwards
}input,textarea,select{
-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:none;border-radius:0;color:inherit;font-family:inherit;width:100%
}input::-ms-expand,textarea::-ms-expand,select::-ms-expand{
display:none
}input:focus,textarea:focus,select:focus{
box-shadow:none;outline:none
}
.top-common-title .big,.top-common-title .sml{
display:inline-block;line-height:1;padding-bottom:14px;position:relative
}
.top-common-title .big:before,.top-common-title .sml:before{
content:"";position:absolute;left:0;bottom:0;width:100%;height:3px
}
.top-common-title .big{
font-size:59px;color:#800000
}
.top-common-title .big:before{
background:#800000
}
.top-common-title .sml{
font-size:50px
}
.top-common-title .sml:before{
background:#eaeaea
}
.top-common-title.center{
text-align:center
}
@media screen and (max-width:680px){
.top-common-title .big,.top-common-title .sml{
padding-bottom:10px
}
.top-common-title .big:before,.top-common-title .sml:before{
height:2px
}
.top-common-title .big{
font-size:36px
}
.top-common-title .sml{
font-size:30px
}
}
.page-common-title .bar-text{
display:inline-flex;align-items:stretch
}
.page-common-title .big,.page-common-title .sml{
display:inline-block;line-height:1;vertical-align:middle;padding-bottom:14px;position:relative
}
.page-common-title .big:before,.page-common-title .sml:before{
content:"";position:absolute;left:0;bottom:0;width:100%;height:3px
}
.page-common-title .big{
font-size:44px;color:#800000;padding-right:9px
}
.page-common-title .big:before{
background:#800000
}
.page-common-title .sml{
display:inline-flex;align-items:center;font-size:24px;padding-left:9px
}
.page-common-title .sml:before{
background:#eaeaea
}
.page-common-title.center{
text-align:center
}
@media screen and (max-width:680px){
.page-common-title .big,.page-common-title .sml{
padding-bottom:10px
}
.page-common-title .big:before,.page-common-title .sml:before{
height:2px
}
.page-common-title .big{
font-size:33px
}
.page-common-title .sml{
font-size:15px
}
}
.common-btn-box{
text-align:center
}
.common-btn-box .common-btn{
display:inline-flex;align-items:center;justify-content:center;font-family:"Noto Serif JP","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-size:16px;font-weight:500
}
.common-btn-box .common-btn i{
display:block;width:48px;height:48px;border-radius:100%;background:#800000;margin-right:20px;overflow:hidden;border:1px solid #800000;position:relative;z-index:0
}
.common-btn-box .common-btn i:before,.common-btn-box .common-btn i:after{
content:"";position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg) skew(12deg,12deg);width:12px;height:12px;border-right:1px solid #fff;border-bottom:1px solid #fff
}
.common-btn-box .common-btn i:before{
left:45%
}
.common-btn-box .common-btn i:after{
left:-100%;opacity:0
}
@media screen and (min-width:681px){
.common-btn-box .common-btn i{
transition:.3s
}
.common-btn-box .common-btn i:before,.common-btn-box .common-btn i:after{
transition:.3s
}
.common-btn-box .common-btn:hover i{
background:#fff
}
.common-btn-box .common-btn:hover i:before,.common-btn-box .common-btn:hover i:after{
border-color:#000;transition:.3s
}
.common-btn-box .common-btn:hover i:before{
animation:arrowbefore .3s
}
.common-btn-box .common-btn:hover i:after{
animation:arrowafter .3s
}
@keyframes arrowbefore{
100%{
left:100%;opacity:0
}
}
@keyframes arrowafter{
100%{
left:45%;opacity:1
}
}
}
@media screen and (max-width:680px){
.common-btn-box .common-btn{
font-size:15px;text-align:left;letter-spacing:0
}
.common-btn-box .common-btn i{
width:32px;height:32px;margin-right:10px
}
.common-btn-box .common-btn i:before,.common-btn-box .common-btn i:after{
width:8px;height:8px
}
}
.bg_gray{
background:#f5f5f5
}
.bg_white{
background:#fff
}