/* ============================================================================
    構造
============================================================================ */
body{
font-family: Verdana,Helvetica,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック''メイリオ',Meiryo,;
font-size:15px;
color:#626262;
}
/* ============================================================================
     リンク
============================================================================ */
a {
color: #00b8e6;
    transition: all 0.3s ease 0s;
}
a:hover, a:focus {
color: #222222;
text-decoration:none;
}

.h2-outer a{
text-decoration:underline;
}
/* ============================================================================
     テキスト
============================================================================ */
p {
margin:0 0 20px 0;
font-size:15px;
color:#626262;
}
b{ 
margin:0;
padding:0;
}
@media (max-width: 360px) {
.p9px{font-size:9px !important;}
.p10px{font-size:10px !important;}
.p11px{font-size:11px !important;}
.p12px{font-size:12px !important;}
.p13px{font-size:12px !important;}
.p14px{font-size:13px !important;}
.p15px{font-size:13px !important;}
.p16px{font-size:14px !important;}
.p17px{font-size:14px !important;}
.p18px{font-size:15px !important;}
.p19px{font-size:15px !important;}
.p20px{font-size:16px !important;}
.p21px{font-size:16px !important;}
.p22px{font-size:17px !important;}
.p23px{font-size:17px !important;}
.p24px{font-size:18px !important;}
.p25px{font-size:18px !important;}
.p26px{font-size:19px !important;}
.p27px{font-size:19px !important;}
.p28px{font-size:20px !important;}
.p29px{font-size:20px !important;}
.p30px{font-size:20px !important;}
.p32px{font-size:22px !important;}
.p35px{font-size:22px !important;}
.p37px{font-size:22px !important;}
.p40px{font-size:24px !important;}
.p42px{font-size:24px !important;}
.p45px{font-size:24px !important;}
}

@media (min-width: 361px) {
.p9px{font-size:9px !important;}
.p10px{font-size:10px !important;}
.p11px{font-size:11px !important;}
.p12px{font-size:12px !important;}
.p13px{font-size:13px !important;}
.p14px{font-size:14px !important;}
.p15px{font-size:15px !important;}
.p16px{font-size:16px !important;}
.p17px{font-size:16px !important;}
.p18px{font-size:16px !important;}
.p19px{font-size:17px !important;}
.p20px{font-size:17px !important;}
.p21px{font-size:17px !important;}
.p22px{font-size:18px !important;}
.p23px{font-size:18px !important;}
.p24px{font-size:18px !important;}
.p25px{font-size:19px !important;}
.p26px{font-size:19px !important;}
.p27px{font-size:19px !important;}
.p28px{font-size:20px !important;}
.p29px{font-size:20px !important;}
.p30px{font-size:20px !important;}
.p32px{font-size:22px !important;}
.p35px{font-size:22px !important;}
.p37px{font-size:22px !important;}
.p40px{font-size:24px !important;}
.p42px{font-size:24px !important;}
.p45px{font-size:24px !important;}
}
@media (min-width: 768px) {
.p9px{font-size:9px !important;}
.p10px{font-size:10px !important;}
.p11px{font-size:11px !important;}
.p12px{font-size:12px !important;}
.p13px{font-size:13px !important;}
.p14px{font-size:14px !important;}
.p15px{font-size:15px !important;}
.p16px{font-size:16px !important;}
.p17px{font-size:17px !important;}
.p18px{font-size:18px !important;}
.p19px{font-size:19px !important;}
.p20px{font-size:20px !important;}
.p21px{font-size:21px !important;}
.p22px{font-size:22px !important;}
.p23px{font-size:23px !important;}
.p24px{font-size:24px !important;}
.p25px{font-size:25px !important;}
.p26px{font-size:26px !important;}
.p27px{font-size:27px !important;}
.p28px{font-size:28px !important;}
.p29px{font-size:29px !important;}
.p30px{font-size:30px !important;}
.p32px{font-size:32px !important;}
.p35px{font-size:35px !important;}
.p37px{font-size:37px !important;}
.p40px{font-size:40px !important;}
.p42px{font-size:42px !important;}
.p45px{font-size:45px !important;}
}

.align-c{text-align:center !important;}
.align-r{text-align:right !important;}
.align-l{text-align:left !important;}
.span-mid{float:none !important; text-align:center !important; margin-left:auto !important; margin-right:auto !important;} 

