@charset 'UTF-8';
/* â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â–
å„固定ページ
â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
body直下ã«idå「wrapperã€ã®divãŒã‚ã‚Šã¾ã™ã€‚
ã“ã¡ã‚‰ã«ã¯ã€å›ºå®šãƒšãƒ¼ã‚¸ã”ã¨ã«ç•°ãªã‚‹classå(post-〇)ãŒä»˜ä¸Žã•ã‚Œã¾ã™ã®ã§ã€
ã”活用ãã ã•ã„。
ã€ä¾‹ã€‘
<body>
<div id="wrapper" class="post-2 page type-page status-publish has-post-thumbnail hentry">
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ================================================================================
レイアウト
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
#wrapper {}
main.outer_wrap {
position: relative;
max-width: none;
/* max-width: 1920px; 固定幅レイアウト時 */
width: 100%;
min-height: 50vh;
display: block;
padding: 40px 0 80px;
margin: 0 auto;
}
.inner_wrap {
position: relative;
background: url(../img/bg_content01.jpg) left 10px top / 170px auto no-repeat,
url(../img/bg_content02.jpg) right 0px top / 180px auto no-repeat,
#ffffff;
width: 1140px;
padding: 100px 0;
margin: 0 auto;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
#wrapper {}
main.outer_wrap {
position: relative;
width: 100%;
min-height: 50vh;
padding: 4vw 2vw 12vw;
}
.inner_wrap {
position: relative;
background: url(../img/bg_content01.jpg) left 2vw top / 20vw auto no-repeat,
url(../img/bg_content02.jpg) right 0px top / 20vw auto no-repeat,
#ffffff;
width: 100%;
padding: 12vw 4vw;
}
}
/* ================================================================================
メイン画åƒ
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
.main_cate {
position: relative;
width: 100%;
height: 26.6vw;
border: 0.8vw solid #ffffff;
}
.main_cate_in {
position: relative;
background: url(../img/main_cate.jpg) center bottom / cover no-repeat;
width: 100%;
height: 100%;
display: table;
}
/* メイン画åƒã®ã‚¿ã‚¤ãƒˆãƒ« */
.main_cate_in p {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 3.2vw;
font-family: 'Libre Baskerville', serif;
font-weight: 400;
color: #8a9ec6;
line-height: 1;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
.main_cate {
position: relative;
width: 100%;
height: 45vw;
}
.main_cate_in {
position: relative;
background: url(../img/main_cate.jpg) right bottom / cover no-repeat;
width: 100%;
height: 100%;
display: table;
}
/* メイン画åƒã®ã‚¿ã‚¤ãƒˆãƒ« */
.main_cate_in p {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 8vw;
font-family: 'Libre Baskerville', serif;
font-weight: 400;
color: #8a9ec6;
line-height: 1;
}
}
/* ================================================================================
マージンボックス
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* 上ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’空ã‘ã‚‹
----------------------------------------------- */
.top_long {
margin-top: 120px;
}
.top_middle {
margin-top: 80px;
}
.top_short {
margin-top: 40px;
}
.top_vshort {
margin-top: 20px;
}
/* 下ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’空ã‘ã‚‹
----------------------------------------------- */
.bottom_long {
margin-bottom: 120px;
}
.bottom_middle {
margin-bottom: 80px;
}
.bottom_short {
margin-bottom: 40px;
}
.bottom_vshort {
margin-bottom: 20px;
}
/* 両方ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’空ã‘ã‚‹
----------------------------------------------- */
.both_long {
margin-top: 120px;
margin-bottom: 120px;
}
.both_middle {
margin-top: 80px;
margin-bottom: 80px;
}
.both_short {
margin-top: 40px;
margin-bottom: 40px;
}
.both_vshort {
margin-top: 20px;
margin-bottom: 20px;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* 上ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’空ã‘ã‚‹
----------------------------------------------- */
.top_long {
margin-top: 16vw;
}
.top_middle {
margin-top: 12vw;
}
.top_short {
margin-top: 8vw;
}
.top_vshort {
margin-top: 4vw;
}
/* 下ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’空ã‘ã‚‹
----------------------------------------------- */
.bottom_long {
margin-bottom: 16vw;
}
.bottom_middle {
margin-bottom: 12vw;
}
.bottom_short {
margin-bottom: 8vw;
}
.bottom_vshort {
margin-bottom: 4vw;
}
/* 両方ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’空ã‘ã‚‹
----------------------------------------------- */
.both_long {
margin-top: 16vw;
margin-bottom: 16vw;
}
.both_middle {
margin-top: 12vw;
margin-bottom: 12vw;
}
.both_short {
margin-top: 8vw;
margin-bottom: 8vw;
}
.both_vshort {
margin-top: 4vw;
margin-bottom: 4vw;
}
}
/* ================================================================================
パディングボックス
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* 上ã«ãƒ‘ディングを空ã‘ã‚‹
----------------------------------------------- */
.p_top_long {
padding-top: 120px;
}
.p_top_middle {
padding-top: 80px;
}
.p_top_short {
padding-top: 40px;
}
.p_top_vshort {
padding-top: 20px;
}
/* 下ã«ãƒ‘ディングを空ã‘ã‚‹
----------------------------------------------- */
.p_bottom_long {
padding-bottom: 120px;
}
.p_bottom_middle {
padding-bottom: 80px;
}
.p_bottom_short {
padding-bottom: 40px;
}
.p_bottom_vshort {
padding-bottom: 20px;
}
/* 両方ã«ãƒ‘ディングを空ã‘ã‚‹
----------------------------------------------- */
.row_long {
padding-top: 120px;
padding-bottom: 120px;
}
.row_middle {
padding-top: 80px;
padding-bottom: 80px;
}
.row_short {
padding-top: 40px;
padding-bottom: 40px;
}
.row_vshort {
padding-top: 20px;
padding-bottom: 20px;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* 上ã«ãƒ‘ディングを空ã‘ã‚‹
----------------------------------------------- */
.p_top_long {
padding-top: 16vw;
}
.p_top_middle {
padding-top: 12vw;
}
.p_top_short {
padding-top: 8vw;
}
.p_top_vshort {
padding-top: 4vw;
}
/* 下ã«ãƒ‘ディングを空ã‘ã‚‹
----------------------------------------------- */
.p_bottom_long {
padding-bottom: 16vw;
}
.p_bottom_middle {
padding-bottom: 12vw;
}
.p_bottom_short {
padding-bottom: 8vw;
}
.p_bottom_vshort {
padding-bottom: 4vw;
}
/* 両方ã«ãƒ‘ディングを空ã‘ã‚‹
----------------------------------------------- */
.row_long {
padding-top: 16vw;
padding-bottom: 16vw;
}
.row_middle {
padding-top: 12vw;
padding-bottom: 12vw;
}
.row_short {
padding-top: 8vw;
padding-bottom: 8vw;
}
.row_vshort {
padding-top: 4vw;
padding-bottom: 4vw;
}
/* 背景色を伸ã°ã™
----------------------------------------------- */
.row_sp {
padding-left: 4vw !important;
padding-right: 4vw !important;
}
}
/* ================================================================================
カラーボックス
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* カラー01 */
.row_c01 {
background: url(../img/spacer.gif) center top / auto auto repeat, #f5f5f5;
}
/* カラー02 */
.row_c02 {
background: url(../img/spacer.gif) center top / auto auto repeat, #eeeeee;
}
/* ボーダー囲ㄠ*/
.box_border {
padding: 40px;
border: 4px solid #859cc5;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* カラー01 */
.row_c01 {
background: url(../img/spacer.gif) center top / auto auto repeat, #f5f5f5;
padding-left: 4vw;
padding-right: 4vw;
}
/* カラー02 */
.row_c02 {
background: url(../img/spacer.gif) center top / auto auto repeat, #eeeeee;
padding-left: 4vw;
padding-right: 4vw;
}
/* ボーダー囲ㄠ*/
.box_border {
padding: 4vw;
border: 1vw solid #859cc5;
}
}
/* ================================================================================
見出ã—
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* h2見出ã—
----------------------------------------------- */
.h2_cate {
border-bottom: 3px dotted #8a9ec6;
padding: 0 0 12px 0 !important;
}
.h2_cate h2 {
font-size: 32px;
font-weight: 500;
line-height: 1.4 !important;
color: #8a9ec6;
text-align: center;
}
/* h3見出ã—
----------------------------------------------- */
.h3_cate {
border-bottom: 2px dotted #8a9ec6;
padding: 0 0 8px 0 !important;
}
.h3_cate h3 {
font-size: 26px;
font-weight: 500;
line-height: 1.4 !important;
color: #8a9ec6;
text-align: center;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* h2見出ã—
----------------------------------------------- */
.h2_cate {
border-bottom: 3px dotted #8a9ec6;
padding: 0 0 2vw 0 !important;
}
.h2_cate h2 {
font-size: 5.5vw;
font-weight: 500;
line-height: 1.4 !important;
color: #8a9ec6;
text-align: center;
}
/* h3見出ã—
----------------------------------------------- */
.h3_cate {
border-bottom: 2px dotted #8a9ec6;
padding: 0 0 1.5vw 0 !important;
}
.h3_cate h3 {
font-size: 4.5vw;
font-weight: 500;
line-height: 1.4 !important;
color: #8a9ec6;
text-align: center;
}
}
/* ================================================================================
共通ボタン
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* リンク
----------------------------------------------- */
.link_common {
margin-top: 40px;
}
.link_common ul {
font-size: 0;
letter-spacing: -0.4em;
text-align: center;
}
.link_common ul li {
display: inline-block;
font-size: 22px;
letter-spacing: 0;
}
.link_common ul li:not(:first-child) {
margin-left: 20px;
}
.link_common ul li a {
position: relative;
display: block;
background-color: #859cc5;
color: #ffffff;
font-family: 'Libre Baskerville', 'Noto Serif JP', '游明æœ', YuMincho, 'ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN W2', 'Hiragino Mincho ProN', 'HG明æœB', serif;
font-weight: 400;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.3;
padding: 0.8em 4em;
}
.link_common ul li a::after {
position: absolute;
content: "";
display: block;
background: url(../img/arrow.png) center top / contain no-repeat;
width: 30px;
height: 16px;
top: 50%;
margin-top: -7px;
right: 16px;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* リンク
----------------------------------------------- */
.link_common {
margin-top: 6vw;
}
.link_common ul {
text-align: center;
}
.link_common ul li {
display: block;
font-size: 4vw;
}
.link_common ul li:not(:first-child) {
margin-top: 2vw;
}
.link_common ul li a {
position: relative;
display: block;
width: 80vw;
background-color: #859cc5;
color: #ffffff;
font-family: 'Libre Baskerville', 'Noto Serif JP', '游明æœ', YuMincho, 'ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN W2', 'Hiragino Mincho ProN', 'HG明æœB', serif;
font-weight: 400;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.3;
padding: 1em 0;
margin-left: auto;
margin-right: auto;
}
.link_common ul li a::after {
position: absolute;
content: "";
display: block;
background: url(../img/arrow.png) center top / contain no-repeat;
width: 6vw;
height: 3.1vw;
top: 50%;
margin-top: -1.5vw;
right: 3vw;
}
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
ã“ã“ã‹ã‚‰å„固定ページ
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ================================================================================
実績紹介部分
================================================================================ */
/* カテゴリアイコン色 */
.works_icon span {
background-color: #222222;
color: #ffffff;
}
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
.works_wrap {
position: relative;
width: 1000px;
margin: 0 auto;
}
.works_wrap ul {
font-size: 0;
text-align: center;
}
.works_wrap > ul > li {
display: inline-block;
vertical-align: top;
text-align: left;
width: 320px;
margin-left: 20px;
font-size: 16px;
}
.works_wrap > ul > li:nth-of-type(3n+1) {
margin-left: 0;
}
/* カテゴリアイコン */
.works_icon {
position: relative;
height: 0;
}
.works_icon span {
position: relative;
display: inline-block;
transform: translateY(16px);
-webkit-transform: translateY(16px);
-ms-transform: translateY(16px);
padding: 0 0.5em 0.1em;
z-index: 1;
}
/* サムãƒã‚¤ãƒ«ç”»åƒ */
.works_thumb img {
width: 100%;
height: 213px;
object-fit: cover;
font-family: 'object-fit: cover;';
/* IEå¯¾ç– */
}
/* 投稿記事見出㗠*/
.works_title a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding: 0.3em 0.5em;
font-size: 18px;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
.works_wrap {
position: relative;
margin: 0 auto;
}
.works_wrap > ul {}
.works_wrap > ul > li {
position: relative;
padding: 0;
}
.works_wrap > ul > li:not(:first-child) {
margin-top: 6vw;
}
.works_wrap > ul > li > a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
border: 1px solid #cccccc;
}
/* カテゴリアイコン */
.works_icon {
position: relative;
height: 0;
}
.works_icon span {
position: relative;
display: inline-block;
transform: translateY(4vw);
-webkit-transform: translateY(4vw);
-ms-transform: translateY(4vw);
padding: 0 0.5em 0.1em;
z-index: 1;
}
/* サムãƒã‚¤ãƒ«ç”»åƒ */
.works_thumb img {
max-width: 100%;
width: 100%;
height: 62vw;
object-fit: cover;
font-family: 'object-fit: cover;';
}
/* 投稿記事見出㗠*/
.works_title a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding: 0.3em 0.5em;
font-size: 4vw;
}
}
/* ================================================================================
コンセプトページ
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
.point1 h3,
.point2 h3 {
z-index: 1;
position: relative;
}
.point1,
.point2,
.concept_gre {
position: relative;
}
.point1::before {
position: absolute;
content: "";
background: url(../img/point1.png) no-repeat center top / 100% auto;
width: 240px;
height: 101px;
top: -31px;
left: 0;
z-index: 0;
}
.point2::before {
position: absolute;
content: "";
background: url(../img/point2.png) no-repeat center top / 100% auto;
width: 256px;
height: 95px;
top: -31px;
left: 0;
z-index: 0;
}
.concept_gre::before {
position: absolute;
content: "";
background: url(../img/Greeting.png) no-repeat center top / 100% auto;
width: 317px;
height: 145px;
top: -176px;
left: 275px;
z-index: 0;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
.point1 h3,
.point2 h3 {
z-index: 1;
position: relative;
}
.point1,
.point2,
.concept_gre {
position: relative;
}
.point1::before {
position: absolute;
content: "";
background: url(../img/point1.png) no-repeat center top / 100% auto;
width: 28vw;
height: 12vw;
top: -7vw;
left: 0;
z-index: 0;
}
.point2::before {
position: absolute;
content: "";
background: url(../img/point2.png) no-repeat center top / 100% auto;
width: 32vw;
height: 12vw;
top: -8vw;
left: 0;
z-index: 0;
}
.concept_gre::before {
position: absolute;
content: "";
background: url(../img/Greeting.png) no-repeat center top / 100% auto;
width: 50vw;
height: 23vw;
top: -26vw;
left: 11vw;
z-index: 0;
}
/* ã‚ャラリーè¨å®š */
.concept_ga figure {
width: calc(100%/3) !important;
}
}
/* ================================================================================
メニューページ
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* ä¾¡æ ¼
----------------------------------------------- */
.menu_row01_in .left {
margin: 0 10px !important;
}
.menu_row01_in .right {
margin: 0 10px !important;
}
.price_box {
position: relative;
background-color: #ffffff;
padding: 40px 48px 48px 48px;
z-index: 1;
text-align: center;
font-size: 0;
letter-spacing: -.4em;
border: #eef0f3 solid 2px;
}
.price_bg01 {
position: absolute;
content: "";
display: block;
background-color: #d6dfec;
width: 100%;
height: 100%;
bottom: -16px;
left: -16px;
z-index: 0;
}
.price_bg02 {
position: absolute;
content: "";
display: block;
background-color: #d6dfec;
width: 100%;
height: 100%;
top: -16px;
right: -16px;
z-index: 0;
}
.price_box_in01 {
padding-top: 20px;
}
.price_box_in01 span {
display: inline-block;
background-color: #859cc5;
color: #ffffff;
font-size: 14px;
padding: 0.2em 1em 0.3em;
}
.price_box_in02 {
margin-top: 1em;
font-size: 17px;
}
.price_box_in03 {
margin-top: 0.2em;
font-size: 30px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.4;
}
.price_box_in04 {
margin-top: 0.5em;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.4;
}
.price_box_in04 span {
font-size: 1.4375em;
}
.price_box_in05 {
display: inline-block;
text-align: center;
margin-top: 0.5em;
font-size: 16px;
}
.price_box_in05_in {
text-align: right;
}
.price_box_in05 span {
display: block;
font-size: 4.375em;
font-family: 'Libre Baskerville', 'Noto Serif JP', '游明æœ', YuMincho, 'ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN W2', 'Hiragino Mincho ProN', 'HG明æœB', serif;
font-weight: 400;
line-height: 1;
color: #859cc5;
}
.price_box_in06 {
margin-top: 20px;
font-size: 16px;
}
.price_box_in07 {
margin-top: 20px;
font-size: 16px;
}
.price_info {
display: inline-block;
width: 380px;
letter-spacing: 0;
}
/* メニュー部分 */
.menu_name h3 {
font-size: 23px;
color: #8a9ec6;
border-bottom: double;
padding: 0 36px 9px;
}
/* メリットデメリット */
.merit_box {
border: 1px solid #859cc5;
border-radius: 30px;
padding: 30px;
}
.demerit_box {
border: 1px solid #859cc5;
border-radius: 30px;
padding: 30px;
}
.merit_box .m_d_text ul li,
.demerit_box .m_d_text ul li {
text-indent: -1em;
margin-left: 1em;
line-height: 1.6;
margin-bottom: 10px;
}
.merit_box h4,
.demerit_box h4 {
background: linear-gradient(transparent 60%, #d6dfec 60%);
padding: 0 0 3px 6px;
}
/* ラッシュリフト */
.rush_lift {
position: relative;
}
.rush_lift::before {
position: absolute;
content: "";
background: url(../img/rush_lift.png) no-repeat center top / 100% auto;
width: 390px;
height: 170px;
top: -63px;
left: 364px;
z-index: 0;
}
.rush_lift_img {
border: 1px solid #859cc5;
padding: 10px;
position: relative;
}
.rush_lift_img::before {
position: absolute;
content: "";
border: 1px solid #859cc5;
width: 30px;
height: 30px;
top: -15px;
left: -14px;
}
.rush_lift_img::after {
position: absolute;
content: "";
border: 1px solid #859cc5;
width: 30px;
height: 30px;
bottom: -15px;
right: -14px;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* ä¾¡æ ¼
----------------------------------------------- */
.menu_row01_in {
padding: 0 4vw;
}
.menu_row01_in .left {}
.menu_row01_in .right {
margin-top: 12vw;
}
.price_box {
position: relative;
background-color: #ffffff;
padding: 8vw 4vw;
z-index: 1;
text-align: center;
border: #eef0f3 solid 2px;
}
.price_bg01 {
position: absolute;
content: "";
display: block;
background-color: #d6dfec;
width: 100%;
height: 100%;
bottom: -3vw;
left: -3vw;
z-index: 0;
}
.price_bg02 {
position: absolute;
content: "";
display: block;
background-color: #d6dfec;
width: 100%;
height: 100%;
top: -3vw;
right: -3vw;
z-index: 0;
}
.price_box_in01 {}
.price_box_in01 span {
display: inlinne-block;
background-color: #859cc5;
color: #ffffff;
font-size: 3.2vw;
padding: 0.2em 1em 0.3em;
}
.price_box_in02 {
margin-top: 1em;
}
.price_box_in03 {
margin-top: 0.2em;
font-size: 5vw;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.4;
}
.price_box_in04 {
margin-top: 1.5em;
font-size: 3.5vw;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.4;
}
.price_box_in04 span {
font-size: 1.4375em;
}
.price_box_in05 {
display: inline-block;
text-align: center;
margin-top: 0.5em;
}
.price_box_in05_in {
text-align: right;
}
.price_box_in05 span {
display: block;
font-size: 4.375em;
font-family: 'Libre Baskerville', 'Noto Serif JP', '游明æœ', YuMincho, 'ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN W2', 'Hiragino Mincho ProN', 'HG明æœB', serif;
font-weight: 400;
line-height: 1;
color: #859cc5;
}
.price_box_in06 {
margin-top: 4vw;
}
.price_box_in07 {
margin-top: 4vw;
}
/* メニュー部分 */
.menu_name h3 {
font-size: 4vw;
color: #8a9ec6;
border-bottom: double;
padding: 0 4vw 4vw;
}
/* メリットデメリット */
.merit_box {
border: 1px solid #859cc5;
border-radius: 30px;
padding: 6vw;
}
.demerit_box {
border: 1px solid #859cc5;
border-radius: 30px;
padding: 6vw;
margin-top: 3vw;
}
.merit_box .m_d_text ul li,
.demerit_box .m_d_text ul li {
text-indent: -1em;
margin-left: 1em;
line-height: 1.6;
margin-bottom: 10px;
}
.merit_box h4,
.demerit_box h4 {
background: linear-gradient(transparent 60%, #d6dfec 60%);
padding: 0 0 1vw 1vw;
font-size: 4vw;
}
/* ラッシュリフト */
.rush_lift {
position: relative;
}
.rush_lift::before {
position: absolute;
content: "";
background: url(../img/rush_lift.png) no-repeat center top / 100% auto;
width: 67vw;
height: 47vw;
top: -17vw;
left: -4vw;
z-index: 0;
}
.rush_lift_img {
border: 1px solid #859cc5;
padding: 0.5em;
position: relative;
}
.rush_lift_img::before {
position: absolute;
content: "";
border: 1px solid #859cc5;
width: 3.5vw;
height: 3.5vw;
top: -1.9vw;
left: -1.8vw;
}
.rush_lift_img::after {
position: absolute;
content: "";
border: 1px solid #859cc5;
width: 3.5vw;
height: 3.5vw;
bottom: -1.9vw;
right: -1.8vw;
}
}
/* ================================================================================
セルフホワイトニング
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
.row_contact {
text-align: center;
}
/* 見出ã—
----------------------------------------------- */
.row_contact_in .title h2 {
font-size: 28px;
font-weight: 700;
color: #8a9ec6;
}
/* ãŠå•ã„åˆã‚ã›
----------------------------------------------- */
.contact_cate {
background-color: #859cc5;
color: #ffffff;
padding: 32px 0;
margin-top: 20px;
line-height: 1;
}
.contact_cate_tel a {
font-size: 60px;
font-family: 'Libre Baskerville', 'Noto Serif JP', '游明æœ', YuMincho, 'ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN W2', 'Hiragino Mincho ProN', 'HG明æœB', serif;
font-weight: 400;
letter-spacing: 0.05em;
color: #ffffff;
pointer-events: none;
}
.contact_cate_tel a span {
font-size: 0.5em;
}
.contact_cate_time {
font-size: 20px;
letter-spacing: 0.05em;
margin-top: 16px;
}
/* テã‚スト
----------------------------------------------- */
.row_contact_in .text {
color: #9a9a9a;
margin-top: 1em;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
.row_contact {
text-align: center;
}
.row_contact_in {
}
/* 見出ã—
----------------------------------------------- */
.row_contact_in .title h2 {
font-size: 4.5vw;
font-weight: 700;
line-height: 1.4;
color: #8a9ec6;
}
/* ãŠå•ã„åˆã‚ã›
----------------------------------------------- */
.contact_cate {
background-color: #859cc5;
color: #ffffff;
padding: 4vw 0;
margin-top: 3vw;
line-height: 1;
}
.contact_cate_tel a {
font-size: 6vw;
font-family: 'Libre Baskerville', 'Noto Serif JP', '游明æœ', YuMincho, 'ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN W2', 'Hiragino Mincho ProN', 'HG明æœB', serif;
font-weight: 400;
letter-spacing: 0.05em;
color: #ffffff;
}
.contact_cate_tel a span {
font-size: 0.5em;
}
.contact_cate_time {
font-size: 3.5vw;
letter-spacing: 0.05em;
margin-top: 1vw;
}
/* テã‚スト
----------------------------------------------- */
.row_contact_in .text {
font-size: 3.5vw;
color: #9a9a9a;
margin-top: 1vw;
}
}
/* ================================================================================
アクセスページ
================================================================================ */
.map_box a {
width: 100%;
height: 450px;
display: block;
z-index: 1;
position: absolute;
}
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {}