/*-----------------------------------------------------------------------------------
	    2016.11.15
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

body
{
    margin: 0;
    padding: 0;
    background: #fff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

a:hover
{
    text-decoration: none;
    cursor: pointer;
}

a:hover,
button.btn:hover
{
transition: all .2s ease-in-out;
}

a,button
{
    outline: none!important;
}

/* Prevent ugly blue glow on chrome and safari */

#page-loading-blocs-notifaction
{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 100000;
    background: #fffFFF url("img/pageload-spinner.gif") no-repeat center center;
}

/*  フォントサイズ　、　スペース
-------------------------------------------------------------- */

.fz10
{
    font-size: 10px !important;
}

.fz12
{
    font-size: 12px !important;
}

.fz14
{
    font-size: 14px !important;
}

.fz16
{
    font-size: 16px !important;
}

.fz18
{
    font-size: 18px !important;
}

.fz20
{
    font-size: 20px !important;
}

.fz22
{
    font-size: 22px !important;
}

.fz24
{
    font-size: 24px !important;
}

.fz26
{
    font-size: 26px !important;
}

.fz28
{
    font-size: 28px !important;
}

.fz30
{
    font-size: 30px !important;
}

.fz32
{
    font-size: 32px !important;
}

.fz34
{
    font-size: 34px !important;
}

.fz36
{
    font-size: 36px !important;
}

.fz38
{
    font-size: 38px !important;
}

.fz42
{
    font-size: 42px !important;
}

.fz48
{
    font-size: 48px !important;
}

.fz60
{
    font-size: 60px !important;
}

.fz64
{
    font-size: 64px !important;
}

.fz70
{
    font-size: 70px !important;
}

/* スペース　*/

.pl5
{
    padding-left: 5px !important;
}

.pl10
{
    padding-left: 10px !important;
}

.pl15
{
    padding-left: 15px !important;
}

.pl20
{
    padding-left: 20px !important;
}

.pl25
{
    padding-left: 25px !important;
}

.pl30
{
    padding-left: 30px !important;
}

.pl60
{
    padding-left: 60px !important;
}

.pr5
{
    padding-right: 5px !important;
}

.pr10
{
    padding-right: 10px !important;
}

.pr15
{
    padding-right: 15px !important;
}

.pr20
{
    padding-right: 20px !important;
}

.pr25
{
    padding-right: 25px !important;
}

.pr30
{
    padding-right: 30px !important;
}

.pr60
{
    padding-right: 60px !important;
}

.mr5
{
    margin-right: 5px !important;
}

.ml5
{
    margin-left: 5px !important;
}

.pt30
{
    padding-top: 30px !important;
}

.pt20
{
    padding-top: 20px !important;
}

.pt10
{
    padding-top: 10px !important;
}

.pb10
{
    padding-bottom: 10px !important;
}

.pb20
{
    padding-bottom: 20px !important;
}

.pb30
{
    padding-bottom: 30px !important;
}

.mt20
{
    margin-top: 20px !important;
}

.mt30
{
    margin-top: 30px !important;
}

.mt40
{
    margin-top: 40px !important;
}

.mb10
{
    margin-bottom: 10px !important;
}

.mb15
{
    margin-bottom: 15px !important;
}

.mb20
{
    margin-bottom: 20px !important;
}

.mb30
{
    margin-bottom: 30px !important;
}

@media (min-width:768px)
{
    .mb100
    {
        margin-bottom: 100px !important;
    }
    .mb90
    {
        margin-bottom: 90px !important;
    }
    .mb80
    {
        margin-bottom: 80px !important;
    }
    .mb70
    {
        margin-bottom: 70px !important;
    }
    .mb60
    {
        margin-bottom: 60px !important;
    }
    .mb50
    {
        margin-bottom: 50px !important;
    }
    .mb40
    {
        margin-bottom: 40px !important;
    }
    .mt100
    {
        margin-top: 100px !important;
    }
    .mt90
    {
        margin-top: 90px !important;
    }
    .mt80
    {
        margin-top: 80px !important;
    }
    .mt70
    {
        margin-top: 70px !important;
    }
    .mt60
    {
        margin-top: 60px !important;
    }
    .mt50
    {
        margin-top: 50px !important;
    }
    .pb80
    {
        padding-bottom: 80px !important;
    }
/* END @media (min-width:768px) */
}

