@charset "utf-8";
/*------------------------------------------
flexbox
------------------------------------------*/
.flexbox {
width: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
}
.flexbox img {	max-width: 100%;}
.w80 {	width: 80%;}
.w70 {	width: 70%;}
.w60 {	width: 60%;}
.w50 {	width: 50%;}
.w48 {	width: 48%;}
.w46 {	width: 46%;}
.w45 {	width: 45%;}
.w40 {	width: 40%;}
.w30 {	width: 30%;}
.w25 {	width: 25%;}
.w20 {	width: 20%;}

@media screen and (max-width:768px) {
.flexbox {display: block;}
.w80,.w70,.w60,.w50,.w48,.w46,.w45,.w40{	width: 100%;margin: 0 auto;}
.w30,.w25,.w20 {}
}

/* ----------------------------------------
LINK
------------------------------------------- */
a img {
border: none;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
a:hover img {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}

a {
color: #0099CC;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
a:hover {
color: #6699CC;
text-decoration: none;
}

/*aタグ無効化*/
a.link-no {pointer-events: none;}

/*-------------------------------
BTN
-------------------------------*/
.btn_more a {
font-size: 15px;
color: #FFF;
background-color: #0094d2;
text-align: center;
text-decoration: none;
display: block;
width: 250px;
margin: 30px auto 20px;
line-height: 1.5em;
letter-spacing: 1px;
padding:0.5em 1.5em 0.5em 0.6em;
clear: both;
border-radius: 80px;
-webkit-border-radius: 80px;
-moz-border-radius: 5px;
}
.btn_more a i {
padding-right: 10px;
}
.btn_more a:hover {
opacity: 0.9;
}
.btn_more a:before {
content:"\f138";/*"\f101"*/
font-family: FontAwesome;
margin-right: 1em;
color: #fff;
font-size: 100%;
}

.btn01 a {background-color: #0094d2;}
.btn02 a {background-color: #eb6877;}
.btn03 a {background-color: #13b5b1;}

/*------------------------------------------
装飾
------------------------------------------*/
.center {display: block;text-align: center;margin: 0 auto;}
.right {text-align: right;display: block;}
.left {text-align: left;display: block;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.large {font-size: 120%;}
.xlarge {font-size: 160%;}
.xxlarge {font-size: 180%;}
.small {font-size: 90%;}
.xsmall {font-size: 80%;}
.xxsmall {font-size: 70%;}
.underline {font-weight: bold;background: linear-gradient(transparent 85%, #ffee6e 0%);}
.marker {background: linear-gradient(transparent 0%, #f5e377 0%);}
.mt0 {margin-top: 0 !important;}
.mt1 {margin-top: 1em !important;}
.mt2 {margin-top: 2em !important;}
.mt3 {margin-top: 3em !important;}
.mb0 {margin-bottom: 0 !important;}
.mb1 {margin-bottom: 1em !important;}
.mb2 {margin-bottom: 2em !important;}
.mb3 {margin-bottom: 3em !important;}
.pt0 {padding-top: 0 !important;}
.pt1 {padding-top: 1em !important;}
.pt2 {padding-top: 2em !important;}
.pt3 {padding-top: 3em !important;}
.pb0 {padding-bottom: 0 !important;}
.pb1 {padding-bottom: 1em !important;}
.pb2 {padding-bottom: 2em !important;}
.pb3 {padding-bottom: 3em !important;}

.red {font-weight: bold;color: #cc0000;}
.blue {font-weight: bold;color: #6699cc;}
.gold {font-weight: bold;color: #a07d41;}
.clr-1 {color: #438dca;}
.clr-2 {color: #eb6877;}

.bgclr-1 {
background: #438dca;
color: #fff;
padding: 0.2em 1.5em;
margin: 0 1em;
border-radius: 50px;
width: fit-content;
}
.bgclr-2 {
background: #eb6877;
color: #fff;
padding: 0.2em 1.5em;
margin: 0 1em;
border-radius: 50px;
width: fit-content;
}
@media screen and (max-width:768px) {
.xxlarge {font-size: 160%;}
}
/* ----------------------------------------
font
------------------------------------------- */
.font_min {font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.font_go {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.font_robot{font-family: 'Roboto', sans-serif;}
.font_maru{font-family: 'Kosugi Maru', sans-serif;}

/* ----------------------------------------
基本
------------------------------------------- */
body {
color: #432b18;
font-size: 15px;
line-height: 2.0;
background: #fefef6;
/*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "MS Gothic", sans-serif;*/
/*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
font-family: "BIZ_UDPGothic variant0", Tofu,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic,sans-serif;;
word-wrap: break-word;
height: 100%;
}
.content {
width: 100%;
}
section{
padding: 5em 0;
}
.subPage section{
padding: 4em 0;
}
.cont_wrap {
max-width: 1200px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.cont_wrap_s {
max-width: 1000px;
}
.cont_wrap_w {
max-width: 1400px;
}
.inner {
padding: 25px;
}
.txt_box {
padding: 25px;
}
.txt_box_bg {
background-color: #fffdf2;
padding: 25px;
}
@media screen and (max-width:960px) {
.inner {padding: 15px;}
}
@media screen and (max-width:640px) {
.inner {padding: 10px;}
}
/*-------------------------------
背景
-------------------------------*/
.bg00 {background-color: #fffdf2;}
.bg01 {background: #f5f1de url(/live/oe_/https://wisebug.com/img/bg1.png) repeat top center scroll;}
.bg02 {background: #e4f3fd url(/live/oe_/https://wisebug.com/img/bg2.png) repeat top center scroll;}
.bg03 {background: #f5f1de url(/live/oe_/https://wisebug.com/img/section_bg3.jpg) repeat bottom center scroll;}
.bg04 {background: #f5f1de url(/live/oe_/https://wisebug.com/img/bg4.png) repeat top center scroll;}
.bg05 {background: #fffdf2 url(/live/oe_/https://wisebug.com/img/section_bg5.jpg) repeat top center scroll;;}
.bg_c {background: #e4f3fd url(/live/oe_/https://wisebug.com/img/bg_c.png) repeat top center scroll;}
.bg_s {background: #9cd8e4 url(/live/oe_/https://wisebug.com/img/bg_s.png) repeat top center scroll;}
/* ----------------------------------------
title
------------------------------------------- */
h1,h2,h3,h4{
font-weight: 600;
line-height: 1.6;
letter-spacing:0.1em;
}

h2{
font-family: 'Kosugi Maru',sans-serif;
color: #432b18;
}

h2.title_top{/*HOMEタイトル*/
background: url(/live/oe_/https://wisebug.com/img/title_top_bg.png) center bottom no-repeat;
font-size:180%;
text-align: center;
line-height: 1.6;
letter-spacing:0.1em;
padding: 1em 0;
margin: 0em auto 1em;
clear: both; 
}

h2.title_top_left{
border-bottom:#ccc 5px dotted;
text-align: left;
font-size: 200%;
letter-spacing: 0.1em;
padding: 15px 0;
margin: 20px 0;
}

.midashi {
font-weight: bold;
font-size: 140%;
}

.title_a {
background: #D9B073 url(/live/oe_/https://wisebug.com/img/title_bg3.png) repeat-x center 0 scroll;
color: #fff;
font-size: 120%;
line-height: 1.4em;
letter-spacing: 0.05em;
padding: 0.5em 0 0.5em 1.5em;
margin: 0 auto 1em;
font-weight: normal;
clear: both;
/*box-shadow: #6c6463 1px 1px 1px;*/
}

.title_b{
font-weight: bold;
border-bottom: #432b18 2px solid;
border-top: #432b18 2px solid;
padding: 0.5em 0;
margin: 0.5em auto;
font-size: 120%;
}
.title_b:before{
content: "\f069";
font-family: FontAwesome;
font-weight: normal;
padding: 0 1em;
}
.title_c{
font-weight: bold;
font-size: 145%;
text-align: center;
line-height: 1.6;
}

.title_d{
font-weight: bold;
border-left: #438dca 10px solid;
padding: 0 0 0 1em;
margin: 1em auto;
}

.title_e{
font-size: 180%;
font-weight: bold;
text-align: center;    
margin: 0 auto 0.5em;
/*padding: 0 0 0.5em 0;
border-bottom: #438dca 3px solid;
width: fit-content;*/
}

/* ----------------------------------------
各種テーブル
-------------------------------------------*/
/*01*/
table.table_01 {
width: 100%;
text-align: left;
margin: 0px auto;
/*white-space: nowrap;*/
}
table.table_01 th,
table.table_01 td {
padding: 0.5em 1.5em;
vertical-align: middle;
border: #ccc 1px solid;
/*border-bottom: #ccc 1px solid;*/
}
table.table_01 th {
width: 24%;
background-color: #f3f2f1;
}
table.table_01 td {
background-color: #ffffff;
}

/*02*/
.table_02{
width: 100%;
border-collapse: collapse;
}
.table_02 tr{
border-bottom: solid 2px white;
}
.table_02 tr:last-child{
border-bottom: none;
}
.table_02 th{
position: relative;
text-align: left;
width: 30%;
background-color: #0094d2;
color: white;
text-align: center;
padding: 10px 0;
}
.table_02 th:after{
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
top:calc(50% - 10px);
right:-10px;
border-left: 10px solid #0094d2;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.table_02 td{
text-align: left;
width: 70%;
text-align: center;
background-color: #eee;
padding: 10px 0;
}
/*-------------------------------------------
TOPスライダー
-------------------------------------------*/
#top_slide {
padding-top: 170px;
background: #cbeaff;
/*background-color: rgba(225, 225, 225, 0.1);*/
/*padding-bottom: 10px;*/
/*background-image: url(/live/oe_/https://wisebug.com/img/bg_03.png);*/
}

/*ドット*/
.sp-buttons {
/*background: #ffffff;*/
/*display: none;*/
}

/*SP*/
.sp-slide {
opacity: 0.4;
filter: alpha(opacity=40);
-ms-filter: "alpha( opacity=40 )";
/*	-webkit-filter: grayscale(100%);
filter: grayscale(100%);*/
max-height: 800px;
overflow: hidden;
}
.sp-slide.sp-selected {
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.sp-thumbnail-container img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
object-fit: cover;
}
.sp-thumbnail-container img {
height: 100% !important;
}
.sp-thumbnail-container:hover img, .sp-thumbnail-container.sp-selected-thumbnail img {
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
cursor: pointer;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.top_base {
position: absolute;
z-index: 100;
mix-blend-mode: multiply;
width: 500px;
height: 500px;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -250px;
}
/*キャッチ背景　赤系*/
.top_base.cl_01 {
background: rgb(217, 0, 72);
background: -moz-radial-gradient(circle, rgba(217, 0, 72, 0.65) 10%, rgba(255, 18, 80, 0) 60%);
background: -webkit-radial-gradient(circle, rgba(217, 0, 72, 0.65) 10%, rgba(255, 18, 80, 0) 60%);
background: radial-gradient(circle, rgba(217, 0, 72, 0.65) 10%, rgba(255, 18, 80, 0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d90048", endColorstr="#ff1250", GradientType=1);
}
/*キャッチ背景　緑系*/
.top_base.cl_02 {
background: rgb(102, 204, 0);
background: -moz-radial-gradient(circle, rgba(102, 204, 0, 0.65) 10%, rgba(148, 207, 0, 0) 60%);
background: -webkit-radial-gradient(circle, rgba(102, 204, 0, 0.65) 10%, rgba(148, 207, 0, 0) 60%);
background: radial-gradient(circle, rgba(102, 204, 0, 0.65) 10%, rgba(148, 207, 0, 0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66cc00", endColorstr="#94cf00", GradientType=1);
}
/*キャッチ背景　青系*/
.top_base.cl_03 {
background: rgb(0, 162, 221);
background: -moz-radial-gradient(circle, rgba(0, 162, 221, 0.65) 10%, rgba(0, 207, 244, 0) 60%);
background: -webkit-radial-gradient(circle, rgba(0, 162, 221, 0.65) 10%, rgba(0, 207, 244, 0) 60%);
background: radial-gradient(circle, rgba(0, 162, 221, 0.65) 10%, rgba(0, 207, 244, 0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a2dd", endColorstr="#00cff4", GradientType=1);
}
#top_slide .top_catch {
z-index: 200;
font-size: 56px;
line-height: 0.6;
width: 100%;
font-weight: bold;
color: #FFF;
text-align: center;
position: absolute;
top: 44%;
letter-spacing: 0.1em;
-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#top_slide .top_catch span {
font-size: 25%;
}
#top_slide .slide_btn a {
display: block;
position: absolute;
z-index: 200;
left: 50%;
bottom: 25%;
font-size: 18px;
color: #FFF;
width: 300px;
margin-left: -150px;
text-align: center;
font-weight: bold;
text-decoration: none;
border: 2px solid #FFF;
line-height: 40px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {
background-color: #FFF;
color: #432b18;
}
/*--------------------
topスライダー
---------------------*/
.sliderArea {
max-width: 100%;
margin: 0 auto;
padding: 0 0px;
}
.sliderArea.w300 {
max-width: 1175px;
}
.slick-slide {
margin: 0 0px;
}
.slick-slide img {
width: 100%;
height: auto;
}
.slick-prev, .slick-next {
z-index: 1;
}
.slick-prev:before, .slick-next:before {
color: #000;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: 0.7;
}
.slick-active {
opacity: 1;
}
.slick-current {
opacity: 1;
}

.sliderArea .thumb {
width: 1175px;
margin: 1% auto 0;
}
.sliderArea .thumb ul li {
width: 20%;
padding: 0 1%;
}
.sliderArea .thumb ul li img {
width: 100%;
}

.sliderArea .thumb .slick-slide img {
padding: 0 3%;
}
.sliderArea .thumb .slick-slide {
cursor: pointer;
}
.sliderArea .thumb .slick-slide:hover {
opacity: .7;
}

.full-screen .slick-list {
overflow: visible;
}
.full-screen.slider {
max-width: 1175px;
margin: 0 auto;
}
.slick-dotted.slick-slider {
margin-bottom:2em !important;
}

/*slick-dots*/
.full-screen .slick-dots {
bottom: -33px;
}
.full-screen .slick-dots li {
position: relative;
display: inline-block;
width: auto;
height: auto;
margin: 0;
padding: 0;
cursor: pointer;
}
.full-screen .slick-dots li button {
font-size: 0;
line-height: 0;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
text-indent: -9999px;
display: block;
margin: 0 8px;
outline: 0;
transition-duration: 0.3s;
/*	width: 12px;
height: 12px;
background: #a9b7ba;*/
width: 9px;
height: 9px;
border-radius: 10px;
background: #a9b7ba;
}
.full-screen .slick-dots li button:before {
content: none;
}
/*
.full-screen .slick-dots li:nth-child(1) button {
background: #9a8046;
}
.full-screen .slick-dots li:nth-child(2) button {
background: #a9b7ba;
}
.full-screen .slick-dots li:nth-child(3) button {
background: #9a8046;
}
.full-screen .slick-dots li:nth-child(4) button {
background: #a9b7ba;
}
.full-screen .slick-dots li:nth-child(5) button {
background: #9a8046;
}
*/
.full-screen .slick-dots li button:hover, .full-screen .slick-dots li.slick-active button {
background: #9a8046;
border-radius: 0px;
width: 12px;
height: 12px;
transform: scale(1.1) rotate(315deg);
}

.slick-slide a:hover img {
transform: scale(1.01);
transition: all .6s;/*表示の変化を0.3秒に指定*/
opacity: 1.0 !important;
}
/*.slick-center img {
transform: scale(1.01);
}*/
/*-------------------------------------------
header・グローバルナビ
-------------------------------------------*/
header {
border-top: #438dca 2px solid;
width: 100%;
position: fixed;
z-index: 300;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
header.fixed {
background-color: rgba(255, 255, 255, 1);
box-shadow:#88a5b9 2px 2px 2px;
}
header h1 a img {
display: block;
position: absolute;
}
#g_navi ul li a.ac_menu {
cursor: pointer;
overflow: hidden;
}

@media screen and (min-width:1200px) {
/*-- header --*/
header {
height: 100px;
}
header h1 a img {
height: 72px;
top: 15px;
left: 45%;
margin-left: -570px;
}
/*-- btn --*/
.menu_btn, .btn_close {
display: none;
}
/*-- nav --*/
#g_navi {
position: absolute;
right: 10px;
top: 0px;
width: auto;
margin-left: 200px;
display: block !important;
z-index: 1000;
}
#g_navi ul li {
display: inline;
}
#g_navi ul li.contact	{
width: 220px;
height: 100px;
display: inline-block;
background: #438dca;
color: #fff;
line-height: 1.0;
padding: 0 15px;
text-align: center;
}
#g_navi ul li.contact .nav_tel a	{
position: relative;
font-size: 18px;
/* font-weight: normal; */
line-height: 1.0;
padding: 0px;
margin: 3px 0;
text-align: center;
display: block;
background: transparent;
color: #fff;
width: auto;
float: none;
height: auto;
text-decoration: none;
letter-spacing: 0.05em;
border: none;
}
#g_navi ul li.contact .nav_tel a:hover{
color: #fff;
}

#g_navi li a {
/*width: 120px; */
line-height: 1.2;
display: block;
color: #432b18;
text-decoration: none;
text-align: center;
position: relative;
float: left;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.08em;
border-left: #438dca 1px solid;
padding: 0 18px;
height: 100px;
}
#g_navi li a img {
margin:15px auto 5px;
display: block;
}
/*	#g_navi li a::before {
display: block;
height: 2px;
position: absolute;
top: 2px;
width: 70%;
left: 15%;
background-color: rgba(17, 187, 221, 0);
content: '';
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
#g_navi li a:hover::before {
background-color: #32b16c;
top: 0px;
width: 80%;
left: 10%;
}
#g_navi li a:hover {
color: #432b18 !important;
}*/
#g_navi.txt_w li a {
color: #FFF;
}
header.fixed #g_navi.txt_w li a {
color: #6c6464;
}
#g_navi li.contact a.nav_mail {
background-color: #ffffff;
color: #438dca !important;
border-radius: 40px;
border: #438dca 2px solid;
padding: 5px 0px;
font-size: 12px;
line-height: 1.0;
margin:10px auto 8px;
text-align: center;
display: block;
width: 100%;
height: auto;
}
#g_navi li.contact a:hover {
color: #fff;
}
#g_navi li.contact a::before {
display: none;
}
#g_navi ul li.pc_none {
display: none;
}
}

@media screen and (max-width:1200px) {
#top_slide {
padding-top: 60px;
}

/*-- ヘッダー --*/
header {
height: 52px;
}
header h1 a img {
top: 5px;
left: 10px;
height: 38px;
}
header .h_menu {
display: none;
}
header #info {
display: none;
}

/*-- ナビ --*/
#g_navi {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
overflow: auto;
z-index: 3000;
background-color: #FBF7F3;
background-color:rgba(241 239 225 0.8);
display: none;
/*padding-left: 10%;*/
}
#g_navi ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column;
flex-flow: column;
-webkit-justify-content: center;
justify-content: center;
min-height: 100%;
}
#g_navi ul li a {
color: rgb(108, 100, 100);
text-decoration: none;
display: block;
padding: 10px 20px;
line-height: 2.0;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px dotted rgb(204, 204, 204);
}
#g_navi ul li a:hover {
background-color: #fff;
}
/*#g_navi ul li a:before {
content: "\f138";
font-family: FontAwesome;
margin-right: 1.2em;
}*/
#g_navi ul li.contact a.nav_mail {
text-align: center;
background-color: #ffffff;
color: #438dca;
max-width: 80%;
width: 300px;
margin: 0 auto 10px;
border-radius: 50px;
}
#g_navi ul li.contact	{
width: 92%;
/* height: 100px; */
display: inline-block;
background: #438dca;
color: #fff;
line-height: 1.0;
padding: 20px;
margin: 25px auto;
text-align: center;
border-radius: 10px;
}
#g_navi ul li.contact .nav_tel a	{
font-weight: bold;
font-size:24px;
line-height: 1.4;
margin-bottom: 0;
display: block;
background: transparent;
color: #fff;
width: auto;
float: none;
height: auto;
text-decoration: none;
letter-spacing: 0.05em;
border-bottom: none;
padding: 0;
}
#g_navi ul li.contact .nav_tel a:hover{
color: #fff;
}
#g_navi ul li.contact .nav_tel small	{

}
#g_navi ul li a img {
display: none;
}

/*-- メニューボタン --*/
.menu_btn {
display: block;
height: 40px;
width: 40px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
position: fixed;
z-index: 5000;
top: 5px;
right: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
cursor: pointer;
}
.menu_btn:hover {
cursor: pointer;
}
.menu_btn span {
width: 30px;
height: 4px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-left: -14px;
background-color: #0094d2;
}
.menu_btn span {
transition: all 0.3s;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
.menu_btn span.top {
transform: translateY(-8px);
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
}
.menu_btn span.bottom {
transform: translateY(8px);
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
}
.menu_btn:hover span.top {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
}
.menu_btn:hover span.bottom {
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
}
.menu_btn.opened span {
background-color: #438dca;
}
.menu_btn.opened span.middle {
background: rgba(255, 255, 255, 0);
transform: translateX(30px);
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
}
.menu_btn.opened span.top {
transform: rotate(-45deg) translateY(0px);
-webkit-transform: rotate(-45deg) translateY(0px);
-moz-transform: rotate(-45deg) translateY(0px);
}
.menu_btn.opened span.bottom {
transform: rotate(45deg) translateY(0px);
-webkit-transform: rotate(45deg) translateY(0px);
-moz-transform: rotate(45deg) translateY(0px);
}
}
@media screen and (min-width:1200px) {
/*header h1 a img {
top: 28px;
left: 45%;
margin-left: -590px;
}*/
header #g_navi {
right: 44%;
margin-right: -580px;
}
}
/* ----------------------------------------
スライダー無し
------------------------------------------- */
#top-image-area {
padding-top: 130px;
background: #74baf8 url(/live/oe_/https://wisebug.com/img/slide/slide_bg.png) repeat-x center bottom;
/*background-size: cover;*/
min-height: 1000px;
}
.top-image{
position: relative;
max-width: 1400px;
margin: 0 auto;
}
.top-image-pc {
display: block;
margin: 0 auto;
max-width: 100%;
}
.top-btn a.top-btn01 img{
position: absolute;
top: 520px;
left: 50px;
max-width: 96%;
}
.top-btn a.top-btn02 img{
position: absolute;
top:520px;
right: 50px;
max-width: 96%;
}
.top-btn a.top-btn01:hover img,
.top-btn a.top-btn02:hover img{
top: 500px;
opacity:unset !important;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
display: block;
}
@media screen and (max-width:1240px) {
#top-image-area {
padding-top: 100px;
}
}
@media screen and (max-width:768px) {
header {
height: 52px;
background: #fff;
}

#top-image-area {
background: #74baf8 url(/live/oe_/https://wisebug.com/img/slide/slide_bg.png) repeat-x center top;
background-size: cover;
padding: 0px 0 15px;
min-height: auto;
}

.top-btn a.top-btn01 img,
.top-btn a.top-btn02 img{
max-width: 90%;
position: inherit;
display: block;
margin: 10px auto 20px;
}
.top-btn-area {
    background: #93bc1e;
    padding: 1px 6% 0;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
}
}
@media screen and (max-width:460px) {
.top-btn a.top-btn01 img,
.top-btn a.top-btn02 img{
max-width: 90%;
width: 90%;
margin: 1em auto;
}
.top-btn-area{
display:block;
}
}

#top-image-area .pc {display: block !important;}
#top-image-area .tb {display: none !important;}
#top-image-area .sp {display: none !important;}

@media screen and (max-width:768px) {
#top-image-area .pc {display: none !important;}
#top-image-area .tb {display: block !important;}
#top-image-area .sp {display: none !important;}
}

@media screen and (max-width:460px) {
#top-image-area .pc {display: none !important;}
#top-image-area .tb {display: none !important;}
#top-image-area .sp {display: block !important;}
}
/* ----------------------------------------
パンくず
------------------------------------------- */
.pankuzu {
display: none;
font-size: 14px;
color: #432b18;
width: 100%;
padding: 6px;
/* border-top: #432b18 1px dotted; */
border-bottom: #432b18 1px dotted;
background: #e7aa5a;
}
.pankuzu ul {
width: 96%;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.pankuzu li {
display: inline-block;
}
.pankuzu li a {
text-decoration:underline;
color: #432b18;
}
.pankuzu li::after {
content: ">";
padding-left: 10px;
padding-right: 10px;
}
.pankuzu li a:hover {
color: #432b18;
}
.pankuzu li i {
padding-right: 5px;
}
.pankuzu li:last-child::after {
display: none;
}

/*------------------------------------------
footerインフォメーション
------------------------------------------*/
#info{
padding:60px 0 100px;
background: #77bbf8 url(/live/oe_/https://wisebug.com/img/info_bg.jpg) repeat-x bottom center scroll;
}
#info iframe.googlemap {
width: 100%;
}
#info .flexbox{
justify-content: flex-start;/*左寄せ*/
}
#info h3.info_name{
font-size: 22px;
line-height: 1.4;
}
#info .info_txt{
padding: 6px 0;
margin: 0;
line-height: 1.6;
}
#info .info_tel{
font-size: 30px;
font-weight: bold;
}
#info a.info_tel{
color: #432b18;
font-weight: bold;
text-decoration: none;
}
#info ul.accses li {
line-height: 1.6;
padding: 3px 0;
}
#info .btn_more a{
line-height: 1.4;
font-weight: normal;
color: #FFF;
text-align: center;
text-decoration: none;
display: block;
max-width: 100%;
width: 100%;
background-color: #0094d2;
margin: 20px 0;
padding: 0.6em 3em;
}

