@charset "utf-8";
body,
table, caption, thead, tbody, tfoot, tr, th, td,
dl, dt, dd, ul, ol, li,
header, main, footer,
h1, h2, h3, h4, h5, h6,
img, br, hr, pre,
form, input, button, textarea, select, option, label,
div, p, span {
margin: 0;
padding: 0;
}
li { list-style-type: none; }
table { border-collapse: collapse; }
header, main, footer, section { display: block; }
* {
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
/* body { background-color: #f0f0f0; } */
body { background-color: #fff; min-width: 320px; }
body, pre, input, textarea, button, select, label { font-size: 100%; font-family: 'Noto Sans Japanese', 'Noto Sans JP', helvetica, arial, 'hiragino kaku gothic pro', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'Osaka', sans-serif; font-weight: 200; color: #1d1d1d; }
a { color: #005486; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
/* Webフォント
------------------------------ */
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 200;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
font-display: swap;
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
font-display: swap;
}
/* ボタン */
/* inputにafter/before無い */
main a.btn, main form button { font-weight: normal; font-size: 18px; display: block; width: 50%; height: 56px; line-height: 52px; margin: 0 auto 30px auto; background-color: #fff; color: #1d1d1d; text-align: center; border: solid 3px #1d1d1d; text-decoration: none; position: relative; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
main a.btn.back::before, main form button.back::before { display: inline-block; content: ''; width: 0; height: 0; border-top: 11px solid transparent; border-left: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 11px solid #1d1d1d; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; position: relative; top: 0.25em; margin-right: 0.64em; }
main a.btn.back::after, main form button.back::after { display: none; }
main a.btn::after, main form button::after { display: block; content: ''; width: 0; height: 0; border-top: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #1d1d1d; transform: rotate(45deg); position: absolute; bottom: -8px; right: -8px; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
main a.btn:hover, main form button:hover { color: #fff; border-color: #005486; background-color: #005486; }
main a.btn:hover::after, main form button:hover::after { border-color: transparent transparent transparent #fff; border-width: 18px; bottom: -14px; right: -14px; }
main a.btn.back:hover::before, main form button.back:hover::before { border-color: transparent #fff transparent transparent; margin-right: 1.64em; }
main .btn.back.momo { background: url(../img/momo2.png) bottom -56px left 0rem / contain no-repeat; }
main .btn.back.momo:hover { background: url(../img/momo2.png) top left 0rem / contain no-repeat; border-color: #ee9125; background-color: #ee9125; }
main a.btn.left { margin-left: 0; }
main a.btn.right { margin-right: 0; }
main a.btn.mini { width: 30%; }
main .btnBox { display: flex; width: 50%; justify-content: space-around; margin: auto; }
main .btnBox.wide { width: 80%; }
main .btnBox.center { justify-content: center; }
main .btnBox a.btn, main .btnBox form button { width: 48%; margin: 30px 0; }
main #movie a.btn { margin-bottom: 0; background-color: #ee9125; text-align: center; border: solid 3px #323232; }
@media screen and (max-width: 720px){
main a.btn, main form button { width: calc(100% - 2em); font-size: 14px; height: 48px; line-height: 44px; }
main a.btn.right { margin-right: auto; }
main .btnBox { width: 100%; }
main .btnBox.wide { width: 100%; }
main a.btn.mini { width: 60%; }
main a.reason { width: calc(100% - 2em); font-size: 14px; }
}
/*----------------------------------------------------------------------------------*/
/*薬剤師セミナー：ヘッダ*/
/*----------------------------------------------------------------------------------*/
/*header { position: fixed !important; z-index: 5000 !important; top: 0; left: 0; width: 100%; height: 96px; background-color: rgba(255, 255, 255, 0.92); overflow: hidden; min-width: 265px; }*//*ヘッダー固定時*/
header { width: 100%; height: 96px; background-color: rgba(255, 255, 255, 0.92); min-width: 265px; }
header #logo_eps { position: absolute; top: 31px; left: 32px; display: block; width: 78px; }
header #logo_eps a { display: block; }
header #logo_eps img { width: 100%; }
header #logo_epl { display: block; text-align: right; margin-right: 32px; line-height: 1; white-space: nowrap; }
header #logo_epl a { display: inline-block; height: 14px; color: #000; text-decoration: none; font-size: 14px; font-weight: 500; }
header #logo_epl img { height: 100%; margin-left: 0.32em; display: inline-block; }
/*header .tel_epl { display: block; text-align: right; margin: 8px 32px 0 0 !important; line-height: 1; font-weight: 500; }*//*ヘッダー固定時*/
header .tel_epl { display: block; text-align: right; margin: 0 32px 0 0 !important; padding-top: 8px; line-height: 1; font-weight: 500; }
header .tel_epl .tel_label { display: inline-block; font-size: 1.16em; vertical-align: middle; }
header .tel_epl .tel_number { display: block; font-size: 2.35em; text-decoration: none; color: #000; letter-spacing: 1px; font-weight: normal;}
header .tel_epl .tel_number::before { display: inline-block; width: 48px; height: 29px; content: ''; background-image: url(../../img/header_freedial.png); background-repeat: no-repeat; background-size: cover; background-position: center; margin-right: 0.24em; }
header .tel_epl .tel_time { display: inline-block; font-weight: normal; font-size: 0.72em; letter-spacing: 1px; }
@media screen and (max-width: 720px){
header { height: 56px; }
header #logo_eps { top: 18px; left: 16px; width: 54px; }
header #logo_epl { position: absolute; top: 18px; right: 16px; width: 176px; margin: 0; }
header #logo_epl img { width: 100%; height: auto; }
header #logo_epl span { display: none !important; }
header .tel_epl { display: none !important; }
}
/* パンくず
------------------------------ */
.breadcrumb { width: 100%; height: 36px; margin: 0; font-size: 0.72em; letter-spacing: 1px; overflow: hidden; }
.breadcrumb li { float: left; max-width: 20%; }
.breadcrumb li a { display: block; height: 36px; line-height: 36px; text-decoration: none; color: #fff; padding: 0 40px 0 16px; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumb li.bis, .breadcrumb li.bis a { color: #7cbeef; }
.breadcrumb li.dis, .breadcrumb li.dis a { color: #ffb762; }
.breadcrumb li.bpo, .breadcrumb li.bpo a { color: #a2d4f9; }
.breadcrumb li.mcp, .breadcrumb li.mcp a { color: #35a95b; }
.breadcrumb li.mds, .breadcrumb li.mds a { color: #ffe789; }
.breadcrumb li.hcs, .breadcrumb li.hlc a { color: #ffe789; }
.breadcrumb li a span.arrow { display: block; width: 22px; height: 36px; position: absolute; top: 0; right: 0; overflow: hidden; }
.breadcrumb li a span.arrow::after { display: block; content: ''; width: 25px; height: 25px; transform: rotate(45deg); outline: solid 3px #fff; position: absolute; top: 0; bottom: 0; left: -12px; margin: auto; }
.breadcrumb li a { background-color: #1d1d1d; }
.breadcrumb li a span.arrow::after { background-color: #1d1d1d; }
.breadcrumb li a span.arrow { background-color: #1d1d1d; }
.breadcrumb li:last-child a span.arrow { background-color: #fff; }
@media screen and (max-width: 768px) {
.breadcrumb {
display: none;
}
}
/*----------------------------------------------------------------------------------*/
/*薬剤師セミナー：メイン*/
/*----------------------------------------------------------------------------------*/
/*main { padding-top: 96px !important; padding-bottom: 64px; }*//*ヘッダー固定時*/
main { padding-top: 0 !important; padding-bottom: 64px; }
main #title_banner img { width: 100%; vertical-align: bottom; }
@media screen and (max-width: 1080px){
main article { padding: 0 1em; }
}
@media screen and (max-width: 640px){
main article { padding: 0; }
}
#yaku_sem h1.triangle { margin: 0.64em 0; font-size: 1.6rem; }
#yaku_sem { width: 100%; max-width: 1080px; margin: 0 auto; padding-top: 0; }
#yaku_sem #yaku_sheet { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 11000; margin: auto; width: 100%; height: 100%; background-color: #000; opacity: 0.5; }
#yaku_sem #yaku_profile { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 11001; margin: auto; width: 100%; max-width: 640px; height: 64%; overflow-y: scroll; padding: 1.64em; background-color: #fff; }
#yaku_sem #yaku_profile .teacher_img { float: left; display: block; overflow: hidden; width: 100%; max-width: 180px; margin: 0 1em 1em 0; }
#yaku_sem #yaku_profile .teacher_img img { width: 100%; padding: 0; border: solid 1px #ccc; }
#yaku_sem #yaku_profile .teacher_name { display: block; font-size: 1.64em; padding-top: 1.64em; }
#yaku_sem #yaku_profile .teacher_name span { display: inline-block; font-size: 0.72em; }
#yaku_sem #yaku_profile .teacher_job { display: block; }
#yaku_sem #yaku_profile .teacher_history { display: block; letter-spacing: 1px; line-height: 1.8; }
#yaku_sem #yaku_profile .btn_close_profile { display: block; width: 50%; margin: 1em auto 0; text-align: center; text-decoration: none; border: solid 1px #323232; color: #323232; font-size: 0.8em; margin-top: 2.4em; padding: 0.64em 1.64em; letter-spacing: 3px; }
#yaku_sem .yaku_sem_read { text-align: center; font-size: 1.16em; margin-bottom: 1.64em; }
#yaku_sem .yaku_box_title { position: relative; text-align: center; font-size: 1.32em; font-weight: 400; margin: 1.64em 0 0.64em; }
#yaku_sem .yaku_box_title::before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ''; display: block; background-color: #323232; width: 100%; height: 8px; }
#yaku_sem .yaku_box_title span { position: relative; display: inline-block; background-color: #323232; color: #fff; padding: 0.32em 1.64em; border-radius: 5px; }
#yaku_sem .yaku_box_title.new::before { background-color: #EE9125; }
#yaku_sem .yaku_box_title.new span { background-color: #EE9125; }
#yaku_sem .yaku_box_title.past::before { background-color: #323232; }
#yaku_sem .yaku_box_title.past span { background-color: #323232; }
#yaku_sem .yaku_box { position: relative; background-color: #fff; border-style: solid; border-width: 0 2px 2px 2px; border-color: #323232; margin-bottom: 1.64em; padding: 0 1.64em 1.64em 1.64em; }
#yaku_sem .yaku_box h1 { font-size: 1.8em; line-height: 1.4; font-weight: 400; margin-bottom: 1em; }
/*#yaku_sem .yaku_box.new h1 { font-size: 2em;}*/
#yaku_sem .yaku_box.new h1.live::before { content: 'LIVE'; display: inline-block; width: 64px; height: 28px; line-height: 28px; text-align: center; border: double 8px #fff; color: #fff; background-color: #EE9125; margin-right: 0.24em; font-size: 0.48em; letter-spacing: 1px; font-weight: 600; vertical-align: bottom; border-radius: 8px; }
#yaku_sem .yaku_box h1 .sub_title { display: block; padding-left: calc(48px + 20px + 0.24em); font-size: 0.72em; }
#yaku_sem .yaku_box h1 br { display: none; }
#yaku_sem .yaku_box h1 br.block { display: block; }
#yaku_sem .yaku_box .label { float: left; overflow: hidden; display: inline-block; width: 120px; background-color: #323232; color: #fff; text-align: center; height: 48px; line-height: 48px; margin-right: 1.64em; vertical-align: bottom; }
#yaku_sem .yaku_box .label.two { height: inherit; line-height: 1.5; padding: 10px 0; }
#yaku_sem .text_box { overflow: hidden; }
#yaku_sem .yaku_box .numbering { margin: 0px -1.64em 1.64em; min-height: 40px; padding: 5px; display: flex; justify-content: center; align-items: center; background-color: #323232; color: #fff; font-weight: 400; }
#yaku_sem .yaku_box.new .numbering { background-color: #EE9125; }
#yaku_sem .yaku_box .numbering span { }
#yaku_sem .yaku_box .title_box { margin-bottom: 0.64em; }
#yaku_sem .yaku_box .date_box { margin-bottom: 0.64em; }
#yaku_sem .yaku_box .date_box .body { display: inline-block; font-size: 1.24em; font-weight: 400; letter-spacing: 2px; line-height: 48px; }
#yaku_sem .yaku_box.new .date_box .body { font-size: 1.48em; line-height: 1.2; }
#yaku_sem .yaku_box .date_box .body .b { font-size: 1.48em; letter-spacing: 0; }
#yaku_sem .yaku_box .date_box .body .time { display: inline-block; margin-left: 0.64em; }
#yaku_sem .yaku_box .date_box .body .faq { display: inline-block; font-size: 0.8em; }
#yaku_sem .yaku_box .teacher_box { margin-bottom: 1em; }
#yaku_sem .yaku_box .teacher_box .teacher_name { display: inline-block; font-size: 1.8em; vertical-align: middle; }
#yaku_sem .yaku_box .teacher_box .teacher_name span { display: inline-block; font-size: 0.72em; }
#yaku_sem .yaku_box .teacher_box .btn_profile { display: inline-block; text-decoration: none; border: solid 1px #323232; color: #323232; font-size: 0.88em; padding: 0.32em 1.24em 0.32em 1em; margin-left: 1em; white-space: nowrap; }
#yaku_sem .yaku_box .teacher_box .btn_profile:hover { background-color: #005486; color: #fff; border-color: transparent; }
#yaku_sem .yaku_box .teacher_box .btn_profile::before { position: relative; top: 2px; content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px; border-color: #545454 transparent transparent transparent; transform: rotate(-90deg); }
#yaku_sem .yaku_box .teacher_box .btn_profile:hover::before { border-top-color: #fff; }
#yaku_sem .yaku_box.new .teacher_box .btn_profile:hover { background-color: #EE9125; }
#yaku_sem .yaku_box .teacher_box .teacher_job { display: block; font-size: 1.24em; }
#yaku_sem .yaku_box .teacher_box .teacher_history { display: none; }
#yaku_sem .yaku_box .teacher_box .teacher_about_box { display: table; }
#yaku_sem .yaku_box .teacher_box .teacher_about_box .teacher_img { display: table-cell; vertical-align: middle; width: 88px; }
#yaku_sem .yaku_box.new .teacher_box .teacher_about_box .teacher_img { width: 128px; }
#yaku_sem .yaku_box .teacher_box .teacher_about_box .teacher_img img { width: 100%; padding: 0; vertical-align: bottom; border: solid 1px #ccc; }
#yaku_sem .yaku_box .teacher_box .teacher_about_box .teacher_about { display: table-cell; vertical-align: middle; padding-left: 1em; }
#yaku_sem .yaku_box .detail_box { padding-right: 1em; margin-bottom: 1.64em; }
#yaku_sem .yaku_box .detail_box:last-of-type { margin-bottom: 0; }
#yaku_sem .yaku_box .detail_box .text_box { padding-top: 0.32em; font-size: 1.24em; }
#yaku_sem .yaku_box .qr_code { display: block; margin: 0 auto 0.64em auto; width: 100%; max-width: 108px; border: solid 3px #EE9125; }
#yaku_sem .yaku_box .qr_code img { width: 100%; vertical-align: bottom; }
#yaku_sem .yaku_box .btn { margin-bottom: 0; }
#yaku_sem .yaku_box.new .btn { border-color: #EE9125; background-color: #EE9125; color: #fff; }
#yaku_sem .yaku_box.new .btn:hover { background-color: #fff; color: #EE9125; }
#yaku_sem .yaku_box.new .btn::after { border-left-color: #fff; }
#yaku_sem .yaku_box.new .btn:hover::after { border-left-color: #EE9125; }
#yaku_sem .yaku_box.new { border-color: #EE9125; }
#yaku_sem .yaku_box.new .label { background-color: #EE9125; }
#yaku_sem .yaku_box .download_box { margin-bottom: 1.64em; }
#yaku_sem .yaku_box .download_box .text_box ul.link { display: flex; justify-content: space-around; align-items: center; }
#yaku_sem .yaku_box .download_box .text_box ul.link li { width: 48%; }
#yaku_sem .yaku_box .download_box .text_box ul.link li a.btn { width: 100% !important; }
#yaku_sem .yaku_box .download_box .text_box .text { font-size: 1.24em; margin-bottom: 1.0em; }
#yaku_sem .information_box { width: 86%; margin-left: auto; margin-right: auto; line-height: 1.4; }
#yaku_sem .information_box .read { font-size: 1.24em; text-align: center; border-top: solid 3px #323232; border-bottom: solid 3px #323232; padding: 1em 2%; margin-bottom: 1.64em; }
#yaku_sem .information_box .yaku_inquiry { margin-bottom: 0.32em; }
#yaku_sem .information_box .yaky_inquiry_title { position: relative; text-align: center; margin-bottom: 1.64em; }
#yaku_sem .information_box .yaky_inquiry_title::before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ''; background-color: #323232; display: block; width: 100%; height: 2px; }
#yaku_sem .information_box .yaky_inquiry_title span { position: relative; display: inline-block; background-color: #323232; color: #fff; padding: 0.64em 2.4em; border-radius: 5px; }
#yaku_sem .information_box .label { display: inline-block; float: left; width: 320px; height: 32px; line-height: 32px; background-color: #323232; color: #fff; text-align: center; vertical-align: middle; margin-right: 1.64em; font-size: 0.88em; }
#yaku_sem .information_box .tel { display: inline-block; font-size: 1.8em; font-weight: 400; text-decoration: none; height: 32px; line-height: 32px; }
#yaku_sem .information_box .business_time { display: inline-block; font-size: 0.8em; height: 32px; line-height: 32px; }
#yaku_sem .information_box .email { display: inline-block; font-weight: 400; letter-spacing: 1px; height: 32px; line-height: 32px; }
#yaku_sem .information_box .attention { font-size: 0.88em; margin-bottom: 1.64em; }
#yaku_sem .information_box .attention li { position: relative; margin-left: 2em; }
#yaku_sem .information_box .attention li::before { position: absolute; left: -1.32em; content: '※'; }
#yaku_sem .information_box .information_faq li { background-color: #fff; margin: 0 auto 15px; }
#yaku_sem .information_box .information_faq li .faq_box { padding: 1em 2em; display: block; }
#yaku_sem .information_box .information_faq li .faq_box .faq_title { display: block; display: flex; align-items: center; margin-bottom: 0; }
#yaku_sem .information_box .information_faq li .faq_box:hover { cursor: pointer; }
#yaku_sem .information_box .information_faq li .faq_box .faq_title .faq_Q { color: #ee9125; display: inline-block; margin-right: 5%; font-family: 'Font Awesome 5 Free'; font-size: 1.8em; font-weight: 900; }
#yaku_sem .information_box .information_faq li .faq_box .faq_title .faq_contents { display: block; margin-bottom: 0; margin-right: 5%; width: 90%; }
#yaku_sem .information_box .information_faq li .faq_box .faq_title .faq_plus { display: inline-block; }
#yaku_sem .information_box .information_faq li .faq_box .faq_title .faq_minus { display: none; }
#yaku_sem .information_box .information_faq li .faq_box .faq_title .faq_plus i,#yaku_sem .information_box .information_faq li .faq_box .faq_title .faq_minus i { color: #bbb; font-family: 'Font Awesome 5 Free'; font-size: 1em; font-weight: 900; font-style:normal; }
#yaku_sem .information_box .information_faq li .faq_box.open .faq_title { margin-bottom: 20px; }
#yaku_sem .information_box .information_faq li .faq_box.open .faq_title .faq_plus { display: none; }
#yaku_sem .information_box .information_faq li .faq_box.open .faq_title .faq_minus { display: inline-block; }
#yaku_sem .information_box .information_faq li .faq_box .faq_body { display: block; display: flex; align-items: center; border-top: 1px solid #ccc; padding-top: 0; overflow: hidden; height: 0; opacity: 0; margin-top: 0; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#yaku_sem .information_box .information_faq li .faq_box .faq_body .faq_contents { display: block; }
#yaku_sem .information_box .information_faq li .faq_box .faq_body .faq_A { color: #005486; display: inline-block; margin-right: 5%; font-family: 'Font Awesome 5 Free'; font-size: 1.8em; font-weight: 900; }
#yaku_sem .information_box .information_faq li .faq_box.open .faq_body { height: auto; opacity: 1; padding-top: 20px; }
@media screen and (max-width: 720px){
#yaku_sem .information_box .information_faq li .faq_box { padding: 1em 0; }
#yaku_sem .information_box .information_faq li .faq_box .faq_title .faq_Q { margin-right: 2%; }
#yaku_sem .information_box .information_faq li .faq_box .faq_title .faq_contents { width: 93%; }
}
#yaku_sem #yaku_nav { margin: 20px 0; }
#yaku_sem #yaku_nav ul { width: 100%; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#yaku_sem #yaku_nav ul li { width: 19%; height: 50px; display: table; background: linear-gradient(rgba(58, 58, 58, 0.86), rgba(26, 26, 26, 0.86)); }
#yaku_sem #yaku_nav ul li:hover { background: linear-gradient(rgba(0, 109, 174, 0.86), rgba(0, 84, 134, 0.86)); -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#yaku_sem #yaku_nav ul li a { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-weight: 400; font-size: 0.9em; letter-spacing: 1px; text-decoration: none; }
@media screen and (max-width: 1080px){
#yaku_sem #yaku_nav ul li a { font-size: 0.7em; }
}
@media screen and (max-width: 720px){
#yaku_sem #yaku_nav ul { flex-wrap: wrap; }
#yaku_sem #yaku_nav ul li { width: 49%; height: 40px; margin-bottom: 5px; }
#yaku_sem #yaku_nav ul li a { font-size: 0.9em; }
}
#yaku_sem .under_banner { padding: 0; margin: 1.64em 0; }
#yaku_sem .under_banner li { list-style-type: none; }
#yaku_sem .under_banner li a { display: block; }
#yaku_sem .under_banner li img { width: 100%; }
#yaku_sem.report .yaku_sem_logo { margin-bottom: 2.4em; }
#yaku_sem.report .yaku_sem_report_title { text-align: center; margin: 1.64em 0; line-height: 1.2; font-weight: 400; font-size: 1.24em; }
#yaku_sem.report .yaku_sem_report_title small { display: inline-block; margin-right: 1em; line-height: 1.6; vertical-align: middle; font-size: 1em; }
#yaku_sem.report .yaku_sem_report_title .title { font-size: 1.64em; vertical-align: middle; }
#yaku_sem.report .yaku_sem_report_title .number { display: block; width: 120px; background-color: #323232; color: #fff; border-radius: 5px; margin: 0 auto 1em; font-size: 0.64em; padding: 0.32em; }
#yaku_sem.report .yaku_sem_report_title .number span { display: inline-block; padding: 0 0.32em; }
#yaku_sem.report .teacher_about_box { width: 86%; margin: 0 auto; background-color: #fff; padding: 1em 1.64em; }
#yaku_sem.report .teacher_about_box .label { float: left; display: block; width: 120px; height: 32px; line-height: 32px; background-color: #323232; color: #fff; text-align: center; margin-right: 1.64em; }
#yaku_sem.report .teacher_about_box .teacher_name { display: inline-block; font-size: 1.64em; vertical-align: middle; line-height: 1; }
#yaku_sem.report .teacher_about_box .teacher_name span { display: inline-block; font-size: 0.72em; padding-left: 1em; }
#yaku_sem.report .teacher_about_box .teacher_name a { text-decoration: none; border-bottom: solid 2px #005486; }
#yaku_sem.report .teacher_about_box .teacher_job { display: block; margin-top: 0.64em; }
#yaku_sem.report .yaku_report_box { margin-top: 1.64em; margin-bottom: 1.64em; font-size: 1.16em; }
#yaku_sem.report .yaku_report_box p.img { width: 40%; float: left; margin: 0 1em 0.32em 0; padding: 0.64em; border: solid 1px #ccc; background-color: #fff; }
#yaku_sem.report .yaku_report_box p.img.right { float: right; margin: 0 0 0.32em 1em; }
#yaku_sem.report .yaku_report_box p.img img { width: 100%; max-width: none; padding: 0; vertical-align: bottom; }
#yaku_sem.report .yaku_report_box p.img .caption { display: block; margin-top: 0.64em; line-height: 1.2; color: #666; font-size: 0.72em; }
#yaku_sem.report .yaku_report_box p.img.main { width: 100%; padding: 0; border: none; background-color: transparent; margin: 0 0 1.64em 0; }
#yaku_sem.report .yaku_report_box h1,
#yaku_sem.report .yaku_report_box h2,
#yaku_sem.report .yaku_report_box h3,
#yaku_sem.report .yaku_report_box h4,
#yaku_sem.report .yaku_report_box h5,
#yaku_sem.report .yaku_report_box h6 { position: relative; clear: both; margin-top: 2.4em; margin-bottom: 0.64em; line-height: 1.4; border-bottom: solid 2px #323232; padding-bottom: 0.32em; font-weight: 400; }
#yaku_sem.report .yaku_report_box h1 { font-size: 1.24em; }
#yaku_sem.report .yaku_report_box h2 { font-size: 1.20em; }
#yaku_sem.report .yaku_report_box h3 { font-size: 1.16em; }
#yaku_sem.report .yaku_report_box h4 { font-size: 1.12em; }
#yaku_sem.report .yaku_report_box h5 { font-size: 1.08em; }
#yaku_sem.report .yaku_report_box h6 { font-size: 1.04em; }
#yaku_sem.report .yaku_report_box h1:first-child,
#yaku_sem.report .yaku_report_box h2:first-child,
#yaku_sem.report .yaku_report_box h3:first-child,
#yaku_sem.report .yaku_report_box h4:first-child,
#yaku_sem.report .yaku_report_box h5:first-child,
#yaku_sem.report .yaku_report_box h6:first-child { margin-top: 0; }
#yaku_sem.report #teacher_profile.teacher_box { margin-bottom: 1.64em; }
#yaku_sem.report #teacher_profile.teacher_box .title { position: relative; display: block; font-weight: 400; font-size: 1.32em; margin-bottom: 1em; }
#yaku_sem.report #teacher_profile.teacher_box .title::before { position: absolute; top: 50%; left: 0; content: ''; display: block; width: 100%; height: 2px; background-color: #323232; }
#yaku_sem.report #teacher_profile.teacher_box .title span { position: relative; display: inline-block; padding-right: 1em; background-color: #f0f0f0; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_img { display: block; float: left; margin: 0 1em 0.64em 0; width: 240px; border: solid 1px #ccc; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_img img { width: 100%; vertical-align: bottom; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_name { display: block; float: left; font-size: 1.64em; line-height: 1; margin-right: 1em; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_name span { display: inline-block; font-size: 0.72em; margin-left: 1em; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_job { display: inline-block; font-size: 0.8em; line-height: 1.2; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_history { display: block; padding-top: 1.64em; letter-spacing: 1px; line-height: 1.8; }
@media screen and (max-width: 1080px){
#yaku_sem .information_box { width: 100%; }
}
@media screen and (max-width: 720px){
/*#yaku_sem { padding-top: 24px; }*/
#yaku_sem h1.triangle { font-size: 1.2rem; }
#yaku_sem .yaku_sem_read { font-size: 0.8em; }
#yaku_sem #yaku_profile { width: 94%; }
#yaku_sem #yaku_profile .teacher_img { float: none; max-width: 33.333333%; margin: 0 auto 0.64em; }
#yaku_sem #yaku_profile .teacher_name { padding-top: 0; }
#yaku_sem #yaku_profile .teacher_job { margin-bottom: 0.64em; }
#yaku_sem .yaku_box { padding: 1em; }
/*#yaku_sem .yaku_box.new h1 { font-size: 1.64em; }*/
#yaku_sem .yaku_box .label { float: none; font-size: 0.9em; width: 80px; height: 20px; line-height: 20px; display: block; margin-bottom: 0.24em; }
#yaku_sem .yaku_box h1 { padding-top: 0.32em; font-size: 1.32em; line-height: 1.4; margin-bottom: 0; position: relative; min-height: 42px; }
#yaku_sem .yaku_box h1.live { padding-left: 40px; }
/*#yaku_sem .yaku_box.new h1.live::before { display: block; margin: 0.24em 0; }*/
#yaku_sem .yaku_box.new h1.live::before { width: 30px; height: 30px; line-height: 30px; border: double 4px #fff; font-weight: 400; border-radius: 4px; position: absolute; left: 0; }
#yaku_sem .yaku_box h1 .sub_title { padding-left: 0; }
#yaku_sem .yaku_box h1 br { display: block; }
#yaku_sem .yaku_box .title_box { margin-bottom: 0.64em; text-align: justify; }
#yaku_sem .yaku_box .numbering { margin: -1em -1em 1.64em; }
#yaku_sem .yaku_box .teacher_box .teacher_img { max-width: 80px; margin-bottom: 0; }
#yaku_sem .yaku_box .teacher_box { margin-bottom: 0.64em; }
#yaku_sem .yaku_box .teacher_box .teacher_job { font-size: 1em; }
#yaku_sem .yaku_box .teacher_box .teacher_name { line-height: 1; }
#yaku_sem .yaku_box .teacher_box .btn_profile { margin: 1em 0; }
#yaku_sem .yaku_box .teacher_box .teacher_about_box .teacher_img { vertical-align: top; }
#yaku_sem .yaku_box .date_box .body,
#yaku_sem .yaku_box.new .date_box .body{ font-size: 1.24em; line-height: 1.2; margin-right: 0.64em;}
#yaku_sem .yaku_box .date_box .body .b { font-size: 1.0em; letter-spacing: 0; }
#yaku_sem .yaku_box .date_box .body .time { margin-left: 0; }
#yaku_sem .yaku_box .detail_box { margin-bottom: 0.64em; padding-right: 0; text-align: justify; }
#yaku_sem .yaku_box .detail_box .text_box { font-size: 1em; }
#yaku_sem .yaku_box .btn { width: 100%; }
#yaku_sem .yaku_box .download_box .text_box ul.link { flex-direction: column; }
#yaku_sem .yaku_box .download_box .text_box ul.link li { width: 80%; }
#yaku_sem .yaku_box .download_box .text_box ul.link li:first-child { margin-bottom: 0.64em; }
#yaku_sem .yaku_box .download_box .text_box .text { font-size: 1em; }
#yaku_sem .information_box .label { float: none; display: block; width: 100%; height: auto; line-height: 20px; margin-bottom: 0.32em; padding: 0.32em 0 0.24em 1em; }
#yaku_sem .information_box .yaku_inquiry { text-align: center; }
#yaku_sem.report .yaku_sem_logo { margin-bottom: 0.64em; }
#yaku_sem.report .yaku_sem_report_title { line-height: 1; margin: 0.64em 0; }
#yaku_sem.report .yaku_sem_report_title .number { width: 100px; font-size: 0.48em; margin-bottom: 0.32em; }
#yaku_sem.report .yaku_sem_report_title .title { font-size: 1.16em; }
#yaku_sem.report .yaku_sem_report_title small { margin-right: 0.64em; }
#yaku_sem.report .teacher_about_box { width: 100%; padding: 0.64em; margin-bottom: 0.64em; }
#yaku_sem.report .teacher_about_box .label { float: none; width: 80px; height: 20px; line-height: 20px; font-size: 0.8em; }
#yaku_sem.report .teacher_about_box .teacher_name { font-size: 1.32em; }
#yaku_sem.report .yaku_report_box { margin-top: 0.64em; margin-bottom: 0.64em; }
#yaku_sem.report .yaku_report_box h1 { font-size: 1.14em; }
#yaku_sem.report .yaku_report_box h2 { font-size: 1.12em; }
#yaku_sem.report .yaku_report_box h3 { font-size: 1.10em; }
#yaku_sem.report .yaku_report_box h4 { font-size: 1.08em; }
#yaku_sem.report .yaku_report_box h5 { font-size: 1.06em; }
#yaku_sem.report .yaku_report_box h6 { font-size: 1.04em; }
#yaku_sem.report .yaku_report_box h1,
#yaku_sem.report .yaku_report_box h2,
#yaku_sem.report .yaku_report_box h3,
#yaku_sem.report .yaku_report_box h4,
#yaku_sem.report .yaku_report_box h5,
#yaku_sem.report .yaku_report_box h6 { margin-top: 1.64em; }
#yaku_sem.report .yaku_report_box p.img.main { margin-bottom: 0.64em; }
#yaku_sem.report .yaku_report_box p.img { width: 86%; float: none; margin: 0 auto 0.64em auto; }
#yaku_sem.report .yaku_report_box p.img.right { float: none; margin: 0 auto 0.64em auto; }
#yaku_sem.report #teacher_profile.teacher_box { margin-bottom: 1.64em; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_img { float: none; max-width: 33.333333%; margin: 0 auto 0.64em; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_name { float: none; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_job { font-size: 1em; margin-bottom: 0.64em; }
#yaku_sem.report #teacher_profile.teacher_box .teacher_history { padding-top: 0; }
}
@media screen and (max-width: 374px){
#yaku_sem .yaku_box h1 br { display: none; }
#yaku_sem .yaku_box h1 br.block { display: none; }
}
/*
紺：#005486
水色：#148ECF
黄緑：#89BE44
オレンジ：#EE9125
*/
/*----------------------------------------------------------------------------------*/
/*薬剤師セミナー：フッタ*/
/*----------------------------------------------------------------------------------*/
/*footer { width: 100%; background-color: #1d1d1d; text-align: center; color: #ccc; margin-bottom: 76px!important; }
footer > span { line-height: 64px; font-size: 0.8em; color: #fff; }
footer a.link { display: inline-block; line-height: 48px; font-size: 0.72em; margin-left: 1.64em; text-decoration: none; color: #fff; }
footer a span { display: inline-block; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; border-radius: 50%; margin-left: 0.64em; font-size: 1.24em; padding: 0;}
footer a span.facebook { background-color: #1877F2; }
footer a span.instagram { background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); }
footer .obi { position: fixed; bottom: 0; width: 100%; background: rgba(26, 192, 20, 0.85); padding: 0.8em; line-height: 1; max-height: 100px; }
footer .obi p{ margin: 5px 0 10px; font-size: 1.5rem; color: #1d1d1d; font-weight: 500; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
footer .obi .obicolor { font-size: 1.5rem; color: #ee9125; font-weight: 500; line-height: 1; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
footer .obi .obiline { position: relative; width: 13px; height: 3px; background-color: #1d1d1d; border-radius: 10px; display: inline-block; }
footer .obi .obiline:nth-child(3) { transform: rotate(-70deg); bottom: 27px; }
footer .obi .obiline:nth-child(4) { transform: rotate(-35deg); bottom: 22px; left: -5px; }
footer .obi .obiline:nth-child(5) { transform: rotate(-5deg); bottom: 13px; left: -13px; }
footer .obi .obibox { display: flex; justify-content: center; }
footer .obi .obibox a { font-size: 1.2rem; font-weight: 500; display: block; margin: 0 5px; padding: 10px 20px; background-color: #fff; box-shadow: 0 3px 0 #ccc; color: #ee9125; border-radius: 5px; text-decoration: none; }
footer .obi .obibox a:hover { box-shadow: none; transform: translateY(3px); }
@media screen and (max-width: 960px){
footer .obi p { font-size: 1.3rem; }
footer .obi .obicolor { font-size: 1.3rem; }
footer .obi .obibox a { font-size: 1.0rem; padding: 10px 5px; }
}
@media screen and (max-width: 720px){
footer { margin-bottom: 75px !important; }
footer > span { font-size: 0.72em; display: block; line-height: 1.2; padding: 1em 0 0.64em; }
footer > span span { display: none; }
footer .obi { max-height: 75px; padding: 0.5em; }
footer .obi p { font-size: 0.7rem; }
footer .obi .obiline { width: 7px; height: 2px; }
footer .obi .obiline:nth-child(3) { transform: rotate(-60deg); bottom: 16px; }
footer .obi .obiline:nth-child(4) { transform: rotate(-25deg); bottom: 11px; left: -2px; }
footer .obi .obiline:nth-child(5) { transform: rotate(5deg); bottom: 4px; left: -7px; }
footer .obi .obicolor { font-size: 0.7rem; }
footer .obi .obibox { margin-bottom: 5px; }
footer .obi .obibox a { font-size: 0.6rem; padding: 5px 10px; line-height: 1.2; }
}*/
footer { width: 100%; background-color: #1d1d1d; text-align: center; color: #ccc; margin-bottom: 100px !important; }
#footer .obi { position: fixed; bottom: 0; width: 100%; min-width: 320px; background: rgba(26, 192, 20, 0.85); padding: 0.8em; line-height: 1; height: 100px; text-align: center; }
#footer .obi p { margin: 5px 0 10px; font-size: 1.5rem; color: #1d1d1d; font-weight: 500; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
#footer .obi .obicolor { font-size: 1.5rem; color: #ee9125; font-weight: 500; line-height: 1; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
#footer .obi .obiline { position: relative; width: 13px; height: 3px; background-color: #1d1d1d; border-radius: 10px; display: inline-block; }
#footer .obi .obiline:nth-child(3) { transform: rotate(-70deg); bottom: 27px; }
#footer .obi .obiline:nth-child(4) { transform: rotate(-35deg); bottom: 22px; left: -5px; }
#footer .obi .obiline:nth-child(5) { transform: rotate(-5deg); bottom: 13px; left: -13px; }
#footer .obi .obibox { display: flex; justify-content: center; }
#footer .obi .obibox a { font-size: 1.2rem; font-weight: 500; display: block; margin: 0 5px; padding: 10px 20px; background-color: #fff; box-shadow: 0 3px 0 #ccc; color: #ee9125; border-radius: 5px; text-decoration: none; }
#footer .obi .obibox a:hover { box-shadow: none; transform: translateY(3px); }
#footer footer > span { line-height: 64px; font-size: 0.8em; color: #fff; }
#footer footer a.link { display: inline-block; line-height: 48px; font-size: 0.72em; margin-left: 1.64em; text-decoration: none; color: #fff; }
#footer footer a span { display: inline-block; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; border-radius: 50%; margin-left: 0.64em; font-size: 1.24em; padding: 0;}
#footer footer a span.facebook { background-color: #1877F2; }
#footer footer a span.instagram { background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); }
@media screen and (max-width: 960px){
#footer .obi p { font-size: 1.3rem; }
#footer .obi .obicolor { font-size: 1.3rem; }
#footer .obi .obibox a { font-size: .95rem; padding: 10px 5px; }
}
@media screen and (max-width: 820px){
footer { padding: 1rem 0 !important; }
#footer footer > span { display: block; line-height: 1.5; }
}
@media screen and (max-width: 720px){
footer { padding: 0 0 .5rem !important; margin-bottom: 74px !important; }
#footer .obi { max-height: 75px; padding: 0.5em; }
#footer .obi p { font-size: 0.7rem; }
#footer .obi .obiline { width: 7px; height: 2px; }
#footer .obi .obiline:nth-child(3) { transform: rotate(-60deg); bottom: 16px; }
#footer .obi .obiline:nth-child(4) { transform: rotate(-25deg); bottom: 11px; left: -2px; }
#footer .obi .obiline:nth-child(5) { transform: rotate(5deg); bottom: 4px; left: -7px; }
#footer .obi .obicolor { font-size: 0.7rem; }
#footer .obi .obibox { margin-bottom: 5px; }
#footer .obi .obibox a { font-size: 0.6rem; padding: 5px 10px; line-height: 1.2; }
#footer footer > span { font-size: 0.72em; line-height: 1.2; padding: 1em 0 0.64em; }
#footer footer > span span { display: none; }
}
@media screen and (max-width: 400px){
#footer .obi p { font-size: 0.55rem; }
}
/*----------------------------------------------------------------------------------*/
/*薬剤師セミナー：Facebook追加*/
/*----------------------------------------------------------------------------------*/
#FBflex {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
margin: auto; }
#FBflex #yaku_sem {
width: calc(100% - 280.25px);
margin: 0; }
#FBflex #side {
width: 280.25px;
padding: 0 1.64em 0 0; }
#FBflex #side h2{
background-color: #005486;
text-align: center;
padding: 0.32em 5px;
font-size: 1.0em;
color: #fff;
margin: 1.64em 0 8px;
border-radius: 5px;
letter-spacing: -.035em; }
footer .btnup {
max-width: inherit !important; }
footer .btnup ul {
left: unset !important;
right: 10px !important; }
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
width: 100% !important; }
@media screen and (max-width: 950px){
#FBflex {
display: block; }
#FBflex #yaku_sem {
width: 100%; }
#FBflex #side {
display: none; }
}
/*----------------------------------------------------------------------------------*/
/*薬剤師セミナー：キャンペーン*/
/*----------------------------------------------------------------------------------*/
#yaku_sem.campaign .message {
text-align: center;
font-size: 1.32em;
margin: 1.64em 0 0; }
#yaku_sem.campaign .period {
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin: 1.64em 0 2.32em; }
#sem #past .campaign ul.list {
justify-content: space-around;
margin-bottom: 1.64em;
}
#sem #past .campaign ul.list li {
width: 29%;
}
#sem #past .campaign ul.list li img {
max-width: 300px;
margin: auto;
}
#sem #past .campaign ul.list li dl {
display: none;
}
.campaign dl {
display: flex;
justify-content: space-between;
margin-bottom: calc(4em + 7px);
position: relative;
}
.campaign dl:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -2em;
width: 50%;
height: 7px;
background: repeating-linear-gradient(-45deg, #fec371, #fec371 2px, #f0f0f0 4px, #f0f0f0 8px);
}
.campaign dl dt {
width: 300px;
}
.campaign dl dt img {
max-width: 300px;
}
.campaign dl dt span {
display: block;
font-size: .8em;
padding-top: 0.64em;
}
.campaign dl dd {
width: calc(100% - 330px);
}
.campaign dl dd img.right {
float: right;
width: 110px;
margin-left: 20px;
}
.campaign #yaku_profile dl {
display: block;
}
.campaign #yaku_profile dl:after {
content: none;
}
.campaign #yaku_profile dl dt {
width: 100%;
}
.campaign #yaku_profile dl dt img {
margin: auto;
}
.campaign #yaku_profile dl dd {
width: 100%;
margin-top: 1em;
}
#sem #past .campaign ul.attention {
display: block;
}
#sem #past .campaign ul.attention li {
width: 100%;
margin-bottom: 0;
}
@media screen and (max-width: 720px){
#sem #past .campaign ul.list li {
width: 48%;
}
.campaign dl {
display: block;
}
.campaign dl dt {
width: 100%;
margin-bottom: 1em;
}
.campaign dl dd {
width: 100%;
}
.campaign dl dd img.right {
width: 90px;
}
}
@media screen and (max-width: 480px){
#sem #past .campaign ul.list li {
width: 100%;
}
}
/*PECS*/
#yaku_sem .cation_box {
border: solid 3px #f00;
margin-bottom: 1.64em;
padding: 1em; }
#yaku_sem .cation_box .label {
height: inherit;
line-height: 1.5;
padding: 10px; }
#yaku_sem .cation_box p {
text-align: left;
font-size: 1.24em;
margin-bottom: 0; }
#yaku_sem .cation_box strong {
text-decoration: underline; }
#yaku_sem .yaku_box.pecs1 {
border-color: #1b9be7; }
#yaku_sem .yaku_box.pecs1 .numbering {
background-color: #1b9be7; }
#yaku_sem .yaku_box.pecs1 .numbering.pink {
background-color: #e71b90;
margin: -1em 0 1.64em;
border-radius: 20px; }
#yaku_sem .yaku_box.pecs1 .teacher_box .btn_profile:hover {
background-color: #1b9be7; }
#yaku_sem .yaku_box.pecs1 .label {
background-color: #1b9be7; }
#yaku_sem .yaku_box.pecs1 .pink .label {
background-color: #e71b90; }
#yaku_sem .yaku_box.pecs1 h1.live::before {
background-color: #1b9be7; }
#yaku_sem .yaku_box.pecs1 .qr_code {
border: solid 3px #1b9be7; }
#yaku_sem .yaku_box.pecs1 .btn {
border-color: #1b9be7;
background-color: #1b9be7; }
#yaku_sem .yaku_box.pecs1 ul.wBtn {
display: flex; }
#yaku_sem .yaku_box.pecs1 ul.wBtn li {
width: 90%; }
#yaku_sem .yaku_box.pecs1 ul.wBtn li a {
width: 90%; }
#yaku_sem .yaku_box.pecs1 ul.wBtn li:first-child a {
border-color: #EE9125;
background-color: #EE9125; }
#yaku_sem .yaku_box.pecs1 ul.wBtn li:first-child a:hover {
background-color: #fff; }
@media screen and (max-width: 1050px){
#yaku_sem .yaku_box.pecs1 ul.wBtn {
display: block; }
#yaku_sem .yaku_box.pecs1 ul.wBtn li {
margin: auto; }
#yaku_sem .yaku_box.pecs1 ul.wBtn li:first-child a {
margin-bottom: 10px; }
}
@media screen and (max-width: 720px){
#yaku_sem .yaku_box.pecs1 ul.wBtn li {
width: 100%; }
}
/*----------------------------------------------------------------------------------*/
/*LPサイト用*/
/*----------------------------------------------------------------------------------*/
body.lp { min-width: 320px; }
body.lp main img { width: 100%; }
body.lp ul.panel { display: flex; flex-wrap: wrap; justify-content: center; max-width: 800px; margin: auto; }
body.lp ul.panel li { width: 50%; }
body.lp ul.panel li:first-child { width: 100%; }
body.lp ul.panel li:first-child .smp { display: none; }
body.lp ul.panel li a { display: block; position: relative; background-color: #fff; cursor: pointer; overflow: hidden; }
body.lp ul.panel li a::before,
body.lp ul.panel li a::after { content:"";position:absolute; display:block; box-sizing:border-box; opacity:0; z-index: 2; }
body.lp ul.panel li a::before { top:0; left:50%; width:0; height:100%; transition:left 0.5s, width 0.5s, opacity 0.5s; background: rgb(255 229 0 / 5%); }
body.lp ul.panel li a:hover::before { left:0; width:100%; opacity:1; }
body.lp ul.panel li a::after { top:50%; left:0; width:100%; height:0; transition:top 0.5s, height 0.5s, opacity 0.5s; background: rgb(0 126 255 / 5%); }
body.lp ul.panel li a:hover::after { top:0; height:100%; opacity:1; }
body.lp footer { margin-bottom: 0 !important; }
@media screen and (max-width: 720px){
body.lp ul.panel li { width: 88% !important; margin-bottom: 3%; order: 1; }
body.lp ul.panel li:first-child { order: 2; }
body.lp ul.panel li:first-child .dsk { display: none; }
body.lp ul.panel li:first-child .smp { display: block; }
body.lp ul.panel li:last-child {order: 3; }
body.lp footer > span { display: inline-block; }
}
@media screen and (max-width: 480px){
body.lp footer > span { display: block; }
body.lp footer a.link:first-of-type { margin-left: 0; }
}