@media (max-width:767px)
{
    .mb100
    {
        margin-bottom: 50px !important;
    }
    .mb90
    {
        margin-bottom: 45px !important;
    }
    .mb80
    {
        margin-bottom: 40px !important;
    }
    .mb70
    {
        margin-bottom: 35px !important;
    }
    .mb60
    {
        margin-bottom: 30px !important;
    }
    .mb50
    {
        margin-bottom: 25px !important;
    }
    .mb40
    {
        margin-bottom: 20px !important;
    }
    .mt100
    {
        margin-top: 50px !important;
    }
    .mt90
    {
        margin-top: 45px !important;
    }
    .mt80
    {
        margin-top: 40px !important;
    }
    .mt70
    {
        margin-top: 35px !important;
    }
    .mt60
    {
        margin-top: 30px !important;
    }
    .mt50
    {
        margin-top: 25px !important;
    }
    pb80
    {
        padding-bottom: 40px !important;
    }
/* END @media (max-width:767px) */
}

/* width 100% */

.w100
{
    width: 100% !important;
    max-width: 100% !important;
}

/* = Blocs
-------------------------------------------------------------- */

.bloc
{
    width: 100%;
    clear: both;
    background: 50% 100% no-repeat;
/*     padding: 0 50px; */
padding: 0 ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

/*
.bloc .container
{
    padding-left: 0;
    padding-right: 0;
}
*/

.bloc .container
{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 130px;
}

/* Sizes */

/*
.bloc-sm
{
    padding: 20px 50px;
}
*/

.bloc-sm
{
    padding: 20px 50px;
}

/* = Full Screen Blocs 
-------------------------------------------------------------- */

.bloc-fill-screen
{
    padding-top: 0;
    position: relative;
    height: inherit;
}

/*
.bloc-fill-screen > .container
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.bloc-fill-screen.bloc-group .bloc
{
    vertical-align: middle!important;
}
*/

#bloc-0.bloc-fill-screen > .container
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#bloc-0.bloc-fill-screen.bloc-group .bloc
{
    vertical-align: middle!important;
}

.bloc-fill-screen > .container
{
    position: relative;
    top: 130px;
}

.bloc-fill-screen.bloc-group .bloc
{
    vertical-align: top!important;
}

.bloc-fill-screen .fill-bloc-top-edge
{
    position: absolute;
    margin: 0 auto 0;
    left: 0;
    right: 0;
    z-index: 500;
    transform: none;
}

.bloc-fill-screen .fill-bloc-bottom-edge
{
    position: absolute;
    margin: 30px auto;
    left: 0;
    right: 0;
    z-index: 1;
    transform: none;
}

.bloc-fill-screen .fill-bloc-bottom-edge
{
    top: initial;
    bottom: 20px;
}

.blocs-hero-btn-dwn
{
    width: 58px;
    height: 58px;
    display: block;
    margin: 0 auto;
    line-height: 58px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    color: rgba(255,255,255,.8);
    background: rgba(0,0,0,.6);
    border: 0;
}

.blocs-hero-btn-dwn:hover
{
    color: rgba(255,255,255,1);
}

/* Background Styles */

.bg-center,.bg-l-edge,.bg-r-edge,.bg-t-edge,.bg-b-edge,.bg-tl-edge,.bg-bl-edge,.bg-tr-edge,.bg-br-edge,.bg-repeat
{
    -webkit-background-size: auto!important;
    -moz-background-size: auto!important;
    -o-background-size: auto!important;
    background-size: auto!important;
}

/* Background Effects */

.b-parallax
{
    background-attachment: fixed;
}

/* Video Background Styles */

.video-bg-container, .bloc-video
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: -50%;
    overflow: hidden;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.bloc-video
{
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
}

/* Dark theme */

.d-bloc
{
    color: rgba(255,255,255,.7);
}

.d-bloc button:hover
{
/*     color: rgba(255,255,255,.9); */
}

.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b
{
    border-color: rgba(255,255,255,.9);
}

.d-bloc .divider-h span
{
    border-color: rgba(255,255,255,.2);
}

.d-bloc .a-btn,.d-bloc .navbar a,.d-bloc .navbar-brand, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a
{
/*     color: rgba(255,255,255,.6); */
}

./*
d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc .navbar-brand:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover
{
    color: rgba(255,255,255,1);
}
*/

.d-bloc .navbar-toggle .icon-bar
{
/*     background: rgba(255,255,255,1); */
}

.d-bloc .btn-wire,.d-bloc .btn-wire:hover
{
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}

.d-bloc .panel
{
    color: rgba(0,0,0,.5);
}

.d-bloc .panel button:hover
{
    color: rgba(0,0,0,.7);
}

.d-bloc .panel icon
{
    border-color: rgba(0,0,0,.7);
}

.d-bloc .panel .divider-h span
{
    border-color: rgba(0,0,0,.1);
}

.d-bloc .panel .a-btn
{
    color: rgba(0,0,0,.6);
}

.d-bloc .panel .a-btn:hover
{
    color: rgba(0,0,0,1);
}

.d-bloc .panel .btn-wire, .d-bloc .panel .btn-wire:hover
{
    color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.3);
}

