@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;
width: 100%;
min-height: 50vh;
display: block;
padding: 80px 0 90px;
margin: 0 auto;
}
.inner_wrap {
position: relative;
width: 100%;
margin: 0 auto;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
#wrapper {
}
main.outer_wrap {
position: relative;
width: 100%;
min-height: 50vh;
padding: 12vw 0 13vw;
}
.inner_wrap {
position: relative;
width: 100%;
padding: 0 4vw;
}
}
/* ================================================================================
メイン画åƒ
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
.m-cate_wrap {
position: relative;
background-color: #f5f5f5;
width: auto;
height: 26vw;
}
.m-cate_wrap_in {
display: table;
background: url(../img/main_cate.jpg) center top no-repeat;
background-size: cover;
width: 100%;
height: 100%;
padding: 4.16vw 0 0;
}
.m-cate_wrap_in h2 {
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 3vw;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
.m-cate_wrap {
position: relative;
background-color: #f5f5f5;
width: auto;
height: 50vw;
}
.m-cate_wrap_in {
display: table;
background: url(../img/main_cate_sp.jpg) left bottom no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.m-cate_wrap_in h2 {
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 7vw;
font-weight: 600;
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;
}
.bottom_vvshort {
margin-bottom: 10px;
}
/* 両方ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’空ã‘ã‚‹
----------------------------------------------- */
.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;
}
.bottom_vvshort {
margin-bottom: 2vw;
}
/* 両方ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’空ã‘ã‚‹
----------------------------------------------- */
.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) {
.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) {
.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 {
width: auto;
margin-left: -4vw !important;
margin-right: -4vw !important;
padding-left: 4vw !important;
padding-right: 4vw !important;
}
}
/* ================================================================================
共通見出ã—
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* h2見出㗠*/
.title_cate_h2 {
margin: 0 0 40px 0 !important;
}
.title_cate_h2 h2 {
position: relative;
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: 1.6 !important;
padding: 0 0 1.2em 0 !important;
}
.title_cate_h2 h2 span {
font-size: 36px;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing: 0.1em;
}
.title_cate_h2 h2:after {
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 -27px;
content: "";
display: block;
width: 54px;
height: 3px;
}
/* h3見出㗠*/
.title_cate_h3 {
margin: 0 0 20px 0 !important;
}
.title_cate_h3 h3 {
position: relative;
text-align: left;
font-size: 20px;
font-weight: 700;
line-height: 1.3 !important;
border-left: 3px solid #04345a;
padding: 0 0 3px 8px !important;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* h2見出㗠*/
.title_cate_h2 {
margin: 0 0 6vw 0 !important;
}
.title_cate_h2 h2 {
position: relative;
text-align: center;
font-size: 6vw;
font-weight: 700;
line-height: 1.6 !important;
padding: 0 0 1.2em 0 !important;
}
.title_cate_h2 h2 span {
font-size: 7vw;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing: 0.1em;
}
.title_cate_h2 h2:after {
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 -4.2vw;
content: "";
display: block;
width: 8.4vw;
height: 2px;
}
/* h3見出㗠*/
.title_cate_h3 {
margin: 0 0 4vw 0 !important;
}
.title_cate_h3 h3 {
position: relative;
text-align: left;
font-size: 4vw;
font-weight: 700;
line-height: 1.3 !important;
border-left: 2px solid #04345a;
padding: 0 0 0.6vw 2vw !important;
}
}
/* ================================================================================
共通ボタン
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* リンクボタン */
.link_cate01 {
text-align: center;
}
.link_cate01 a {
position: relative;
display: inline-block;
padding: 0.8em 4em;
border: 1px solid;
font-size: 24px;
font-weight: 700;
font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
letter-spacing: 0.1em;
line-height: 1;
text-align: center;
}
.link_cate01 a:after {
position: absolute;
content: "\f105";
font-family: FontAwesome;
right: 0.8em;
top: 0.8em;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* リンクボタン */
.link_cate01 {
text-align: center;
}
.link_cate01 a {
position: relative;
display: inline-block;
padding: 0.8em 4em;
border: 1px solid;
font-size: 4vw;
font-weight: 700;
font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
letter-spacing: 0.1em;
line-height: 1;
text-align: center;
}
.link_cate01 a:after {
position: absolute;
content: "\f105";
font-family: FontAwesome;
right: 0.8em;
top: 0.8em;
}
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
ã“ã“ã‹ã‚‰å„固定ページ
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ================================================================================
引越ã—
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
.hikkoshi_tb table {
width: 100%;
}
.hikkoshi_tb tr.midashi th {
color: #fff;
background-color: #04345a;
border-left: 1px solid #04345a;
border-right: 1px solid #fff;
}
.hikkoshi_tb tr.midashi th:last-of-type {
border-right: 1px solid #04345a;
}
.hikkoshi_tb th,
.hikkoshi_tb td {
width: 50% !important;
text-align: center;
font-size: 18px;
background-color: #fff;
padding: 10px;
border: 1px solid;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
.hikkoshi_tb table {
width: 100%;
}
.hikkoshi_tb tr.midashi th {
color: #fff;
background-color: #04345a;
border-left: 1px solid #04345a;
border-right: 1px solid #fff;
}
.hikkoshi_tb tr.midashi th:last-of-type {
border-right: 1px solid #04345a;
}
.hikkoshi_tb th,
.hikkoshi_tb td {
width: 50% !important;
vertical-align: middle;
text-align: center;
font-size: 3.2vw;
background-color: #fff;
padding: 1.6vw;
border: 1px solid;
}
}
/* ================================================================================
é…é€
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
.haisou img {
width: 240px;
}
.haisou_tb table {
width: 100%;
}
.haisou_tb tr.midashi th {
text-align: center;
color: #fff;
background-color: #04345a;
border-left: 1px solid #04345a;
border-right: 1px solid #fff;
}
.haisou_tb tr.midashi th:last-of-type {
border-right: 1px solid #04345a;
}
.haisou_tb th,
.haisou_tb td {
width: 20% !important;
text-align: right;
font-size: 18px;
background-color: #fff;
padding: 10px 16px;
border: 1px solid;
}
.haisou_tb th:first-child,
.haisou_tb td:first-child {
width: 40% !important;
text-align: left;
}
.tokei img {
width: 200px;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
.haisou img {
width: 60vw;
}
.haisou_tb table {
width: 100%;
}
.haisou_tb tr.midashi th {
text-align: center !important;
color: #fff;
background-color: #04345a;
border-left: 1px solid #04345a;
border-right: 1px solid #fff;
}
.haisou_tb tr.midashi th:last-of-type {
border-right: 1px solid #04345a;
}
.haisou_tb th,
.haisou_tb td {
width: 20% !important;
text-align: right !important;
vertical-align: middle;
text-align: center;
font-size: 3.2vw;
background-color: #fff;
padding: 1.6vw;
border: 1px solid;
}
.haisou_tb th:first-child,
.haisou_tb td:first-child {
width: 40% !important;
text-align: left !important;
}
.tokei img {
width: 64vw;
}
}
/* ================================================================================
COMPANY
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
/* 代表者å */
.title_ceo {
text-align: right;
font-size: 40px;
}
.title_ceo span {
font-size: 20px;
margin: 0 0.5em 0 0;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
/* 代表者å */
.title_ceo {
text-align: right;
font-size: 8vw;
}
.title_ceo span {
font-size: 4vw;
margin: 0 0.5em 0 0;
}
}
/* ================================================================================
CONTACT
================================================================================ */
/* PCè¨å®š
----------------------------------------------- */
@media (min-width: 768px) {
.cate_contact_text {
padding: 40px 80px;
margin: 0 0 40px 0 !important;
border: 1px solid #cccccc;
}
.cate_contact_text h3 {
font-size: 18px;
}
}
/* SPè¨å®š
----------------------------------------------- */
@media (max-width: 767px) {
.cate_contact_text {
padding: 4vw;
margin: 0 0 6vw 0 !important;
border: 1px solid #cccccc;
}
.cate_contact_text h3 {
font-size: 4vw;
}
}