@charset "utf-8";
/* navbar collapse for iPad (bootstrap) */
@media screen and (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
.nav img{
	height: 11px;
	width: auto;
}


@media  screen and (min-width: 768px) and (max-width:1024px){ 

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
}

@media (min-width:1025px) {

.container {
	min-width:1170px!important;
}
}

@media print { 
.container {
	width:1170px;
}
}

.main img{
	max-width:100%;
	height:auto;
}

.local .main img{
	margin-bottom:15px;
}

body {
	font-size: 15px;
	line-height: 1.8;
	color: #000;
	font-family:'メイリオ',"meiryo","MS UI Gothic","Verdana","Hiragino Kaku Gothic Pro W3",sans-serif;
	height: auto;
}

#local .main{
	background:#FFF;
}
@media print, screen and (min-width: 769px) { 
#local .main{
	padding-bottom: 40px;
}
}

@media (max-width:768px) {
body {
	font-size: 14px;
}
#local .main img{
	margin-bottom:10px;
}
img{
	margin-bottom:10px;
	max-width:100%;
	height:auto
}
}

.navbar-default {
    border-color: none!important;
	background: none;
}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    border-color: #000;
	background:#000;
}



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

.icontitle{
	color:#FFF;
}


img {border: 0px; vertical-align:bottom}

a,a:hover{
	color:#324d8f;
}

dt{
	margin-bottom:10px;
}

navi a:hover{opacity:1;filter: alpha(opacity=100);
}

.tac{
text-align:center!important;
}
.tal{
text-align:left!important
}
.tar{
text-align:right!important;
}
.fl{
float:left;
}
.fr{
float:right;
}

.fc{
clear:both;
}
.m0{
	margin:0;
}
.mt0{
	margin-top: 0!important
}
.mt24{
margin-top:24px;}
.mt10{
margin-top:10px;}
.mt16{
margin-top:16px;}
.mt25{
margin-top:25px!important;}
.mt30{
margin-top:30px!important;}
.mt40{
margin-top:40px!important;}
.mb0{
margin-bottom:0px!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;}
.mb50{
margin-bottom:50px!important;}
.mb8{
margin-bottom:8px!important;}
.mr10{
margin-right:10px;}
.mr20{
margin-right:20px;}
.ml5{
margin-left:5px;}
.ml8{
margin-left:8px;}
.ml15{
margin-left:15px;}
.ml25{
margin-left:25px}
.ml35{
margin-left:35px}
.mr10{
margin-right:10px;}
.mr15{
margin-right:15px;}
.mr35{
margin-right:35px;}
.p10{
padding:10px;}
.p15{
padding:15px;}
.pt24{
padding-top:24px;}

.pt14em{
padding-top:1.4em!important;}
.pr15{
padding-right:15px!important;}

.mt-40{
margin-top:-40px!important;}
.mr40{
margin-right:40px!important;}
.mr50{
margin-right:50px!important;}

.mtmb10{
margin:10px 0}

.m_auto{
margin:auto}
.fss{
font-size:0.8em!important}
.fsm{
font-size:1.1em!important}
.fsl{
font-size:1.2em!important}
.fs12{
font-size:12px!important}
.fs13{
font-size:13px!important}
.fs14{
font-size:14px!important}
.fs15{
font-size:15px!important}
.fs16{
font-size:16px!important}
.fs17{
font-size:17px!important}
.fs18{
font-size:18px!important}
.fs20{
font-size:20px!important}
.fs30{
font-size:30px}

.fcred{color:#e20000}
.fcorange{color:#ff6e3b}
.fcgreen{color:#00c0c0}
.fcblue{color:#0e1a2e}


.display_block{
display:block}

.yuugo{
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN;
}

@media print, screen and (min-width: 769px) { 
.fsll{
font-size:1.8em!important
}
.fsl{
font-size:1.3em!important
}
.pcmt10{
	margin-top:10px;
}
.pcmt20{
	margin-top:20px;
}
.pcmt25{
	margin-top:25px;
}
.pcmt40{
	margin-top:40px;
}
.pcmt50{
	margin-top:50px;
}
.pcmt60{
	margin-top:60px;
	
}
.pcmb40{
	margin-bottom:40px!important;
}
.pcmb30{
	margin-bottom:30px!important;
}
.pcmb20{
	margin-bottom:20px!important;
}
.pcmb10{
	margin-bottom:21px!important;
}
.pctar{
text-align:right!important;
}
.pcfl{
float:left;
}
.pcfr{
float:right;
}
.pc_none{
	display:none!important;
}
.w50fl{
	width:50%;
	float:left;
}
.w50fr{
	width:50%;
	float: right;
}
.pcfs30{
	font-size:30px!important;
}
}
.sp_only{
	display:none;
}
@media (max-width:767px) {
.sp_only{
	display:block;
}
.sptac{
text-align:center!important;
}
img.sptac{
	display: block;
	margin: 0 auto;
}
.sp_dis_b{
	display:block;
	margin-top:5px;
}
.sp_mb0,.spmb0{
	margin-bottom:0!important;
}
.spmb10{
	margin-bottom:10px;
}
.sp_pb0{
	padding-bottom:0!important;
}
.spmt10{
	margin-top:10px;
}
.spmt20{
	margin-top:20px;
}

.sp_none{
	display: none!important;
}
}
@media screen and (max-width:767px) {
.tabpc_on{
	display: none!important;
}
}
@media (min-width:768px) {
.tabpc_off{
	display: none;
}
.rowmb30 .col-sm-6{
	margin-bottom: 30px
}
.tabpc_tac{
text-align:center!important;
}
}



@media print{
.tabpc_off{
	display: none;
}
.tabpc_on{
	display: block!important;
}
}

@media (max-width:1024px) {
.sptab_off{
	display: none;
}
}
@media (min-width:1025px) {
.sptab_on{
	display: none;
}
}
.tab_only{
	display: none
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.tab_only{
	display: block
}	
}

.container{
	padding-top:20px;
	padding-bottom:20px
}

.main .container{
	padding-top:40px;
	padding-bottom:40px
}

#local .main .container{
	padding-top:50px;
	padding-bottom:50px
}
@media (max-width:1024px) {
#local .main .container{
	padding-top:30px;
	padding-bottom:30px
}
}
@media (max-width:768px) {
#local .main .container{
	padding-top:15px;
	padding-bottom:15px
}
}

a[href^="tel:"]{
	color: #333;
}

header a[href^="tel:"],footer a[href^="tel:"]{
	color: #FFF;
}

@media (min-width:769px) {


.footerwrap .container{
	padding-left: 0;
	padding-right: 0;
}
}
.overflow_h{
	overflow: hidden;
}

@media print, screen and (min-width: 768px) { 
.pctac{
text-align:center!important;
}

.navbar-nav {
    float: none;
    margin: 0;
	clear: both
}

#head .container{
	padding-top:0;
	padding-bottom:0;
}

}
	
@media screen and (max-width:767px) {
#head .container{
	padding:0;
}
.col-xs-12{
	margin-bottom:10px;
}
}

.flexslider{
	overflow: hidden;
}
.main_moji_wrap{
	position: relative;
}
.main_moji_wrap p{
	position: absolute;
	z-index: 99;
	width: auto;
	left:calc(50% - 570px)
}


