@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/*---------------------------
グローバルナビ「お問い合わせ」の塗りつぶし
----------------------------*/
.c-gnav>.menu-item:last-child {
background: var(--color_main);
color: #fff;
}
/* ---------------------------------
ページTOP 背景画像の高さを変更
 ------------------------------------- */
.l-topTitleArea {
min-height: 30vw;
}
@media screen and (min-width: 768px) and (max-device-width: 1024px) {
.l-topTitleArea {
min-height: 50vw;
}
}
@media screen and (max-width:767px) {
.l-topTitleArea {
min-height: 73vw;
}
}
/* 固定ページのタイトルの文字サイズ */
h1.c-pageTitle {
text-align: center;
font-size:28px;
}
@media screen and (min-width: 768px) and (max-device-width: 1024px) {
h1.c-pageTitle {
font-size:22px;
}	
}
@media screen and (max-width:767px) {
h1.c-pageTitle {
font-size:18px;
}
}
/* 固定ページのサブタイトルの文字サイズ */
.c-pageTitle__subTitle{
display:block;
font-style:normal;
font-size: 16px;
opacity: 0.9;
padding-top:7px;
}
@media screen and (min-width: 768px) and (max-device-width: 1024px) {
.c-pageTitle__subTitle{
font-size: 15px;
}
}
@media screen and (max-width:767px) {
.c-pageTitle__subTitle{
font-size: 14px;
}
}
/*---------------------------
リッチカラム（メディアとテキスト / 逆順）
----------------------------*/
.gyaku .swell-block-columns__inner{
flex-direction: row-reverse;
}
/*----------------------------
画像のマウスオーバー時に拡大する 2
-----------------------------*/
.zoom2{
overflow:hidden;
}
.zoom2 img{
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s;
}
.zoom2 img:hover{
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
/* 画像のマウスオーバー時に明るくする */
opacity:0.7;
transition-duration: 0.7s;
}
/*---------------------------
マウスオーバー
----------------------------*/
a:hover img{
opacity:0.7;
transition-duration: 0.7s;
}
/*---------------------------
マウスオーバー（文字用）
追加CSSクラス bright5
----------------------------*/
.bright5:hover{
opacity:0.7;
transition-duration: 0.7s;
}
/*---------------------------
マウスオーバー（画像用）
追加CSSクラス bright
----------------------------*/
.bright:hover img {
opacity:0.7;
transition-duration: 0.7s ;
}

/*---------------------------
マウスオーバー（Arkhe）影付き
追加CSSクラス bright2
----------------------------*/
.bright2:hover img{
opacity: 0.7;
transition-duration: 0.7s;
box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

/*----------------------------
スマホ時、改行解除 <BR class="br-sp">
-----------------------------*/
@media only screen and (max-width: 767px){
.br-sp{
display: none;
}
}
/*----------------------------
スマホ時、改行 <BR class="br-sp2">
-----------------------------*/
@media screen and (min-width:768px){
.br-sp2{
display:none;
}
}
/*---------------------------------
スマホとタブレット時改行 解除 <BR class="br-sp3">
---------------------------------*/
@media only screen and (max-width: 767px){
.br-sp3{
display: none;
}
}
@media screen and (min-width: 768px) and (max-device-width: 1024px) {
.br-sp3{
display: none;
}
}
/*---------------------------------
文章・PC中央/スマホ左揃え
<p class="align1">あああ</P>
---------------------------------*/
.align1 {
text-align: center !important;
}
@media only screen and (max-width: 767px){
.align1 {
text-align: left !important;
}
}
/*-------------------------------
文章・PC中央/スマホとタブレット左揃え
<p class="align2">あああ</P>
--------------------------------*/
.align2 {
text-align: center;
}
@media only screen and (max-width: 767px){
.align2 {
text-align: left !important;
}
}
@media screen and (min-width: 768px) and (max-device-width: 1024px) {
.align2 {
text-align: left !important;
}
}
/*---------------------------
アウトラインのボタン「会社概要」（角丸と白）
box-shadow:none;
background-color:#04384c;
----------------------------*/
.button_tomei.swell-block-button a {
border-radius: 6px;
color: #fff;
border-color: #fff;
}
.button_tomei.swell-block-button a:hover {
border-color: #04384c;
}
/*------------------------
レイアウト幅を狭く（900px）
-------------------------*/
.haba{
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.haba p{
line-height: 2.2;
}
@media screen and (max-width:600px) {
.haba	h4{
font-size:17px;
}
}

@media screen and (min-width: 768px) and (max-device-width: 1024px) {
.haba{
margin: 0 25px;
}
}
/* ---------------------------------
ガイドツアー案内の表
 ------------------------------------- */
.table_haba2.wp-block-table td:nth-child(1){
width:20%;
}
.table_haba2.wp-block-table th,
.table_haba2.wp-block-table td{
padding-top:12px;
padding-bottom:12px;
vertical-align:middle;
}

/*------------------------
 【お問い合わせ】SWELLボタン　角丸を四角に
-------------------------*/
.button_square.swell-block-button a {
border-radius: 0px;
box-shadow:none;
border-width :2px;
color: #fff;
border-color: #fff;
padding:15px;
}
@media only screen and (max-width: 767px){
.button_square.swell-block-button a {
width: 270px;
height:60px;
}
}
/*-----------------------------
スマホ時のみダイヤル可能
-----------------------------*/
@media(min-width: 768px){
a[href^="tel:"]{
pointer-events: none;
text-decoration: none;
}
}
/*-----------------------------
お問い合わせブロックとフッター間の余白を削除
-----------------------------*/
#content {
margin-bottom: 4px !important;
}