/* Light theme */

.d-bloc .panel,.l-bloc
{
    color: rgb(102,102,102);
}

.d-bloc .panel button:hover,.l-bloc button:hover
{
    color: rgba(0,0,0,.7);
}

.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b
{
    border-color: rgba(0,0,0,.7);
}

.d-bloc .panel .divider-h span,.l-bloc .divider-h span
{
    border-color: rgba(0,0,0,.1);
}

.d-bloc .panel .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc .navbar-brand,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a
{
    color: rgba(0,0,0,.6);
}

.d-bloc .panel .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc .navbar-brand:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover
{
    color: rgba(0,0,0,1);
}

.l-bloc .navbar-toggle .icon-bar
{
    color: #fff;
}

.d-bloc .panel .btn-wire,.d-bloc .panel .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover
{
    color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.3);
}

/* Row Margin Offsets */

.voffset
{
    margin-top: 30px;
}

/* Column No Gutters */

.row-no-gutters
{
    margin-right: 0;
    margin-left: 0;
}

.row.row-no-gutters > [class^="col-"],.row.row-no-gutters > [class*=" col-"]
{
    padding-right: 0;
    padding-left: 0;
}

/* Bloc text custom styling */

/* = NavBar
-------------------------------------------------------------- */
/* モバイルメニュー　ブレークポイント変更 */
@media (max-width: 1199px) {
	.navbar-header {
		float:none;
		position:relative;
	}
	
	.navbar-left,.navbar-right {
		float:none!important;
	}
	
	.navbar-toggle {
		display:block;
		margin-right:30px;
		border:1px solid rgba(255,255,255,1);
		border-radius:4px;
	}
	
/*
	.navbar-collapse {
		border-top:1px solid transparent;
		box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	}
*/
	
	.navbar-fixed-top {
		position: fixed;
		top:0;
		border-width:0 0 1px;
	}
	
	.navbar-collapse.collapse {
		display:none!important;
	}
	
	.navbar-nav {
		float:none!important;
		margin-top:7.5px;
	}
	
	.navbar-nav>li {
		float:none;
	}
	
	.navbar-nav>li>a {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.collapse.in {
		display:block!important;
	}
	
	span.icon-bar {
		border:1px solid #fff;
	}
	
	ul.site-navigation
	{
		width:100%;
	}
	
	ul.site-navigation > li:first-child {
		display:none;
	}
	
	ul.site-navigation > li
	{
		width:100%;
		border-bottom:1px solid #000;
	}

}

/* //--モバイルメニュー　ブレークポイント変更 */
/* 全ブレークポイント共通 */
.navbar {
	background:rgba(0,0,0,.7);
	padding-bottom:10px;
}

ul.site-navigation.navbar-nav {
	margin:0 auto;
	display:table;
	table-layout:fixed;
	float:none;
}


ul.site-navigation.navbar-nav > li,
ul.site-navigation.navbar-nav > li > a:hover,
ul.site-navigation.navbar-nav > li > a,
ul.site-navigation.navbar-nav > li.active>a,
ul.site-navigation.navbar-nav > li:hover,
ul.site-navigation.navbar-nav > li.active:hover,
ul.site-navigation.navbar-nav > li.active>a:hover,
ul.site-navigation.navbar-nav>li > a:hover,
.bloc-sm > .nav-pills> li > a:hover,
a.navbar-brand > img:hover
{
background: none !important;
}

.bloc-sm > .nav > li.active > a {
background: none !important;
}

ul.site-navigation > li:first-child:hover {
border-bottom: transparent;
}

ul.site-navigation > li:hover
{
	border-bottom: 1px solid red;
	background: none;
}

ul.site-navigation > li.active
{
	border-bottom: 1px solid red;
	background: none;
}


.navbar-fixed-top .navbar-collapse {
    max-height: none;
}


a.navbar-brand-sm
{
	padding-top:10px;
}

a.navbar-brand-sm > div {
	display:inline-block;
	padding-left: 1em;
	font-size:16px;
	color:#fff;
}

@media (max-width:1199px)
{
/* a.navbar-brand-sm > img */
a.navbar-brand-sm > img.header-logo
{
	display:inline-block;
/* 	max-height: 40px; */
width:70px;
height: 32px;
/* 	padding-right:10px; */
}
}


/* a.navbar-brand-sm > img */
a.navbar-brand > img
{
	display:inline-block;
/* 	max-height: 40px; */
width:133px;
height: 74px;
padding-right: 20px;
/* 	padding-right:10px; */
}



a.navbar-brand
{
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	font-size:16px;
	color:#fff;
	margin-top: 10px;
}

/*
a.navbar-brand > img
{
display: inline-block;
width:auto;
}
*/

.l-bloc .navbar a
{
    color: rgba(255,255,255,1) !important;
}


.nav-sub-name
{
    color: #c39d4c;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.h3-sub
{
    color: #c39d4c;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.h3-sub:before
{
    content: '\00a0\00a0';
}


/* //--全ブレークポイント共通 */


/* その他ブレークポイント */
@media (min-width:1200px) {
	ul.site-navigation > li
	{
	margin-right: 10px;
	}
	a.navbar-brand-sm {
		display:none;
	}
	a.navbar-brand {
		display:visible;
	}
	
	
}

@media (max-width:1199px) {
	a.navbar-brand-sm {
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
}

@media (max-width:639px) {
	
	a.navbar-brand-sm > div {
		display:none!important;
	}
}

.nav > li > .dropdown a
{
    background: none!important;
    display: block;
    padding: 14px 15px;
}

nav .caret
{
    margin: 0 5px;
}

/* Dropdown Menus SubMenu */

.dropdown-menu .dropdown-menu
{
    top: -8px;
    left: 100%;
}

.dropdown-menu .dropmenu-flow-right
{
    top: 100%;
    left: 0;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropdown-menu .dropdown span
{
    border: 4px solid black;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    margin: 6px -5px 0 0!important;
    float: right;
}

/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-md
{
    margin-top: 10px;
    margin-bottom: 20px;
}

h4.mg-md
{
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
}

/* メッセージ */
h4.msg
{
	border-left: 10px solid #c39d4c;
	padding-left: 0.5em;
	font-size: 16px;
	color: #333 !important;
}
.msg-box
{
	padding: 40px 40px 20px !important;
}

.msg-box > p
{
	line-height: 2em;
	color: #333 !important;
}


/* = Buttons
-------------------------------------------------------------- */

.btn
{
    margin: 0 5px 5px 0;
}

.btn.pull-right
{
    margin: 0 0 5px 5px;
}

.btn-d
{
    color: #fff;
    background: #c35e4c;
}

.btn-d:hover,.btn-d:focus,.btn-d-active,.btn-d-active:hover
{
    color: #fff;
    background: #f59600;
}

.btn-bk
{
    color: #fff;
    background: #4284aa;
}

.btn-bk:hover,.btn-bk:focus
{
    color: #fff;
    background: #83b3cf;
}

/* Prevent ugly blue glow on chrome and safari */

button
{
    outline: none!important;
}

.a-btn
{
    padding: 6px 0;
    line-height: 1.42857143;
    display: inline-block;
}

.text-center .a-btn
{
    padding: 6px 0;
}

.btn .caret
{
    margin: 0 0 0 5px;
}

.dropdown a .caret
{
    margin: 0 0 0 5px;
}

.btn-dropdown .dropdown-menu .dropdown
{
    padding: 3px 20px;
}

/* = Panels
-------------------------------------------------------------- */

.panel
{
    border: 0;
    box-shadow: 0 0 2px rgba(0,0,0,.4);
}

.panel-heading, .panel-footer
{
    background-color: inherit;
    border-color: rgba(0,0,0,.1)!important;
}

.panel-sq, .panel-sq .panel-heading, .panel-sq .panel-footer
{
    border-radius: 0;
}

.panel-rd
{
    border-radius: 30px;
}

.panel-rd .panel-heading
{
    border-radius: 29px 29px 0 0;
}

.panel-rd .panel-footer
{
    border-radius: 0 0 29px 29px;
}

/* iFrame */

iframe
{
    border: 0;
}

/* ScrollToTop button */

.scrollToTop
{
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    z-index: 500;
    transition: all .3s ease-in-out;
}

.scrollToTop span
{
    margin-top: 6px;
}

.showScrollTop
{
    font-size: 14px;
    opacity: 1;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a
{
    font-family: "Helvetica";
}

h1
{
    color: #fff;
    text-align: center;
    font-weight: 700;
}

h1 img
{
    margin-bottom: 20px;
}

.h1
{
    font-size: 40px;
}

.h2
{
    font-size: 34px;
}

.h3
{
    font-size: 25px;
}

.h4
{
    font-size: 20px;
}


h1.fc-white
{
color: #fff !important;
/* background: blue; */
position: relative;
white-space: nowrap;
line-height: 1.5em;
text-shadow: 0px 0px 8px rgba(0,0,0,1);
}


@media (min-width:830px)
{
h1.fc-white
{
font-size: 20px;
white-space: nowrap;
}
h1.fc-white > div
{
width:100%;
}

}

@media (min-width:730px) and (max-width:829px)
{
h1.fc-white
{
font-size: 18px;
white-space: nowrap;
}
h1.fc-white > div
{
max-width:90%;
}
}

@media (min-width:640px) and (max-width:729px)
{
h1.fc-white
{
font-size: 16px;
white-space: nowrap;
}
h1.fc-white > div
{
max-width:90%;
}
}


@media (max-width:639px)
{
h1.fc-white
{
font-size: 14px;
white-space: inherit;
}
h1.fc-white > div
{
max-width:90%;
}
}

h1.fc-white > div
{
position: absolute;
width:auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center !important;
padding: 0;
width:100%;
}

.container
{
    max-width: 1170px;
}


/*
.btn01
{
    margin-bottom: 20px;
}
*/

h3
{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    font-size: 32px;
    background-color: #5E4C32;
    color: #FEFFFF!important;
    margin: 0px 0px 0px 0px;
}

.mb0
{
    margin-bottom: 0px;
}

.pb0
{
    margin-bottom: 0px;
}

.txt-bloc
{
    padding: 20px 20px 20px 20px;
    border-width: 1px 1px 1px 1px;
    border-radius: 10px 10px 10px 10px;
    border-color: #E0527B;
    background-color: #fff;
}

/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-white
{
    background-color: #fff;
}

.bgc-white-smoke
{
    background-color: #F7F7F7;
}

.bgc-café-noir
{
    background-color: #4C3C26;
}

/* Bloc image backgrounds */

.bg-smp
{
    background: url("img/top_img.jpg")  no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}

/* メッセージ背景 */
.msg-bg
{
background: url("img/msg-bg.jpg")  no-repeat;
background-position: center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}


/* スタッフ紹介背景 */
.bg01
{
	    background-image: url("img/bg01_under.jpg");
    background-position:left bottom;
    background-repeat: no-repeat;
/*
    -webkit-background-size: auto auto, 100% auto !important;
    -moz-background-size: auto auto, 100% auto !important;
    -o-background-size: auto auto, 100% auto !important;
    background-size: auto auto, 100% auto !important;
*/
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}

.bg02
{
	    background-image: url("img/line-art02.png");
    background-position:right bottom;
    background-repeat: no-repeat;
/*
    -webkit-background-size: auto auto, 100% auto !important;
    -moz-background-size: auto auto, 100% auto !important;
    -o-background-size: auto auto, 100% auto !important;
    background-size: auto auto, 100% auto !important;
*/
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}


.bg-bg01
{
    background-image:url("img/bloc-1_bg.jpg");
    background-position:left bottom;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto!important;
    -moz-background-size: 100% auto!important;
    -o-background-size: 100% auto!important;
    background-size: 100% auto!important;
}


/*
.bg-bg01
{
    background-image: url("img/01.png"),url("img/bloc-1_bg.jpg");
    background-position: right -10px,left bottom;
    background-repeat: no-repeat,no-repeat;
    -webkit-background-size: auto auto, 100% auto!important;
    -moz-background-size: auto auto,  100% auto!important;
    -o-background-size: auto auto, 100% auto!important;
    background-size: auto auto,  100% auto!important;
}
*/



.bg-bg02
{
    background-image:url("img/bloc-2_bg.jpg");
    background-position:right top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto!important;
    -moz-background-size:  100% auto!important;
    -o-background-size: 100% auto!important;
    background-size: 100% auto!important;
}


.bg-bg03
{
    background-image: url("img/bloc-3_bg.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto!important;
    -moz-background-size: 100% auto!important;
    -o-background-size: 100% auto!important;
    background-size: 100% auto!important;
}

.bg-bg04
{
    background: url("img/bloc-4_bg.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto !important;
    -moz-background-size:  auto auto !important;
    -o-background-size: auto auto !important;
    background-size: auto auto !important;
}

.bg-bg05
{
    background-image: url("img/05.png"),url("img/bloc-5_bg.jpg");
    background-position: right -10px,left bottom;
    background-repeat: no-repeat,no-repeat;
    -webkit-background-size: auto auto, 100% auto!important;
    -moz-background-size: auto auto,  100% auto!important;
    -o-background-size: auto auto, 100% auto!important;
    background-size: auto auto,  100% auto!important;
}

/* = Mobile adjustments 
-------------------------------------------------------------- */

@media (max-width: 1024px)
{
    .bloc
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container
    {
        padding-left: 0;
        padding-right: 0;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
    .b-parallax
    {
        background-attachment: scroll;
    }
}

@media (max-width: 767px)
{
    .container
    {
        width: 100%;
    }
    .b-parallax
    {
        background-attachment: scroll;
    }
    .page-container, #hero-bloc
    {
        overflow-x: hidden;
        position: relative;
    }
/* Prevent unwanted side scroll on mobile */
    .page-container
    {
        overflow-x: hidden;
        position: relative;
    }
    h1,h2,h3,h4,h5,h6,p,#disqus_thread
    {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
/* #hero-bloc h1 */
    h1
    {
        font-size: 40px;
    }
/*     #hero-bloc h2 */
    h2
    {
        font-size: 34px;
    }
/* #hero-bloc h3 */
    h3
    {
        font-size: 25px;
    }
    .bloc
    {
        padding-left: 0;
        padding-right: 0;
        -webkit-background-size: auto 200%;
        -moz-background-size: auto 200%;
        -o-background-size: auto 200%;
        background-size: auto 200%;
    }
    .b-parallax
    {
        background-attachment: scroll;
    }
}


@media (max-width: 767px)
{

    .bloc-group .bloc
    {
        display: block;
        width: 100%;
    }
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .bloc-xxl,.bloc-xl,.bloc-lg
    {
        padding: 40px 0;
    }
    .bloc-sm,.bloc-md
    {
        padding-left: 0;
        padding-right: 0;
    }
    .a-block
    {
        padding: 0 10px;
    }
    .btn-dwn
    {
        display: none;
    }
    .voffset
    {
        margin-top: 5px;
    }
    .voffset-md
    {
        margin-top: 20px;
    }
    .voffset-lg
    {
        margin-top: 30px;
    }
    form
    {
        padding: 5px;
    }
    .close-lightbox
    {
        display: inline-block;
    }
    .video-bg-container
    {
        display: none;
    }
    .blocsapp-device-iphone5
    {
        background-size: 216px 425px;
        padding-top: 60px;
        width: 216px;
        height: 425px;
    }
    .blocsapp-device-iphone5 img
    {
        width: 180px;
        height: 320px;
    }
}

@media (max-width: 420px)
{
    .bloc-mob-center-text
    {
        text-align: center;
    }
}



.gyomu01
{
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}

.gyomu02
{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width:992px)
{
    .gyomu01
    {
        margin-top: 30px;
        margin-bottom: 80px;
    }
    .gyomu02
    {
        margin-bottom: 60px;
    }
    .circle-l,
.circle-r
    {
        display: block;
        position: relative;
        text-align: center;
        width: 366px;
        height: 366px;
        border-radius: 366px;
        border: 2px solid #dedede;
        background: #fff;
        z-index: 1;
    }
    .circle-l
    {
        margin-left: 6.4%;
        margin-top: 0.86%;
    }
    .circle-r
    {
        margin-left: 60%;
        margin-top: 8%;
    }
    .gyomu01 > img,
.gyomu02 > img
    {
        position: absolute;
        z-index: 0;
    }
    .gyomu01 > img
    {
        top: 0;
        right: 10.6%;
    }
    .gyomu02 > img
    {
        top: 0;
        left: 10%;
    }
    .circle_center-p
    {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .circle-l .btn-d,
.circle-r .btn-d
    {
        width: 70%;
    }
/* @media (min-width:768px) */
}

@media (min-width:768px) and (max-width:991px)
{
    .gyomu01
    {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .gyomu02
    {
        margin-bottom: 60px;
    }
    .circle-l,
.circle-r
    {
        display: block;
        position: relative;
        text-align: center;
        width: 366px;
        height: 366px;
        border-radius: 366px;
        border: 2px solid #dedede;
        background: #fff;
        z-index: 1;
    }
    .circle-l
    {
        margin-left: 0;
        margin-top: 0.86%;
    }
    .circle-r
    {
        margin-left: auto;
        margin-right: 15px;
        margin-top: 8%;
    }
    .gyomu01 > img,
.gyomu02 > img
    {
        position: absolute;
        z-index: 0;
    }
    .gyomu01 > img
    {
        top: 10%;
        right: 10%;
        width: 60%;
    }
    .gyomu02 > img
    {
        top: 10%;
        left: 0;
        width: 55%;
    }
    .circle_center-p
    {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .circle-l .btn-d,
.circle-r .btn-d
    {
        width: 70%;
    }
/* @media (min-width:768px) and (max-width:991px) */
}

@media (min-width:560px) and (max-width:767px)
{
    .gyomu01
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .gyomu02
    {
        margin-bottom: 60px;
    }
    .circle-l,
.circle-r
    {
        display: block;
        position: relative;
        text-align: center;
        width: 300px;
        height: 300px;
        border-radius: 300px;
        border: 2px solid #dedede;
        background: #fff;
        z-index: 1;
    }
    .circle-l
    {
        margin-left: 15px;
        margin-top: 0.86%;
    }
    .circle-r
    {
        margin-left: auto;
        margin-right: 10px;
        margin-top: 8%;
    }
    .gyomu01 > img,
.gyomu02 > img
    {
        position: absolute;
        z-index: 0;
    }
    .gyomu01 > img
    {
        top: 15%;
        right: 15px;
        width: 55%;
    }
    .gyomu02 > img
    {
        top: 0;
        left: 15px;
        width: 55%;
    }
    .circle_center-p
    {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .circle-l .btn-d,
.circle-r .btn-d
    {
        width: 70%;
    }
/* @media  (min-width:560px) and (max-width:767px) */
}

@media (max-width:559px)
{
    .circle-l,
.circle-r
    {
        display: block;
        position: relative;
        text-align: center;
        width: 280px;
        height: 280px;
        border-radius: 280px;
        border: 2px solid #dedede;
        background: #fff;
        z-index: 1;
    }
    .circle-l
    {
        margin-left: auto;
        margin-right: auto;
    }
    .circle-r
    {
        margin-left: auto;
        margin-right: auto;
    }
    .gyomu01 > img,
.gyomu02 > img
    {
        display: block;
        position: none;
        z-index: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .gyomu01 > img,
.gyomu02 > img
    {
        width: 80%;
    }
    .circle_center-p
    {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .circle-l .btn-d,
.circle-r .btn-d
    {
        width: 70%;
    }
/* @media (max-width:559px) */
}

/* 求人画像 */

.recluit > img
{
    width: 80%;
}

/* 表 */

.table
{
    margin-bottom: 2em;
    background: #fff;
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th
{
    border: 1px solid #dedede;
    padding-left: 1em;
    padding-right: 1em;
}

/*
table#table-a th,
table#table-b th
{
font-weight: normal;
}
*/

table#table-a > thead > tr > th
{
    text-align: left;
    background: #e8f4de;
}

table > tbody > tr,
table > tbody> tr > td
{
    text-align: left;
}

table#table-a > tbody > tr:nth-child(2n-1)
{
/*     background: #f1f1f1; */
background: #fff;
}

table#table-b th.cell-l
{
    width: 20%;
}

table#table-b td.cell-r
{
    width: 80%;
}

table#table-b th,
table#table-c th
{
    background: #f1f1f1;
    font-weight: normal;
}

table#table-c td
{
    background: #fff;
}

table .num:after
{
    content: '\00a0';
}

label
{
    font-weight: normal;
}

table#table-d .table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th
{
    border: 1px solid #ccc;
    padding-left: 1em;
    padding-right: 1em;
}

table#table-d th
{
    background: #dedede;
    font-weight: normal;
}

/* = index = company
-------------------------------------------------------------- */

/*　メッセージ　*/

.message-p
{
    float: left;
    padding: 0 3em 2em 0;
}

/* = Company
-------------------------------------------------------------- */

/*map*/

.gmap
{
    margin-bottom: 70px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 1px solid #dedede;
}

.gmap iframe,
.gmap object,
.gmap embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* = Footer
-------------------------------------------------------------- */

/*ガター幅調整*/

.no-gutter > [class*='col-']
{
    padding-right: 0;
    padding-left: 0;
}

.bloc-sm > .nav-pills
{
    display: inline-block;
}

@media (max-width:767px)
{
    .bloc-sm > .nav > li
    {
        margin-top: 0;
        margin-bottom: 0;
        background: none;
        text-align: center;
        width: 100%;
    }
    .bloc-sm > .nav > li > a
    {
        border-bottom: 1px solid rgba(195,157,76,.3);
    }
    .bloc-sm > .nav > li:hover a
    {
        background: #5e4b34;
        color: #fff;
        -o-border-radius: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
    }
}

@media (min-width:768px)
{
    .bloc-sm > .nav > li
    {
        border-right: 1px solid #6f5a35;
    }
    .bloc-sm > .nav > li > a
    {
        padding: 0 0 0 10px;
    }
    .bloc-sm > .nav > li > a:hover
    {
        color: #ebebeb;
    }
}

.bloc-sm > .nav > li:last-child
{
    border-right: none;
}

.bloc-sm > .nav > li > a
{
    margin-right: 10px;
    color: #c39d4c;
}

p.copyright
{
    font-size: 12px;
    margin-top: 16px !important;
}

/* ページ下部画像 */

.under-image
{
    width: 100%;
    max-width: 100%;
    height: 120px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}



/* 下層サイドメニュー */
nav#myScrollspy >  ul
{
padding-bottom: 30px;
}
nav#myScrollspy >  ul#affix-sc.nav-pills > li
{
    max-width: 100%;
}

nav#myScrollspy >  ul#affix-sc.nav-pills > li
{
    float: none;
}

nav#myScrollspy > ul.nav-pills > li
{
    display: block;
    float: none;
}

nav#myScrollspy > ul.nav-pills > li.sc > a
{
    color: #fff;
    background: #c65b4d;
    -o-border-radius: 6px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
}

nav#myScrollspy > ul.nav-pills > li.back > a
{
    color: #fff;
    background: #4284aa;
    -o-border-radius: 6px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
}

nav#myScrollspy > ul.nav-pills > li.sc > a:hover
{
    color: #fff;
    background: #fa9307;
}

nav#myScrollspy > ul.nav-pills > li.back > a:hover
{
    color: #fff;
    background: #83b3cf;
}

nav#myScrollspy >  ul.nav-pills > li.sc.active,
nav#myScrollspy > ul.nav-pills > li.back.active
{
    border-bottom: none;
}

nav#myScrollspy >  ul.nav-pills > li.sc.active > a
{
    background: #fa9307;
}

nav#myScrollspy >  ul.nav-pills > li.back.active > a
{
    background: #83b3cf;
}

@media (max-width:767px)
{
    .affix
    {
        position: inherit;
    }
}

/* ページ内リンク */

#torihiki
{
    margin-top: -160px;
    padding-top: 160px;
}


/* スタッフ紹介　左メニュー */
.left-m {
overflow: hidden;
}

/* センターコンテンツ */
@media (min-width:768px)
{
.center-b
{
padding-left: none;
padding-right: none;
}
}
@media (max-width:767px)
{
.center-b
{
padding-left: 15px !important;
padding-right: 15px !important;
}
}


/* 社長の趣味 */
#hobby p
{
text-align: justify;
}

@media (min-width:768px)
{
#hobby img
{
width:90%;
height: 90%;
}
}

@media (max-width:767px)
{
#hobby img
{
width:80%;
height: 80%;
}
}

/* 業務案内 */
/* 数字　*/
ol {
  list-style: none;
  padding-left: 0;
  display: table;
}
ol li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}
 
ol li {
  display: table-row;
  counter-increment: table-ol;
}
ol li:before {
  content: counter(table-ol) ".";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
}
 
ol > li {
  margin-bottom: 0.5em;
}

/* 主な取引先 */
.thumbnail
{
position: relative;
}
.caption h3 {
background: none;
color: rgb(102,102,102) !important;
padding-left:0;
}
.thumbnail a
{
position: absolute;
left:0;
top:0;
width:100%;
height: 100%;
background: #fff;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0;
-khtml-opacity: 0;
opacity:0;
}
.thumbnail a:hover
{
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity:0.6;

}



/* ラインアートイラスト */
@media (max-width:767px)
{
.line-art
{
width:80%;
margin-top: 30px;
}
}
@media (min-width:768px)
{
.line-art
{
width:100%;
margin-top: 0;
}
}

/* 現在位置リンク */
.place a
{
color: #c65b4d;
}
.place a:hover
{
color: #fa9307;
}

@media (max-width:767px)
{
.place a
{
margin-bottom: 20px;
}
}
@media (min-width:768px)
{
.place a
{
margin-bottom: 0;
}
}

/* customerレイアウト崩れ回避 */
.area
{
overflow: hidden;
}

/* フッター */

@media (max-width:767px)
{
.footer-wrap-1-1 .logo
{
width:100px;
height: auto;
margin-bottom: 20px;
}
}

@media (min-width:768px)
{
.footer-wrap-1-1 .logo
{
width:130px;
height: auto;
margin-bottom: 20px;
}
}


.no-border
{
    border-top: 0 !important;
}

.footer_under-menu
{
padding: 5px 2px;
/*     background-color: rgba(0,0,0,.1); */

}

.footer_under-menu:hover
{
 background-color: rgba(255,255,255,.3);
transition: all .2s ease-in-out;
}


.hierarchy .footer_under-menu 
{
border-bottom: 1px dotted rgba(255,255,255,.3);
}


.content-block-nopad {
    width: 100%;
    z-index: 100;
    position: relative;
}
.footer-1-1 {
    padding-top: 60px;
    padding-bottom: 20px;
}
.footer-1-1 ul {
    position: relative;
    list-style-type: none;
    margin: 0 0 26px;
    padding: 0;
}

.footer-1-1 ul li {
    line-height: 19px;
    padding: 6px 0;
    margin-bottom: 0px;
    border-top: 1px solid rgba(255,255,255,.3);
}

.footer-1-1 li a{
color: #c59c49;
}


.footer-1-1 li:first-child {
    border-top: none;
    padding-top: 1px;
}

.footer-1-1 li:first-child a:hover{
 background-color: rgba(255,255,255,.3);
transition: all .2s ease-in-out;

}

.footer-1-1 li:last-child {
    border-top: 1px solid rgba(255,255,255,.3);
border-bottom: 1px solid rgba(255,255,255,.3);
    padding-top: 6px;
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
color:rgba(255,255,255,.7) !important;
}

address a {
color:rgba(255,255,255,.7) !important;
}

p.copyright
{
font-size: 12px;
}