@media print, screen and (min-width: 1025px) { 
.flexslider {
	min-height: 630px;
}	
.flexslider .slides {
    width: 2000px;
}
.flexslider img{
	width: 2000px;
}

.flexslider {
    width: 100%;
    min-width: 1170px;
	margin-top:72px;
	
}
.slides {
    position: relative;
    left: 50%; /* 画像の左端が画面中央にくる */
    margin-left: -1000px!important; /* 画像幅2400pxの半分だけ左に移動する */
}

.flexslider .slides img{
	width:auto;
}
}
@media (max-width:1024px) {

.flexslider img{
	margin-bottom:0;
}
}
@media (max-width:1024px) {
img.main_moji{
	max-width: 100%;
	height: auto;
}
.main_moji_wrap p{
	position: absolute;
	z-index: 99;
	width: 100%;
	left: 0;
}
}

h1 {
  font-weight: normal;
  margin-bottom:0;
}
h2{
	font-size:30px;
}
@media screen and ( max-width:768px) { 
h2{
	font-size:20px;
}
}
h3{
	font-size:20px;	
	margin-bottom:10px;
	line-height: 1.4em;
	color: #0e1a2e;
}
@media screen and ( max-width:768px) { 
h3{
	font-size:18px;
}
}
h2.title_text {
	font-size:30px;
	font-weight: 500;
	color: #111;
    padding-bottom:  15px;   /* 余白指定 */
    margin-bottom: 55px;    /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN;
}
h2.title_text span{
	display: block;
	font-size: 20px;
	padding-left: 3px;
	margin-top: 5px;
}

h2.title_text:before {
    content:  '';           /* 空白の要素を作る */
    width: 65px;            /* 幅指定 */
    height: 2px;            /* 高さ指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  2px;               /* 位置調整 */
    bottom: -6px;           /* 位置調整 */
    background-color:#000; /* 背景色指定 */}

.title_text2{
	background:url(../img/h2_2.png) no-repeat bottom center;
	text-align:center;
	padding-top:0px;
}
.title_text2 h2{
	border-top:2px solid #928141;
	/*border-bottom:1px solid #928141;*/
	padding:20px 0 22px;
	color:#816e24;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:50px;
}
.title_text2 h2 span{
	display:block;
	font-size:17px;
	margin-top:10px;
}


h2.h2kakko{
	text-align: center;
	margin-bottom: 50px;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN;
	margin-top: 30px;
}
@media (max-width:1024px) {

.title_text2 h2{
	margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.title_text2{
	background-size:570px;
}
.title_text2 h2{
	padding:15px 0;
	margin-bottom:20px;
}
.title_text2 h2 span {
    font-size: 16px;
}

h2.h2kakko{
	margin-bottom: 30px;
}
}
h2.h2kakko span {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;

}

h2.h2kakko span:before, h2.h2kakko span:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

h2.h2kakko span:before {
  border-left: solid 1px #00c0c0;
  border-top: solid 1px #00c0c0;
  top:0;
  left: 0;
}

h2.h2kakko span:after {
  border-right: solid 1px #00c0c0;
  border-bottom: solid 1px #00c0c0;
  bottom:0;
  right: 0;
}

h2.title_text_center {
	font-size:30px;
	font-weight: 500;
	color: #00bfbf;
    padding-bottom:  5px;   /* 余白指定 */
    margin-bottom: 30px;    /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


h3.h3text{
margin-top: 30px;
margin-bottom: 30px;
font-size: 20px;
padding-bottom: 15px;
padding-top: 15px;
border-top:1px solid #928141;
border-bottom:1px solid #928141;
}

@media screen and ( max-width:768px) { 

h2.title_text {
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 30px;
	background-size: 780px;
	padding-bottom: 0;
	min-height: 45px;
}
h2.title_text span{
	display: block;
	font-size: 16px;
	padding-left: 3px;
	margin-top: 5px;
}

h2.title_text_center {
	font-size:20px;
	margin-bottom: 20px;
}

h3.h3text{
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}
}

h3.h3underline{
	border-bottom:1px solid #e4eaea;
	margin-bottom:30px;
	font-size: 24px;
	padding-bottom: 15px;
}

h3.h3border{
background:#ecf1f6;
position: relative;
margin-bottom: 2em;
color:#000000;
padding:15px 15px;
}

@media (max-width:768px) {
h3.h3border{
margin-bottom: 1em;
}
}

.h3_bg{
	background: #00bfbf;
	color: #FFF;
	display: inline-block;
	padding: 10px 30px;
	font-weight: bold;
	margin-bottom: 0;
}
	
p {
  margin-bottom: 8px;
}


/* navi
----------------------------------------------------------*/
.navbar {
    margin-bottom: 0px;
    border:none;
}

header{
    margin-bottom: 0px;
    border:none;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
font-family: 'Playfair Display', serif;
font-size: 16px;
}
header span{
font-size: 16px;
}

@media print, screen and (min-width: 1025px) { 

.navbar-collapse {

    padding-right: 0px;
    padding-left: 0px;
}
#navbarEexample{
	float: right;
}
}


@media screen and ( max-width:1024px) { 
.nav{
	border-top: 1px dotted #eceeea;
}
.navbar-nav{
	margin:0;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	background-color:transparent;
}

.navbar-collapse {

    padding-left: 0;
}
}
.navbar-default .navbar-nav > li > a:hover{
	opacity:1;
}

.dropdown-menu > li:hover, .dropdown-menu > li:focus {
	border-bottom:none;
}



.navbar-collapse{
padding-right:0
}


@media print, screen and (min-width: 1025px) { 


.nav li a{
	display:block;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color:transparent;
}
}

@media screen and (min-width: 1025px) { 


header {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
}
@media print, screen and (min-width: 1025px) { 


header {
	width: 100%;
	height: 72px;
	background:rgba(255,255,255,1);
}


#toppage #wrapper{
	padding-top: 0
}

}



@media screen and ( max-width:1024px) { 
header {
  width: 100%;
  background: #FFF;
}

.head_nav{
	text-align: center;
}

.sp_headlist{
	display: inline;
	margin: 0 5px;
}
}

#pagetop{
	z-index: 999;
}
@media screen and ( max-width:480px) { 
#gnavi{
	background:#FFF
}

#contents a img:hover {
	background: #FFFFFF;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
}

@media print, screen and (min-width: 1025px) { 
.logo{
	margin-top: 20px;
}
.navbar-default .navbar-nav > li{
	margin-right: 5px
}

.navbar-default .navbar-nav > li:last-of-type{
	margin-right: 0px
}


.navbar-default .navbar-nav > li > a {
    color: #353535;
	font-size:15px;
	padding: 0 10px;
	display: block;
	height: 30px;
	text-align: center;
	padding-bottom: 1px;
	margin-top: 24px;
}

.is-animation .navbar-default .navbar-nav > li > a {
	height: 40px;
	margin-top: 10px;
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-nav > li.current > a{
	border-bottom:2px solid #966767;
}


.navbar-brand a:hover{
	opacity: 1
}


a.navbar-brand{
	padding-left: 0;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	height: auto;
}
.navbar-default{
	border:none!important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin: 0;

}

header.is-animation,#local header.is-animation{
	height: 50px;	
	transition: .3s;

  z-index:999999;
	background:rgba(255,255,255,0.98);
}

header.is-animation .navbar-header {
    padding-top: 7px;
}
header.is-animation .navbar-nav li {
    margin-top: 0px;
	transition: .3s;
}
header.is-animation .navbar-default .navbar-nav > li > a{
	transition: .3s;
}
header.is-animation .logo{
	margin-top: 5px;
}
}