@media screen and (max-width:960px) {
#info {
padding: 20px 0;
font-size: 14px;
}
#info h3.info_name{
font-size: 22px;
}
#info .info_txt{
margin: 0 auto;
line-height: 2.0;
}

#info ul.accses li{
text-align: left;
margin: 1% auto;
}
#info .btn_more a{
max-width: 100%;
margin: 3% auto;
padding:10px;
}
}
@media screen and (max-width:640px) {
#info .info_txt{
width: 100%;
}
}
/* ----------------------------------------
footer
-------------------------------------------*/
footer {
/*background: #438dca url(/live/oe_/https://wisebug.com/img/footer_bg.jpg) repeat bottom center scroll;*/
background: #fff;
color: #fff;
clear: both;
width: 100%;
display: block;
}
footer .f_wrap{
font-size: 14px;
padding: 30px 0;
}
footer .f_prof{
}
/*-----footer LINK------*/
footer ul.f_list {
display: block;
width: 15%;

line-height: 2.0;
}
footer ul.f_list li a {
color: #438dca;
text-decoration: none;
display: block;
padding:0.6em 1em;
width: 100%;
font-weight: bold;
font-size: 13px;
}

footer ul.f_list li a:before {
content: "\f138";
font-family: FontAwesome;
margin-right:0.5em;
font-size: 100%;
}

