/* Theme Name: Quacareer2023 Theme URI: https://quacareer.com Author: Wise.Net Author URI: http://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.3 License: GNU General Public License v2 or later License URI: https://quacareer.com Tags: None */ @charset "utf-8"; @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; src: local('NotoSansJP-Regular.otf'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype'); } .noto{ font-family: 'Noto Sans Japanese', "游ゴシック", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; } html, body{ font-size:14px; font-family: "游ゴシック", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; border: 0; font-style: inherit; font-weight: 500; margin: 0; outline: 0; padding: 0; vertical-align: baseline; color:#111; /*scroll-behavior: smooth;*/ text-rendering: optimizeSpeed; font-feature-settings: "palt"; -webkit-font-smoothing: antialiased; letter-spacing: .03rem; } div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, li li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 1rem; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { line-height: 1; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a{ -webkit-transition-property:opacity,border,background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity,border,background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity,border,background; -o-transition-duration:0.4s; -o-transition-timing-function:ease; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .floatleft{ float:left!important; } .floatright{ float:right!important; } .center, .aligncenter{ text-align:center!important; } img.aligncenter{ display:block; margin-left:auto; margin-right:auto; } .right, .alignright{ text-align:right!important; } .left, .alignleft{ text-align:left!important; } .white{ color:#fff!important; } .red{ color:#a60011!important; } .blue{ color:#2c5aa0!important; } .green{ color:#5aa02c!important; } .lime{ color:#570!important; } .brown{ color:#531!important; } .yellow{ color:#ffd42a!important; } .lightyellow{ color:#ffff00!important; } .silver{ color:#78736d!important; } .lightsilver{ color:#9a958f!important; } .gray{ color:#777!important; } .darkgray{ color:#4d4d4d!important; } .graybrown{ color:#484537!important; } .gold{ color:#93886C!important; } .redgray{ color:#6D645B!important; } .lightgray{ color:#efefef!important; } .yellow_bk{ background:linear-gradient(transparent 50%, #fffcbb 50%); } .hidden{ visibility: hidden!important; } .width100{ width:100%!important; } .font11{ font-size:0.78rem!important; } .font12{ font-size:0.86rem!important; } .font13{ font-size:0.93rem!important; } .font14{ font-size:1rem!important; } .font15{ font-size:1.07rem!important; } .font16{ font-size:1.14rem!important; } .font17{ font-size:1.21rem!important; } .font18{ font-size:1.29rem!important; } .font19{ font-size:1.36rem!important; } .font20{ font-size:1.43rem!important; } .font21{ font-size:1.5rem!important; } .font22{ font-size:1.57rem!important; } .font23{ font-size:1.64rem!important; } .font24{ font-size:1.71rem!important; } .font25{ font-size:1.92rem!important; } .font26{ font-size:1.78rem!important; } .font27{ font-size:1.92rem!important; } .font28{ font-size:2rem!important; } .font29{ font-size:2.07rem!important; } .font30{ font-size:2.14rem!important; } .block{ display:block!important; } .inline-block{ display:inline-block!important; } .bold{ font-weight:700!important; } .black{ font-weight:900!important; } .lighter, .nallow{ font-weight:lighter!important; } .italic{ font-style:italic!important; } .underline{ text-decoration:underline!important; } .antialias{ transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -weblit-transform: rotate(0.028deg); } span.antialias, big.antialias, small.antialias, strong.antialias, em.antialias{ display:inline-block; } .strike{ text-decoration:line-through!important; } .nostyle{ font-weight:normal!important; font-style:normal!important; text-decoration:none!important; } .noborder{ border:none!important; } .radius2{ border-radius: 2px; } .radius3{ border-radius: 3px; } .radius4{ border-radius: 4px; } .radius5{ border-radius: 5px; } .radius6{ border-radius: 6px; } .radius7{ border-radius: 7px; } .radius8{ border-radius: 8px; } .radius9{ border-radius: 9px; } .radius10{ border-radius: 10px; } .top0{margin-top:0px!important;}.top5{margin-top:5px!important;}.top10{margin-top:10px!important;}.top15{margin-top:15px!important;}.top20{margin-top:20px!important;}.top30{margin-top:30px!important;}.top40{margin-top:40px!important;}.top50{margin-top:50px!important;}.top100{margin-top:100px!important;}.bottom0{margin-bottom:0px!important;}.bottom5{margin-bottom:5px!important;}.bottom10{margin-bottom:10px!important;}.bottom15{margin-bottom:15px!important;}.bottom20{margin-bottom:20px!important;}.bottom25{margin-bottom:25px!important;}.bottom30{margin-bottom:30px!important;}.bottom40{margin-bottom:40px!important;}.bottom50{margin-bottom:50px!important;}.bottom100{margin-bottom:100px!important;}.left5{margin-left:5px!important;}.left10{margin-left:10px!important;}.left15{margin-left:15px!important;}.left20{margin-left:20px!important;}.left25{margin-left:25px!important;}.left30{margin-left:30px!important;}.left40{margin-left:40px!important;}.left50{margin-left:50px!important;}.left100{margin-left:100px!important;}.right5{margin-right:5px!important;}.right10{margin-right:10px!important;}.right15{margin-right:15px!important;}.right20{margin-right:20px!important;}.right25{margin-right:25px!important;}.right30{margin-right:30px!important;}.right40{margin-right:40px!important;}.right50{margin-right:50px!important;}.right100{margin-right:100px!important;}.top_p0{padding-top:0px!important;}.top_p5{padding-top:5px!important;}.top_p10{padding-top:10px!important;}.top_p15{padding-top:15px!important;}.top_p20{padding-top:20px!important;}.top_p25{padding-top:25px!important;}.top_p30{padding-top:30px!important;}.top_p40{padding-top:40px!important;}.top_p50{padding-top:50px!important;}.top_p100{padding-top:100px!important;}.bottom_p0{padding-bottom:0px!important;}.bottom_p5{padding-bottom:5px!important;}.bottom_p10{padding-bottom:10px!important;}.bottom_p15{padding-bottom:15px!important;}.bottom_p20{padding-bottom:20px!important;}.bottom_p25{padding-bottom:25px!important;}.bottom_p30{padding-bottom:30px!important;}.bottom_p40{padding-bottom:40px!important;}.bottom_p50{padding-bottom:50px!important;}.bottom_p100{padding-bottom:100px!important;}.left_p0{padding-left:0px!important;}.left_p5{padding-left:5px!important;}.left_p10{padding-left:10px!important;}.left_p15{padding-left:15px!important;}.left_p20{padding-left:20px!important;}.left_p30{padding-left:30px!important;}.left_p40{padding-left:40px!important;}.left_p50{padding-left:50px!important;}.left_p100{padding-left:100px!important;}.right_p0{padding-right:0px!important;}.right_p5{padding-right:5px!important;}.right_p10{padding-right:10px!important;}.right_p15{padding-right:15px!important;}.right_p20{padding-right:20px!important;}.right_p30{padding-right:30px!important;}.right_p40{padding-right:40px!important;}.right_p50{padding-right:50px!important;}.right_p100{padding-right:100px!important;} .top_p1{padding-top:1px!important;}.top_p2{padding-top:2px!important;}.top_p3{padding-top:3px!important;}.top_p4{padding-top:4px!important;}.top_p6{padding-top:6px!important;}.top_p7{padding-top:7px!important;}.top_p8{padding-top:8px!important;}.top_p9{padding-top:9px!important;}.top_p11{padding-top:11px!important;}.top_p12{padding-top:12px!important;}.top_p13{padding-top:13px!important;}.top_p14{padding-top:14px!important;}.left_p1{padding-left:1px!important;}.left_p2{padding-left:2px!important;}.left_p3{padding-left:3px!important;}.left_p4{padding-left:4px!important;}.left_p6{padding-left:6px!important;}.left_p7{padding-left:7px!important;}.left_p8{padding-left:8px!important;}.left_p9{padding-left:9px!important;}.left_p11{padding-left:11px!important;}.left_p12{padding-left:12px!important;}.left_p13{padding-left:13px!important;}.left_p14{padding-left:14px!important;}.right_p1{padding-right:1px!important;}.right_p2{padding-right:2px!important;}.right_p3{padding-right:3px!important;}.right_p4{padding-right:4px!important;}.right_p6{padding-right:6px!important;}.right_p7{padding-right:7px!important;}.right_p8{padding-right:8px!important;}.right_p9{padding-right:9px!important;}.right_p11{padding-right:11px!important;}.right_p12{padding-right:12px!important;}.right_p13{padding-right:13px!important;}.right_p14{padding-right:14px!important;}.bottom_p1{padding-bottom:1px!important;}.bottom_p2{padding-bottom:2px!important;}.bottom_p3{padding-bottom:3px!important;}.bottom_p4{padding-bottom:4px!important;}.bottom_p6{padding-bottom:6px!important;}.bottom_p7{padding-bottom:7px!important;}.bottom_p8{padding-bottom:8px!important;}.bottom_p9{padding-bottom:9px!important;}.bottom_p11{padding-bottom:11px!important;}.bottom_p12{padding-bottom:12px!important;}.bottom_p13{padding-bottom:13px!important;}.bottom_p14{padding-bottom:14px!important;}.top1{margin-top:1px!important;}.top2{margin-top:2px!important;}.top3{margin-top:3px!important;}.top4{margin-top:4px!important;}.top6{margin-top:6px!important;}.top7{margin-top:7px!important;}.top8{margin-top:8px!important;}.top9{margin-top:9px!important;}.top11{margin-top:11px!important;}.top12{margin-top:12px!important;}.top13{margin-top:13px!important;}.top14{margin-top:14px!important;}.left1{margin-left:1px!important;}.left2{margin-left:2px!important;}.left3{margin-left:3px!important;}.left4{margin-left:4px!important;}.left6{margin-left:6px!important;}.left7{margin-left:7px!important;}.left8{margin-left:8px!important;}.left9{margin-left:9px!important;}.left11{margin-left:11px!important;}.left12{margin-left:12px!important;}.left13{margin-left:13px!important;}.left14{margin-left:14px!important;}.right1{margin-right:1px!important;}.right2{margin-right:2px!important;}.right3{margin-right:3px!important;}.right4{margin-right:4px!important;}.right6{margin-right:6px!important;}.right7{margin-right:7px!important;}.right8{margin-right:8px!important;}.right9{margin-right:9px!important;}.right11{margin-right:11px!important;}.right12{margin-right:12px!important;}.right13{margin-right:13px!important;}.right14{margin-right:14px!important;}.bottom1{margin-bottom:1px!important;}.bottom2{margin-bottom:2px!important;}.bottom3{margin-bottom:3px!important;}.bottom4{margin-bottom:4px!important;}.bottom6{margin-bottom:6px!important;}.bottom7{margin-bottom:7px!important;}.bottom8{margin-bottom:8px!important;}.bottom9{margin-bottom:9px!important;}.bottom11{margin-bottom:11px!important;}.bottom12{margin-bottom:12px!important;}.bottom13{margin-bottom:13px!important;}.bottom14{margin-bottom:14px!important;} .margin0{ margin:0!important; } .padding0{ padding:0!important; } .margin0auto{ margin:0 auto!important; } .clear{ clear:both!important; } .overflow_hidden{ overflow:hidden!important; } .clearleft{ clear:left!important; } .clearright{ clear:right!important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /*カスタマイズスタート*/ html{ background:#fff; } body{ background:#fff; min-width:1000px; } a:link, a:visited{ color:#a60011; text-decoration:none; } a:hover, a:active{ color:#a60011; text-decoration:underline; } /*カスタマイズスタート*/ #header{ width:100%; padding-top:15px; position:relative; z-index:0; } #header_inner{ width:1000px; margin:0 auto; position:relative; } #header_inner h1{ display:inline-block; vertical-align:top; margin-right:1rem; } #header_inner #header_logo{ width:227px; height:71px; vertical-align:top; } #dhdr_links{ display:inline-block; margin-top:15px; } #dh_link, #dr_link{ display:inline-block; vertical-align:top; margin:0 0 0 10px; } #dh_link a, #dr_link a{ display:inline-block; border: 2px solid #a60011; border-radius:0.7em; font-weight:700; font-size:0.9rem; line-height:1.5em; padding:0.4em 1em; } #dh_link a span, #dr_link a span{ font-size:1rem; } #dh_link a{ padding:0.4em 1em; } #dr_link a{ padding:0.8em 1em; } #dh_link a:link, #dh_link a:visited{ color:#a60011; text-decoration:none; } #dh_link a:hover, #dh_link a:active{ color:#a60011; text-decoration:none; opacity:0.7; } #dr_link a:link, #dr_link a:visited{ color:#818181; text-decoration:none; } #dr_link a:hover, #dr_link a:active{ color:#246638; border-color:#246638; text-decoration:none; } .red_button a, #main .red_button a{ display:inline-block; font-size:1.2rem; line-height:1em; font-weight:700; color:#fff; background:#a60011; border-radius: 5px; padding:1em 2.0em 1em 1.8em; text-shadow:none; } #main #firstview_inner .red_button a { font-size: 1.4rem; } .red_button a:link, .red_button a:visited, #main .red_button a:link, #main .red_button a:visited{ color:#fff; text-decoration:none; } .red_button a:hover, .red_button a:active, #main .red_button a:hover, #main .red_button a:after{ color:#fff; text-decoration:none; filter:alpha(opacity=70); -ms-filter:Alpha(Opacity=70); -moz-opacity:0.70; opacity:0.7; } #header_inner .red_button{ position:absolute; right:0; top:15px; } #header{ z-index:1; } #header_inner{ position:relative; z-index:1; } #header_menu ul{ z-index:2; } #header_menu{ width:100%; border-bottom:4px solid #f0efeb; padding:0; margin-top:1.5em; position:relative; z-index:1; } #header_menu > ul{ list-style:none; width:100%; text-align:center; } #header_menu > ul > li{ display:inline-block; vertical-align:top; line-height:1em; padding:0; } #header_menu > ul > li:last-child{ border-right:0; } #header_menu > ul > li > a{ position:relative; display:inline-block; padding:1em 2em; } #header_menu > ul > li:not(:last-child) > a::after{ content:""; width:1px; height:1em; background:#777; margin:auto; position:absolute; right:0; top:0;bottom:0; } #header_menu > ul > li > a:link, #header_menu > ul > li > a:visited{ color:#000; text-decoration:none; } #header_menu > ul > li > a:hover, #header_menu > ul > li > a:active{ color:#a60011; text-decoration:none; } #header_menu > ul > li:hover > a::before{ content:"\025b6"; position:absolute; font-size:0.5em; width:1em; height:1em; left:2em; top:-0.6em; bottom:0; margin:auto; color:#a60011; } /*ACCORDION*/ #header_menu > ul > li.accordion{ position: relative; } #header_menu > ul > li.accordion > a{ cursor: pointer; position: relative; } #header_menu > ul > li.accordion > a.active{ color:#a60011; } #header_menu > ul > li.accordion > ul{ display:none; position:absolute; left:0; } #header_menu > ul > li.accordion > ul > li > a{ display:block; background:#f0efeb; border-top: 1px dotted #666; font-size:0.9rem; padding:0.7rem 1rem; position:relative; text-align:left; } #header_menu > ul > li.accordion > ul > li > a:link, #header_menu > ul > li.accordion > ul > li > a:visited{ color:#000; text-decoration:none; } #header_menu > ul > li.accordion > ul > li > a:hover, #header_menu > ul > li.accordion > ul > li > a:active{ color:#fff; text-decoration:none; background-color:#6E604E; } #header_menu > ul > li.accordion > ul > li > a::before{ content:"\025b6"; font-size:0.5em; display:inline-block; margin-right:0.5em; } #header_menu > ul > li.accordion > a.active::before{ content:"\025b6"; color:#a60011; } #main{ width:100%; padding-bottom:40px; } #main a:link, #main a:visited{ color:#a60011; text-decoration:none; } #main a:hover, #main a:active{ color:#a60011; text-decoration:underline; } #firstview{ width:100%; height:auto; background:#000; position:relative; z-index:0; } #firstview > div:nth-of-type(1){ filter:alpha(opacity=50); -ms-filter:Alpha(Opacity=50); -moz-opacity:0.50; opacity:0.5; } .video_wrapper{ position:absolute; z-index:0; left:0; top:0; right:0; bottom:0; margin:auto; } .video_wrapper video{ width:100%; position:absolute; width:100%; height:100%; object-fit:cover; left:0; top:0; right:0; bottom:0; margin:auto; } /* #firstview:after{ content:''; display:block; position:absolute; width:100%; height:auto; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; background:#000; filter:alpha(opacity=50); -ms-filter:Alpha(Opacity=50); -moz-opacity:0.50; opacity:0.5; z-index:-1; } */ #firstview_inner{ width:1000px; margin:0 auto; padding:6em 0 4em; text-align:center; color:#f0efeb; overflow:hidden; display:relative; z-index:1; } #firstview_inner h2{ opacity:0; transition: all 1s linear; filter: blur(15px); } #firstview_inner p, #firstview_inner #firstview_floatbox_wrapper{ opacity:0; transition: all 1s linear; } #firstview_inner #firstview_floatbox_wrapper{ position:relative; bottom:-10px } #firstview_inner h2{ text-align:center; } #firstview_inner h2 img{ margin-bottom:20px; } #firstview_inner p{ line-height:2em; } #firstview_inner #firstview_floatbox_wrapper p{ line-height:1.7em; } #firstview_inner fieldset{ padding:0.5em; box-sizing:border-box; border:3px solid #f0efeb; border-radius: 6px; } #firstview_inner span{ display:inline-block; font-size:1.43rem; padding:0 0.1em; } #firstview_floatbox_wrapper{ padding-top:50px; } #firstview_inner .leftbox{ float:left; width:32%; font-size:1.07rem; line-height:1.5em; padding-bottom:0.9em; padding-top:0.3em; } #firstview_inner .rightbox{ float:right; text-align:left; width:65%; padding:0.5em 0.8em 0.5em; } #firstview_inner fieldset legend{ font-size:1.21rem; font-weight:700; padding:0 0.5em; } #firstview_inner .rightbox p{ padding-bottom:0.5em; } #firstview_inner .rightbox legend{ line-height:33px;/*leftboxの王冠の高さに合わせる*/ } #firstview_inner .rightbox legend:before{ content:url('images/check.png'); width:20px; height:17px; } #firstview_inner *{ text-shadow:0 0 3px #000; } #main_column{ width:1000px; margin:0 auto; padding-top:20px; } .midashi_wrapper{ width:100%; border-bottom:1px solid #aaa; overflow:hidden; position:relative; color:#a60011; margin-bottom:20px; } .midashi_wrapper .eng{ display:inline-block; font-weight:700; border-bottom:4px solid #a60011; font-size:1.71rem; padding:0.4em 0.1em; margin-right:0.4em; } .midashi_wrapper h3{ display:inline-block; font-weight:lighter; } .midashi_wrapper .link{ float:right; height:100%; margin-top:1.2em; } #index_whatsnew{ width:100%; margin-bottom:55px; } #index_whatsnew .topics{ margin-top:2rem; } #page #page_news dl{ width:300px; display:inline-block; vertical-align:top; margin-right:50px; margin-bottom:20px; } #index_whatsnew .threeposts_wrapper{ width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:nowrap; } #index_whatsnew .threeposts_wrapper dl{ width:30%; } #page #page_news dt, #index_whatsnew dt{ margin-bottom:1rem; } #page #page_news dl a img:hover, #index_whatsnew dl a img:hover{ filter:alpha(opacity=70); -ms-filter:Alpha(Opacity=70); -moz-opacity:0.70; opacity:0.7; } #page #page_news time, #index_whatsnew time{ color:#555; font-size:0.8rem; display:inline-block; margin-right:1em; } #page #page_news h4, #index_whatsnew h4{ margin:0; padding:0.3rem 0 0.7rem; border:none; } #page #page_news h4 a, #index_whatsnew h4 a{ font-size:1.21rem; line-height:1.3em; font-weight:700; } #index_whatsnew h4 a{ display:block; height:2.6em; overflow:hidden; } #page #page_news p, #index_whatsnew p{ font-size:0.9em; line-height:1.4em; } #index_voice{ width:100%; margin-bottom:60px; } #main .service a, #main .event a, #main .campaign a, #main .seminar a, #main .news a{ display:inline-block; font-size:0.7rem; line-height:1em; padding:0.4em 0.8em; border-radius: 2px; } #main .service a:link, #main .event a:link, #main .campaign a:link, #main .seminar a:link, #main .news a:link, #main .service a:visited, #main .event a:visited, #main .campaign a:visited, #main .seminar a:visited, #main .news a:visited{ color:#fff; text-decoration:none; } #main .service a:hover, #main .event a:hover, #main .campaign a:hover, #main .seminar a:hover, #main .news a:hover, #main .service a:active, #main .event a:active, #main .campaign a:active, #main .seminar a:active, #main .news a:active{ color:#fff; text-decoration:none; filter:alpha(opacity=80); -ms-filter:Alpha(Opacity=80); -moz-opacity:0.80; opacity:0.8; } #main .service a{ background:#004986; } #main .event a{ background:#ab9f92; } #main .campaign a{ background:#173e23; } #main .seminar a{ background:#941d1d; } #main .news a{ background:#1d8a94; } .voice_article{ width:100%; position:relative; overflow:hidden; } #page_voice_loop .voice_article{ border-bottom:1px dotted #aaa; padding-bottom:46px; margin-top:30px; margin-bottom:46px; overflow:hidden; } #page_voice_loop .voice_article:last-child{ border:none; } .voice_article .thumb{ display:inline-block; width:200px; height:200px; vertical-align:top; margin-right:24px; } .voice_article .thumb a{ display:block; width:100%; height:0; padding-top:100%; border-radius:100%; overflow:hidden; position:relative; margin:0 auto; } .voice_article .thumb img{ width:100%; height:100%; position:absolute; left:0; top:0; } .voice_article dl{ display:inline-block; width:770px; padding-top:8px; vertical-align:top; } #page_voice_loop .voice_article:nth-child(even) .thumb{ float:right; margin-right:0; margin-left:24px; } #page_voice_loop .voice_article:nth-child(even) dl{ float:left; } .voice_article dt, .voice_article dt a{ font-size:2rem; font-weight:700; margin-bottom:0.7em; } #index_voice_loop .voice_article dt a:link, #index_voice_loop .voice_article dt a:visited{ color:#000; text-decoration:none; } #index_voice_loop .voice_article dt a:hover, #index_voice_loop .voice_article dt a:active{ color:#a60011; text-decoration:underline; } #index_voice_loop{ overflow:hidden; } #slide-counter{ display:none; } #page_voice_loop .voice_article dt a:link, #page_voice_loop .voice_article dt a:visited, #page_voice_loop .voice_article dt a:hover, #page_voice_loop .voice_article dt a:active{ color:#000; text-decoration:none; cursor: default; } .voice_article .date{ padding-bottom:1.3rem; } .voice_article .date, .voice_article .date *{ font-size:1rem; font-weight:700; } .voice_article .date *{ display:inline-block; } .voice_article .date .area{ display:inline-block; padding:0.3em; color:#fff; margin-right:0.6em; } .voice_article .dh .date .area{ background:#a60011; } .voice_article .dr .date .area{ background:#173e23; } .voice_article .date .hospital{ margin-right:1em; } .voice_article .date .hospital:before{ display:inline-block; position:relative; width:16px; height:21px; margin-right:0.4em; top:5px; } .voice_article .dh .date .hospital:before{ content:url('images/point_icon.png'); } .voice_article .dr .date .hospital:before{ content:url('images/point_icon_dr.png'); } .voice_article .date .person{ font-size:1.36rem; } .voice_article .date .person small{ font-size:0.93rem; } .voice_article .date .person small:nth-of-type(1){ margin-right:0.5em; } .voice_article .date .person small:nth-of-type(2){ margin-left:0.5em; } .voice_article .date .person:before{ display:inline-block; position:relative; width:19px; height:21px; margin-right:0.4em; top:3px; } .voice_article .dh .date .person:before{ content:url('images/person_icon.png'); } .voice_article .dr .date .person:before{ content:url('images/person_icon_dr.png'); } .voice_article .type{ padding-bottom:0.6em; } .voice_article .type span{ display:inline-block; padding:0.5em; border-radius:4px; font-weight:700; } .voice_article .dh .type span{ border:2px solid #a60011; color:#a60011; margin-right:1em; } .voice_article .dr .type span{ border:2px solid #173e23; color:#173e23; margin-right:1em; } .voice_article .desc{ padding:0; } .voice_article .desc p{ font-size:1.07rem; line-height:1.8em; margin-bottom:1em; } .voice_article .jisseki{ /*display:none;*/ box-sizing:border-box; width:100%; padding:12px; background:#f0efeb; text-align:center; } .voice_article .jisseki, .voice_article .jisseki *{ font-weight:700; } .voice_article .jisseki p{ display:inline-block; font-size:1.21rem; padding-left:1em; } .voice_article .jisseki p span{ display:inline-block; font-size:2em; padding:0 0.2em; } #index_services_wrapper{ width:970px; margin:30px auto 0; text-align:center; } #index_services_wrapper div{ width:460px; display:inline-block; overflow:hidden; margin-right:20px; margin-bottom:26px; vertical-align:top; } #index_services_wrapper div:nth-child(even){ margin:0; } #index_services_wrapper div h4{ background:#ab9f92; color:#fff; text-align:center; padding:0.3em 0; font-size:1.29em; margin-bottom:1em; font-weight:700; } #index_services_wrapper div p{ width:90%; margin:0 auto; } #index_services_wrapper div .service_title{ font-size:0.93rem; padding-bottom:1em; color:#777; } #index_services_wrapper div .thumb{ height:230px; overflow:hidden; text-align:center; margin-bottom:1em; } #index_services_wrapper div .desc{ line-height:1.8em; height:5.4em;/*3行分*/ padding-bottom:1em; } #index_services_wrapper .redborder-button{ display:inline-block; border:2px solid #a60011; font-weight:700; text-align:center; padding:0.3em 0.6em 0.4em; border-radius: 1em; vertical-align:middle; } #index_services_wrapper .redborder-button:link, #index_services_wrapper .redborder-button:visited{ text-decoration:none; } #index_services_wrapper .redborder-button:hover, #index_services_wrapper .redborder-button:active{ background:#a60011; color:#fff; text-decoration:none; } #main .redborder-button{ display:inline-block; border:2px solid #a60011; font-weight:700; line-height:2.4em; text-align:center; padding:0 1em; border-radius: 2.4em; vertical-align:middle; } #main .redborder-button:link, #main .redborder-button:visited{ text-decoration:none; } #main .redborder-button:hover, #main .redborder-button:active{ background:#a60011; color:#fff; text-decoration:none; } #contact .wpcf7-submit{ cursor:pointer; } span.wpcf7-not-valid-tip{ color:#a60011; } #footer_contact{ background:#000; padding:20px 0; position:relative; z-index:0; background:#000; } #footer_contact > div:nth-of-type(1){ filter:alpha(opacity=30); -ms-filter:Alpha(Opacity=30); -moz-opacity:0.30; opacity:0.3; } /* #footer_contact:after{ content:''; display:block; position:absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; background:#000; filter:alpha(opacity=70); -ms-filter:Alpha(Opacity=70); -moz-opacity:0.70; opacity:0.7; z-index:-1; } */ #footer_contact_inner{ width:1000px; margin:0 auto; text-align:center; position:relative; z-index:1; } #footer_contact_inner span{ font-weight:700; color:#fff; font-size:1.5rem; } #footer_contact_inner .red_button{ display:inline-block; margin-left:30px; } #footer_info{ width:100%; background:#f0efeb; padding:30px 0; } #footer_info_inner{ width:1000px; margin:0 auto; overflow:hidden; } #footer_info_inner address{ line-height:1.6em; } #footer_info_inner .leftbox, #footer_info_inner .rightbox{ width:49%; display:inline-block; vertical-align:middle; overflow:hidden; } #footer_info_inner .rightbox div{ display:inline-block; width:50%; vertical-align:top; } #footer_info_inner .rightbox div ul li{ line-height:1.5em; } #footer_info_inner .rightbox div ul li a:before{ /*content:"\03e";*/ content:"\f138"; font-family: FontAwesome; font-size:1em; display:inline-block; vertical-align:middle; margin-right:0.5em; } #footer_info_inner .rightbox div ul li a:link, #footer_info_inner .rightbox div ul li a:visited{ color:#111; text-decoration:none; } #footer_info_inner .rightbox div ul li a:hover, #footer_info_inner .rightbox div ul li a:active{ color:#a60011; text-decoration:underline; } #copyright{ width:100%; text-align:center; padding:0.3em 0; color:#999; } .breadcrumbs{ width:1000px; margin:0.5em auto 0; padding:0.5em 0; } .breadcrumbs *{ font-size:0.93rem; } #page_title{ width:100%; padding:60px 0; position:relative; z-index:0; text-align:center; color:#fff; background:#000; } #page_title > div:nth-of-type(1){ filter:alpha(opacity=30); -ms-filter:Alpha(Opacity=30); -moz-opacity:0.30; opacity:0.3; } /* #page_title:after{ content:''; display:block; position:absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; background:#000; filter:alpha(opacity=70); -ms-filter:Alpha(Opacity=70); -moz-opacity:0.70; opacity:0.7; z-index:-1; } */ #page_title *{ text-shadow:0 0 3px #000; text-align:center; } #page_title .page_title_inner{ position:relative; z-index:1; } #page_title h2{ width:1000px; margin:0 auto; font-size:2.8rem; font-weight:700; line-height:1.5em; } #page_title span{ display:block; width:1000px; margin:1em auto 0; font-weight:400; font-size:1.12rem; font-family:游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HiraMinProN-W6, "ヒラギノ明朝 ProN W6", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; } #page { padding-top:2rem; } #page p{ line-height:1.8em; margin-bottom:1.5em; font-size:1.07rem; } #page h3{ border-bottom:1px solid #000; padding-bottom:1.2rem; padding-left:1rem; margin-bottom:2.5rem; } #page h4{ font-size:1.43rem; border-left:0.5em solid #a60011; margin:0 0 2em; padding:0.1em 0.5em; font-weight:700; } #page .normallist{ list-style:disc; margin-left:2em; margin-bottom:1.5em; list-style-position: outside; } #page .normallist li{ line-height:2em; font-size:1.07rem; } #page .reason_box{ margin-bottom:50px; } /* #page h3:after{ content:attr(title); } #page .reason_box h3{ font-family:游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HiraMinProN-W6, "ヒラギノ明朝 ProN W6", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight:bold; font-size:2rem; } #page .reason_box h3 img{ display:none; } */ #page .reason_box h4{ border:none; font-weight:400; font-size:1.64rem; margin:0 0 1em; padding:1em 0 0 0; } #page .reason_service{ margin:40px 0; padding-bottom:30px; position:relative; z-index:0; border-bottom:1px dotted #aaa; } #page .reason_service img{ position:relative; z-index:0; } #page .service1:before{ content:url('images/reason_num1.png'); position:absolute; left:-30px; top:-20px; z-index:-1; } #page .service2:before{ content:url('images/reason_num2.png'); position:absolute; left:370px; top:-20px; z-index:-1; } #page .service3:before{ content:url('images/reason_num3.png'); position:absolute; left:-60px; top:-20px; z-index:-1; } #page .service4:before{ content:url('images/reason_num4.png'); position:absolute; left:300px; top:-20px; z-index:-1; } #page .movie{ display:block; margin:1em; max-width:100%; height:auto; } #page .four_books{ text-align:center; } #page .two_sites, #page .four_books{ width:100%; overflow:hidden; margin-bottom:3rem; } #page .two_sites span, #page .four_books span{ display:inline-block; text-align:center; vertical-align:top; font-size:0.93rem; line-height:1.6em; } #page .two_sites span{ width:500px; } #page .four_books span{ width:250px; } #page .two_sites span img, #page .four_books span img{ margin-bottom:10px; } #page .services{ margin-bottom:50px; } #page .service_box{ margin:0 0 40px; padding-bottom:20px; position:relative; z-index:0; border-bottom:1px dotted #aaa; overflow:hidden; } #page .service_box h5{ font-size:1.21rem; line-height:1.4em; margin-bottom:0.7em; font-weight:700; } #page .service_box_leftblock{ display:block; width:377px; text-align:center; font-size:0.93rem; line-height:1.6em; } #page .service_box_leftblock img{ margin-bottom:10px; } #hands{ padding:17px 12px 15px 15px; position:relative; border:2px dotted #aaa; border-radius: 8px; width:480px; } #hands:after{ content:url('images/check_ribbon.png'); position:absolute; left:16px; top:-8px; } #hands p{ font-weight:700; color:#173e23; font-size:1.14rem; line-height:1.3em; margin-bottom:0.7em; padding-top:1.4em; } #hands span{ display:block; color:#777; line-height:1.4em; } #hands a:hover{ filter:alpha(opacity=70); -ms-filter:Alpha(Opacity=70); -moz-opacity:0.70; opacity:0.7; } #other_services{ width:100%; box-sizing:border-box; border:3px solid #a60011; border-radius: 12px; margin:40px auto 0; text-align:center; } #other_services h3{ border:none; font-size:1.43rem; color:#a60011; padding-top:1em; margin-bottom:0.5em; } #other_services div{ width:300px; display:inline-block; overflow:hidden; margin-right:20px; margin-bottom:26px; vertical-align:top; } #other_services div:last-child{ margin-right:0; } #other_services div h4{ background:#ab9f92; color:#fff; text-align:center; border:none; padding:0.3em 0; font-size:1.15em; margin-bottom:1em; font-weight:700; } #other_services div p{ width:90%; font-size:0.93rem; margin:0 auto; } #other_services div .thumb{ height:150px; overflow:hidden; text-align:center; margin-bottom:1em; } #other_services div .thumb img{ width:100%; height:100%; object-fit: contain; } #other_services div .desc{ line-height:1.4em; height:6.5em;/*5行分*/ padding-bottom:1em; } #other_services .redborder-button{ display:inline-block; border:2px solid #a60011; font-weight:700; line-height: 2.4em; text-align: center; padding: 0 1em; border-radius: 2.4em; vertical-align:middle; } #other_services .redborder-button:link, #other_services .redborder-button:visited{ text-decoration:none; } #other_services .redborder-button:hover, #other_services .redborder-button:active{ background:#a60011; color:#fff; text-decoration:none; } #page .service_box_right2block{ display:block; width:220px; text-align:center; font-size:0.93rem; line-height:1.6em; } #page .service_box_right2block img{ margin-bottom:10px; } #top_top{ width:1000px; margin:0 auto; height:0; line-height:0; } #top_top #to_top_button{ display:none; font-size:2.5rem; text-align:center; position:fixed; bottom:1.5rem; padding:0.3em; width:1em; height:1em; border-radius:0.2em; background:#000; color:#fff; margin:0 0 0 1100px; filter:alpha(opacity=70); -ms-filter:Alpha(Opacity=70); -moz-opacity:0.70; opacity:0.70; font-weight:200; } #top_top #to_top_button::before{ content:"\f062"; font-family:fontawesome; font-size:inherit; width:1em; height:1em; line-height:1em; position:absolute; margin:auto; left:0;top:0;right:0;bottom:0; } #top_top #to_top_button:hover{ filter:alpha(opacity=50); -ms-filter:Alpha(Opacity=50); -moz-opacity:0.50; opacity:0.50; text-decoration:none; } #top_top #to_top_button{ box-shadow: #000 0 0 0; } #page #page_news{ width:700px; float:left } #page #sidebar{ width:250px; padding-left:50px; float:left } #page #sidebar h3{ margin:0 0 1.2em 0; padding:0; border-bottom:1px solid #999; } #page #sidebar h3 span{ font-size:1.07rem; line-height:1em; font-weight:700; color:#a60011; display:inline-block; margin:0; padding:0 0 0.5em 0; border-bottom:3px solid #a60011; } #page #sidebar .normallist li{ line-height:1.5em; } #page #sidebar .sidebar_list .postinfo{ margin:0 0 0.1em; padding:0; font-size:0.8rem; color:#777; } #page #sidebar .sidebar_list h4{ font-size:1rem; line-height:1.4em; margin:0; padding:0; border:none; } #page #sidebar .sidebar_list li{ border-bottom:1px dotted #999; padding-bottom:1em; margin-bottom:1em; } #page .results_contents h2{ background:#f0efeb; font-weight:700; padding:8px 0 8px 20px; margin-bottom:1em; } #page .results_contents dl{ width:100%; border-bottom:1px dotted #999; overflow:hidden; margin-bottom:1em; padding-bottom:0.6em; } #page .results_contents dt{ display:block; width:150px; padding:0 0 0 20px; margin:10px 0; float:left; line-height:1.4em; } #page .results_contents dd{ display:block; width:820px; margin:10px 0; float:right; line-height:1.4em; } #page .results_contents dl:last-child{ border:none; } #page #corporate{ padding-bottom:30px; } #page .bgcolor_table{ width:100%; .bgcolor_table-layout:fixed; border-collapse:collapse; } #page .bgcolor_table th, #page .bgcolor_table td{ padding:1rem; border:2px solid #fff; line-height:1.5em; } #page .bgcolor_table th{ background:#f0efeb; width:270px; vertical-align:middle; } #page .bgcolor_table td{ background:#f7f7f4; } #page #privacy h3{ font-weight:700; font-size:1.2rem; line-height:1.2em; margin:0 0 1em 0; padding:0; border:none; } #page #privacy p{ margin-bottom:3em; } #page #privacy span{ display:block; font-weight:700; } #page #privacy fieldset{ border:2px solid #777; padding:15px; border-radius: 8px; } #page #privacy fieldset legend{ font-weight:700; font-size:1.2rem; } #page #sitemap .normallist{ list-style:none; margin-left:0; } #page #sitemap .normallist li a:before{ content:"\00BB"; display:inline-block; margin-right:0.5em; } #page #sitemap h3{ margin:0 0 1.2em 0; padding:0; border-bottom:1px solid #999; } #page #sitemap h3 span{ font-size:1.07rem; line-height:1em; font-weight:700; color:#a60011; display:inline-block; margin:0; padding:0 0 0.5em 0; border-bottom:3px solid #a60011; } #page #sitemap h4{ margin-bottom:0.7em; } #page #sitemap h4 a{ line-height:1.43rem; } #page #page_news .single{ padding-right:20px; } #page #page_news .single h2, #page #page_news .single h2 *{ font-size:2rem; color:#a60011; line-height:1.4em; margin-bottom:1em; font-weight:700; text-align:left; } #page #page_news .single .data{ margin:1em 0 1.5em; } #page #page_news .single .data li{ display:inline-block; } #page #page_news .single .data li time{ font-size:1rem; } #page #page_news .single .service a, #page #page_news .single .event a, #page #page_news .single .campaign a{ font-size:0.9rem; } #page #page_news #single_content p{ line-height: 1.8em; margin-bottom: 1em; font-size: 1.07rem; } #page #page_news #single_content img{ max-width:100%; height:auto; } .social_buttons{ margin: 20px 0; } .social_buttons li { margin: 0 1.6129% 0 0; width: 32.2481%; float: left; box-sizing: border-box; } .social_buttons li a{ width: 100%; height: 2.4em; text-align: center; display: block; line-height: 2.4em; color:#FFF; font-size: 1.3rem; border-radius:0.2em; } .social_buttons .twitter_button a{ background-color: #00aced; } .social_buttons .twitter_button a:hover{ background-color: #2AC2FC; } .social_buttons .facebook_button a{ background-color: #305097; } .social_buttons .facebook_button a:hover{ background-color: #718AC2; } .social_buttons .google_button { margin: 0; } .social_buttons .google_button a{ background-color: #db4a39; } .social_buttons .google_button a:hover{ background-color: #FF988D; } #page #page_news .social_buttons li a:link, #page #page_news .social_buttons li a:visited, #page #page_news .social_buttons li a:hover, #page #page_news .social_buttons li a:active{ color:#fff; text-decoration:none; } #page #page_news .previous_next_post{ margin: 24px 0 0 0; padding: 24px 0 0 0; width: 100%; background-image:url('images/line_01.png'); background-repeat: repeat-x; background-position: top 0 left 0; display: table; } #page #page_news .previous_next_post p{ margin: 0; display: table-cell; box-sizing: border-box; } #page #page_news .previous_next_post a{ display: block; } #page #page_news .previous_next_post .previous_post{ text-align: left; padding: 0 5px 0 0; } #page #page_news .previous_next_post .previous_post a{ padding: 10px 0 10px 0; } #page #page_news .previous_next_post .previous_post a:before{ content:"\00AB"; } #page #page_news .previous_next_post .next_post{ text-align: right; padding: 0 0 0 5px; } #page #page_news .previous_next_post .next_post a{ padding: 10px 0 10px 0; } #page #page_news .previous_next_post .next_post a:after{ content:"\00BB"; } #page_news h2{ text-align:center; border-bottom:1px solid #999; margin-bottom:2em; padding-bottom:0.6em; font-size:1.5rem; line-height:1em; } #corporate, #contact{ width:80%; min-width:700px; margin:0 auto; } #contact input[type="text"], #contact input[type="email"], #contact textarea{ width:99%; font-size:16px; } #contact select{ margin-bottom:0.5em; padding:0.3em; } #contact select, #contact select option{ font-size:16px; padding:0.3em; } #contact .wpcf7-list-item{ display:block; } #contact #submit_wrapper{ padding:1em 0; margin:0; } #contact .wpcf7-submit{ font-size:1.2rem; line-height:1em; font-weight:700; color:#fff; background:#a60011; border:none; border-radius: 5px; padding:0.8em 2.0em 0.8em 1.8em; text-shadow:none; font-family: 'Noto Sans Japanese', "游ゴシック", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; } #contact .wpcf7-submit:hover{ filter:alpha(opacity=70); -ms-filter:Alpha(Opacity=70); -moz-opacity:0.70; opacity:0.7; } #contact .bgcolor_table th span{ font-size:0.93rem; line-height:1em; display:inline-block; color:#fff; background:#a60011; padding:0.1em 0.3em 0.2em; margin-left:1em; } #menubutton{ display:none; } .smp{ display:none; } .bx-wrapper .bx-pager{ position: absolute; width: 100%; } #page .smp_eyecatch{ display:none; } .single_youtube { position: relative; width: 100%; padding-top: 55%; } .single_youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } #main .moreread{ text-align:center; padding-bottom:1rem; } #main .moreread a{ display:inline-block; background:#000; padding:1em 3em; border-radius:0.3em; } #main .moreread a::after{ content:"\f107"; font-family:fontawesome; display:inline-block; margin-left:0.3em; } #main .moreread a:link, #main .moreread a:visited{ color:#fff; text-decoration:none; } #main .moreread a:hover, #main .moreread a:active{ color:#fff; text-decoration:none; opacity:0.7; } @media screen and (max-width:769px){ html,body, #firstview_inner, #main_column, #footer_contact_inner, #footer_info_inner, .breadcrumbs, #page_title h2, #page_title span, #index_services_wrapper{ width:100%; } body{ -webkit-text-size-adjust: 100%; } body, #corporate, #contact{ min-width:100%; } img{ max-width:100%; height:auto; } #main_column{ overflow:hidden; } #firstview_inner h2, #firstview_inner p, #firstview_inner #firstview_floatbox_wrapper{ opacity:1; filter:blur(0px); position:static; text-align:left; } #firstview_inner p.red_button{ text-align:center; } #main{ padding-bottom:20px; } #top_top{ width:auto; } #top_top #to_top_button{ font-size:1.7rem; margin:0; right:0.3em; bottom:0.3em; } #header_inner{ width:90%; margin:0 auto; } #header{ padding-bottom:1em; } .home #header{ padding-bottom:0; } #dhdr_links{ display:none; } .home #dhdr_links{ display:block; text-align:center; margin-bottom:1em; } #dhdr_links br{ display:none; } #dhdr_links #dh_link{ margin-left:0; } #dhdr_links #dh_link a{ border-radius:2.5em; padding:0 1em; line-height:2.5em; border-width:1px; } #dh_link a:link, #dh_link a:visited, #dh_link a:hover, #dh_link a:active{ color:#a60011; border-color:#a60011; text-decoration:none; } #dr_link a:link, #dr_link a:visited, #dr_link a:hover, #dr_link a:active{ color:#246638; border-color:#246638; text-decoration:none; } #header_inner .red_button{ display:none; } #header_inner h1{ max-width:50%; height:auto; display:block; } #header_inner #header_logo{ width:30vw; height:auto; } #firstview_inner{ padding:4em 0 0; } #firstview_inner h2{ width:90%; margin-left:auto; margin-right:auto; text-align:center; } #firstview_inner h2 img{ width:100%; } #firstview_inner h2 img:nth-of-type(1){ margin-bottom:0.4em; max-width:90%; } #firstview_inner p{ max-width:90%; margin:0 auto; } #firstview_floatbox_wrapper{ margin-top:2.5em; padding:1em 0 1.5em; background:rgba(0,0,0,0.4); } #firstview_inner .leftbox, #firstview_inner .rightbox{ float:none; width:90%; margin:0 auto; padding:0 0.2em 0.5em; } #firstview_inner .leftbox{ margin-bottom:1em; } .midashi_wrapper{ width:96%; margin:0 auto 20px; } .midashi_wrapper .eng{ display:inline-block; font-weight:700; font-size:1.2rem; padding:0.4em 0.1em; margin-right:0.4em; } .midashi_wrapper .link{ float:right; height:30px; width:30px; margin:0; } .midashi_wrapper .link a{ display:block; height:30px; width:30px; background:url('images/spm_red_circle_arrow.png') center center no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; } #page #page_news dl{ display:block; width:90%; margin:0 auto 2em; } #index_whatsnew .threeposts_wrapper{ width:100%; display:block; } #index_whatsnew .threeposts_wrapper dl{ display:block; width:90%; margin:0 auto 2em; } #page #page_news dl, #page #page_news dl dt a img, #index_whatsnew dl dt a img{ width:100%; height:auto; } #index_whatsnew h4 a{ display:inline; height:auto; overflow:visible; } #index_service > p{ width:90%; margin:0 auto 1em; } #index_services_wrapper div, #index_services_wrapper div:nth-child(even){ display:block; width:100%; margin:0 auto 1.5em; } #index_services_wrapper div:last-child{ margin:0 auto; } #index_services_wrapper div h4{ width:90%; margin:0 auto 1em; } #index_services_wrapper div .thumb{ height:auto; } #index_services_wrapper div .desc { height:auto; } #footer_contact_inner span{ display:block; font-size:1.2rem; margin-bottom:1em; } #footer_contact_inner .red_button{ display:block; margin-left:0; } #footer_info{ padding:1em 0; } #footer_info_inner .leftbox, #footer_info_inner .rightbox{ width:90%; margin:0 auto; display:block; overflow:hidden; } #footer_info_inner #footer_logo img{ max-width:50%; height:auto; } #footer_info_inner *{ font-size:0.85rem; line-height:1.2em; } #footer_info_inner .leftbox{ border-bottom:1px solid #999; padding-bottom:1em; margin-bottom:1em; } #footer_info_inner .rightbox div{ width:49%; padding:0 1% 0 0; } #footer_info_inner .rightbox div:last-child{ width:49%; padding:0 0 0 1%; } #copyright{ font-size:0.8rem; } /*レスポンシブでハンバーガーメニュー*/ #main{ position:relative; z-index:0; } #header_menu{ position:absolute; right:0; top:0; width:50%; overflow:visible; background:none; margin-top:1rem; border:none; } #header_menu ul{ display:none; width:200%; position:relative; left:-100%; } #header_menu ul li{ width: 100%; background:#1a1a1a; margin:0; padding:0; overflow:hidden; } #header_menu .accordion .accordion_inner{ display:block; position:static; } #header_menu ul li a, #header_menu > ul > li.accordion > ul > li > a, #header_menu .accordion .accordion_inner li a{ display:block; width:100%; border-bottom:1px dotted #777; line-height:1em; padding:1em 0.6em; text-align:left; box-sizing:border-box; } #header_menu ul li a{ font-size:1rem; line-height:1em; } #header_menu > ul > li.accordion > ul > li > a, #header_menu .accordion .accordion_inner li a{ font-size:100%; } #header_menu > ul > li:last-child a{ border:none; } #header_menu ul li a::before, #header_menu > ul > li:hover > a::before, #header_menu > ul > li.accordion > ul > li > a::before{ content:"\025b6"; position:static; font-size:0.5rem; display:inline-block; margin-right:0.5em; color:inherit; } #header_menu > ul > li:not(:last-child) > a::after{ content:none; border:none; } #header_menu ul li a:link, #header_menu ul li a:visited, #header_menu ul li a:hover, #header_menu ul li a:active, #header_menu .accordion .accordion_inner li a:link, #header_menu .accordion .accordion_inner li a:visited, #header_menu .accordion .accordion_inner li a:hover, #header_menu .accordion .accordion_inner li a:active{ color:#fff; background:#1a1a1a; } #header_menu > ul > li.accordion .toggle{ display:none; } #menubutton{ display:block; position:relative; width:100%; text-align:right; } #menubutton a{ display:inline-block; width:32px; height:27px; margin-right:15px; margin-top:10px; overflow: hidden; text-indent: 100%; white-space: nowrap; background:url('images/menubutton.png') center center no-repeat; } .bx-controls-direction{ position: relative; z-index:10; width: 100%; margin-top:0.5em; } .bx-wrapper .bx-controls-direction a{ text-indent:0; width:auto; height:auto; border:2px solid #777; padding:0.3em; border-radius: 4px; font-weight:700; opacity:1; } .bx-wrapper .bx-controls-direction{ text-align:center; } #slide-counter, .bx-wrapper .bx-controls-direction a{ display:inline-block; position:static; } #slide-counter{ margin:0 2em; } #main .bx-wrapper .bx-controls-direction a:link, #main .bx-wrapper .bx-controls-direction a:visited, #main .bx-wrapper .bx-controls-direction a:hover, #main .bx-wrapper .bx-controls-direction a:active{ color:#777; text-decoration:none; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next{ background:none; } .bx-wrapper .bx-prev{ left:1em; } .bx-wrapper .bx-next{ right:1em; } .bx-wrapper .bx-prev:before{ content: "\00AB"; display:inline-block; margin-right:0.5em; } .bx-wrapper .bx-next:after{ content: "\00BB"; display:inline-block; margin-left:0.5em; } .bx-wrapper .bx-viewport{ border:none; left:0; } .bx-wrapper .bx-pager{ display:none; } .bx-wrapper .bx-controls-auto{ position: absolute; bottom: -20px; width: 100%; } #page{ padding-top:1em; } #page_title{ padding:30px 0; } #page_title h2{ font-size:5.5vw; } #page_title span{ font-size:0.93rem; } .breadcrumbs{ display:none; } .voice_article{ margin-bottom:1em; padding-bottom:1em; } .voice_article .thumb, .voice_article:nth-child(even) .thumb, #page_voice_loop .voice_article .thumb, #page_voice_loop .voice_article:nth-child(even) .thumb{ display:block; width:30%; height:auto; margin:0 0.6em 0.6em 0.6em; float:left; } .voice_article .thumb img{ display:block; width:100%; height:auto; margin:0 auto; } .voice_article dl, .voice_article:nth-child(even) dl, #page_voice_loop .voice_article dl, #page_voice_loop .voice_article:nth-child(even) dl{ display:inline; vertical-align:top; float:none; } .voice_article dl dt a{ font-size:1.4rem; } .voice_article .date .hospital:before, .voice_article .date .person:before{ width:13px; height:17px; height:auto; } .voice_article .date .hospital, .voice_article .date .person{ display:block; line-height:1.15em; margin-bottom:0.3em; } .voice_article .dh .date .hospital:before{ content:url('images/point_icon_small.png'); } .voice_article .dr .date .hospital:before{ content:url('images/point_icon_dr_small.png'); } .voice_article .dh .date .person:before{ content:url('images/person_icon_small.png'); } .voice_article .dr .date .person:before{ content:url('images/person_icon_dr_small.png'); } .voice_article .date span:after{ content: "\A" ; white-space: pre; } .voice_article .date .area{ display:block; padding:0.4em; font-size:0.9em; margin-bottom:1.5em; float:left; } .voice_article .date{ padding-bottom:0; } .voice_article .type{ position:static; margin-left:1.5em; padding:0.4em 0; } .voice_article .type span{ font-size:1em; line-height:1em; padding:0.2em; border-radius:2px; font-weight:700; } .voice_article .dh .type span{ border:2px solid #a60011; color:#a60011; } .voice_article .dr .type span{ border:2px solid #173e23; color:#173e23; } .voice_article .date .person{ font-size:1.2rem; } #index_voice .voice_article .date .hospital, #index_voice .voice_article .date .person small{ font-size:0.8rem; } .voice_article .desc{ display:block; width:90%; margin:0 auto; padding-bottom:0; } .voice_article .desc p{ font-size:1rem; line-height:1.5em; } #page{ width:90%; margin-left:auto; margin-right:auto; } #page h3{ padding-left:0; font-size:1.5rem; font-weight:700; } #page h3:before{ content:''; } #page h3:after{ content:attr(title); } #page h3 img{ display:none; } #page .service_box, #page .reason_box{ margin-bottom:2em; } #page .reason_service{ margin:1.5em 0; padding-bottom:1em; } #page .service1:before, #page .service2:before, #page .service3:before, #page .service4:before{ content:''; } #page .service1 h4:before{ content:'①'; } #page .service2 h4:before{ content:'②'; } #page .service3 h4:before{ content:'③'; } #page .service4 h4:before{ content:'④'; } #page .movie{ max-width:100%; margin:1em 0; } #page .two_sites span{ width:50%; } #page .four_books span{ width:25%; } #page .two_sites span img, #page .four_books span img, #page .service_box_leftblock img{ width:90%; } #hands{ box-sizing:border-box; width:90%; margin:0 auto 2em; float:none!important; } #hands > div{ width:100%; height:auto; overflow:hidden; } #hands .floatright{ width:30%; } #hands .floatright img{ width:100%; } #hands p br{ display:none; } #page .services .bottom40, #page .services .bottom50, #page .service_box .bottom40, #page .service_box .bottom50{ margin-bottom:1em!important; } #page .services .top40, #page .services .top50, #page .service_box .top40, #page .service_box .top50{ margin-top:1em!important; } #page .service_box .bottom20, #page .service_box .bottom30{ margin-bottom:0!important; } #other_services > div, #other_services div:last-child{ max-width:44%; margin-left:2%; margin-right:2%; } #other_services div .thumb{ height:10em; } #page .applis{ float:none!important; width:100%; text-align:center; margin:0 0 2em 0!important; } #page .applis > span{ float:none!important; display:inline-block; vertical-align:top; } #page .applis > span br{ display:none; } #page .applis > span img{ display:block; margin:0 auto 1em; } #page .bgcolor_table, #page .bgcolor_table tbody, #page .bgcolor_table tr, #page .bgcolor_table th, #page .bgcolor_table td{ display:block; width:100%; box-sizing:border-box; } #page .bgcolor_table th, #page .bgcolor_table td{ padding:0.5em; } #contact #submit_wrapper{ padding-bottom:0; margin:0; } #contact .ajax-loader{ margin:0!important; } #page .results_contents dl dt, #page .results_contents dd{ box-sizing:border-box; width:100%; } #page .results_contents dl dt{ float:none; } #page .results_contents dd{ float:none; padding-left:25px; } #page .results_contents dd:before{ content:'・'; } #page #page_news{ width:100%; float:none; } #page #page_news dl, #index_whatsnew dl{ border-bottom:1px dotted #999; } #page #page_news dl:last-child, #index_whatsnew dl:last-child{ border:none; } #index_whatsnew dl{ padding-bottom:1.5em; } #index_whatsnew dl:last-child{ border:none; padding-bottom:0; } #page #sidebar{ display:none; } #page #page_news .single{ padding-right:0; } #page #page_news .single h2, #page #page_news .single h2 *{ font-size:1.5rem; } .social_buttons li a{ font-size:1rem; } #other_services h3{ font-size:1.2rem; } } @media screen and (max-width:481px){ #page{ padding-top:0.5em; } .red_button a, #main .red_button a{ font-size:1.15rem; } #main #firstview_inner .red_button a { font-size: 1.25rem; } #footer_contact_inner span{ font-size:1.1rem; } .voice_article .jisseki p{ font-size:1rem; margin-top:0.4em; } #index_voice .voice_article .type { margin-left:0; } #index_voice .voice_article .thumb{ display:block; width:90%; height:auto; margin:0 auto 0.6em; float:none; } #index_voice .voice_article .thumb a{ width:60%; padding-top:60%; } #index_voice .voice_article .dr .type span, #index_voice .voice_article .dh .type span{ color:#fff; font-size:1.3rem; } #index_voice .voice_article .dr .type span{ background:#173e23; } #index_voice .voice_article .dh .type span{ background:#a60011; } #index_voice .voice_article dl { display: block; width:90%; margin:0 auto; padding-top: 8px; vertical-align: top; } #index_voice .voice_article dt, #index_voice .voice_article dt a{ font-size:1.5rem; font-weight:700; line-height:1.5em; margin-bottom:0.5em; } .voice_article .dh .date .area{ float:none; display:inline-block; } #index_voice .voice_article .dh .date .area, #index_voice .voice_article .dr .date .area{ display:none; } #index_voice .voice_article .date .hospital, #index_voice .voice_article .date .person{ display: block; margin-bottom:0.7em; } .voice_article .date .area{ margin-bottom:0; } #index_voice .voice_article .type{ position:absolute; left:8%; top:8px; } #index_voice .voice_article .desc{ display:none; } #page_voice_loop .voice_article{ padding-bottom:1em; margin-bottom:1em; } #page_voice_loop .voice_article dt{ padding:0.8em 0.8em 0 0; } #page_voice_loop .voice_article dt, #page_voice_loop .voice_article dt a{ font-size:1.7rem; } #page_voice_loop .voice_article .date .hospital, #page_voice_loop .voice_article .date .person{ display:block; clear:both; width:90%; margin-left:auto; margin-right:auto; } #page_voice_loop .voice_article dl dt a{ font-size:1.2rem; } #page_voice_loop .voice_article .type{ clear:both; margin-bottom:0.4em; } #page img{ /*max-width:50%;*/ display:block; margin:0 auto 1em!important; float:none!important; } #page h4{ margin-bottom:1em; } #page .two_sites, #page .four_books, #page .service_box_leftblock{ margin-bottom:1em; } #page .two_sites span, #page .four_books span{ width:50%; } #page .service_box_leftblock{ width:90%; margin:0 auto 1em!important; float:none!important; } #page .two_sites span, #page .four_books span{ margin-bottom:1em; } #page .two_sites span br, #page .four_books span br, #page .service_box_leftblock br{ display:none; } #hands{ width:100%; margin:0 0 1em 0!important; } #hands .floatright{ width:90%; float:none!important; margin:0 auto 1em; } #hands .floatright img{ width:100%; } #hands p{ padding-top:0; } .smp_hidden{ display:none!important; } #other_services > div, #other_services div:last-child{ max-width:100%; width:100%; display:block; } #other_services > div h4{ width:90%; margin-left:auto; margin-right:auto; } #other_services div .thumb{ height:auto; } #page .applis > span{ max-width:45%; margin-left:2%; margin-right:2%; } #page .applis > span img{ max-width:90%; } .social_buttons li a{ font-size:0.8rem; } #page .two_sites span{ width:44%; margin-left:3%; margin-right:3%; font-size:0.85rem; } #page .two_sites span img{ width:100%; } #page .two_sites span .pc{ display:none; } #page .two_sites .smp{ display:block; width:100%; margin:0; padding:0; text-align:center; } #page .two_sites .smp a{ display:inline-block; margin-top:0.2em; font-size:0.9rem; line-height:1em; } #other_services .redborder-button{ margin-bottom:0.1em; } #page .smp_eyecatch{ display:block; margin:0 auto 1em; width:100%; height:auto; } .voice_article .jisseki p span{ font-size:1.7em; } #main .moreread a{ display:block; background:#000; width:100%; padding:1em 0; } #main .moreread a:hover, #main .moreread a:active{ opacity:1; } #page .movie{ height:0; padding-top:56.25%; position:relative; } #page .movie iframe{ position:absolute; width:100%; height:100%; left:0; top:0; } #menubutton a{ margin-top:3px; } } @media screen and (max-width:321px){ html,body{ font-size:12px; } #dh_link a{ padding:0.8em 0.4em; } #dr_link a{ padding:0.8em 0.5em; } #page .bgcolor_table, #page .bgcolor_table tbody, #page .bgcolor_table tr, #page .bgcolor_table th, #page .bgcolor_table td{ display:block; width:100%; box-sizing:border-box; } #page .bgcolor_table th{ padding-top:0.5em; padding-bottom:0.5em; } .social_buttons li a{ font-size:0.8rem; } #firstview_inner h2{ border-bottom:1px solid #fff; margin-bottom:20px; padding-bottom:20px; } #firstview_inner h2 img:last-child{ margin-bottom:0px; } #header_menu{ padding-top:0.6em; } #menubutton a{ margin-top:-2px; } }