.navbar-default .navbar-nav > li > a i{
	font-size: 20px;
}


@media screen and ( max-width:1024px) { 
.navbar-collapse{
	box-shadow: none;
}
.navbar-toggle{
	border-radius:0!important;
	padding: 9px 10px 6px;
	margin-right: 8px;
}
.icontitle{
	font-size:8px;
	line-height:9px;
	margin:0;
	padding:0;
	display:block;
	margin-top:3px
}
.navbar-default .navbar-nav > li > a {
	font-size:15px;
	font-weight:500;
	z-index:9;
	color: #353535
}

.navbar-default{
	border:none!important;
}
.navbar-brand {
	padding:0
}


h1.logo{
	margin-top:18px;
	margin-left:10px;
	position:absolute;
	z-index:9
	
}

.navbar-brand {
    float: none;
}



.navbar img{
	margin-bottom: 0;
	max-width: 200px;
	height: auto;
	margin-top: 0px;
	vertical-align:middle;
}
.navbar-default .navbar-nav > li > a {
	padding-left: 10px;
}
}
.logo a:hover{
	opacity: 1;
}
@media screen and ( max-width:1024px) { 


	
.navbar{
	margin-bottom:0;
}

.navbar-nav{
	margin-top:0;
margin-bottom: 0}
	
.navbar-default .navbar-nav > li {
	border-bottom:1px dotted #eceeea;
}		
.navbar-default .navbar-nav{
	margin: 15px 10px 5px;
}	
	

#head .row{
	margin:0;
	padding:0}	
#head .col-sm-12	{
	margin:0;
	padding:0}	
	
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
	background:rgba(255,255,255,0.98);
}
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	margin:0 auto;}	

.carousel-control.left,.carousel-control.right{
	background:none}

/* =============================================================== 
	*** footer *** 
=============================================================== */
/*footer*/

footer{
	padding-top: 10px;
	padding-bottom:30px;
	color: #FFF;
	background:#543535;
	font-size: 12px;
}
footer a{
	color: #000;
}
footer dl a.map_icon{
	text-decoration: underline
}
footer .container {

    padding-top: 30px;
    padding-bottom: 10px;
}
footer dl dt{
	font-size: 12px;
	margin-bottom: 10px;
	font-weight:normal;
}
footer a,footer a:hover{
	color:#FFF;
}
footer a:hover{
	text-decoration:underline;
}
footer dt strong{
	font-weight:normal;
	font-family: 'Playfair Display', serif;
	font-size:25px;
	display:block;
	line-height:0.8em;
}


footer dl dt,footer dl dd{
	line-height: 1.8;
	letter-spacing:0.5px
}

footer dl dd{
	font-size:12px;
	vertical-align:bottom;
}


footer dl dd span.foot_tel{
	margin-right: 30px;
	font-size:20px;
}
footer dl dd span.foot_fax{
	font-size:14px;
}
footer dl dd a.foot_mail{
	border:1px solid #FFF;
	line-height:41px;
	width:186px;
	display:inline-block;
	text-align:center;
	vertical-align:text-bottom;
	margin-left: 60px;
	margin-top:-5px;
}
footer dl dd a i{
	margin-right:3px;
}
footer dl dd a{
	color:#FFF;
}
@media screen and (max-width: 767px) { 
footer dl dd span{
	display:block;
}
.foot_tel{
	margin-top:20px;
}
footer dl dd a.foot_mail{
	margin-top:30px;
	margin-left: auto;
	margin-right:auto;
	display:block;
}
}

footer ul{
	margin-bottom: 8px;
}
footer ul li{
	line-height: 16px;
	font-size: 12px;
	margin: 0;
	display: inline-block;
	text-align: left;
	opacity:0.7
}
footer ul li img{
	height: 10px;
	width: auto;
}



footer ul li a{
	color: #FFF;
	padding: 0px 20px 0 0;
	margin-right:8px;
}
.foot_btm{
	border-top:1px solid #765d5d;
	border-bottom:1px solid #765d5d;
	margin-bottom:40px;
}
footer .foot_btm {
	margin-top:25px;
}
footer .foot_btm .container {
    padding-top: 39px;
    padding-bottom: 35px;
}

.copy{
	text-align: center;
	margin-bottom:35px;
	opacity:0.7
}

@media print, screen and (min-width: 1025px) { 

footer ul li:last-of-type a{
	padding-right: 0;
	margin-right: 0;	
}
}





@media screen and ( max-width:767px) { 
footer{
	padding-top: 15px;
	padding-bottom: 0px;
}
footer .container {
    padding-top: 15px;
    padding-bottom: 15px;
}
footer .foot_btm .container {
    padding-top: 15px;
    padding-bottom: 15px;
}
footer .foot_btm {
	margin-top:10px;
}

footer ul{
	margin-top: 20px;
}
footer ul li{
	display: block;
	text-align: left;
	width: 50%;
	min-width: 40%;
	font-size: 14px;
	float: left;
	border: none;
	line-height: 24px;
	margin-left: 0
}
.copy{
	text-align:center;
	margin-bottom:0;
	padding-bottom:15px;
	margin-top:15px;
	clear:both;
	font-size:10px;
}

}




.footerwrap p{
	margin-bottom:0;
	padding:0}





.foot_sitemap{
	margin: 0 auto 30px;
	text-align:center
}
@media print, screen and (min-width: 769px) { 

.foot_sitemap li{
	display: inline;
	font-size: 14px;
	margin-right: 18px
}

.foot_sitemap li:last-of-type{
	margin-right: 0;
}

.foot_sitemap li{
	position: relative;
	padding-left:25px;
	margin-bottom:0px;
}

.foot_sitemap li:after{
  content:'|';
  position:absolute;
  right:-25px;
  top:-3px;
}

.foot_sitemap li:last-of-type:after{
	content:none;
}
}

@media screen and ( max-width:768px) { 
.foot_sitemap{
	margin: 15px 0 30px;
}


.foot_sitemap li{
	margin-right: 0
}

footer dl{
	margin-bottom:15px;
	float:none;
	min-width:100%
}


}	

	
@media screen and ( max-width:480px) { 
footer .footerwrap{
	padding:0}
footer img{
	max-width:100%;
	height: auto;
}
}
#wraper1,#wraper2,#wraper3,#wraper4{
	font-family: 'Noto Serif JP', serif;
	color:#222;
	font-size: 15px;
	line-height:2.4
	
}
#wraper1 span,#wraper2 span,#wraper3 span,#wraper4 span{
	color:#816e24;
	font-size:20px;
}
	
#wraper1{
	text-align:center;
	background: url(../img/wraper5_bg.png) repeat;
	padding-top: 50px;
	padding-bottom: 30px;
}

@media print, screen and (min-width: 769px) { 

#wraper1 p{
	margin-top:-30px!important;
}
}