footer ul.f_list li a:hover {
/*background-color:rgba(255,255,255,0.2);*/
text-decoration: underline;
}

address {
font-size: 12px;
font-style: normal;
padding-top: 20px;
padding-bottom: 20px;
letter-spacing: 1px;
text-align: center;
display: block;
clear: both;
background-color:#438dca;
color: #FFF;
/*	background-color: rgba(0,69,91,0.2);*/
}

/*footer .box_pr {
clear: both;
width: 100%;
display: block;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
font-size: 10px;
color: #C0D2D8;
background-color: #289f39;
background-color: rgba(0, 69, 91, 0.2);
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #00455B;
letter-spacing: 1px;
}

.box_pr ul li {
display: inline;
padding: 5px;
}
.box_pr ul li a {
color: #C0D2D8;
}*/


/*-----footer SNS------*/
.f_bn a{
text-decoration: none;
}
footer ul.f_bn {
text-align: center;
display: block;
padding-top: 20px;
padding-bottom: 20px;
background-color: #289f39;
background-color: rgba(0, 69, 91, 0.2);
}
footer .f_bn li {
display: inline;
}
footer .f_bn li a {
display: inline-block;
font-size: 14px;
letter-spacing: 1px;
padding: 10px;
text-decoration: none;
color: #FFF;
margin-left: 10px;
font-weight: bold;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin-right: 10px;
}
footer .f_bn li a:hover {
background-color: #0094d2;
}
footer .f_bn li a i {
padding-right: 5px;
font-size: 200%;
}

