/* common */
#bread { padding: 20px 0; }

.header-home { background: url(../images/consulting/fv.jpg) no-repeat center bottom; background-size: cover; padding: 190px 0; position: relative;}
.header-home h2 { display: inline-block; font-size: 30px; font-family: 'Trajan Pro'; letter-spacing: 6px; }
.header-home h2 span { display: block; padding: 5px 0 0; font-size: 16px; border-top: 1px solid #fff; }
.header-home .cta{ position: absolute; right:35px; top:35px; text-align: center; font-weight: 500; z-index: 3; }
.topbtn { margin: 80px auto 140px;}
.lead{font-size: 25px;font-weight: 500;margin-bottom: 40px;line-height:1.7;}

.card { border-radius: inherit !important;}
#service .card .ctitle { font-size: 38px; text-align: center; color: #fff; font-family: 'Noto Serif JP', sans-serif; }
#service .card .ctitle span { border-bottom: #fff solid 1px; }

/* feature */
#feature { background: #f4f7fa; padding: 120px 0; }
#feature .intro { padding: 0 0 70px; }
#feature .media { position: relative; height: 500px; }
#feature .media2 { margin: 50px 0; }
#feature .media .media-body { background: #fff; position: absolute; width: 550px; height: 400px; padding: 45px 30px 148px; top: 50px; right: 0; box-sizing: border-box; -webkit-box-sizing: border-box;}
#feature .media .order-md-1 { left: 0; position: absolute; z-index: 3; }
#feature .media .order-md-2 { position: absolute; right: 0; z-index: 2; }
#feature .media .media-body span { display: inline-block; font-size: 38px; font-family: 'Times'; line-height: 100%; border-right: 1px solid #005796; letter-spacing: 2px; margin: 0 12px 0 0; padding: 0 5px 0 0; 
color: #005796; }
#feature .media .media-body span small { display: block; font-size: 11px; font-family: 'Trajan Pro'; line-height: 100%; letter-spacing: 0; color: #005796; }
#feature .media .media-body h4 { display: inline-block; font-size: 28px; color: #005796; font-family: 'Noto Serif JP', sans-serif; }
#feature .media .media-body p { font-size: 15px; line-height: 230%; padding: 30px 0 0; }
#feature .media .media-body small { font-size: 12px; padding: 10px 0 0; display: block; }

/* service */
#service { background: #d2dce6; padding: 120px 0; }
#service .intro { padding: 0 0 70px; }
#service .card { margin: 0 0 100px; }
#service .card .c1 { background: url(../images/consulting/pic_04.jpg) no-repeat center center; background-size: cover; padding: 145px 0 155px; }
#service .card .c2 { background: url(../images/consulting/pic_05.jpg) no-repeat center center; background-size: cover; padding: 145px 0 155px; }
#service .card .c3 { background: url(../images/consulting/pic_06.jpg) no-repeat center center; background-size: cover; padding: 145px 0 155px; }
#service .card .c4 { background: url(../images/consulting/pic_07.jpg) no-repeat center center; background-size: cover; padding: 145px 0 155px; }
#service .card .c5 { background: url(../images/consulting/pic_08.jpg) no-repeat center center; background-size: cover; padding: 145px 0 155px; }
#service .card .card-body { padding: 70px 48px; }
#service .card .card-body p { line-height: 200%; padding: 0 0 65px; }
#service .card .card-body h5 { font-size: 26px; padding: 0 0 18px 25px; border-bottom: 1px solid #000; }
#service .card .card-body .check { padding: 35px 0 0 28px; }
#service .card .card-body .check li { background: url(../images/consulting/check.png) no-repeat left 4px; float: left; width: 50%; padding: 0 0 20px 45px; line-height: 170%;  }
#service .card .card-body .row { margin: 0 0 0 -15px; }
#service .card .card-body .row h6 { font-size: 18px; border-bottom: solid 1px #000; padding: 0 0 6px; }
#service .card .card-body .row .box { background: #f3f7fa; height: 155px; margin: 0 0 15px 15px; padding: 20px; }
#service .card .card-body .list-inline { border: solid 1px #000; width: 1000px; margin: 0 auto; padding: 10px 25px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#service .card .card-body .about { width: 1000px; margin: 0 auto; padding: 25px 0 15px; }

/* recommend */
#recommend { padding: 105px 0; }
#recommend h3 { font-size: 24px; color: #004e91; font-family: 'Trajan Pro'; text-align: center; padding: 0 0 10px; letter-spacing: 5px; }
#recommend h3 span { display: block; background: url(../images/magazine/detail/pattern.gif) repeat-x center 4px; }
#recommend h3 small { font-size: 12px; text-align: center; display: block; color: #000; letter-spacing: 1px; background: #fff; width: 100px; margin: 0 auto; }
#recommend .tag { min-width: 140px; max-width: 90%; margin: 15px auto; text-align: center; }
#recommend .tag span { border: 1px solid #005796; color: #005796; padding: 2px 5px; min-width: 140px; display: inline-block; max-width: 96%; overflow: hidden; }
#recommend h5 { font-size: 16px; line-height: 140%; overflow: hidden; height: 48px; }
#recommend .date { font-size: 12px; text-align: center; }

/* magazine */
#magazine { background: url(../images/consulting/pic_09.jpg) no-repeat center center; background-size: cover; color: #fff; padding: 150px 0; }
#magazine h3 { font-size: 38px; font-family: 'Noto Serif JP', sans-serif; letter-spacing: 1px; }
#magazine h3 span { display: block; width: 350px; border-bottom: solid 2px #fff; font-size: 58px; font-family: 'Trajan Pro'; letter-spacing: 5px; line-height: 100%; margin: 0 0 10px; }
#magazine p { margin: 0 0 50px; }

@media (min-width:1200px){

}

@media (max-width:1199px){

#recommend .tag { min-width: 140px; max-width: 90%; margin: 15px auto; text-align: center; }
#recommend .tag span { border: 1px solid #005796; color: #005796; padding: 2px 5px; min-width: 140px; display: inline-block; }

/* service */
#service .card .card-body .list-inline { width: 100%; }
#service .card .card-body .about { width: 100%; }

/* magazine */
#magazine { padding: 80px 0; }
#magazine h3 { font-size: 24px; }
#magazine h3 span { width: 295px; font-size: 48px; }
#magazine p { font-size: 14px; margin: 0 0 50px; }

}

@media (max-width:991px){
.cta { width: 150px; height: auto; }
.topbtn { margin: 30px auto 100px;}
#bread { padding: 10px 0 0;}
#recommend h5 { font-size: 14px; line-height: 140%; overflow: hidden; height: 43px; }
#recommend .tag { min-width: 130px; max-width: 90%; margin: 15px auto; text-align: center; }
#recommend .tag span { font-size: 13px; min-width: 130px; }

/* feature */
#feature { padding: 100px 0 80px; }
#feature .intro { padding: 0 0 60px; }
#feature .media { position: relative; height: 350px; }
#feature .media2 { margin: 50px 0; }
#feature .media img,
#feature .media2 img { width: 400px; }
#feature .media .media-body { width: 400px; height: 270px; padding: 30px; top: 50px; right: 0; }
#feature .media .order-md-1 { left: 0; }
#feature .media .order-md-2 { position: absolute; right: 0; }
#feature .media .media-body span { font-size: 30px; margin: 0 12px 0 0; padding: 0 5px 0 0;  }
#feature .media .media-body span small { font-size: 10px; }
#feature .media .media-body h4 { font-size: 20px; }
#feature .media .media-body p { font-size: 15px; line-height: 200%; padding: 10px 0 0; }

/* service */
#service { padding: 100px 0; }
#service .intro { padding: 0 0 60px; }
#service .card { margin: 0 0 100px; }
#service .card h4 { margin: 0;}
#service .card h4 span { font-size: 30px;}
#service .card .c1 { padding: 120px 0 140px; }
#service .card .c2 { padding: 130px 0 150px; }
#service .card .c3 { padding: 130px 0 150px; }
#service .card .c4 { padding: 130px 0 150px; }
#service .card .c5 { padding: 130px 0 150px; }
#service .card .card-body { padding: 30px; }
#service .card .card-body p { line-height: 200%; padding: 0 0 40px; }
#service .card .card-body h5 { font-size: 24px; padding: 0 0 18px 25px; border-bottom: 1px solid #000; }
#service .card .card-body .check { padding: 30px 0 0; }
#service .card .card-body .check li { width: 50%; min-height: 75px; padding: 0 0 20px 30px; line-height: 170%; }

/* magazine */
#magazine { background-size: 100%; padding: 50px 0; }
#magazine h3 { font-size: 20px; font-family: 'Noto Serif JP', sans-serif; letter-spacing: 1px; }
#magazine h3 span { width: 255px; font-size: 40px; margin: 0 0 10px; }
#magazine p { margin: 0 0 30px; font-size: 14px; }

}

@media (max-width:767px){

.topbtn { margin: 9% auto;}
#recommend { padding: 50px 0; }
#recommend .tag { min-width: 130px; max-width: 90%; margin: 15px auto; text-align: center; }
#recommend .tag span { font-size: 13px; min-width: 130px; }

/* feature */
#feature { padding: 50px 0; }
#feature .intro { padding: 0 0 30px; }
#feature .media { display: block; position: inherit; height: inherit; }
#feature .media img { width: 100%; }
#feature .media2 { margin: 50px 0; }
#feature .media .media-body { display: block; position: inherit; width: 100%; height: inherit; padding: 6%; top: 0; right: 0; }
#feature .media .order-md-1 { left: 0; }
#feature .media .order-md-2 { position: inherit; right: 0; }
#feature .media .media-body span { font-size: 30px; margin: 0 10px 0 0; padding: 0 10px 0 0; }
#feature .media .media-body span small { font-size: 10px; }
#feature .media .media-body h4 { font-size: 18px; }
#feature .media .media-body p { font-size: 14px; line-height: 200%; padding: 10px 0 0; }

/* service */
#service { padding: 50px 0; }
#service .intro { padding: 0 0 30px; }
#service .card { margin: 0 0 40px; }
#service .card h4 { margin: 0;}
#service .card h4 span { font-size: 24px;}
#service .card .c1 { padding: 60px 0 80px; }
#service .card .c2 { padding: 60px 0 80px; }
#service .card .c3 { padding: 60px 0 80px; }
#service .card .c4 { padding: 60px 0 80px; }
#service .card .c5 { padding: 60px 0 80px; }
#service .card .card-body { padding: 30px 30px 10px; }
#service .card .card-body p { font-size: 14px; line-height: 180%; padding: 0 0 30px; }
#service .card .card-body h5 { font-size: 20px; padding: 0 0 10px 10px; border-bottom: 1px solid #000; }
#service .card .card-body .check { padding: 20px 0 0; }
#service .card .card-body .check li { width: 50%; min-height: 65px; padding: 0 0 10px 30px; line-height: 170%; font-size: 14px;}
#service .card .card-body .row { margin: 0 0 0 -15px; }
#service .card .card-body .row h6 { font-size: 14px; }
#service .card .card-body .row .box { height: 120px; margin: 0 0 15px 15px; padding: 10px; }
#service .card .card-body .row .box ul li { font-size: 12px; padding: 0 0 0 1em; text-indent: -1em; }
#service .card .card-body .row .box p { font-size: 12px; padding: 0 0 0 1em; text-indent: -1em; }

/* magazine */
#magazine h3 { font-size: 16px; width: 185px; }
#magazine h3 span { font-size: 27px; width: 185px; margin: 0 0 5px;}
#magazine p { font-size: 14px; margin: 20px 0 15px; }

}

@media (max-width:576px){

.cta { display: none; }
.header-home { padding: 100px 0; }
.header-home h2 { font-size: 20px; }
.header-home h2 span { font-size: 14px; }

#recommend h3 { font-size: 20px; }
#recommend h5 { height: 38px; }	

/* feature */
#feature { padding: 50px 0; }
#feature .intro { padding: 0 0 20px; }
#feature .media { display: block; position: inherit; height: inherit; }
#feature .media img { width: 100%; }
#feature .media2 { margin: 6% 0; }
#feature .media .media-body { display: block; position: inherit; width: 100%; height: inherit; padding: 6%; top: 0; right: 0; }
#feature .media .media-body span { font-size: 30px; margin: 0 5px 0 0; padding: 0 5px 0 0; }
#feature .media .media-body span small { font-size: 10px; }
#feature .media .media-body h4 { font-size: 18px; width: 200px;}
#feature .media .media-body p { font-size: 14px; line-height: 170%; margin: 0; padding: 10px 0 0; }

/* service */
#service { padding: 50px 0; }
#service .intro { padding: 0 0 20px; }
#service .card { margin: 0 0 6%; }
#service .card h4 { margin: 0;}
#service .card h4 span { font-size: 20px;}
#service .card .c1 { padding: 40px 0 60px; }
#service .card .c2 { padding: 40px 0 60px; }
#service .card .c3 { padding: 40px 0 60px; }
#service .card .c4 { padding: 40px 0 60px; }
#service .card .c5 { padding: 40px 0 60px; }
#service .card .card-body { padding: 6%; }
#service .card .card-body p { font-size: 14px; line-height: 180%; padding: 0 0 0px; }
#service .card .card-body h5 { font-size: 16px; padding: 0 0 5px 5px; }
#service .card .card-body .check { padding: 10px 0 0; }
#service .card .card-body .check li { width: 100%; min-height: inherit; padding: 0 0 10px 30px; line-height: 150%; font-size: 14px;}
#service .card .card-body .row { margin: 0; }
#service .card .card-body .row .col-sm-6 { padding: 0; }
#service .card .card-body .row h6 { font-size: 14px; }
#service .card .card-body .row .box { height: inherit; margin: 0 0 6% 0; padding: 15px; }
#service .card .card-body .row .box ul li { font-size: 12px; padding: 0 0 0 1em; text-indent: -1em; }
#service .card .card-body .row .box p { font-size: 12px; padding: 0 0 0 1em; text-indent: -1em; }
#service .card .card-body .list-inline { width: 100%; margin: 0 auto; padding: 3%; }
#service .card .card-body .list-inline li { padding: 0 0 0 1em; text-indent: -1em; font-size: 12px;}
#service .card .card-body .about { padding: 4% 0 0;}

/* magazine */
#magazine { background: #f4f7fa; width: 94%; margin: 0 auto 30px; padding: 6% 0 8%; color: #000;}
#magazine h3 { font-size: 14px; text-align: center;}
#magazine h3 span { width: 170px; border-bottom: solid 2px #000; font-size: 24px; margin: 0 auto 10px; }
#magazine p { font-size: 13px; margin: 20px 0 15px; text-align: center;}
#magazine a.btn { display: block; width: 250px; margin: 0 auto; height: 46px;}
}