@media screen and (max-width: 767px) { 
#wraper1,#wraper2,#wraper3{
	font-size: 13px;
	line-height:2
	
}
#wraper1{
	padding-top: 10px;
	padding-bottom: 0px;
}
#wraper1 h2{
    margin-left: -10px;
    margin-right: -15px;
}
#wraper1 p{
	text-align:left;
	padding-left:15px;
	padding-right:15px;
}
#wraper1 p,#wraper2 p,#wraper3 p,#wraper4 p{
	font-size:13px;
}
#wraper1 span,#wraper2 span,#wraper3 span,#wraper4 span{
	font-size:16px;
}
}

#wraper2{
	background: url(../img/wraper2_bg.png) repeat-x bottom;
	padding-bottom: 35px;
}
@media screen and (max-width: 767px) { 
#wraper2{
	padding-bottom: 0px;
}
}
#wraper2 .row{
	padding-top: 40px;
}

#wraper2 .relative{
	position: relative
}
#wraper2 .row .moji{
	position: absolute;
	z-index: 99
}


@media print, screen and (min-width: 768px) { 
#wraper2 .row .col-sm-3:first-of-type {
	margin-top: 120px;
}
#wraper2 .row .col-sm-3:nth-of-type(2) {
	margin-top: 80px;
}
#wraper2 .row .col-sm-3:nth-of-type(3) {
	margin-top: 40px;
}

.over_text a {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
	display: block;
}
.over_text .caption {
	font-size:		130%;
	text-align: 		center;
	color:			#fff;
	margin-top: 55%;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN;
}

.over_text .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.over_text:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
}

@media screen and (max-width: 767px) { 
#wraper2 .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
#wraper2 .col-xs-6{
	padding-left: 7.5px;
	padding-right: 7.5px;
	text-align: center;
	margin-bottom: 15px;
	}
.moji {
	margin-top: -60px;
}

#wraper2 a{	
	color: #816e24;
	font-size: 0.8em;
	line-height: 1.2em;

}
#wraper2 .caption{
	padding: 5px 0;
	background: #f3d9d2
}

}
#wraper3{
	text-align:center;
	clear: both;
}
#wraper3 h2{
	margin-bottom:10px;
}

#wraper3 p{
	font-size:18px;
	line-height:1.5;
}
#wraper3 p.wraper3_fss{
	font-size:14px;
	line-height:1.8;
}

#wraper3 p.btntext{
	margin-top:30px;
}
@media print, screen and (min-width: 768px) { 
#wraper3{
	padding-top: 30px;
	padding-bottom: 50px;
}
#wraper3 h2{
	margin-top: 100px;
	text-align: right;
}
#wraper3 p{
	margin-left: 35px;
}

#wraper3 .btntext{
	text-align: center;
	margin-top: 20px;
}
}
@media screen and (max-width: 1024px) { 
#wraper3 h2{
	margin-top: 0px;
}
#wraper3 p{
	margin-left: 0px;
}
}
#wraper4{
	clear: both;
}
#wraper4 p{
	font-size:18px;
	line-height:1.5;
}
#wraper4 p.wraper3_fss{
	font-size:14px;
	line-height:1.8;
}

#wraper4 p{
	text-align:center;
}
#wraper4 h2{
	text-align:center;
}
@media print, screen and (min-width: 768px) { 
#wraper4{
	padding-top: 50px;
	padding-bottom: 30px;
}
#wraper4 h2{
	margin-top: 60px;
	text-align: left;
	margin-bottom:10px;
}
#wraper4 p{
	margin-right: 35px;
}

#wraper4 .btntext{
	text-align: center;
	margin-top: 30px;
}
}
@media screen and (max-width: 1024px) { 
#wraper4 h2{
	margin-top: 0px;
}
#wraper4 p{
	margin-right: 0px;
}
}


#wraper5{
	background: url(../img/wraper5_bg.png) repeat;
	padding-top:20px;
}
#wraper5 h2{
	background: url(../img/wraper5_title_bg.png) no-repeat center bottom;
	padding-bottom: 85px;
}
#wraper5 .col-xs-12{
	background: url(../img/wraper5_title_btm.png) no-repeat center bottom;

}

@media screen and (max-width: 767px) { 
#wraper5{
	paddint-top:0;
}

#wraper5 h2{
	padding-bottom: 50px;
}
#wraper3 h2 img,#wraper4 h2 img{
	height:113px;
	width:auto;
	text-align:center;
	}
}


@media screen and ( max-width:991px) { 
.bg_white{
	background: rgba(255,255,255,0.8);
	padding:30px 15px 15px; 
	margin:0;
}
}



.hissu{
	color:#FFF;
	background:#811212;
	padding:1px 5px 0;
	margin-right:10px;
	font-size:12px;
	vertical-align: baseline;
	border:1px solid #811212;
	line-height:1.5em
	
}


.nini{
	color:#000;
	background:#FFF;
	padding:1px 5px 0;
	margin-right:10px;
	font-size:12px;
	vertical-align: baseline;
	border:1px solid #666;
	line-height:1.5em
}

table .nini,table .hissu{
	margin-left: 15px;
}

.radiowrap label{
	margin-right: 30px;
}
@media screen and ( max-width:768px) {
.radiowrap label{
	display:block;
	margin-right: none
}
}
@media screen and ( max-width:768px) { 
input[type="text"],input[type="tel"],input[type="submit"],input[type="email"], textarea {
-webkit-appearance: none;
}


.radiowrap label{
	margin-right: 10px;
}
}

.border-box{
	border:1px solid #f7f5f1 ;
	padding:15px 15px;
	margin-top: 30px;
}

.border-box p{
	margin-bottom:0;
}
@media screen and ( max-width:768px) {
.border-box{
	padding:15px 15px 7px;

}
.border-box .col-sm-3 img{
	max-width:60%;
	display:block;
	margin:0 auto
}
}

.local_title{
	width:100%;
	padding:10px 0 15px;
	}


.local_title h2{
	font-size:30px;
	font-weight:normal;
	color:#669801;
	}
.local_title h2 span{
	display:block;}

#local_head{
	width:100%;
	min-height:40px;
	padding: 0;
}



#local_head{
	/*background: url(../img/wraper5_bg.png) repeat;*/
	background: url(../img/local_h2.png) no-repeat center #f7f5f1;
}
@media print, screen and (min-width: 768px) { 
#local_head.concept{
	background: url(../img/local_h2.png) no-repeat center #FFF;
}
}




@media screen and ( max-width:767px) {
#local_head{
	padding: 80px 0 80px;
	background: url(../img/local_h2_sp.png) no-repeat center;

}
}
#local_head h2{
	text-align:center;
	font-size:24px;
	color:#816e24;
	padding:20px 0;
	height:230px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
 flex-direction:column;	
}
#local_head h2 span{
	display: block;
	font-size: 20px;
	color: #816e24;
	font-weight: 500;
	margin-top: 15px;
	margin-left: -5px;
}


.local .nav{
	font-size:16px;
}

#local_head h2,#local_head_contact h2{
	color: #000;
   	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
}
	
@media screen and ( max-width:767px) { 
#local_head .container{
	padding-top:0px;
	padding-bottom:0px;
}