/*-----トップへ戻るボタン------*/
.to_top {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 200;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
.to_top a {
text-decoration: none;
color: #FFF;
text-align: center;
display: block;
font-size: 10px;
background-color:#438dca;
padding: 15px;
font-size: 26px;
line-height: 30px;
bottom: 50px;
position: relative;
}
.to_top a:hover {
opacity: 0.9;
}
@media screen and (max-width:960px) {
.to_top a{
padding: 5px;
width: 40px;
font-size: 15px;
margin-bottom: 58px;
}
}
@media screen and (max-width:640px) {
footer ul.f_list {
display: block;
width: 90%;
float: none;
margin: 0 auto;
padding: 10px;
font-size: 14px;
}
}

/*--------------------
追尾バナー
---------------------*/
.fixed-btn {position: fixed;right: 0;bottom:220px;z-index: 11}
@media only screen and (max-width:1400px) {.fixed-btn{display: none}
}
@media only screen and (max-width:599px) {.fixed-btn {display: block;z-index: 9;top: auto;bottom: 0;width: 100%}
}
@media only screen and (max-width:599px) {.fixed-btn dl {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}
}
.fixed-btn dl dt {/*display: none*/}
@media only screen and (max-width:599px) {.fixed-btn dl dt {width: 100%;/*display: none;*/background-color: #fff;font-size: 16px;font-size: 1.6rem;line-height: 1.375;letter-spacing: .1em;text-align: center;/*color: #fff;*/padding: 5px;padding: 1.5625vw}
}
@media only screen and (max-width:599px) and (max-width:599px) {.fixed-btn dl dt {font-size: 20px;font-size: 2rem;font-size: 3.125vw;line-height: 1.5;letter-spacing: .05em;    border-top: #0094d2 1px solid;}
}
.fixed-btn dl dd {background-position: left center;background-repeat: no-repeat;width:130px;height:200px;background-size: 100%;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;transition-duration: .3s;transition-delay: 0s;transition-timing-function: cubic-bezier(.645, .045, .355, 1);-webkit-transform: translateX(57px);transform: translateX(57px)}
@media only screen and (max-width:599px) {.fixed-btn dl dd {-webkit-transform: translateX(0);transform: translateX(0);width: 33.33%;height: 40px;height: 12.5vw}
}
@media only screen and (min-width:1286px) {.fixed-btn dl dd:hover {-webkit-transform: translateX(47px);transform: translateX(47px)}
}
.fixed-btn dl dd a {display: block;height: 100%;position: relative;    text-decoration: none;}
.fixed-btn dl dd a:after {content: '';position: absolute;top: 50%;right: 5px;right: 1.5625vw;margin-top: -3px;margin-top: -.9375vw;width: 6.5px;width: 2.03125vw;height: 10.5px;height: 3.28125vw;background-size: 100%;background-repeat: no-repeat}
.fixed-btn dl dd .inner {display: block;text-align: center;width: 170px;color: #fff;padding-top: 15px;font-size: 16px;font-size: 1.6rem;line-height: 1.375;letter-spacing: .1em}
.fixed-btn dl dd.fixed-btn-mail .inner {padding-top: 28px;}
@media only screen and (min-width:600px) {.fixed-btn dl dd .inner,.fixed-btn dl dd.fixed-btn-line i {display: none;}/*PCでは画像のみの場合*/}
@media only screen and (max-width:599px) {.fixed-btn dl dd .inner {font-size: 20px;font-size: 2rem;font-size: 3.125vw;line-height:1.2;letter-spacing: .05em}.fixed-btn dl dd.fixed-btn-mail .inner {padding-top:2vw;}
}
@media only screen and (max-width:599px) {.fixed-btn dl dd .inner {width:fit-content;padding-top:2.875vw !important;margin-right: 15px;margin-right: 4.6875vw}
}
.fixed-btn dl dd .inner i {display: inline;padding: 0 5px;/*display: block;margin-left: auto;margin-right: auto;width: 36px;height: 36px;background-size: 100%;margin-bottom: 5px*/}
@media only screen and (max-width:599px) {/*.fixed-btn dl dd .inner i {display: none;float: left;margin-left: 7.5px;margin-left: 2.34375vw;width: 26px;width: 7vw;height: 26px;height: 8.125vw}*/
}
.fixed-btn dl dd .inner .free {margin-top: 5px;font-size: 14px;font-size: 1.4rem;line-height: 1.57143;letter-spacing: .1em;display: block;background-color: #fff;width: 66px;margin-left: auto;margin-right: auto}
@media only screen and (max-width:599px) {.fixed-btn dl dd .inner .free {font-size: 20px;font-size: 2rem;font-size: 3.125vw;line-height: 1.5;letter-spacing: .05em}
}
@media only screen and (max-width:599px) {.fixed-btn dl dd .inner .free {display: none}
}
.fixed-btn dl dd.fixed-btn-line {background-image: url(/live/oe_/https://wisebug.com/images/common/bg-side-line.png)}
@media only screen and (max-width:599px) {.fixed-btn dl dd.fixed-btn-line {background-image: none;background-color: #008d17}
.fixed-btn dl dd.fixed-btn-line a:after {/*content: "\f105";font-family: FontAwesome;margin-right: 10px;color: #ffffff;*/}
}
.fixed-btn dl dd.fixed-btn-line i {background: url(/live/oe_/https://wisebug.com/images/common/fixed-btn-line.png) no-repeat;background-size: contain;}
.fixed-btn dl dd.fixed-btn-line .free {color: #48a500}
.fixed-btn dl dd.fixed-btn-mail {width: 40%; background-image: url(/live/oe_/https://wisebug.com/images/common/bg-side-mail.png)}
@media only screen and (max-width:599px) {.fixed-btn dl dd.fixed-btn-mail {background-image: none;background-color: #f49326}
.fixed-btn dl dd.fixed-btn-mail a:after {/*content: "\f105";font-family: FontAwesome;margin-right: 10px;color: #ffffff;*/}
}
.fixed-btn dl dd.fixed-btn-mail i {background: url(/live/oe_/https://wisebug.com/images/common/fixed-btn-mail.png) no-repeat;background-size: contain;}
.fixed-btn dl dd.fixed-btn-mail .free {color: #573b00}
.fixed-btn dl dd.fixed-btn-tel {display: none}
.fixed-btn dl dd.fixed-btn-tel i {background: url(/live/oe_/https://wisebug.com/images/common/fixed-btn-tel.png) no-repeat;background-size: contain;}
@media only screen and (max-width:599px) {
.fixed-btn dl dd.fixed-btn-tel {
display: block;
background-color: #0094d2;
width: 100%;
color: #fff;
/*background: #D9B073 url(/live/oe_/https://wisebug.com/img/title_bg3.png) repeat-x center 0 scroll;*/
}
.fixed-btn dl dd.fixed-btn-tel a:after {/*content: "\f105";font-family: FontAwesome;margin-right: 10px;color: #ffffff;*/}
.fixed-btn dl dd.fixed-btn-tel .inner {color:#ffffff;font-size: 15px;line-height: 1.4;    margin: 0 auto;}
.fixed-btn dl dd.fixed-btn-mail i {margin-bottom:0px;}
}
@media only screen and (min-width:600px) {
.fixed-btn dl dt {display: none;}
}