.p-gothic{font-family: 'メイリオ',Meiryo,Verdana,Helvetica,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック';}
.p-mintyo{font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}
.p-white{color:#fff;}
.p-red{color:#ff0000;}
.p-pink{color:#ff008e;}
.p-orange{color:#fe5a00;}
.p-litorange{color:#ff9933;}
.p-blue{color:#006aaa;}
.p-blue2{color:#00456f;}
.p-yellow{color:#FF0}
.p-ygreen{color:#42b100;}
.p-green{color:#009518;}
.p-green2{color:#007914;}
.p-dkgreen{color:#005e10;}
.p-dkgreen2{color:#00440b;}
.p-gray{ color:#626262;}
.p-dkgray{color:#2c2c2c;}
.p-brown{color:#807161;}
.p-uline{border-bottom:solid 1px #000000}
.p-uline-red{border-bottom:solid 1px #ff0000;}
.p-bold{font-weight:bold;}
.p-black{color:#000;}

.borderb-gray{
border-bottom:solid 1px #a0a0a0;
}

/*--fontawsome--*/
.fa{
line-height: 1.8;
}
/* ============================================================================
     タイトル
============================================================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
/*  line-height: 1.2em;*/
}
h1 {
font-weight: bold;
/*  letter-spacing: 0;*/
margin:0;
}
h2 {
/*  letter-spacing: -2px;*/
text-align:center;
color:#626262;
}

h3 {
/*text-transform: uppercase;*/
letter-spacing: -1px;
text-align:center;
color:#626262;
}
h4 {
text-transform: uppercase;
/*  letter-spacing: -2px;*/
margin: 0 0 30px 0;
}
h5 {
font-size: 16px;
font-weight: 600;
/*  letter-spacing: -1px;*/
margin:0;
}

@media (max-width: 360px) {
/*h1 {
  font-size: 25px !important;
}*/
h2 {
font-size: 40px !important;
margin: 45px 0;
font-weight: normal;
}
h3 {
font-size: 20px !important;
margin: 10px 0;
}
h4 {
font-size: 16px !important;
margin: 0 0 10px 0;
}
}

@media (min-width: 361px) {
/*h1 {
  font-size: 33px !important;
}*/
h2 {
font-weight: normal;
font-size: 45px !important;
margin: 45px 0;
}
h3 {
font-size: 20px !important;
margin: 10px 0;
}
h4 {
font-size: 17px !important;
margin: 0 0 10px 0;
}
}

@media (min-width: 768px) {
/*h1 {
  font-size: 44px !important;
}*/
h2 {
font-size: 50px !important;
font-weight: normal;
margin:70px 0 25px 0;
}
h3 {
font-size: 24px !important;
margin: 40px 0;
}
h4 {
font-size: 21px !important;
margin: 0 0 10px 0;
}
}
/* ========================================================
     タイトルスタイル
=========================================================== */
.title-main{
background: url(../img/icon_title.png) 0 50% no-repeat;
color: #2f5150;
font-weight: bold;
padding: 0 27px;
margin:0;
text-align:left;
}

.title-sub{
background: url(../img/icon_title.png) 10px 50% no-repeat;
color: #2f5150;
font-size: 16px;
font-weight: bold;
padding: 7px 33px;
margin:0;
}
/*--title--*/
.title07-colorful_g{
background:none;
border:none;
/*box-shadow:rgba(161, 161, 161, 0.4) 0px 0px 4px 3px;
-webkit-box-shadow:rgba(161, 161, 161, 0.4) 0px 0px 4px 3px;
-moz-box-shadow:rgba(161, 161, 161, 0.4) 0px 0px 4px 3px;*/
color:#686868;
}

.title07-colorful_g .title-inner{
/*background:#b3dcbb url(../img/title07_colorful_r.png) 110% center no-repeat;*/
display:block;
padding: 10px;
}
/* ============================================================================
     画像
============================================================================ */
img {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */

width: auto\9;
/* IE7-8 need help adjusting responsive images */

height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */

vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

.img-thumbnail{
border-radius:0;
margin:0 auto;
box-shadow:rgba(163, 163, 163, 0.15) 0px 0px 3px 3px;
-webkit-box-shadow:rgba(163, 163, 163, 0.15) 0px 0px 3px 3px;
-moz-box-shadow:rgba(163, 163, 163, 0.15) 0px 0px 3px 3px;
}

.img-indent {
margin: 29px 0 28px 0;
}

.thumb {
width: 500px;
}

@media (max-width: 767px) {
.img-photo{
float:none;
}
}
@media (min-width: 768px) {
.img-photo{
float:right;
}
}

.rmv {
display:block;
height:0;
left:-9999px;
margin:0;
padding:0;
position:absolute;
top:-9999px;
width:0;
}

/*--display--*/
.disp-b{display:block;}
.disp-inb{display:inline-block;}
.disp-in{display:inline;}
@media (max-width: 360px) {
.disp-non{display:none;}
}

/*--clear--*/
.clear{
clear:both;
}

.clear-fix2:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear-fix2 {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear-fix2 {height: 1%;}
.clear-fix2 {display: block;}
/* End hide from IE-mac */

.float-none{
float:none !important;
}
/* ============================================================================
     マージン、パディング
============================================================================ */

.m00{margin:0 !important;}
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:50px !important;}
.mb70{margin-bottom:50px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mlr5{margin-left:5px !important; margin-right: 5px !important;}
.mlr-center{margin-left:auto !important; margin-right:auto !important;}
.pt00{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.p00{padding:0 !important;}
.p10{padding:10px !important;}
.pl00{padding-left:0 !important;}
.pr00{padding-right:0 !important;}
.plr00{padding-left:0 !important; padding-right:0 !important;}

@media (max-width: 360px) {
.mmlr200{margin-left:0; margin-right:0 !important;}
.mmlr100{margin-left:0; margin-right:0 !important;}
.mmlr70{margin-left:0; margin-right:0 !important;}
.mmlr60{margin-left:0; margin-right:0 !important;}
.mmlr50{margin-left:0; margin-right:0 !important;}
.mmlr40{margin-left:0; margin-right:0 !important;}
.mmlr35{margin-left:0; margin-right:0 !important;}
.mmlr30{margin-left:0; margin-right:0 !important;}
.mmb80{margin-bottom:20px !important;}
.mmb65{margin-bottom:15px !important;}
.mmb45{margin-bottom:10px !important;}
.mmb40{margin-bottom:10px !important;}
.mmb35{margin-bottom:10px !important;}
.mmb30{margin-bottom:10px !important;}
.mmb25{margin-bottom:5px !important;}
.mmb20{margin-bottom:5px !important;}
.mmb15{margin-bottom:5px !important;}
.mmb10{margin-bottom:5px !important;}
.mmb05{margin-bottom:5px !important;}
.mmt65{margin-top:15px !important;}
.mmt45{margin-top:10px !important;}
.mmt40{margin-top:10px !important;}
.mmt35{margin-top:10px !important;}
.mmt30{margin-top:10px !important;}
.mmt25{margin-top:5px !important;}
.mmt20{margin-top:5px !important;}
.mmt15{margin-top:5px !important;}
.mmt10{margin-top:5px !important;}
.mml15{margin-left:0 !important;}
.mmr15{margin-right:0 !important;}
.pp10{padding:5px !important;}
.pp20{padding:5px !important;}
.pp30{padding:10px !important;}
.ppt10{padding-top:5px !important;}
.ppt20{padding-top:5px !important;}
.ppl10{padding-left:5px !important;}
.ppl20{padding-left:5px !important;}
.ppr10{padding-right:5px !important;}
.ppr20{padding-right:5px !important;}
.ppb10{padding-bottom:5px !important;}
.ppb20{padding-bottom:5px !important;}
}

@media (min-width: 361px) {
.mmlr200{margin-left:5px; margin-right:5px !important;}
.mmlr100{margin-left:15px; margin-right:15px !important;}
.mmlr70{margin-left:15px; margin-right:15px !important;}
.mmlr60{margin-left:15px; margin-right:15px !important;}
.mmlr50{margin-left:15px; margin-right:15px !important;}
.mmlr40{margin-left:15px; margin-right:15px !important;}
.mmlr35{margin-left:15px; margin-right:15px !important;}
.mmlr30{margin-left:15px; margin-right:15px !important;}
.mmb80{margin-bottom:80px !important;}
.mmb65{margin-bottom:15px !important;}
.mmb45{margin-bottom:10px !important;}
.mmb40{margin-bottom:10px !important;}
.mmb35{margin-bottom:10px !important;}
.mmb30{margin-bottom:10px !important;}
.mmb25{margin-bottom:5px !important;}
.mmb20{margin-bottom:5px !important;}
.mmb15{margin-bottom:5px !important;}
.mmb10{margin-bottom:5px !important;}
.mmb05{margin-bottom:5px !important;}
.mmt65{margin-top:15px !important;}
.mmt45{margin-top:10px !important;}
.mmt40{margin-top:10px !important;}
.mmt35{margin-top:10px !important;}
.mmt30{margin-top:10px !important;}
.mmt25{margin-top:5px !important;}
.mmt20{margin-top:5px !important;}
.mmt15{margin-top:5px !important;}
.mmt10{margin-top:5px !important;}
.mml15{margin-left:5px !important;}
.mmr15{margin-right:5px !important;}
.pp10{padding:5px !important;}
.pp20{padding:5px !important;}
.pp30{padding:10px !important;}
.ppt10{padding-top:5px !important;}
.ppt20{padding-top:5px !important;}
.ppl10{padding-left:5px !important;}
.ppl20{padding-left:5px !important;}
.ppr10{padding-right:5px !important;}
.ppr20{padding-right:5px !important;}
.ppb10{padding-bottom:5px !important;}
.ppb20{padding-bottom:5px !important;}

}
@media (min-width: 768px) {
.mmlr200{margin-left:200px; margin-right:200px !important;}
.mmlr100{margin-left:100px; margin-right:100px !important;}
.mmlr70{margin-left:70px; margin-right:70px !important;}
.mmlr60{margin-left:60px; margin-right:60px !important;}
.mmlr50{margin-left:50px; margin-right:50px !important;}
.mmlr40{margin-left:40px; margin-right:40px !important;}
.mmlr35{margin-left:35px; margin-right:35px !important;}
.mmlr30{margin-left:30px; margin-right:30px !important;}
.mmb80{margin-bottom:80px !important;}
.mmb65{margin-bottom:65px !important;}
.mmb45{margin-bottom:45px !important;}
.mmb40{margin-bottom:40px !important;}
.mmb35{margin-bottom:35px !important;}
.mmb30{margin-bottom:30px !important;}
.mmb25{margin-bottom:25px !important;}
.mmb20{margin-bottom:20px !important;}
.mmb15{margin-bottom:15px !important;}
.mmb10{margin-bottom:10px !important;}
.mmb05{margin-bottom:5px !important;}
.mmt65{margin-top:65px !important;}
.mmt45{margin-top:45px !important;}
.mmt40{margin-top:40px !important;}
.mmt35{margin-top:35px !important;}
.mmt30{margin-top:30px !important;}
.mmt25{margin-top:25px !important;}
.mmt20{margin-top:20px !important;}
.mmt15{margin-top:15px !important;}
.mmt10{margin-top:10px !important;}
.mml15{margin-left:15px !important;}
.mmr15{margin-right:15px !important;}
.pp10{padding:10px !important;}
.pp20{padding:20px !important;}
.pp30{padding:30px !important;}
.ppt10{padding-top:10px !important;}
.ppt20{padding-top:20px !important;}
.ppl10{padding-left:10px !important;}
.ppl20{padding-left:20px !important;}
.ppr10{padding-right:10px !important;}
.ppr20{padding-right:20px !important;}
.ppb10{padding-bottom:10px !important;}
.ppb20{padding-bottom:20px !important;}
}

@media (max-width: 360px) {
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}
}
/* ============================================================================
     テーブル
============================================================================ */
table {
border:#858585 solid 4px;
border-collapse: collapse;
width:100%;
max-width: 100%;
position:relative;
}

table thead tr th{
font-weight:bold;
text-align:center;
background:#858585;
color:#FFF;
border-top:#FFF solid 1px;
border-left:#FFF solid 1px;
border-right:#FFF solid 1px;
vertical-align:middle;
}

table tbody tr th{
font-weight:bold;
background:#858585;
border-top:#858585 solid 1px;
border-left:#858585 solid 1px;
border-right:#858585 solid 1px;
vertical-align:middle;
text-align:center;
width:30%;
}

table tbody tr td{
border:#858585 solid 1px;
vertical-align:top;
text-align:left;
width:70%;
}

@media (max-width: 360px) {
table tbody tr th{padding:10px 3px;}
table tbody tr td{padding:30px 10px;}
}
@media (min-width: 361px) {
table tbody tr th{padding:30px 0;}
table tbody tr td{padding:30px 10px;}
}

table tbody tr td ol li{
	list-style-position:inside;
}
/* ============================================================================
     リスト
============================================================================ */
ul,
ol,
dl,
dt,
dd{
margin:0;
padding:0;
}

li{
margin:0;
padding:0;
display:list-item;
}

ul li,
ol li ul li,
ol li ul li ul li,
ol li ol li ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ol li{
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
}

/* --style dot with img -- */
.liDot01{
list-style-type:none !important;
padding-left:15px !important;
margin-left:0 !important;
text-indent:0 !important;
background:url("../images/common/li_dot01.gif") 0.4em 0.5em no-repeat !important;
}

/* --style dot default -- */
.liDef01{
list-style-type:disc;
margin-left:0 !important;
}

/* --style dot default2 no dot -- */
.liDef02{
list-style-type:none !important;
background:none !important;
padding-left:0 !important;
margin-left:0 !important;
margin-left:0 !important;
}

/* --style number default -- */
.liDef03{
background:none !important;
padding-left:0 !important;
margin-left:0 !important;
margin-left:30px !important;
list-style-type:decimal !important;
}

.icon-check2{
background:url(../img/icon_check.png)  no-repeat;
width:25px;
height:25px;
margin-right:10px;
-moz-background-size:cover;
background-size:cover;
margin-top:0;
vertical-align: text-bottom;
border-radius: 3px;
display:inline-block;
}

.icon-check3{
background:url(../img/icon_check.png)  no-repeat;
width:18px;
height:18px;
margin-right:10px;
-moz-background-size:cover;
background-size:cover;
margin-top:0;
vertical-align: text-bottom;
border-radius: 3px;
display:inline-block;
}
/* ============================================================================
    メインビジュアル
============================================================================ */
#mainvisual{
position:relative;
text-align:center;
}


#mainvisualouter {
    background: url(../img/bg_mainvisual.jpg) no-repeat 50% 50% / cover;
    background-attachment: fixed;
}

@media (max-width: 767px) {
#mainvisualouter {
padding:80px 0;
}
}

@media (min-width: 768px) {
#mainvisualouter {
padding:0;
}
}

.item img{
width:100%;
}

.carousel-control {
 display:none !important;
}
.carousel-control.left{
background-image:none;
}
.carousel-control.right{
background-image:none;
}

.carousel-indicators{
display:none !important;
}

/*----------------------------
背景
----------------------------*/
.bg-photo{
min-height: 100%; /* html要素をウィンドウサイズにフィット */
background:url(../img/1.jpg)  no-repeat 50% top; /* 背景画像をhtml要素に表示 */
background-size:cover; /* 背景画像をhtml要素にフィット */
}
* html .bg-photo { background:url(../img/img_mainback.jpg) no-repeat scroll 50% top} /*  ie6  */
*+html .bg-photo { background:url(../img/img_mainback.jpg) no-repeat scroll 50% top} /*  ie7  */


.bg-yellow{background:#fcf8e9 url(../img/bg_yellow.jpg) repeat}
.bg-ygreen{background:#edf7e3 }
.bg-blue{background:#dfe8e8 url(../img/bg_blue.jpg) repeat;}
.bg-beige{background:#f0eeeb url(../img/bg_beige.jpg) repeat;}

.bg-traltyellow{background:rgba(225, 227, 116, 0.53);}
.bg-trayellow{background:rgba(225, 180, 0, 0.53);}
.bg-trawhite{background:rgba(255, 255, 255, 0.53);}
.bg-trawhite2{background:rgba(255, 255, 255, 0.70);}

/*----------------------------
ラベル
----------------------------*/
.label02 .title{
padding:0 0 0 5px;
margin:0;
}

.label02 .count-outer{
display:block;
margin:0;
padding:0;
}

.count {
color: #ffffff;
display: inline-block;
font-weight: bold;
margin-right: 5px;
text-align: center;
border-radius: 50%;
background:#626262;
}

@media (max-width: 360px){
.count {
font-size: 30px;
min-height: 43px;
min-width: 43px;
}
}
@media (min-width: 361px){
.count {
font-size: 40px;
min-height: 60px;
min-width: 60px;
}
}

@media (max-width: 767px) {
.label01-outer2{
display: block !important;
margin-left:100px;
}

.label01-outer{
position:relative;
}
}

@media (min-width: 768px) {
.label01-outer2{
display: block !important;
margin-left:150px;
}

.label01{
position:absolute;
top:0;
left:15px;
width: 130px;
}
}

.label_icon{
margin:0;
}

.icon-outer{
display:block;
height: 77px;
width: 77px;
margin-bottom:10px;
margin-right: 10px;
padding:0;
}

.label_icon .icon-outer span {
background: none repeat scroll 0 0 #78bd51;
border-radius: 49%;
color: #ffffff;
font-size: 42px;
height: 77px;
left: 0;
line-height: 42px;
padding-top: 0;
position: absolute;
text-align: center;
top: 0;
width: 77px;
}

.label_icon span.title {
font-weight: 700;
margin-top:0;
padding-left:0;
padding-right:0;
position: relative;
text-align:left;
}
@media (max-width: 767px) {
.label_icon span.title{
line-height: 28px;
padding-top:10px;
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.label_icon span.title{
line-height: 36px;
padding-top:0;
margin-bottom: 14px;
}
}

/* ============================================================================
     ボックス
============================================================================ */
.arrow_box { position: relative; background: #006AAA; border: 5px solid #c2e1f5; color:#FFF; margin-bottom: 60px; padding: 10px; } 
.arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { border-color: rgba(0, 106, 170, 0); border-top-color: #006AAA; border-width: 30px; margin-left: -30px; } 
.arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #c2e1f5; border-width: 37px; margin-left: -37px; }

.line-orange{
border:#ff6633 6px double;
margin:0 10px 10px;
}

.line-green{
border:#097c25 6px double;
margin:0 10px 10px;
}

.col01-white{
background:url(../img/col01_white_btm.png)  no-repeat bottom left;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
padding-bottom:53px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col01-white .inner{
background-color:#f5f5f5;
padding:1px 5px;
}


.col01-wgraphpaper{
background:url(../img/col01_wgraphpaper_btm.png)  no-repeat bottom left;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
padding-bottom:53px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col01-wgraphpaper .inner{
background:url(../img/bg_wgraphpaper.png)  repeat bottom left;
padding:1px 5px;
}

.col01-ltbrwnroughpaper{
background:url(../img/col01_ltbrwnroughpaper_btm.png)  no-repeat bottom left;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
padding-bottom:53px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col01-ltbrwnroughpaper .inner{
background:url(../img/bg_ltbrwnroughpaper.png)  repeat;
padding:1px 5px;
}

.col01-brwnroughpaper{
background:url(../img/col01_brwnroughpaper_btm.png)  no-repeat bottom left;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
padding-bottom:53px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col01-brwnroughpaper .inner{
background:url(../img/bg_brwnroughpaper.png)  repeat;
padding:1px 5px;
}


.col01-plumroughpaper{
background:url(../img/col01_plumroughpaper_btm.png)  no-repeat bottom left;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
padding-bottom:53px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col01-plumroughpaper .inner{
background:url(../img/bg_plumroughpaper.png)  repeat;
padding:1px 5px;
}

.col01-grnroughpaper{
background:url(../img/col01_grnroughpaper_btm.png)  no-repeat bottom left;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
padding-bottom:53px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col01-grnroughpaper .inner{
background:url(../img/bg_grnroughpaper.png)  repeat;
padding:1px 5px;
}


.col02-ltbrwnroughpaper{
background:url(../img/col02_ltbrwnroughpaper_l.png) repeat-y top left ;
padding-left:40px;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col02-ltbrwnroughpaper .inner{
background:url(../img/bg_ltbrwnroughpaper.png) top left repeat;
padding:1px 5px 5px 1px;
}

.col02-stgray{
background:url(../img/col02_stgray_l.png) repeat-y top left ;
padding-left:40px;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col02-stgray .inner{
background:url(../img/bg_stgray.png) top left repeat;
padding:1px 5px 5px 1px;
}

.col02-brownnote{
background:url(../img/col02_brownnote_l.png) repeat-y top left ;
padding-left:40px;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col02-brownnote .inner{
background:url(../img/bg_brownnote.png) top left repeat;
padding:1px 5px 5px 1px;
}

.col02-thinstgray{
background:url(../img/col02_thinstgray_l.png) repeat-y top left ;
padding-left:40px;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col02-thinstgray .inner{
background:url(../img/bg_thinstgray.png) top left repeat;
padding:1px 5px 5px 1px;
}

.col02-ygraphpaper{
background:url(../img/col02_ygraphpaper_l.png) repeat-y top left ;
padding-left:40px;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col02-ygraphpaper .inner{
background:url(../img/bg_ygraphpaper.png) top left repeat;
padding:1px 5px 5px 1px;
}

.col02-whitenote{
background:url(../img/col02_whitenote_l.png) repeat-y top left ;
padding-left:40px;
box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 4px -4px 4px 0px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col02-whitenote .inner{
background:url(../img/bg_whitenote.png) top repeat;
padding:1px 5px 5px 1px;
}

.col03-wgraphpaper{
background:#f2f2f2 url(../img/bg_wgraphpaper.png)  repeat bottom right;
box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
-webkit-box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
-moz-box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
padding:1px 0 0;
margin-bottom: 30px;
word-wrap: break-word;
}

.col03-wgraphpaper .inner{
background:url(../img/col03_wgraphpaper_btm_r.png)  no-repeat bottom right;
padding:0 5px 90px;
}

.col03-ygraphpaper{
background:#f2f2f2 url(../img/bg_ygraphpaper.png)  repeat bottom right;
box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
-webkit-box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
-moz-box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
padding:1px 0 0;
margin-bottom: 30px;
word-wrap: break-word;
}

.col03-ygraphpaper .inner{
background:url(../img/col03_ygraphpaper_btm_r.jpg)  no-repeat bottom right;
padding:0 5px 90px;
}

.col03-grnroughpaper{
background:#f2f2f2 url(../img/bg_grnroughpaper.png)  repeat bottom right;
box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
-webkit-box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
-moz-box-shadow:rgba(150, 150, 150, 0.55) 0px 0px 2px 2px;
padding:1px 0 0;
margin-bottom: 30px;
word-wrap: break-word;
}

.col03-grnroughpaper .inner{
background:url(../img/col03_grnroughpaper_btm_r.png)  no-repeat bottom right;
padding:0 5px 90px;
}

.col04-purple{
background:url(../img/col04_purple_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-purple .inner{
background-color:#c5b9fe;
padding:1px 5px;
}

.col04-yellow{
background:url(../img/col04_yellow_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-yellow .inner{
background-color:#fff137;
padding:1px 5px;
}

.col04-rightorange{
background:url(../img/col04_rightorange_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-rightorange .inner{
background-color:#ffba00;
padding:1px 5px;
}

.col04-orange{
background:url(../img/col04_orange_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-orange .inner{
background-color:#ff7335;
padding:1px 5px;
}

.col04-red{
background:url(../img/col04_red_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
color:#FFF
}

.col04-red .inner{
background-color:#c30000;
padding:1px 5px;
}

.col04-black{
background:url(../img/col04_black_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
color:#FFF
}

.col04-black .inner{
background-color:#000000;
padding:1px 5px;
}


.col04-blue{
background: url(../img/col04_blue_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-blue .inner{
background-color:#bfe0ff;
padding:1px 5px;
}

.col04-green{
background: url(../img/col04_green_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-green .inner{
background-color:#bbf7d6;
padding:1px 5px;
}

.col04-ltbrwnroughpaper{
background: url(../img/col04_ltbrwnroughpaper_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-ltbrwnroughpaper .inner{
background: url(../img/bg_ltbrwnroughpaper.png) repeat;
padding:1px 5px;
}

.col04-brownnote{
background: url(../img/col04_brownnote_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:103px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-brownnote .inner{
background: url(../img/bg_brownnote.png) repeat bottom;
padding:1px 5px;
}

.col04-thinstgray{
background: url(../img/col04_thinstgray_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:110px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-thinstgray .inner{
background: url(../img/bg_thinstgray.png) repeat;
padding:1px 5px;
}

.col04-stgray{
background: url(../img/col04_stgray_btm.png)  no-repeat bottom right;
box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0 ;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
padding-bottom:116px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col04-stgray .inner{
background: url(../img/bg_stgray.png) bottom right repeat;
padding:1px 5px;
}

.col05-orange{
background:#ffbd3d url(../img/col05_orange_btm_l.png)  no-repeat bottom left;
box-shadow:rgba(0, 0, 0, 0.2) 1px -1px 1px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px -1px 1px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px -1px 1px 0px;
padding:1px 5px 25px;
margin-bottom: 30px;
word-wrap: break-word;
}

.col06-photoframe{
background:#FFF !important;
border: 1px solid #626262 !important;
padding: 10px !important;
box-shadow:rgba(0, 0, 0, 0.2) 1px -1px 1px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px -1px 1px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px -1px 1px 0px;
}

.col06-line{
background:none !important;
border: 3px solid #626262 !important;
padding: 10px !important;
}

.col06-green-r{
background:#22AC38 !important;
padding: 10px !important;
border-radius: 8px !important;
}

.col06-dkgreen-r{
background:#006711;
padding:2px;
border-radius: 3px;
}

.col06-tradkgreen-r{
background:none repeat scroll 0 0 rgba(0, 103, 17, 0.70);
padding:2px;
border-radius: 3px;
}

.col06-gray-r{
background:#4d4d4d;
padding:2px;
border-radius: 3px;
}

.col06-tragray-r{
background:none repeat scroll 0 0 rgba(77, 77, 77, 0.70);
padding:2px;
border-radius: 3px;
}

.col06-trablack-r{
background:none repeat scroll 0 0 rgba(255, 255, 255, 0.53);
padding:2px;
border-radius: 3px;
border:1px solid #838383;
}

.col07-line{
background:url(../img/img_hand01.png) 10px 50% no-repeat rgba(0, 0, 0, 0) !important;
padding:7px 5px 7px 50px !important;
border: 4px solid #434343 !important;
border-radius: 8px !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.col07-green{
background:#27990a url(../img/img_hand01.png) 10px 50% no-repeat;
padding:7px 5px 7px 50px;
border-radius: 6px;
color:#FFF;
}

.col07-blue{
background:#15aee0 url(../img/img_hand01.png) 10px 50% no-repeat;
padding:5px 5px 5px 50px;
border-radius: 6px;
color:#FFF;
}

.col07-yellow{
background:#FFFF00 url(../img/bg_yellowstripe.jpg) 10px 50% repeat;
border: 2px solid #434343;
border-radius: 6px;
}

.col07-yellow .inner{
background: url(../img/img_hand01.png) 10px 50% no-repeat;
padding:7px 5px 7px 50px;
border-radius: 6px;
display:block;
}

/* ============================================================================
    メディア
============================================================================ */
.social-icon{
text-align:center;
}

iframe{
border: 0px;
margin: 0px;
overflow: hidden;
}

#calender{
border-width:0; 
width:100%; 
height: 750px;
}

@media (max-width: 360px) {
#calender{
width:270px !important;
}
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap ifreme{
pointer-events:none;
}
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gmail
.peatix{
border-width:0; 
width:100%;
height:470px;
}

.YoutubeWrapper{
position: relative ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.YoutubeWrapper iframe {
border-width:0;
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}

.google-drive{
border-width:0;
width:100%;
height:700px;
}

.form-mailer{
border-width:0;
width:100%;
height:365px;
}

@media (max-width: 360px) {
.gmail{
height:500px;
}
}

@media (min-width: 361px) {
.gmail{
height:460px;
}
}

.like-button{
height: 21px;
margin-right: 10px;
text-align: right;
vertical-align: top;
width: 160px;
}

.twitter-share-button{
height:21px;
}




/*-- guest-wrap --*/
@media (max-width: 991px) {
.guest-photo,.guest-photo2{
float:none !important;
text-align:center;
}

.guest-photo img,.guest-photo2 img{
margin:0 auto;
}

.guest-profile,.guest-profile2{
float:none !important;
text-align:center;
}
.guest-profile h3, .guest-profile2 h3{
text-align:center;
margin:10px 0
}
.guest-profile p,.guest-profile2 p{
text-align:left;
}
}
@media (min-width: 992px) {
.guest-photo{
float:right !important;
}
.guest-photo2{
float:left !important;
}
.guest-profile{
float:right !important;
text-align:left;
}
.guest-profile2{
float:left !important;
text-align:left;
}
.guest-profile h3, .guest-profile2 h3{
text-align:left;
margin:10px 0
}
.guest-profile p,.guest-profile2 p{
text-align:left;
}
}


/*-- event-wrap --*/
@media (max-width: 991px) {
.col-right{
margin-bottom:10px;/*  left col  */
}

.col-left{
margin-bottom:10px;/*  right col  */
}
}
@media (min-width: 992px) {
.col-wrap{
margin-bottom:10px;
}
.col-left{
margin-right:10px;
}
}
/*-- work --*/
#p-work{
	line-height:2.5;
}

/*-- service --*/
@media (max-width: 767px){
.service-col{
	margin:5px 0;
	padding:5px;
}
}

@media (min-width: 768px) {

.service-col{
	margin:5px;
	padding:5px;
}
}
/* ============================================================================
     ボックス（営業時間・アクセス）
============================================================================ */
.info_icon_box {
    padding-left: 85px;
    position: relative;
}
.info_icon_box.second {
    padding-left: 90px;
	min-height: 83px;
}
.info_icon_box.second h3 {
    margin-bottom: 0;
	margin-top:0;
    padding-top: 25px;
	text-align:left;
}
.info_icon_box.second h6 {
    margin-bottom: 0;
    padding-top: 6px;
}
.info_icon_box.second h4 {
    color: #00b8e6;
    font-family: "Roboto",sans-serif;
    line-height: 33px;
    margin-bottom: 0;
}
.info_icon_box span {
    background: none repeat scroll 0 0 #78bd51;
    border-radius: 49%;
    color:#ffffff;
    font-size: 42px;
    height: 77px;
    left: 0;
    line-height: 42px;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 77px;
}
.info_icon_box h6 {
    color: #454545;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    padding-top: 15px;
    vertical-align: top;
}
.info_icon_box a {
    color: #00b8e6;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    line-height: 20px;
    padding-left: 4px;
}
.info_icon_box a:hover {
    color: #454545;
    text-decoration: none;
}


@media (max-width: 360px){
h4.phone{font-size:23px !important;
}

.mail{ font-size:16px;
}
}
@media (min-width: 361px) {
h4.phone{font-size:25px !important;
}
.mail{ font-size:17px;
}
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after, {
  display:inherit;
  content:inherit;
}

.btn-group-vertical > .btn-group:after, {
  clear:none;
}

/*----------------------------
フォーム
----------------------------*/

/*-- タイトル --*/
.freebirdFormviewerViewItemsItemItemTitle{
display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
}
/*-- 回答を入力テキスト、Google フォームでパスワードテキスト --*/
.exportLabel,.freebirdFormviewerViewNavigationPasswordWarning,.freebirdFormviewerViewHeaderTitle{
	display:none;
}
/*-- フォーム小ラップ --*/
.freebirdFormviewerViewItemsItemItem{
margin-bottom: 15px;
}
/*-- テキスト入力、テキストエリア、セレクト --*/
.exportInput,.ss-form-entry select,.exportTextarea {
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555555;
display: block;
font-size: 14px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
/*-- テキストエリア --*/
.exportTextarea{
	height:100px;
}

/* フォーカス */
.exportInput:focus,.ss-form-entry select:focus,.exportTextarea:focus {
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
outline: 0 none;
}
.exportInput::-moz-placeholder,.ss-form-entry select::-moz-placeholder {
color: #999999;
opacity: 1;
}
.exportInput[disabled], .exportInput[readonly], fieldset[disabled] .exportInput {
background-color: #eeeeee;
cursor: not-allowed;
opacity: 1;
}
textarea.exportInput {
height: auto;
}

/*-- チェックリスト --*/
.ss-choice-item{
list-style:outside none none;
}

/*-- 補足文言 --*/
.ss-secondary-text{
font-weight:normal !important;
}

/*-- 必須文言 --*/
.required-message,.ss-password-warning{
display: block;
height: 0;
left: -9999px;
margin: 0;
padding: 0;
position: absolute;
top: -9999px;
width: 0;
}
/*-- 送信テーブル --*/
.ss-navigate table{
border:none;
}

.ss-navigate table td{
border:none;
padding:0;
text-align:left;
}

/*-- ボタン --*/

.quantumWizButtonPaperbuttonContent{
background-image: linear-gradient(to bottom, #ffffff 0px, #e0e0e0 100%);
padding:10px 30px;
box-shadow:0 0 2px 2px rgba(161, 161, 161, 0.4);
border: 1px solid #cccccc;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: normal;
line-height: 1.42857;
margin-top: 20px;
padding: 10px 20px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.jfk-button:hover{
background-image: linear-gradient(to bottom, #e0e0e0 0px, #ffffff 100%);
}
  
/* ============================================================================
     ヘッダー
============================================================================ */
#header{
background:#e7e7e7;
}
@media (max-width: 767px) {
#header{
padding-top:40px;
border-bottom:3px solid #78bd51;
border-top:none;
}
}
@media (min-width: 768px) {
#header{
margin-top:0;
border-bottom:none;
border-top:#78bd51 solid 3px;
}
}

/* logo */
#logo {
display: block;
margin: 0 !important;
padding: 0 !important;
vertical-align: middle;
text-align:center;
}

a.logo{
display: block;
margin: 0;
}

#name-wrap h1{
color: #797979;
font-weight:normal;
}

@media (max-width: 767px) {
#logo-wrap{
text-align:center;
}

a.logo{
float:none;
padding: 10px 0;
}

a.logo img{
max-height: 40px;
text-align:center;
}
#name-wrap{
text-align:center;
margin: 7px 0;
}
#name-wrap h1{
font-size:30px;
}

}
@media (min-width: 768px)  {
#logo-wrap{
padding: 0;
}

a.logo{
padding: 5px 0;
display: table-cell;
vertical-align: middle;
height: 130px;
}

a.logo img{
vertical-align: middle;
}
#name-wrap{
height: 130px;
vertical-align: middle;
text-align:left;
}
#name-wrap h1{
display: table-cell;
font-size: 40px;
height: 130px;
vertical-align: middle;
}

}

@media (max-width: 767px) {
#logo-wrap{
padding-left:5px;
padding-right:5px;
}
#info-wrap{
padding-left:5px;
padding-right:5px;
}
}



/* header_contacts */
.header_contacts {
    overflow: hidden;
}

.header_contacts h2 {
color: #454545;
font-family: "Roboto",sans-serif;
font-size: 12px !important;
font-weight: 400;
line-height: 18px;
margin:10px 0 !important;
letter-spacing: -0.1px;
}
.header_contacts h2 span {
color: #454545;
vertical-align: top;
}
.header_contacts h3 {
color: #454545;
display: inline-block;
font-family: "Roboto",sans-serif;
font-size: 30px !important;
font-weight: 700;
line-height: 27px;
position: relative;
margin:0 !important;
letter-spacing:1px;
}
.header_contacts h3:before {
color: #454545;
content: "";
font-family: FontAwesome;
font-size: 30px;
font-weight: normal;
left: 0;
line-height: 30px;
position: absolute;
top: 10px;
}
.header_contacts h3 a{
color: #454545;
}

.header_contacts h3 a:hover{
color: #79b084;
}

@media (max-width: 767px) {
.header_contacts {
float:none;
margin:0 auto;
text-align:center;
}
.header_contacts h2{
text-align:center;
}
.header_contacts h3{
padding-left: 0;
text-align:center;
}
.mail-address{
font-size:10px;
}
}

@media (min-width: 768px) {
.header_contacts {
float: right;
text-align: right;
}
.header_contacts h2{
text-align: right;
}
.header_contacts h3{
padding-left: 35px;
text-align: right;
}
.mail-address{
font-size:inherit;
}
}

/* ============================================================================
     グローバルナビ
============================================================================ */
/* navbar */
@media (max-width: 767px) {
#navbar-collapse {
padding:0 5px 5px;
}
}

@media (min-width: 768px) {
#navbar-collapse{
padding-left:0;
padding-right:0;
}
}

#navibar{
border:none;
background:#78bd51;
border-radius:0;
z-index:1000;
width: 100%;
box-shadow:0 3px 3px -2px #757575;
-webkit-box-shadow:0 3px 3px -2px #757575;
-moz-box-shadow:0 3px 3px -2px #757575;
/*	min-height: 50px;*/ min-height:inherit !important;
/*	margin-bottom: 20px;*/ margin-bottom: 0;
}

@media (max-width: 767px) {
#navibar{
position: fixed;
top: 0;
left: 0;
}
}

@media (min-width: 768px) {
#navibar{
position:inherit;
}
}
a.logo-s {
    float: left;
}
.logo-s img {
    height: 36px;
    margin: 2px 0 2px 5px;
}
.fixed {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
}

@media (max-width: 767px) {
#globalnavi{
width:100%;
color: #FFF;
margin: 0;
float: left;
padding-left: 0;
background-color: #8ada5d;
}

#globalnavi li{
width:100%;
text-align:left;
display: block;
position: relative;
}

#globalnavi li a {
color: #454545;
font-size:14px;
font-weight: bold;
line-height: 20px;
display: block;
padding:10px;
position: relative;
text-decoration: none;
background: none;
}

#globalnavi li.second a {
padding:10px;
}

#globalnavi li.second a span{
display:none;
}

#globalnavi li a:hover,
#globalnavi li a:focus {
background: #6acde6;
color: #fff;
}
#globalnavi .active a,
#globalnavi .active a:hover,
#globalnavi .active a:focus {
background: #6acde6;
color: #fff;
}
#globalnavi .disabled a,
#globalnavi .disabled a:hover,
#globalnavi .disabled a:focus {
background: #6acde6;
color: #fff;
}

#globalnavi .open a,
#globalnavi .open a:hover,
#globalnavi .open a:focus {
background: #6acde6;
color: #fff;
}
}
@media (min-width: 768px) {
#globalnavi{
width:100%;
color: #FFF;
margin: 0;
float: left;
padding-left: 0;
background-color: #78bd51;
}

#globalnavi li{
width: 16.66%;/* change with number of menu */
text-align:center;
float: left;
display: block;
position: relative;
}

#globalnavi li a {
padding:18px 2px;
line-height: 16px;
color: #454545;
font-size:14px;
font-weight: bold;
display: block;
position: relative;
text-decoration: none;
height: 52px;
background:none;
}
#globalnavi li.second a {
padding:10px 2px;
}

#globalnavi li.second a span{
display:inline;
}

#globalnavi li a:hover,
#globalnavi li a:focus {
background: #6acde6;
color: #fff;
}
#globalnavi .active a,
#globalnavi .active a:hover,
#globalnavi .active a:focus {
background: #6acde6;
color: #fff;
}
#globalnavi .disabled a,
#globalnavi .disabled a:hover,
#globalnavi .disabled a:focus {
background: #6acde6;
color: #fff;
}

#globalnavi .open a,
#globalnavi .open a:hover,
#globalnavi .open a:focus {
background: #6acde6;
color: #fff;
}
}

/* navbar-toggle */
@media (max-width: 767px) {
#navbar-toggle{
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
border-color: #ffffff;
background:none;
padding: 7px 10px;
}

#navbar-toggle:hover,
#navbar-toggle:focus {
background: #555555;
}

#navbar-toggle .icon-bar {
background-color: #ffffff;
}
}


.navbar-static-top {
/*  border-width: 0 0 1px; */ border-width:0;
}

@media (min-width: 768px) {
.navbar-nav.navbar-right:last-child {
margin-right: -15px;/* margin-right: -5px;*/
}
}

/* social-icons */
.social-icons {
display: inline-block;
margin: 4px 0 0;
padding: 0 0 0 10px;
float: right;
}
.social-icons li {
float: left;
display: inline-block;
margin-left:0;
}
.social-icons li a {
display: block;
}
.social-icons li a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
/* ============================================================================
     フッター
============================================================================ */
/* footer-photo */
#footer-photo{
height: 280px;
min-height: 100%; /* html要素をウィンドウサイズにフィット */
background:url(../img/img_footer.jpg)  no-repeat 50% 92%; /* 背景画像をhtml要素に表示 */
background-size:cover; /* 背景画像をhtml要素にフィット */
}
* html #footer-photo { background:url(../img/img_footer.jpg) no-repeat scroll 50% top} /*  ie6  */
*+html #footer-photo { background:url(../img/img_footer.jpg) no-repeat scroll 50% top} /*  ie7  */


/* footer */
footer {
background: none repeat scroll 0 0 #78bd51;
padding-bottom: 10px;
    padding-top: 5px;
width: 100%;
}
.copyright {
color: #fff;
font-family: "Roboto",sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 20px;
padding-top: 8px;
text-align:center;
}
.copyright a, .copyright span {
font-family: "Roboto",sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 20px;
transition: all 0.3s ease 0s;
vertical-align: top;
}
.copyright a:hover {
color: #79b084;
text-decoration: none;
}
.footer-link {
display: block;
}
/* ============================================================================
     トップへ
============================================================================ */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	right:10px;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

@media (max-width: 991px) {
#toTop {
bottom:10px;
}
}
@media (min-width: 992px) {
#toTop {
bottom:10px;
}
}


#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -45px;
	width:45px;
	height:45px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* ============================================================================
     Row with equal height columns（高さを揃える）
============================================================================ */
/*@media (min-width: 992px)*/ @media (min-width: 768px)  {
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
}