.col-xs-12.local_head_bg {
    margin-bottom: 0px;
}
#local_head h2 span{
	margin-top: 10px;
}
#local_head.contact{
	background-size: cover;
	padding: 0;
}
#local_head.contact dl{
	text-align: center;
}

#local_head.contact dl dt{
	font-size: 18px;
}


}
#local_head h2,#local_head_contact h2{
	padding:0;
	font-size:40px;
	margin: 0 auto;
	letter-spacing: 3px;
}

@media screen and (min-width: 1025px) { 
#local #wrapper{
		padding-top:72px;
}

}

@media print{ 
#local #wrapper{
		padding-top:0;
}
}

@media print, screen and (min-width: 769px) { 


#container{
	position: relative;
	text-align: center;
}

#wrapper {
	overflow: hidden;
}
}
@media  screen and (min-width: 769px) { 
.mainimg {
    width: 100%;
    min-width: 1140px;
	height:705px;
	
}
.mainimg li {
    position: relative;
    left: 50%; /* 画像の左端が画面中央にくる */
    margin-left: -738px; /* 画像幅2000pxの半分だけ左に移動する */
	height:705px;
}
}

@media print{ 
.mainimg {
    width: 100%;
}
}



@media screen and ( max-width:1024px) { 

#local_head{
	padding: 15px 0 15px;
	height:auto;
}

.mainimg{
	width:100%;
}
.mainimg img{
	width: 100%!important;
	max-width: 100%;
	height: auto;
}
#local_head,#local_head.concept{
	padding: 35px 0;
	background-size:100%;
}

#local_head h2{
	padding:10px 0;
	font-size:22px;
	margin: 0 auto;
	letter-spacing: 1px;
	height: auto;
}


#local_head h2 span{
	font-size:13px;
}
}



@media screen and ( max-width:768px) { 
#local_head,#local_head.concept{
	padding: 10px 0 10px;
	height: auto;
	background-size:95%;
}

.main_block{
display:none
}

#toppage  .container.visible-xs{
	padding:0;
}
}
@media print, screen and (min-width: 768px) { 
.btntext a{
	min-width: 314px;
 }
 }
.btntext a{
	display: inline-block;
	line-height:44px;
	text-align:center;
	max-width: 100%;
	height: 44px;
	margin-top: 20px;
	font-size: 14px;
	background: url(../img/btn.png) center;
	color: #FFF;
	font-family: 'Playfair Display', serif;
 }
 

.btntext a:hover{
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0.8;
  text-decoration: none;
 }
  

.btntext a:hover{
	text-decoration:none;
}
.local_nav .btntext a{
	width: 100%;
}

@media screen and ( max-width:1024px){
.btntext{
	text-align: center;
}

}
@media screen and ( max-width:767px){
.btntext a{
	max-width: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#wraper5 .btntext a{
	width: 156px;
}

.local_nav .btntext{
	margin-bottom: 0;
}
.local_nav .btntext a{
	margin-top: 0
}
}
.local_nav .btntext a:before{
  right: 10px;
}
@media screen and ( min-width:768px) and ( max-width:1024px){
.btntext a{
	font-size: 14px;
	margin:0;
}
.local_nav .btntext a:before{
  right: 5px;
}
}

.btntext.tac{
	margin-left:auto;
	margin-right:auto;
}
.btntext.tac a{
	margin:20px auto;
}
.colorboxwrap p,.colorboxwrap_main,.colorboxwrap_sub{
	position: relative;
}
@media print, screen and (min-width: 769px) { 
.colorboxwrap4 .colorboxwrap p{
	max-height: 235px;
	text-align: center;
}
.main .colorboxwrap4 .colorboxwrap p img {
    height: 100%;
	max-height: 235px;
	width: auto;
}

.colorboxwrap4 .col-sm-3:nth-child(4n+1){
	clear: both;
}
}
.kakudai{
	position:absolute;
	right:4px;
	bottom:4px;
	font-size:14px;
	}
a .kakudai{
	text-decoration:none;
	color:#FFF;
	background: rgba(1,56,118,0.4);
	width: 24px;
	height: 24px;
}
a .kakudai i{
	display: block;
	line-height: 24px;
	text-align: center;
}
@media screen and (max-width: 768px) { 
#local .main #local .main .colorboxwrap img,#local .main .colorboxwrap_main img,#local .main .colorboxwrap_sub img{
	margin-bottom: 0
}
p.alt_text{
	font-size: 12px;
	line-height: 1.2em
}
}


