@charset "Shift_JIS";
/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#0093d0; text-decoration:underline; }
a:hover{ color:#1face6; text-decoration:underline; }

.btn-box{ color:#333 !important; font-weight:bold; background:#eff970 url(../images_re/arrow_sharp_black.png) right 18px center / 6px 12px no-repeat; }


/* map **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.map .inner{ padding:0 0 20px; }
.map .pic img{ max-width:517px; width:100%; height:auto; }


/* page title **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.page-title{ background:#eee; }
.page-title .wrap{ height:150px; padding-top:20px; }

.company .page-title .wrap{ background:url(../images_re/page_title_company_bg.jpg) right top / 518px 150px no-repeat; }
.disc .page-title .wrap{ background:url(../images_re/page_title_disc_bg.jpg) right top / 518px 150px no-repeat; }
.seminar .page-title .wrap{ background:url(../images_re/page_title_seminar_bg.jpg) right top / 518px 150px no-repeat; }
.leadership .page-title .wrap{ background:url(../images_re/page_title_leadership_bg.jpg) right top / 518px 150px no-repeat; }
.oas .page-title .wrap{ background:url(../images_re/page_title_oas_bg.jpg) right top / 518px 150px no-repeat; }
.solutions .page-title .wrap{ background:url(../images_re/page_title_solutions_bg.jpg) right top / 518px 150px no-repeat; }
.newsletter .page-title .wrap{ background:url(../images_re/page_title_newsletter_bg.jpg) right top / 518px 150px no-repeat; }
.partner .page-title .wrap{ background:url(../images_re/page_title_partner_bg.jpg) right top / 518px 150px no-repeat; }
.events .page-title .wrap{ background:url(../images_re/page_title_events_bg.jpg) right top / 518px 150px no-repeat; }
.topics .page-title .wrap{ background:url(../images_re/page_title_topics_bg.jpg) right top / 518px 150px no-repeat; }
.copyright .page-title .wrap{ background:url(../images_re/page_title_copyright_bg.jpg) right top / 518px 150px no-repeat; }
.sitemap .page-title .wrap{ background:url(../images_re/page_title_sitemap_bg.jpg) right top / 518px 150px no-repeat; }
.contact .page-title .wrap{ background:url(../images_re/page_title_contact_bg.jpg) right top / 518px 150px no-repeat; }
.recruit .page-title .wrap{ background:url(../images_re/page_title_recruit_bg.jpg) right top / 518px 150px no-repeat; }

.page-title .title{ color:#003764; font-size:44px; font-weight:bold; }
.page-title .title sup{ font-size:30px; bottom:10px; }
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.page-title .title sup{ bottom:14px; } /*IE*/
}
.page-title .en{ color:#0093d0; font-weight:bold; margin-bottom:0; }


/* page link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.page-link li{ float:left; width:calc(100% / 5 - 16px); width:-webkit-calc(100% / 5 - 16px); margin-top:10px; }
.page-link li:not(:nth-of-type(5n+1)){ margin-left:20px; }
.page-link li a{ display:block; color:#333; text-decoration:none; text-align:center; border-bottom:solid 2px #333;  padding:10px 0; line-height:1.4; transition:all 0.25s; }
.page-link li a:hover , .page-link li a.active{ color:#0093d0; border-bottom:solid 2px #0093d0; }

.page-link li.lss{ letter-spacing:-1px; }


/* sbt **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sbt-bar-red{ color:#fff; background:#940b1d; margin-top:20px; padding:8px 20px; }
.sbt-bar-blue{ color:#fff; background:#aed5de; margin-top:20px; padding:8px 20px; }
.sbt-bar-gray{ color:#333; background:#ededed; margin-top:20px; padding:8px 20px; font-weight:bold; }
.sbt-line{ border-bottom:solid 1px #e6e6e6; font-size:18px; font-weight:bold; margin-top:15px; padding:8px 0; line-height:1.4; }
.sbt-detail{ font-weight:bold; border-bottom:solid 1px #e6e6e6; background:url(../images_re/listmark_blue_bar.png) left bottom 11px / 14px 2px no-repeat; margin-bottom:10px; padding:0 0 5px 24px; }


/* table **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
table.normal{ width:100%; }
table.normal th , table.normal td{ border-bottom:solid 1px #e6e6e6; vertical-align:top; }
table.normal th{ width:200px; background:url(../images_re/listmark_blue_bar.png) 20px 30px / 14px 2px no-repeat; font-weight:bold; padding:18px 15px 12px 42px; }
table.normal td{ padding:18px 15px 12px 15px; }
table.normal td ol{ margin-left:16px; }
table.normal td ul.introduce li{ float:left; margin-right:15px; }

/* 旧サイトから引き継ぎ */
table.tblist{ width:100%; }
table.tblist p{ margin:0; }
table.tblist td{ border:solid 1px #ccc; border-bottom:none; vertical-align:top; padding:10px 20px; }
table.tblist td.txtleft{ width:200px; background:#eee; border-right:none; font-weight:bold; vertical-align:middle; }
table.tblist td.txtright2{ border-top:none; padding:0 20px 10px; }
table.tblist tr:last-of-type td{ border-bottom:solid 1px #ccc; }
table.tblist .abstxt{ color:#a1001e; }
/**/


/* list **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
ul.dott1 li{ background:url(../images_re/circle_blue.png) left 8px / 6px no-repeat; padding-left:13px; }
ul.dott2 li{ background:url(../images_re/square_gray.png) left 8px / 6px no-repeat; padding-left:13px; }
ul.arrow li{ background:url(../images_re/arrow_blue.png) left 7px / 5px 8px no-repeat; padding-left:13px; }
ul.pdf li{ background:url(../images_re/pdf.png) left 2px / 19px 24px no-repeat; padding:3px 0 3px 28px; }


/* info box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.info-box{ color:#fff; background:#363636; margin-top:20px; padding:20px 0; }
.info-box dl{ display:table; }
.info-box dt{ display:table-cell; width:175px; background:url("../images_re/listmark_blue_bar.png") center calc(50% + 15px) / 14px 2px no-repeat; border-right:solid 1px #000; text-align:center; vertical-align:middle; }
.info-box dd{ display:table-cell; width:825px; padding:0 35px; }
.info-box dd .info-con{ color:#333; background:#eee; padding:15px 25px; }
.info-box a{ color:#fff; }
.info-box dd .info-con a{ color:#0093d0; }
.info-box dd .info-con a:hover{ color:#1face6; }


/* pic box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.inline-pic-box{ margin-top:20px; }
.inline-pic-box .pic{ float:left; margin-right:40px; }
.inline-pic-box .txt{ float:left; width:calc(100% - 300px); width:-webkit-calc(100% - 300px); } /* pic が 260px と仮定したときの計算 */

table.normal-pic-box{ margin-top:20px; }
table.normal-pic-box td{ vertical-align:top; }
table.normal-pic-box .pic{ width:200px; text-align:center; padding-right:40px; }

.pic-right-box .pic-right{ float:right; width:260px; margin:55px 0 0 50px; }
.pic-right-box .pic-left{ float:left; width:690px; }


/* detail box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.detail-box{ border:solid 1px #e6e6e6; margin-top:20px; padding:15px 20px; }

.connect{ margin-top:20px; }
.connect dt{ float:left; font-weight:bold; margin-right:10px; }
.connect dd{ float:left; }


/* movie ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* oas */
.movie-deco{ background:#f7f7f7; border:solid 1px #e6e6e6; max-width:500px; width:100%; padding:10px 10px 3px; margin:0 auto; }

/* recruit */
.yt{ max-width:560px; width:100%; margin:0 auto; }


/* login **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.login-frm li:not(:first-child){ margin-top:10px; }
.login-frm .ipt span{ float:left; }

.company .login-frm .ipt span:first-child{ width:80px; }
.company .login-frm .ipt span:last-child{ width:calc(100% - 80px); width:-webkit-calc(100% - 80px); }
.company .login-frm .ipt span:last-child input{ width:450px; }
.company .login-frm .save{ margin-left:80px; }

.newsletter .login-frm .ipt span:first-child{ width:105px; }
.newsletter .login-frm .ipt span:last-child{ width:calc(100% - 105px); width:-webkit-calc(100% - 105px); }
.newsletter .login-frm .ipt span:last-child input{ width:425px; }
.newsletter .login-frm .save{ margin-left:105px; }

.login-frm .info-con input[type="submit"]{ width:130px; position:absolute; top:25px; right:40px; }
.login-frm .link{ color:#fff; }
.login-frm .link a{ color:#fff; text-decoration:none; background:url(../images_re/arrow_white.png) left center / 5px 8px no-repeat; padding-left:12px; }


/* company **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.company .table-fl table{ width:500px; float:left; }
.company .table-fl .pic{ width:450px; float:right; margin-top:50px; }


/* disc **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.disc-graph{ float:right; margin:0 50px 20px 20px; }

.disc-list dl{ padding-left:90px; }
.disc-list dl:nth-child(1){ background:url(../images_re/whatsdisc_d.png) left top / 62px no-repeat; }
.disc-list dl:nth-child(2){ background:url(../images_re/whatsdisc_i.png) left top / 62px no-repeat; }
.disc-list dl:nth-child(3){ background:url(../images_re/whatsdisc_s.png) left top / 62px no-repeat; }
.disc-list dl:nth-child(4){ background:url(../images_re/whatsdisc_c.png) left top / 62px no-repeat; }

.disc-list dt{ font-size:18px; font-weight:bold; }
.disc-list dt span{ color:#0093d0; font-size:20px; margin-right:20px; }


/* seminar **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.seminar .step{ justify-content:space-between; }
.seminar .step .step-list{ width:310px; }
.seminar .step .step-list .txt{ border:solid 1px #e6e6e6; padding:10px 15px; margin:20px 0 0; }

.seminar .style-title{ font-size:20px; font-weight:bold; }
.seminar .style-title span{ font-size:18px; margin-left:10px; }
.seminar .style-d{ color:#90c58f; }
.seminar .style-i{ color:#f59a87; }
.seminar .style-s{ color:#82b7d6; }
.seminar .style-c{ color:#e9b34b; }
.seminar .style-box{ border:solid 1px #e6e6e6; padding:20px; margin-top:10px; }
.seminar .style-box .pic{ float:right; width:280px; }
.seminar .style-box .txt{ float:left; width:640px; }
.seminar .style-box .txt dt{ font-weight:bold; border-bottom:solid 1px #e6e6e6; padding:0 0 8px 22px; }
.seminar .style-box .txt .merit dt{ background:url("../images_re/listmark_blue_bar.png") left bottom 12px / 14px 2px no-repeat; }
.seminar .style-box .txt .demerit dt{ background:url("../images_re/listmark_red_bar.png") left bottom 12px / 14px 2px no-repeat; }
.seminar .style-box .txt .taisaku dt{ background:url("../images_re/listmark_green_bar.png") left bottom 12px / 14px 2px no-repeat; }
.seminar .style-box .txt dd{ margin-top:10px; }
.seminar .style-box .txt .merit dd li{ background:url(../images_re/circle_blue.png) left 8px / 6px no-repeat; padding-left:13px; }
.seminar .style-box .txt .demerit dd li{ background:url(../images_re/circle_red.png) left 8px / 6px no-repeat; padding-left:13px; }
.seminar .style-box .txt .taisaku dd li{ background:url(../images_re/circle_green.png) left 8px / 6px no-repeat; padding-left:13px; }

.voice li{ display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; min-height:36px; background:url("../images_re/listmark_voice.png") left top / 36px no-repeat; padding:0 0 0 50px; }
.voice li{ margin-top:8px; }


/* newsletter **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.nl-box{ border:solid 1px #e6e6e6; padding:15px 20px; }
.nl-box .pic{ float:left; width:160px; text-align:center; margin-right:20px; }
.nl-box .txt{ float:left; width:calc(100% - 160px - 20px); width:-webkit-calc(100% - 160px - 20px); }
.nl-box .title , .nl-box ul{ float:left; }
.nl-box ul{ margin:4px 0 0 40px; }

.nl-box .nl-con{ height:190px;  padding-right:20px; }
.nl-box .nl-con dt{ background:url(../images_re/circle_blue.png) left 8px / 6px no-repeat; padding-left:13px; }
.nl-box .nl-con dd{ background:url(../images_re/square_gray.png) 14px 8px / 6px no-repeat; padding-left:28px; }

/* number */
.number{ background:#eee; padding:10px 8px 10px 15px; }
.number li{ float:left; width:calc(100% / 20 - 7px); width:-webkit-calc(100% / 20 - 7px); margin:5px 0 0 7px; }
.number li:nth-child(20n + 1){ margin-left:0; }
.number li a{ display:block; width:100%; height:30px; color:#333; text-decoration:none; text-align:center; background:#fff; border:solid 1px #ccc; border-radius:3px; padding-top:2px; }


/* casestudies **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.case-box{ border:solid 1px #e6e6e6; padding:15px 20px; }
.case-box .title{ float:left; width:450px; margin-right:20px; }
.case-box .agenda{ line-height:1.4; }
.case-box .txt{ float:left; width:calc(100% - 450px - 20px); width:-webkit-calc(100% - 450px - 20px); }
.case-box .no{ background:#f7f7f7; border:1px solid #e6e6e6; padding:3px 10px 2px; }
.case-box .connect{ border-top:solid 1px #e6e6e6; padding-top:15px; margin-top:-5px; }

.case-box .case-con{ height:190px;  padding-right:20px;}
.case-box .case-con dt{ background:url(../images_re/circle_blue.png) left 8px / 6px no-repeat; font-weight:bold; padding-left:13px; }

/* number */
.case-num .number{ float:left; width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px); }
.case-num .number:first-child{ margin-right:10px; }
.case-num .number li{ float:left; width:calc(100% / 10 - 7px); width:-webkit-calc(100% / 10 - 7px); }
.case-num .number li:nth-child(10n + 1){ margin-left:0; }


/* faq **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.faq-list li{ background:url(../images_re/faq_q.png) 20px 12px / 16px 22px no-repeat; border-bottom:solid 1px #e6e6e6; padding:12px 10px 10px 55px; }
.faq-ans{ margin-top:30px; }


/* sitemap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sitemap-list li{ background:url(../images_re/listmark_blue_bar.png) 20px 14px / 14px 2px no-repeat; padding:0 10px 0 45px; }
.sitemap-list li:not(:first-child){ margin-top:5px; }


/* contact ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contact-btn.btn2{ width:640px; margin:0 auto; }
.contact-btn.btn3{ width:980px; margin:0 auto; }
.contact-btn li{ float:left; }
.contact-btn li:not(:first-child){ margin-left:40px; }

.contact-btn li a{ display:block; width:300px; height:180px; color:#333; border:solid 2px #0093d0; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center; text-decoration:none; position:relative; transition:all 0.25s; }
.contact-btn li a span{ position:absolute; top:105px; left:0; right:0; z-index:10; }
.contact-btn li a:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:0; border-right:90px solid transparent; border-bottom:90px solid #f2f2f2; transition:all 0.25s; }
.contact-btn li.bgn a{ background:#fff url(../images_re/contact_btn_bgn.png) center 35px / 70px 60px no-repeat; }
.contact-btn li.ex a{ background:#fff url(../images_re/contact_btn_ex.png) center 35px / 70px 60px no-repeat; }
.contact-btn li.order a{ background:#fff url(../images_re/contact_btn_order.png) center 35px / 70px 60px no-repeat; }
.contact-btn li.chg a{ background:#fff url(../images_re/contact_btn_chg.png) center 35px / 70px 60px no-repeat; }
.contact-btn li.other a{ background:#fff url(../images_re/contact_btn_other.png) center 35px / 70px 60px no-repeat; }
.contact-btn li a:hover{ background-color:#e6f3f8; }
.contact-btn li a:hover:after{ display:none; }


/* recruit ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.recruit .pic-list li{ float:left; }
.recruit .pic-list li:nth-child(n+2){ margin:0 0 0 15px; }


/* topics ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.topics .txt p{ margin-bottom:10px; }
.topics .txt p:last-child{ margin-bottom:0; }


/* conversation ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.conversation p{ font-size:17px; margin-bottom:40px; }
/*.conversation p sup{ font-size:17px; }*/
.conversation .cvs-title{ font-size:28px; text-align:center; margin:60px 0 15px; }
.conversation .cvs-part{ font-size:24px; text-align:center; margin:0 0 60px; line-height:1.5; }
.conversation .cvs-lead{ width:820px; margin:0 auto; }
.conversation .cvs-thumb{ margin:60px 0 0; }
.conversation .cvs-pic{ text-align:center; margin:60px 0; }
.conversation .cvs-caption{ text-align:center; margin:-50px 0 60px; }
.conversation .cvs-sbt{ color:#920638; font-size:28px; text-align:center; margin:60px 0; }
.conversation .cvs-sbt sup{ font-size:28px; }
/*@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.conversation p sup{ bottom:4px; }
.conversation .cvs-sbt sup{ bottom:4px; } IE
}*/
.conversation .cvs-profile{ margin:-30px 0 60px; padding-bottom:50px; position:relative; }
.conversation .cvs-profile p{ font-size:14px; margin-bottom:10px; }
.conversation .cvs-profile:after{ display:block; content:""; width:60px; height:1px; background:#920638; position:absolute; bottom:0; left:calc(50% - 30px); left:-webkit-calc(50% - 30px); }

.conversation .cvs-page-btn{ display:flex; align-items:center; width:430px; height:80px; color:#333; text-decoration:none; background:url(../images_re/arrow_sharp_red.png) right 15px center / 6px 12px no-repeat; border:solid 1px #ccc; margin:60px auto 40px; padding:5px 15px 5px 5px; transition:0.2s all; }
.conversation .cvs-page-btn:hover{ border:solid 1px #940b1d; }
.conversation .cvs-page-btn span{ font-size:14px; line-height:1.5; padding:5px 10px; }



/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* map **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.map .inner{ padding:0 20px 20px; }


/* page title **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.page-title .wrap{ height:120px; padding-top:15px; background-size:414px 120px !important; }

.page-title .title{ font-size:34px; }
.page-title .title sup{ font-size:22px; }


/* pankuzu **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pankuzu{ font-size:12px; }
/*.pankuzu sup{ font-size:12px; }*/


/* page link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.page-link li{ float:left; width:100%; margin-top:5px; }
.page-link li:not(:nth-of-type(5n+1)){ margin-left:0; }
.page-link li a{ text-align:left; padding:10px 15px; }

.page-link li.lss{ letter-spacing:0; }


/* sbt **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sbt-bar{ padding:8px 15px; }
.sbt-bar-red , .sbt-bar-blue , .sbt-bar-gray{ padding:8px 15px; }


/* table **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
table.normal th{ width:25%; background-position:10px 25px !important; padding:13px 10px 7px 32px; }
table.normal td{ padding:13px 10px 7px 10px; }

/* 旧サイトから引き継ぎ */
table.tblist td{ display:block; padding:10px; }
table.tblist td.txtleft{ width:100%; border-right:solid 1px #ccc; }
table.tblist td.txtright{ width:100%; }
table.tblist td:last-of-type{ border-top:none; }
table.tblist tr:last-of-type td:first-of-type{ border-bottom:none; }
/**/


/* info box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.info-box{ padding:20px; }
.info-box dl{ display:inherit; }
.info-box dt{ display:inherit; width:100%; background-position:center bottom 15px; border-right:none; border-bottom:solid 1px #000; padding-bottom:20px; }
.info-box dd{ display:inherit; width:100%; padding:15px 0 0; }
.info-box dd .info-con{ padding:15px; }


/* pic box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.inline-pic-box .pic{ float:none; max-width:400px; width:100%; height:150px; position:relative; overflow:hidden; margin:0 auto 20px; }
.inline-pic-box .pic img{ width:100%; height:auto; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.inline-pic-box .txt{ float:none; width:100%; }

table.normal-pic-box{ width:100%; }
table.normal-pic-box td{ display:block; }
table.normal-pic-box .pic{ width:100%; padding-right:0; margin-bottom:20px; }

.pic-right-box .pic-right{ float:none; width:100%; margin:20px 0 0 0; }
.pic-right-box .pic-right img{ max-width:560px; width:100%; height:auto; }
.pic-right-box .pic-left{ float:none; width:100%; }


/* detail box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.detail-box ul , .detail-box li{ float:none; margin-left:0 !important; }


/* movie ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* oas */
.movie-deco{ padding:10px; }

/* whatsdisc */
/*.movie-frame #vidyard_span_Uuzwvnn915iNcGUMh2o9KQ , .movie-frame #playlist_container , .movie-frame .player-wrapper{ position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; }*/


/* login **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.login-frm .ipt span:last-child input{ width:100% !important; }
.login-frm .info-con  input[type="submit"]{ display:block; width:200px; position:inherit; margin:10px auto 0; }
.login-frm .save{ margin-left:0 !important; }
.login-frm .link{ text-align:center; }


/* company **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.company .table-fl table{ width:100%; float:none; }
.company .table-fl .pic{ width:100%; float:none; margin-top:30px; }
.company .table-fl .pic img{ width:100%; height:auto; }


/* disc **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.disc-graph{ float:none; text-align:center; margin:0 0 20px 0; }

.disc-list dl{ padding-left:60px; background-size:42px !important; }
.disc-list dt img{ width:auto; height:18px; }


/* seminar **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.seminar .step{ display:block; }
.seminar .step .step-list{ width:100%; text-align:center; }
.seminar .step .step-list img{ max-width:310px; width:100%; height:auto; }
.seminar .step .step-list .txt{ text-align:left; margin:20px 0; }

.seminar .style-box .pic{ float:none; width:100%; text-align:center; margin-bottom:20px; }
.seminar .style-box .pic img{ max-width:240px; width:100%; height:auto; }
.seminar .style-box .txt{ float:none; width:100%; }
.seminar .style-title span{ display:block; margin-left:0; }


/* newsletter **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.nl-box{ padding:10px; }
.nl-box .pic{ float:none; width:100%; margin-right:0; }
.nl-box .txt{ float:none; width:100%; margin-top:10px; }
.nl-box .title , .nl-box ul{ float:none; }
.nl-box ul{ margin:0; }

.nl-box .nl-con{ height:170px; }

/* number */
.number{ padding:10px 3px 10px 10px; }
.number li{ width:calc(100% / 10 - 7px); width:-webkit-calc(100% / 10 - 7px); }
.number li:nth-child(20n + 1){ margin-left:7px; }
.number li:nth-child(10n + 1){ margin-left:0; }


/* casestudies **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.case-box{ padding:13px 10px 10px; }
.case-box .title{ float:none; width:100%; margin-right:0; }
.case-box .txt{ float:none; width:100%; }
.case-box .connect{ border-top:solid 1px #e6e6e6; margin-bottom:15px; }

.case-box .case-con{ max-height:175px; }

/* number */
.case-num .number{ float:none; width:100%; }
.case-num .number:first-child{ margin:0 0 10px 0; }


/* faq **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.faq-list li{ background-position:10px 14px; background-size:12px 17px; padding:12px 10px 10px 35px; }


/* sitemap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sitemap-list li{ background-position:10px 14px; padding:0 10px 0 35px; }


/* contact ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contact-btn{ width:100% !important; }
.contact-btn li{ float:none; }
.contact-btn li:not(:first-child){ margin:10px 0 0 0; }

.contact-btn li a{ width:100%; height:100px; background-position:center 12px !important; background-size:55px !important; }
.contact-btn li a span{ top:60px; }
.contact-btn li a:after{ border-right-width:70px; border-bottom-width:70px; }
.contact-btn li a:hover:after{ border-bottom-width:70px !important; }


/* recruit ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.recruit .pic-list{ text-align:center; }
.recruit .pic-list li{ float:none; }
.recruit .pic-list li:last-child{ margin:15px 0 0 0; }


/* conversation ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.conversation p{ margin-bottom:30px; }
.conversation .cvs-title{ font-size:24px; line-height:1.5; margin:40px 0 15px; }
.conversation .cvs-part{ font-size:21px; margin:0 0 40px; }
.conversation .cvs-lead{ width:100%; }
.conversation .cvs-thumb img , .conversation .cvs-pic img{ width:100%; }
.conversation .cvs-thumb{ margin:40px 0 0; }
.conversation .cvs-pic{ margin:40px 0; }
.conversation .cvs-caption{ font-size:15px; }
.conversation .cvs-sbt{ font-size:24px; line-height:1.5; margin:40px 0; }
.conversation .cvs-profile{ margin:-20px 0 40px; padding-bottom:30px; }

.conversation .cvs-page-btn{ max-width:400px; width:100%; height:auto; margin:40px auto 30px; }
.conversation .cvs-page-btn span{ font-size:12px; }

}

@media screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: +72dpi) {
.page-title .title sup{ bottom:11px; } /*IE*/
}


/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* page title **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.page-title .wrap{ padding-top:28px; background-position:right -70px top !important; }
.disc .page-title .wrap{ background-position:right -50px top !important; }

.page-title .title{ font-size:24px; }
.page-title .title sup{ font-size:19px; bottom:4px; }
.page-title .en{ font-size:12px; }


/* table **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
table.normal th{ width:30%;  }
table.normal td ul.introduce li{ float:none; margin-right:0; }


/* inline pic box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.oas .normal-pic-box .float-box ul{ float:none; margin:10px 0 0 !important; }


/* newsletter **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* number */
.number{ padding:10px 3px 10px 10px; }
.number li{ width:calc(100% / 10 - 7px); width:-webkit-calc(100% / 10 - 7px); }
.number li:nth-child(20n + 1){ margin-left:7px; }
.number li:nth-child(10n + 1){ margin-left:0; }

/* newsletter & casestudies */
.number li{ width:calc(100% / 8 - 7px) !important; width:-webkit-calc(100% / 8 - 7px) !important; }
.number li:nth-child(10n + 1){ margin-left:7px !important; }
.number li:nth-child(8n + 1){ margin-left:0 !important; }

}

@media screen and (max-width: 414px) and (min-width: 0\0) and (min-resolution: +72dpi) {
.page-title .title sup{ bottom:6px; } /*IE*/
}