.ggmap {
position: relative;
padding-bottom: 40%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.google-maps {
position: relative;
padding-bottom: 30%; 
height: 0;
overflow: hidden;
}
@media screen and ( max-width:768px) { 
.google-maps {
padding-bottom: 75%; 
}
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.table-striped th{
	width:20%;
}

.table-striped > tbody > tr:nth-of-type(2n+1){
	background:#f1f1f1;
}


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 15px 0;
    vertical-align: top;
    border-top: none;
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th {
    padding: 15px;
}
	
ol.listnumber li{
	margin-left:18px;
}	
.listmark{
	margin-bottom:20px;
}
.listmark li{	
	margin-bottom: 10px;
	padding-left: 1em;
	line-height: 1.5;
	padding-left: 1em;
}
.listmark li:before{
  content:'・';
  color:#816e24;
  margin-left: -1em;
}	
	
#policy{
	padding:20px;
	font-size: 13px;
}

.scroll{
	margin: 0 auto;
	overflow-y:scroll;
	height:250px;
	border:1px solid #f2f0e9;
	margin-bottom:20px;
	background:#f7f5f1;
	padding-top:20px;
	padding:20px;
	font-size: 13px;
}

@media print{
.scroll{
	height: auto;
}
}


.mincho{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.form-control{
	border-radius:0;
	box-shadow:none
}

input, textarea {
    border: 1px solid #f2f0e9;
    width: 99%;
    font-size: 16px !important;
    padding: 5px 5px 3px;
	background: #f7f5f1
}

select {
    border: 1px solid #adadad;
    font-size: 16px !important;
    padding: 5px 5px 3px;
}

input[type="checkbox"],input[type="radio"]{
    border: 1px solid #f2f0e9;
}
input[type=radio]:checked{
	background: #333
}

@media screen and ( max-width:768px) { 
input, textarea {
    padding: 10px 5px 10px;
}


}
input[type="checkbox"],input[type="radio"]{
	width: auto;
	margin-right:10px
}

label{
	font-weight:normal;
}

.formbutton{
	height:60px;
	text-align:center;
	margin:20px auto 20px;
	font-size:14px!important
}

form{
	margin-top: 30px;
}
@media print, screen and (min-width: 769px) { 
.formbutton{
	width:320px;
	font-size:16px!important
}
}

.formbutton input,button[type="submit"],.formbutton button[type="button"]{
	background:#543535;
	color:#FFFFFF;
	width:340px;
	height:60px;
	display: table-cell;
	text-align:center;
	vertical-align:middle;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:none
}
.formbutton input:hover,button[type="submit"]:hover,.formbutton button[type="button"]:hover{
	background:#FFFFFF;
	color:#543535;
	border: 1px solid #543535
}

@media screen and ( max-width:480px) { 
.formbutton input,button[type="submit"],.formbutton button[type="button"]{
	width:280px;
}

.formbutton input{
	font-size:14px!important;
	width:280px;
	height:60px;
	margin: 0 auto;
}
}

#required01{
	margin-top:-100px;
	padding-top:100px
}

.formbutton input:hover{
	text-decoration:none;

}


.text_shadow{
	text-shadow:-1px 1px 2px #00243e,1px -1px 5px #004381;
}


table.border-table {
	border-collapse: collapse;
	width:100%;
	border-top: #eceeea 1px solid;
	border-left: #eceeea 1px solid;
	border-right: #eceeea 1px solid;
}
.border-table th {
	border-bottom: #eceeea 1px solid;
	text-align: left;
	padding: 15px 10px 12px;
	font-weight: normal;
	background-color: #FFF;
	width:250px;
}
.border-table td {
	border-bottom: #eceeea 1px solid;
	text-align: left;
	padding: 15px 10px 12px;
	background: #FFF
}


table.border-table2 {
	border-left:none;
	border-right:none;
}

table.border-table2 th{
	background:none;
}

table.border-table3{
	width: 100%;
}
table.border-table3 th{
	background: #f9f9f9;
	border:1px solid  #ccc;
	text-align: center;
	padding: 15px;
}
table.border-table3 td{
	/*border:1px solid  #ccc;*/
	padding: 15px;
}
.border-table3 th.w30{
	width: 30%;
}



form .border-table,form .border-table th,form .border-table td{
	border-color: #ccc;
}


@media screen and ( max-width:768px) { 
.border-table3 th.w30{
	width: 50%;
}
table.border-table {
	border-right: none;
	border-left:none;
	border-top:none;
}
.border-table tr{
	border-bottom: 1px solid #f3f3f3
}
form table.border-table {
	border-top:1px solid #f3f3f3
}
.border-table th {
	display:block;
	width:100%;
	padding:7.5px 7.5px 0;
	border-bottom:none;
}
.border-table td {
	display:block;
	width:100%;
	border-bottom:none;
	padding: 10px 7.5px;
}
form .border-table th{
	padding-top: 10px;
	padding-bottom: 0px;
}
form .border-table td{
	padding-top: 10px;
	padding-bottom: 10px;
}


table.border-table2 th{
	padding-bottom:0;
}
table.border-table2 td{
	padding-top:5px;
	line-height:1.5em;	
}

}

@media print, screen and (min-width: 769px) { 
table.border-none-table,.border-none-table th,.border-none-table td{
	border: none;
	border-bottom: 1px solid #f2f0e9;
	background: none
}
.border-none-table th {
	padding-left: 30px;
}
form .border-none-table th{
	text-align: right;
	padding-left: 0px;
	padding-top: 20px;
}
form .border-none-table th,form .border-none-table td{
	border: none;
}


}
@media screen and ( max-width:768px) { 
.border-none-table th,.border-none-table td{
	background: none
}
.border-none-table th {
	font-weight: bold;
}
.border-none-table tr {
    border-bottom: 1px solid #f2f0e9;
}
}



.table_min.border-table th{
	width:120px;
}
a[href$=".pdf"]:before{
  content:'\f1c1';
  font-family: FontAwesome;
  margin-right:5px;
 }
* html a.pdf:before{
  content:'\f1c1';
  font-family: FontAwesome;
  margin-right:5px;
}
a[href$=".doc"]:before,a[href$=".docx"]:before{
  content:'\f1c2';
  font-family: FontAwesome;
  margin-right:5px;
 }
* html a.doc:before,html a.docx:before{
  content:'\f1c2';
  font-family: FontAwesome;
  margin-right:5px;
}
a[href$=".xls"]:before,a[href$=".xlsx"]:before{
  content:'\f1c3';
  font-family: FontAwesome;
  margin-right:5px;
 }
* html a.xls:before,html a.xlsx:before{
  content:'\f1c3';
  font-family: FontAwesome;
  margin-right:5px;
}

.img_centertext {
	text-align: center;
	font-size: 18px;
}
.img_centertext img{
	display: block;
	margin: 0 auto 10px;
}
.news_wrap{
	padding-top:40px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;	
}
@media print, screen and (min-width: 769px) { 
.news_wrap{
	width:883px;
}
}
.news_wrap a{
	color: #000;
	text-decoration:underline;
}
.news_wrap dl{
	border-bottom: 1px solid #f1c4c2;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.news_wrap dl:last-of-type{
	border-bottom:none;
}

.news_wrap dt{
	font-size: 14px;
	font-weight: normal;
	float: left;
}
.news_wrap dt span{
	color: #816e24;
	font-size: 13px;
	vertical-align: middle;
	margin-left: 30px;
}
.news_wrap dd{
	padding-left: 170px;
	font:14px;
}
.news_wrap dd h3{
	font-size: 16px;
	margin-bottom: 3px;
	font-weight: normal;
	letter-spacing: 1px;
}


.news a{
	text-decoration: none;
	color:#333;
}
.news a:hover{
	text-decoration: underline;
}


@media screen and (max-width: 767px) { 
.news_wrap dl:last-of-type{
	margin-bottom: 0px;
}

.news_wrap dt{
	float: none;
	width:100%;
}
.news_wrap dd{
	padding-left: 0;
	width:100%;
}
}


@media screen and ( max-width:768px) { 
.img_centertext {
	font-size: 16px;
}
}
.contact_info{
	margin-top: 10px;
	font-size: 20px;
}
.contact_info .icon-text {
    min-width: 55px;
	display: inline-block;
    text-align: center;
	line-height: 20px;
	vertical-align: middle;
}
.icon-text {
    color: #FFFFFF;
    background: #816e24;
    padding: 2px 10px;
    margin-right: 15px;
	font-size: 14px;
	line-height:2em
}


@media screen and (max-width: 768px) {
input{
	margin-bottom: 5px;
}
form .border-table td{
	color: #666;
	font-size: 12px;
}

}
#policy{
	margin: 0 10px;
}
#policy h3.h3policy{
	font-size: 20px;
	color: #816e24;
	font-family: 'Noto Serif JP', serif;
}
@media only screen and (max-width: 768px) {
#policy{
	margin: 0 ;
	padding: 7.5px
}
#policy h3.h3policy{
	font-size: 16px;
}
}
#policy .scroll h3{
	margin-top:30px;
	border-bottom:1px solid #f2f0e9;
	padding-bottom:8px;
	font-size:16px;
}

form .border-table label,form .border-table input,form .border-table textarea{
	color: #111
}



@media print, screen and (min-width: 1025px) and (max-width: 1280px){ 

.navbar-default .navbar-nav > li{
	margin-right: 20px
}
}

.bg-gray{
	background: #f7f5f1;
	padding-top: 15px;
	padding-bottom: 30px;
}
.bg-white{
	background: #FFF;
	padding-top: 15px;
	padding-bottom: 30px;
}

@media (max-width:768px) {
.bg-gray,.bg-white{
	padding-top: 15px;
	padding-bottom: 15px;
}
}


.img_border{
	border: 1px solid #ccc;
	display: block;
	width: 100%;
	text-align: center;
	background: #FFF
}

.img_border img{
	margin:30px 0;
}
.leftimg_righttext_box,.lefttext_rightimg_box {
	max-width: 1400px;
	margin: 50px auto;
	position: relative;
	/*font-family: 'Noto Serif JP', serif;*/
	font-size:16px;

}

.lefttext_rightimg_box {
	margin: 30px auto 50px;
}
.leftimg_righttext_box .pict{
	display: inline-block;
}

@media screen and (min-width: 768px) { 

.imgtextbox_mt-100{
	margin-top:-100px;
}
}
@media print, screen and (min-width: 768px) { 
.leftimg_righttext_box .pict img{
	max-width: 800px;
}

.leftimg_righttext_box .tx {
	position: absolute;
	top: calc(50% - 250px);
	right: 50px;
	width: 680px;
	padding: 70px 80px;
	background: rgba(255,255,255,.8);
	box-sizing: border-box;
min-height: 400px;
display: flex;
flex-direction: column;
justify-content: center;
}
}

@media  screen and (max-width: 1024px) { 
.leftimg_righttext_box .tx {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 500px;
	padding: 30px 30px;
}
.leftimg_righttext_box .pict img{
	max-width: 500px;
}
}
@media  screen and (max-width: 834px) { 
.leftimg_righttext_box,.lefttext_rightimg_box {
	font-size:15px;
}
.leftimg_righttext_box .tx {
	position: absolute;
	top: 50px;
	right: 15px;
	width: 350px;
	padding: 15px 15px;
}
.leftimg_righttext_box .pict img{
	max-width: 500px;
}
}

@media only screen and (max-width: 767px) { 
.leftimg_righttext_box .pict img{
	max-width: 100%;
}
.leftimg_righttext_box,.lefttext_rightimg_box {
	font-size:14px;

}
}
.leftimg_righttext_box .tx h3:after ,.lefttext_rightimg_box .tx h3:after{
	display: block;
	content: "";
	background: #323671;
	height: 1px;
	width: 80px;
	margin-top: 12px;
}
.leftimg_righttext_box_h{
	font-size: 18px;
	color: #323671;
}

.lefttext_rightimg_box .tx {
	position: absolute;
	top: calc(50% - 200px);
	left: calc(50% - 645px);
	width: 680px;
	padding: 70px 80px;
	background: rgba(255,255,255,.8);
	box-sizing: border-box;
}
@media (max-width: 1170px) {
.lefttext_rightimg_box .tx {
	left: auto;
	width: 500px;
	padding: 30px 30px;
}
}
@media  screen and (max-width: 834px) { 
.leftimg_righttext_box,.lefttext_rightimg_box {
	font-size:14px;
}
.lefttext_rightimg_box .tx {
	width: 350px;
	padding: 15px 15px;
}
}
.lefttext_rightimg_box .tx.tx_white{
	padding: 80px 80px;
	top: 60px;
	background: rgba(255,255,255,.8);
}
.bg-gray-img{	
	background: url(../img/about_bg.gif) center;
	padding-top: 60px;
	padding-bottom: 60px;
}

@media print, screen and (min-width: 768px) { 
.lefttext_rightimg_box .pict img{
	float: right;
	max-width: 800px;
}
}

@media only screen and (max-width: 1100px) {
	.leftimg_righttext_box,.lefttext_rightimg_box {
		padding: 15px;
	}
}
@media only screen and (max-width: 1024px) {
.lefttext_rightimg_box .pict img{
	max-width: 500px;
}
}
@media only screen and (max-width: 767px) {
	.leftimg_righttext_box,.lefttext_rightimg_box {
		margin: 30px 0;
	}
	.leftimg_righttext_box .tx{
		position: relative;
		top: -30px;
		margin: 0 auto;
		padding: 20px;
		width: calc(100% - 30px);
		background: rgba(255,255,255,.8);
		left: 0

	}
	.lefttext_rightimg_box .tx ,.lefttext_rightimg_box .tx.tx_white{
		position: relative;
		top: -30px;
		margin: 0 auto;
		padding: 20px;
		width: calc(100% - 30px);
		left: 0;
	}
.lefttext_rightimg_box .pict{
	display: inline-block;
}
.lefttext_rightimg_box .pict img{
	max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
	.leftimg_righttext_box {
		margin:0 0 20px;
}
.leftimg_righttext_box_h{
	font-size: 16px;
	color: #323671;
}
.lefttext_rightimg_box {
	margin-top:0;
	margin-bottom:0
}

.lefttext_rightimg_box .pict{
	display: inline-block;
}

}
@media print{
.leftimg_righttext_box,.lefttext_rightimg_box {
	width: 100%;
	position: relative;
}

.leftimg_righttext_box .tx ,.lefttext_rightimg_box .tx{
position: absolute;
top: 100px;
width: 50%;

}
}

.bg-concent{
	background:url(../img/concept_03.jpg) no-repeat center;
	padding:150px 0;
	background-size: 100%;
	color:#111;
	text-align:center;
    font-family: 'Noto Serif JP', serif;
	font-size:24px;
text-shadow: 
    #FFF 2px 0px 2px, #FFF -2px 0px 2px,
    #FFF 0px -2px 2px, #FFF -2px 0px 2px,
    #FFF 2px 2px 3px, #FFF -2px 2px 3px,
    #FFF 2px -2px 3px, #FFF -2px -2px 3px,
    #FFF 1px 2px 4px, #FFF -1px 2px 4px,
    #FFF 1px -2px 4px, #FFF -1px -2px 4px,
    #FFF 2px 1px 8px, #FFF -2px 1px 8px,
    #FFF 2px -1px 8px, #FFF -2px -1px 8px,
    #FFF 1px 1px 12px, #FFF -1px 1px 12px,
    #FFF 1px -1px 12px, #FFF -1px -1px 12px;
}
.ggfont{
    font-family: 'Noto Serif JP', serif;
}

@media only screen and (max-width: 1023px) {
.bg-concent{
	padding:50px 0;
	background-size: cover;
	font-size:20px;
}
}

@media only screen and (max-width: 767px) {
.bg-concent{
	padding:50px 0;
	background-size: cover;
	font-size:16px;
	text-align:left
}

.ggfont{
    font-family: 'Noto Serif JP', serif;
	font-size:24px;
}
.contact_info .ggfont{
	font-size:16px;
}

}
.sample {
	width: 100%;
	position: relative;
	margin-bottom:30px;
}
#local .main .sample img{
	margin-bottom:0;
}
.sample p{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	margin: 0;
	padding: 15px;
	width: 100%;
	background: #1a1500;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	    font-family: 'Noto Serif JP', serif;
		line-height:1.4

}
.sample_title{
	display:block;
	font-size:24px;
}

.sample a {
	text-decoration: none;
}
.sample a:hover{
	opacity: 0.8;
}

.work_list a:hover{
	opacity: 0.8;
	text-decoration:none;
}

.work_list dl{
	margin-top:30px;
	font-family: 'Noto Serif JP', serif;
	color: #928141;
	font-size:16px;
}

.work_list .col-md-4:nth-of-type(3n+1){
	clear:both;
}

.work_detail_list a{
	font-family: 'Noto Serif JP', serif;
	color: #928141;
	border:1px solid #928141;
	display:block;
	text-align:center;
	line-height:1.4;
	padding:5px
}	

.work_detail_list a:hover,.work_detail_list .current{
	text-decoration:none;
	color: #FFF;
	background: #928141;
	transition: .3s;
}

.work_detail_list span{
	font-size:20px;
	display:block;
	font-weight:bold;
}	
@media only screen and (max-width: 768px) {
.sample {
	margin-bottom:5px;
}
.sample p{
	padding: 5px 10px;
}
.sample_title{
	display:block;
	font-size:18px;
}
}
.side-bar > ol > li > a, .side-bar > ol > li > strong {
    display: inline-block;
    width: 100%;
    padding: 20px 5px;
    font-size: 15px;
}
.side-bar .heading, .side-bar > ol > li > a, .side-bar > ol > li > strong {
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #000;
}

.side-bar ol ol li {
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3;
}

.side-bar ol ol li a, .side-bar ol ol li strong {
    position: relative;
    display: block;
    padding: 18px 20px;
    color: #333;
    font-size: 14px;
}

.accordion dt{
	margin-bottom:0;
}
.accordion dt a, .accordion dt strong {
    display: inline-block;
    width: 100%;
    padding: 20px 5px;
    font-size: 15px;
}
.accordion dt a, .accordion dt strong {
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #000;
}

.accordion dd li{
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3;
}

.accordion dd li a, .accordion dd li strong {
    position: relative;
    display: block;
    padding: 18px 20px;
    color: #333;
    font-size: 14px;
}

.collection_box{
	margin-bottom: 80px;
}


.paging{
	text-align: center;
}
div.paging span.current,
div.paging span.paging-text{margin:0px 2px;color:#333;border:1px solid #ccc;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
div.paging span.paging-text a{padding:3px 10px; display:block; color: #543535}
div.paging span.current{background: #543535;border:1px solid #543535;color:#fff;display:inline;zoom:1;padding:3px 10px;text-decoration:none;display:inline-block; cursor:pointer;}
div.paging span.paging-text a:hover{background: #543535;color: #fff;text-decoration:none;cursor:pointer;}


@media only screen and (max-width: 767px) {
.paging{
	margin-bottom: 30px;
}
div.paging span.paging-text{margin:0px 1px;color:#333;border:1px solid #ccc;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
div.paging span.paging-text a{padding:3px 6px; display:block; color: #543535}
div.paging span.current{background: #543535;border:1px solid #543535;color:#fff;display:inline;zoom:1;padding:3px 6px;text-decoration:none;display:inline-block; cursor:pointer;}


.sp_flex{
	display:flex;
  flex-direction: column;
  flex-wrap: wrap;
 }
 
 .sp_flex1{
 	order: 1
}

 .sp_flex2{
 	order: 2
}
.accordion dt a, .accordion dt strong {
    padding: 18px 5px;
    font-size: 14px;
}
.accordion dd li a, .accordion dd li strong {
    padding: 10px 20px;
    font-size: 13px;
}

.accordion dt strong {
	background-image: url(../img/plus.gif);
	background-repeat: no-repeat;
	background-position: right 15px top 50%;
	cursor:pointer;
}
.accordion{
	margin-bottom:30px;
}
}
@media print, screen and (min-width: 992px) { 

.col-md-4_5{
	width: 37.5%;
}
}

.name{
    font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 30px;
	line-height:1.2;
	margin-bottom:50px;
}



.name span{
	font-size: 18px
}
.furigana{
	color:#816e24;
	margin-left:15px;
}
@media print, screen and (min-width: 769px) { 
.artist{
	margin-right:50px;
}
}
@media only screen and (max-width: 767px) {
.artist{
	width:80%;
	margin:0 auto;
}
.name{
	font-size: 24px;
	margin-bottom:30px;
	text-align:center;
}

.name span{
	font-size: 16px
}

}
.bg-gray-box{
	padding: 30px;
}
.bg-gray-box h3{
	color:#816e24;
	font-size:16px;
	margin-bottom:20px;
}
.bg-gray-box h3 span{
	font-size:24px;
	margin-right: 15px

}
@media only screen and (max-width: 767px) {
.bg-gray-box h3{
	font-size:18px;
}
}
.w50_list li{
	width:50%;
	float:left;
}

.w50_list li a{
	color:#000;
}

@media print, screen and (min-width: 769px) { 
.work_detail_title {
	display: flex;
	align-items: center
}
}
.work_detail_title h2{
	font-size:44px;
    font-family: 'Noto Serif JP', serif;
	min-width: 340px;
	border-right: 1px solid #928141;
	color: #816e24;
	text-align: center;margin-right: 30px;
}
.work_detail_title h2 span{
	display: block;
	font-size: 20px;
	margin-top: 10px;
}


#local .main .work_detail_title_wrap .container{
	padding-top: 30px;
	padding-bottom: 30px;
}

.bg-gray.work_detail_title_wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}

.custom-thumb img{
	max-width: 18%;
	height: auto;
	margin: 1%;
}
@media only screen and (max-width: 767px) {
.w50_list li{
	width:100%;
	float:none;
}
.work_detail_title h2{
	font-size:28px;
	min-width: 0;
	border-right:none;
	border-bottom: 1px solid #928141;
	text-align: center;
	margin-right: 0px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.work_detail_title h2 span{
	font-size: 16px;
	margin-top: 5px;
}
.bx-wrapper {
    margin-bottom: 20px;
}
#local .main .bx-wrapper img{
	margin-bottom: 0
}

.custom-thumb img{
	max-width: 31%;
	height: auto;
	margin: 0% 1% 1%;
}
.bg-gray.bg-gray-box.pcmb40{
	margin-bottom: 15px;
}
}
@media only screen and (max-width: 768px) {
#local .main .bx-wrapper img{
	margin-bottom: 0
}
}
@media print{
.page_break{
page-break-before: always;
}
}
@media print, screen and (min-width: 1025px) { 
.bana{
	float: right;
	max-width: 320px;
}
}
.bana img{
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
.bana{
	margin-top: 30px;
	clear: both;
	display: flex;
}
footer .fl{
	float: none;
}
.bana img{
	max-width: 240px;
	margin-right: 15px;
}
}
@media only screen and (max-width: 767px) {
.bana{
	display: block;
	text-align: center;
}
.bana img{
	margin-right: 0;
}
}

.bana a:last-of-type img{
	margin-bottom: 0
}

.clear2n_1 .col-md-6:nth-of-type(2n+1) {
    clear: both;
}
@media print, screen and (min-width: 768px) { 

.bx-viewport{
	max-height: 30vw;
}
.bx-wrapper img{
	max-height: 30vw;
	display: block;
	margin: 0 auto;
}

.bx-wrapper {
    box-shadow:none;
	border: 4px solid #f7f5f1
}
.custom-thumb{
	text-align: center;
}

.custom-thumb img {
	max-height: 153px;
	width: auto;
}
}
@media only screen and (max-width: 767px) { 

.bx-viewport{
	max-height: 70vw;
}
.bx-wrapper img{
	max-height: 70vw;
	display: block;
	margin: 0 auto;
}

.bx-wrapper {
    box-shadow:none;
	border: 4px solid #f7f5f1
}
}

.work_detail_list .col-md-3:nth-of-type(4n+1){
	clear: both;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.work_detail_list .col-md-3:nth-of-type(2n+1){
	clear: both;
}
}