@charset "utf-8";
/* CSS Document */
*{
	padding:0; margin:0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
/* 基本設定 */
html {
  margin: 0;
  padding: 0;
	font-family: "Oswald","Hiragino Maru Gothic W4 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem; }
	
h1,h2,h3,h4,h5,h6{ font-size: 14px; font-weight: normal; }

a:link,a:visited{ color: #000; text-decoration: none; }
a:hover{ text-decoration: none; }
body {
    margin: 0;
    padding: 0;
		color: #333;
		background: #fff; }

input, select { padding: 10px;}
	input[type="text"] {
		width: 100%;}
	input[type="checkbox"],
	input[type="radio"]{
		margin-right: 5px;}
	input[type="submit"] {
        font-size: 1rem;
		text-align: center;
		display: inline-block;
		line-height: 1;
		padding: 15px 60px;
		background: #333;
		color: #fff;
        border: none;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
		cursor: pointer; }


.img100{
	display: block;
  width: 100% !important;
	height: auto !important;}

.m_ttl{
	margin: 0 auto 40px;
	padding-left: 20px;;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
    border-left: 50px solid #6A4800; }
	.m_ttl span{
		display: block;
		padding-top: 5px;
		font-family: 'Oswald', sans-serif;
		font-size: 70%;
		font-weight: 500;
		color: #6A4800;
		line-height: 1; }
	.m_description{
		font-family: 'Oswald', sans-serif;
		text-align: center;
		font-size: 120%;}

	.m_ttl2{
		margin: 0 auto 50px;
        padding: 0;
        color: #6A4800;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: -0.1rem;}
		.m_ttl2 span{
			display: block;
            padding-top: 10px;
            font-family: 'Oswald', sans-serif;
            font-size: 1.3rem;
            font-weight: 300;
            color: #666;
            letter-spacing: 0.1rem;
            line-height: 1;
            margin: 0 auto; }
    .m_ttl3{
        margin-bottom: 5px;
        padding: 75px 0 10px;
		font-size: 3.8rem;
		font-weight: 600;
        color: #333;
        text-align: center;
        letter-spacing: -0.1rem;
		line-height: 1;
        border: none; }
        .m_ttl3 span{
            display: inline;
            padding-top: 0;
            font-weight: 600;
            line-height: 1; }
        .e_ttl{
            text-align: center;
            color: #6A4800;
            font-size: 1.8rem; }
 
	.sub_ttl{
		display: inline-block;
		margin: 0 0 25px 5px;
		padding: 0 5px 15px;
		font-size: 1.2rem;
		font-weight: 400;
		text-align: left !important;
		line-height: 1; }

.ttl{}
.more a{
	display: block;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	line-height: 40px;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s; }
.more a span{
	display: inline-block;
	margin-left: 10px;
	width: 60px;
	height: 10px;
	background: url(../img/btn_arrow_black.png) no-repeat; }

/* button */
.button{ text-align: center; }
	.button a{
		display: inline-block;
		line-height: 1;
		padding: 15px 60px;
		background: #333 !important;
		color: #fff;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px; }
        .button a:hover{
            background: #fff !important;
            border: 1px solid #333;
            color: #333; }

/* Bg Color */
.wht{ background: rgba(255,255,255,0.80); }
.blk{ background: #000; color: #fff; }
.red{ background: #e60012 !important; color: #fff;}
.orenge{ background: rgba(255,55,0,1.00) !important; color: #fff; }
.gray{ background: #666 !important; color: #fff; }
.cyan{ background: rgba(0,160,234,1.00) !important; color: #fff; }
.yellow{ background: #ffe200 !important; color: #000; }
.brwn{ background: #6A4800 !important; color: #fff; }

.blk a{ background: #000 !important; color: #fff; }
.red a{ background: #e60012 !important; color: #fff;}
.gray a{ background: #333 !important; color: #fff; }
.pink a{ background: #FFB5DE !important; color: #fff; }
.yellow a{ background: #ffe200 !important; color: #000; }
.orenge a{ background: rgba(255,55,0,1.00) !important; color: #fff; }
.brwn a{ background: #6A4800 !important; color: #fff; }

/* Font Style */
.mincho{ font-family: "Crimson Text", "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", serif !important; }

/* Font Size */
.fs12{ font-size: 1.2rem !important; }
.fs16{ font-size: 1.6rem !important; }
.fs18{ font-size: 1.8rem !important; }

/* Text Color */
.tred{ color: #e60012 !important; }
.tgray{ color: #333 !important; }
.tgreen{ color: #FFB5DE !important; }
.tcyan{ color: rgba(0,160,234,1.00) !important; }
.tyellow{ color: #ffe200 !important; }
.torenge{ color: rgba(255,55,0,1.00) !important; }
.tbrwn{ color: #6A4800 !important; }

/* Text Position */
.tright{ text-align: right !important; }
.tcenter{ text-align: center !important; }

#pagetop{
	position: fixed;
	bottom: 10px;
	right: 0;
	width: 50px;
	height: 50px;
	background: #fff;
    border: 10px solid #6A4800;
	z-index: 10;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;}
	.arrow{ position: absolute; top: 12px; left: 10px; }

/* ページ分割 */
#pagenav {
	position: relative;
	overflow: hidden;}
	#pagenav ul {
		position: relative;
		left: 50%;
		float: left;
		margin: 0 0 20px;
		padding: 0px;}
	#pagenav ul li {
		background: none;
		position: relative;
		left: -50%;
		float: left;
		margin: 0px 5px 5px 0px;}
	#pagenav .active{
		display: inline-block;
		*display: inline;
		*zoom: 1; 
		padding: 0px 20px;
		/*width: 30px;*/
		line-height: 30px;
		text-align: center;
		color: #fff;
		background: #000;}
	#pagenav li a {
		display: inline-block;
		*display: inline;
		*zoom: 1; 
		text-decoration: none;
		padding: 0px 20px;
		/*width: 30px;*/
		line-height: 30px;
		text-align: center;
		color: #333; }
		#pagenav li a:hover {
			color: #fff;
			background: #000;}
		#pagenav li .cr {
			color: #fff;
			background: #000;}

/* レイアウト */
body{}
#wrap { 
	overflow: hidden;
	min-width: 1100px;
    border-top: #6A4800 5px solid; }
    #wrap::before{
        z-index: -9999;
        content: "";
        border: 100px solid #6A4800;
        border-radius: 300px;
        width: 300px;
        height: 300px;
        background: url("../img/bg_body_logo.png") no-repeat center center;
        background-size: 250px;
        opacity: 0;
        position: fixed;
        top: -50px;
        left: -50px;
        animation: pulsate 20.0s ease-out;
        animation-iteration-count: infinite;
        -webkit-animation: pulsate 20.0s ease-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-transform: translate(-50%, -50%); }

        @keyframes pulsate {
          0% { transform: scale(0.9); opacity: 0.1; }
          50% { transform: scale(1.0); opacity: 0.2; }
          100% { transform: scale(0.9); opacity: 0.1; }
        }

        @-webkit-keyframes pulsate {
          0% { -webkit-transform: scale(0.9); opacity: 0.2; }
          50% { -webkit-transform: scale(1.0); opacity: 0.2; }
          100% { -webkit-transform: scale(0.9); opacity: 0.2; }
        }

    #wrap::after{
        content: "";
        z-index: -9999;
        border: 65px solid #ccc;
        border-radius: 200px;
        width: 200px;
        height: 200px;
        opacity: 0;
        position: fixed;
        bottom: 0;
        right: -70px;
        animation: pulsate2 15.0s ease-out;
        animation-iteration-count: infinite;
        -webkit-animation: pulsate2 15.0s ease-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-transform: translate(-50%, -50%); }

        @keyframes pulsate2 {
          0% { transform: scale(0.6); opacity: 0.3; }
          50% { transform: scale(0.8); opacity: 0.5; }
          100% { transform: scale(0.6); opacity: 0.3; }
        }

        @-webkit-keyframes pulsate2 {
          0% { -webkit-transform: scale(0.6); opacity: 0.3; }
          50% { -webkit-transform: scale(0.8); opacity: 0.5; }
          100% { -webkit-transform: scale(0.6); opacity: 0.3; }
        }

/* banner */
#banner {
	position: relative;
	width: 100%;
	z-index: 1;}
	.banner_inner{
        width: 1100px;
        margin: 0 auto;
        padding: 50px; }
	#banner h1,
	#banner h2{ text-indent: -8888px; }
	#banner .ttl_area {}
	.top #banner .m_ttl{
        margin-bottom: 5px;
        padding: inherit;
		font-size: 3.8rem;
		font-weight: 600;
        letter-spacing: -0.1rem;
		line-height: 1;
        border: none; }
        .top #banner .m_ttl span{
            display: inline;
            padding-top: 0;
            font-size: 100%;
            font-weight: 600;
            line-height: 1; }
        .top #banner .e_ttl{
            font-size: 1.8rem;
            text-align: left;
            margin-bottom: 50px; }
        .top #banner .m_description{
            text-align: left !important;
            font-size: 150%; }
    .top #banner #photo_area{
        width: 500px;
        height: 500px;
        position: absolute;
        top: 30px;
        right: 50px;
        background-size: cover !important;
        background-position: center center !important; }

/* archive */
.archive{}
	.archive #banner {}
	.archive #banner .m_ttl{
        margin-bottom: 5px;
        padding: inherit;
        color: #6A4800;
		font-size: 3rem;
        letter-spacing: -0.1rem;
        text-transform: capitalize;
		line-height: 1;
        border: none; }
        .archive #banner .e_ttl{
            font-size: 1.5rem;
            text-align: left;
            color: #333;
            margin-bottom: 50px; }
        .archive #banner .m_description{
            text-align: left !important;
            font-size: 1rem; }
            .archive #banner_photos{
                margin: -330px 0 50px 40%;
                width: 100%; }
                .archive #banner_photos ul li{ width: 48% !important; margin-right: 2% !important; }

	/* pagebody */
	.archive #pagebody{ width: 100%; }
		.archive #pagebody_inner{ width: 1100px; padding: 0; margin: 0 auto; overflow: hidden; }
	/* main */
	.archive #main{ width: 80%; float: left; }
	/* sidebar */
	.archive #sidebar{ width: 20%; float: left; }
		.archive #sidebar_inner{ padding: 50px 0; }
			.archive #sidebar .contents{ padding-left: 30px; }
				.archive #sidebar .contents_inner{}
					.archive #sidebar ul{}
						.archive #sidebar ul li a{
							position: relative;
							display: inline-block;
							margin-bottom: 15px;
                            letter-spacing: -.09em;}
							.archive #sidebar ul li a::before {
								content:  '';
								width: 0;
								height: 0;
								border-style: solid;
								border-width: 5px 0 5px 7px;
								border-color: transparent transparent transparent #6A4800;
								display:  inline-block;
								vertical-align:  middle;
								position:  relative;
								top: -2px;
								margin-right: 10px; }
							.archive #sidebar ul li a::after {
								position: absolute;
								bottom: -3px;
								left: 0;
								content: '';
								width: 120%;
								height: 1px; /* border height */
								background: #6A4800;
								transform: scale(0, 1);
								transform-origin: left top;
								transition: transform .3s; }
							.archive #sidebar ul li a:hover::after { transform: scale(1, 1); }

	/* logo */
	#logo{ max-height: 40px;}

/* グローバルナビ */
#navi {
	z-index: 10; }
	#navi ul{
		position: relative;
		width: 1100px;
		margin: 0 auto;
		font-size: 13px;
		text-align: center;
		list-style: none; }
		#navi ul li{
			position: relative;
			display: inline-block;
			text-align: center;
			font-weight: bold;
			line-height: 1;
			background: none; }
			#navi ul li span{
				display: block;
				padding-top: 8px;
				font-family: 'Montserrat', sans-serif;
				text-transform: uppercase;
				font-size: 11px;
				font-weight: normal;
				color: #6A4800; 
				line-height: 1;	}
			#navi ul li a{
				display: block;
				padding: 17px 12px;
				text-decoration: none;
				color: #333;}
				#navi ul li ul{
					position: absolute;
					z-index: 100;
					top: 65px;
					left: 0;
					width: 200px;
					padding: 0 15px 10px;
					float: none;
					background: #382000; }
					#navi ul li ul:before {
						content: "";
						position: absolute;
						top: -16px;
						left: 10%;
						margin-left: -10px;
						border: 8px solid transparent;
						border-bottom: 8px solid #6A4800; }
						#navi ul li ul li{ display: block !important; text-align: left !important; }
						#navi ul li ul li a{
            	color: #fff;
							padding: 15px 10px;
							border-bottom: 1px #fff solid; }

		/* navi fixed */
		.nav_fixed {
			position: fixed;
			top: 0;
			padding: 0;
			width: 100%;
			z-index: 1000; }

/* content */
.contents{}
    .c_left{ margin-right: 15vw; }
    .c_right{ margin-left: 15vw; }
	.w100{}
	.contents_inner {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 50px 50px;}
		.p50{ padding: 50px !important; }

	.bg_txt {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: -1rem;
    line-height: 1;
    color: rgba(255,255,255,0.2);
    font-size: 13rem;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: -25px auto 0;
    text-align: center; }

/* sub_menu */
.sub .contents_inner{ padding: 50px 0; }
.sub_menu{
	overflow: hidden;
	padding: 0;}
.sub_menu li{ text-align: center; font-size: 0.9rem; }
    .sub_menu li a{
		line-height: 1;
		padding: 15px 60px;
		background: #fff !important;
		color: #6A4800;
        border: 1px solid #6A4800;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px; }
        .sub_menu li a:hover{
            background: #333 !important;
            color: #fff; }

	.menu_list2 li a{ width: 46%; margin: 0 2% 10px; float: left; }
	.menu_list3 li a{ width: 29.3%; margin: 0 2% 10px; float: left; }
	.menu_list4 li a{ width: 21%; margin: 0 2% 10px; float: left; }
	.menu_list5 li a{ width: 18%; margin: 0 1% 10px; float: left; }

/* list */
.list1{
    padding: 0 0 15px;
    margin-bottom: 50px;
    border-top: 1px #6A4800 solid; }
    .list1 li {
        padding: 30px 50px;
        border-bottom: 1px #6A4800 solid; }
    .list1 li .ttl{
        font-size: 1.4rem;
        color: #6A4800; }
    .list1 li .txt{ margin-bottom: 15px !important; }

/* box_list */
.contents_inner .box_list1{
	border-top: 1px dotted #ccc;
	margin-bottom: 50px; }
	.contents_inner .box_list1 li{
		padding: 20px 15px;
		border-bottom: 1px dotted #ccc;}
		.contents_inner .box_list1 li .img{}
		.contents_inner .box_list1 li .txt_area .ttl{
			font-size: 140%;
			margin-bottom: 15px;
			color: #391C00; }
		.contents_inner .box_list1 li .txt_area .date{
			display: inline-block;
			margin: 0 0 10px;
			padding: 5px 0;
			line-height: 1;
			color: #6A4800;
			font-size: 1rem; }
			.contents_inner .box_list1 li .txt{
				margin-bottom: 15px; }

/* .contents_inner .box_list3,
.contents_inner .box_list4{ overflow: inherit; } */
	.contents_inner .flex li,
	.contents_inner .flexr li,
	.contents_inner .box_list2 li{
		margin: 0 0 20px;
		padding: 10px 20px 20px; }

	.contents_inner .flex_box2 li{
		margin: 0;
		padding: 10px 0 20px; }

		.contents_inner .flex_box2 li .img,
		.contents_inner .flex_box3 li .img,
		.contents_inner .flex_box4 li .img,
		.contents_inner .box_list2 li .img,
		.contents_inner .box_list3 li .img,
		.contents_inner .box_list4 li .img{
			margin-bottom: 15px;}
		.contents_inner .flex_box2 li .txt_area,
		.contents_inner .flex_box3 li .txt_area,
		.contents_inner .flex_box4 li .txt_area,
		.contents_inner .box_list1 li .txt_area,
		.contents_inner .box_list2 li .txt_area,
		.contents_inner .box_list3 li .txt_area,
		.contents_inner .box_list4 li .txt_area{
			margin-bottom: 10px; }
		.contents_inner .flex_box3 li .date,
		.contents_inner .flex_box4 li .date,
			.contents_inner .box_list3 li .date,
			.contents_inner .box_list4 li .date{
				display: inline-block;
				margin-bottom: 8px;
				font-family: 'Montserrat', sans-serif;
				line-height: 1;
				font-size: 1rem;}

			.contents_inner .flex_box3 li .ico,
			.contents_inner .flex_box4 li .ico,
			.contents_inner .box_list3 li .ico,
			.contents_inner .box_list4 li .ico{
				font-family: 'Oswald', sans-serif;
				display: inline-block;
				background: #000;
				margin: 0 5px 5px 0px;
				padding: 5px 10px;
				line-height: 1;
				color: #fff;
				font-size: 0.8rem;
				text-align: center;
				text-transform:uppercase;}

			.contents_inner .flex_box2 li .ttl,
			.contents_inner .flex_box3 li .ttl,
			.contents_inner .flex_box4 li .ttl,
			.contents_inner .box_list1 li .ttl,
			.contents_inner .box_list2 li .ttl,
			.contents_inner .box_list3 li .ttl,
			.contents_inner .box_list4 li .ttl{
				line-height: 1.2;
				margin-bottom: 20px;
				font-weight: bold; }

			.contents_inner .flex_box2 li .txt,
			.contents_inner .flex_box3 li .txt,
			.contents_inner .flex_box4 li .txt,
			.contents_inner .box_list1 li .txt,
			.contents_inner .box_list2 li .txt,
			.contents_inner .box_list3 li .txt,
			.contents_inner .box_list4 li .txt{
				font-size: 0.8rem; text-align: left; }

				.contents_inner .flex_box3 li .more,
				.contents_inner .flex_box4 li .more
				.contents_inner .box_list3 li .more,
				.contents_inner .box_list4 li .more{
					display: block;}

				.contents_inner .flex_box2 li .more a,
				.contents_inner .flex_box3 li .more a,
				.contents_inner .flex_box4 li .more a,
				.contents_inner .box_list1 li .more a,
				.contents_inner .box_list2 li .more a,
				.contents_inner .box_list3 li .more a,
				.contents_inner .box_list4 li .more a{
					font-size: 0.9rem; text-decoration: none;}

		.contents_inner .flex_box2 li ul,
		.contents_inner .box_list1 li ul,
		.contents_inner .box_list2 li ul{ overflow: hidden; margin-bottom: 15px; }
			.contents_inner .flex_box2 li ul li,
			.contents_inner .box_list1 li ul li,
			.contents_inner .box_list2 li ul li{
				width: 100%;
				padding: 8px 0;
				border-bottom: 1px dotted #ccc; }
			.contents_inner .box_list1 li ul li span,
			.contents_inner .flex_box2 li ul li span,
			.contents_inner .box_list2 li ul li span{ display: block; }

		.contents_inner .flex_box2 .m_ttl,
		.contents_inner .box_list2 .m_ttl{
				font-size: 180%;
				text-align: left;
				text-transform: inherit;
				margin: 0 0 30px; }
				.contents_inner .box_list2 .m_ttl span{ font-size: 70%; }

	/* top common*/
	/* info */
	#info{}
	#info .contents_inner{ padding: 0 25px 50px 25px; }
        #info .contents_inner .info_list{ width: 50%; }
			#info .contents_inner .info_list li{
				width: 100% !important;
				margin-bottom: 0;
				padding: 5px 0;
                font-size: 0.9rem;
				text-align: left;
				line-height: 1.4;}
				#info .contents_inner .info_list li span{ display: inline-block; margin-right: 10px; color: #6A4800; }

    /* concept */
    #concept{}
        #concept .contents_inner{ width: 60%; margin: 0 auto; padding: 75px 0 !important; }
            #concept .contents_inner .txt{
                position: relative;
                margin-bottom: 75px;
                padding-left: 100px;
                line-height: 2; }
                #concept .contents_inner .txt::before{
                    content: "";
                    position: absolute;
                    top: 5px;
                    left: 50px;
                    width: 15px;
                    height: 50px;
                    background: #6A4800; }

	/* SNS button */
	#sns_btn{ width: 25%; margin: 0 auto; }
		#sns_btn li{
				width: 27.33%;
				margin: 0 3% 20px;}

	/* photos */
	.photos{ margin-bottom: 50px; }
		.photos ul{}
		.photos ul li{ position: relative; padding: 0 !important; }
			.photos ul li .img{ margin: 0; }
			.photos ul li .img .img100{ width: 100% !important; }
				.photos ul li .ttl {
                    position: absolute;
                    left: 0;
                    bottom: -10px;
                    margin: 0;
                    font-size: 0.9rem;
                    padding: 5px 20px;
                    background: #333;
                    color: #fff;
                    border-bottom: 10px solid #6A4800; }
                    .photos ul li .ttl span{ font-size: 0.8rem; margin-right: 10px; }
				.photos ul li .more{
					position: absolute;
					left: 0;
					bottom: 20px;
					color: #fff;}

	/* service */
    #service{}
        #service .contents_inner{ padding: 50px 150px; }

    /* rent sale */
    .rent{}
    .sale{}

        .rent .box_list4 li,
        .sale .box_list4 li{ position: relative; }
        .rent .box_list4 li .ico,
        .sale .box_list4 li .ico{
            position: absolute;
            top: 10px;
            left: 10px;
            margin: 0;
            padding: 10px 20px;
            border-left: 10px solid #6A4800;
            font-size: 1rem; }

	/* faq */
	.faq{}
		.faq #banner{}
		.faq .contents_inner .box_list1 li .ttl{
			position: relative;
			margin-left: 40px;
			font-size: 1.6rem; }
			.faq .contents_inner .box_list1 li .ttl::before{
				position: absolute;
				top: 0;
				left: -40px;
				content: 'Q';
				padding: 5px 8px;
				font-family: 'Montserrat', sans-serif;
				font-size: 1.2rem;
				color: #fff;
				background: #666;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%; }
			.faq .contents_inner .box_list1 li .txt_area p{
				position: relative;
				margin-left: 40px;
				line-height: 1.6; }
				.faq .contents_inner .box_list1 li .txt_area p a{ background: #ddd; }
				.faq .contents_inner .box_list1 li .txt_area p a:hover{ border-bottom: 1px solid #333; }
				.faq .contents_inner .box_list1 li .txt_area p::before{
					position: absolute;
					top: 0;
					left: -40px;
					content: 'A';
					padding: 2px 9px;
					font-family: 'Montserrat', sans-serif;
					font-weight: 600;
					font-size: 1.2rem;
					color: #fff;
					background: #6A4800;
					border-radius: 50%;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%; }

	/* blog */
	#blog{}

	/* links */
	#links { padding: 20px 0 0;}
	#links .contents_inner{}
		.archive #links{ padding: 20px 0 0; }

	/* news */
	#news{ position: relative; z-index: 1; }
	
	/* about us */
    .about_us{}

	/* greeting */
	#greeting{ padding: 0 10vw 0 0; }
		#greeting .contents_inner{
			position: relative;
			max-width: 90%;
			height: 40vw;
			padding: 0;
			background: url(../img/bg_greeting.jpg) no-repeat left top;
			background-size: cover;
			z-index: 1; }
			#greeting .txt_area{
				position: relative;
				width: 90%;
				margin: -5vw -10vw 0 auto;
				padding: 50px 100px 50px 50px;
				background: #fff;
				z-index: 2; }
				#greeting .txt_area .txt{
					text-indent: 1em;
					line-height: 1.8; }
				#greeting .txt_area ul{ margin: 0 0 25px 1rem; }
						#greeting .txt_area #ceo{ margin: 0 0 0 10px; font-size: 1.2rem; }
    /* staff */
    #staff{}
    .photos .box_list2{ overflow: visible; }

	/* sitemap */
	.sitemap{ text-align: center; }
		.sitemap ul li{
			display: inline-block;
			border: #ccc solid 1px;
			margin: 0 auto 25px;
			padding: 15px 20px !important;
			background: #fff; }
		.sitemap ul #home{ position: relative; margin: 0 auto 50px; }
			.sitemap ul #home::before{
				content: '';
				width: 50%;
				height: 25px;
				position: absolute;
				bottom: -25px;
				left: 0;
				border-right: 1px #ccc solid; }
		.sitemap .flex{ position: relative; }
			.sitemap .flex::before{
				content: '';
				width: 52%;
				height: 25px;
				position: absolute;
				top: -25px;
				left: 24%;
				border-top: 1px #ccc solid; }
			.sitemap .flex .m_flex{ position: relative; }
			.sitemap .flex .m_flex::before{
				content: '';
				height: 25px;
				position: absolute;
				top: -25px;
				left: 50%;
				border-right: 1px #ccc solid; }
				.sitemap ul li .ttl{ margin: 0 !important; padding: 20px 20px!important; font-size: 1.2rem; font-weight: 600; }
					.sitemap ul li ul{ margin: 0 !important; padding-top: 15px; }
						.sitemap ul li ul li{ display: block; width: 100%; margin-bottom: 15px !important; border: #ccc solid 1px !important; }
	/* contact */
	.contact #banner{}

/* entry */
.entry{ width: 800px; margin: 0 auto; }
	.entry .date{
		font-family: 'Montserrat', sans-serif;
		font-size: 1.0rem;
		margin-bottom: 20px; }
		.entry .date .ico{
				font-family: 'Montserrat', sans-serif;
				display: inline-block;
				background: #333;
				margin: 0 5px 5px 0px;
				padding: 5px 10px;
				line-height: 1;
				color: #fff;
				font-size: 14px;
				text-align: center;
				text-transform:uppercase;}
	.entry .ttl{
		margin-bottom: 20px;
		font-size: 180%;
		line-height: 1.4; }
        .entry .ttl .ico {
            background: #6A4800;
            padding: 3px 5px;
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
            vertical-align: 2px;
            display: inline-block;
            margin-left: 5px; }

	.entry .entry_img{
		display: block;
		text-align: center;
		margin-bottom: 15px; }
		.entry .entry_img img{ margin: 0 auto; }
		.entry .entry_img .img100{ width: inherit !important; max-width: 100% !important; }
	.entry .entry_body{ overflow: hidden; margin-bottom: 50px; }
	.entry .entry_body h2,h3,h4,h5,h6,p{ line-height: 1.6; margin-bottom: 25px;}
	.entry .entry_body ul,
	.entry .entry_body ol,
	.entry .entry_body table{ margin-bottom: 25px; }
		.entry .entry_body h2{
			font-size: 1.4rem;
			font-weight: bold;}
		.entry .entry_body h3{
			font-size: 1.2rem;
			font-weight: bold;
			color: #6A4800;
			border-bottom: 1px dotted #000;
			padding: 15px 10px;}
		.entry .entry_body h4{
			padding: 15px 10px;
			font-size: 1.2rem;
			border-bottom: 1px solid #6A4800;}
		.entry .entry_body h5{
			padding: 15px 0;
			font-size: 1.2rem; }
			.entry .entry_body h5::before{ color: #6A4800; content: "■ "}
		.entry .entry_body h6{
			color: #FF0004;
			font-size: 1.2rem;
			font-weight: bold;}
			.entry .entry_body h6::before{ content: "※ "}

		.entry .entry_body p{ line-height: 1.8; text-indent: 1em; }
			.entry .entry_body p a{ background: #ddd; }
				.entry .entry_body p a:hover{ border-bottom: 1px solid #333; }

        .single .entry .entry_body p img{
            max-width: 100% !important;
            height: auto !important;
            display: block;
            margin: auto; }

		.entry .entry_body ul{ padding: 0; }
			.entry .entry_body ul li{
				margin-bottom: 5px;
				padding: 10px;
				border-bottom: 1px dotted #6A4800;}

		.entry .entry_body ol{ padding: 0; }
			.entry .entry_body ol li{
				list-style: decimal inside;
				margin-bottom: 5px;
				padding: 10px;
				border-bottom: 1px dotted #6A4800;}

		.entry .entry_body table{ width: 100%; }
			.entry .entry_body table tr{}
				.entry .entry_body table tr th{
					width: 25%;
					padding: 20px;
					font-weight: normal;
					vertical-align: top;
					border-bottom: 2px solid #333;}
				.entry .entry_body table tr td{
					padding: 20px;
					border-bottom: 1px solid #6A4800; }
			.entry .entry_body .wp-video,.entry .entry_body video{ width: 100%!important; }

	/* Contact form */
	.entry table .must{ color: #e60012; float: right;}
	.wpcf7 .screen-reader-response{ font-size: 110%; color: #e60012; }
		.wpcf7 .screen-reader-response ul,
		.wpcf7 .screen-reader-response ul li{ display: none; }
			.wpcf7-not-valid-tip{ display: block; padding-top: 10px; color: #e60012;}
			.wpcf7-list-item{ display: block; }

	/* youtube */
	.youtube{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		margin: 0px auto 20px;
		text-align: center;}
		.youtube iframe{
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;}

    /* SNS */
    .sns {
        display: flex;
        justify-content: center;
        margin-bottom: 50px; } 
        .sns_btn {
            color: #fff !important;
            width: 25%;
            text-align: center;
            padding: 0.5em 0; }
            .sns_twitter { background: #55acee; }
            .sns_facebook { background: #3B5998; }
            .sns_pocket { background: #ef3f56; }
            .sns_line { background: #1dcd00; }
            .sns-hatebu { background: #00a5de; }

    /* Cace List */
    .item_scroll div{
    	left:50%;
      transform: translate(-50%);
      background: #eee;
      margin-bottom: 30px; }
        .item_scroll img{
          width: auto;
          max-height: 480px;
          margin: auto;
          padding:5px;}
        .item_scroll span{
        	position: absolute;
          bottom: 5px;
          color: #fff;
          text-align: center;
          display: block;
          width: 100%;
          margin: 0 5px;
          padding: 8px 5px;
          background: rgba(0,0,0,0.7); }
        .item_thumb{ text-align: center; }
        .item_thumb a{
        	display: inline-block; }
        .item_thumb a img{
        	width: auto!important;
          max-width: 100%;
          height: 100px!important; }

        /* athome */
        #athome_btn{ text-indent: inherit!important; }

/*sidebar*/
.archive #sidebar .contents{}
	.archive #sidebar .contents .contents_inner{ padding: 35px 0 35px 20px; }
		.archive #sidebar #news .contents_inner ul{}
			.archive #sidebar #news .contents_inner ul li{
				padding: 5px;
				border-bottom: 1px solid #FFB5DE;}
			.archive #sidebar #news .contents_inner ul li::before{ content: "> "; color: #FFB5DE; }
		.archive #sidebar #ad .contents_inner ul li{ margin-bottom: 10px;}

/* Search */
.searchform{}
#search_result .searchform{
	width: 50%;
	margin: 0 auto 50px; }

	/* google map */
	#gmap{ margin-bottom: -5px; border-top: 1px solid #6A4800; }

	/* contact */
	#contact{ position: relative; }
        #contact::before{
            content: "";
            position: absolute;
            top: 10px;
            left: 80px;
            width: 450px;
            height: 450px;
            background: url(../img/bg_contact.jpg) no-repeat center center;
            background-size: cover; }
		#contact .contents_inner{
            width: 50% !important;
            margin: 0 0 0 auto;
            padding: 50px; }
        #contact .contents_inner .m_ttl{
            margin-bottom: 5px;
            padding: 0;
            font-size: 2rem;
            font-weight: 600;
            letter-spacing: -0.1rem;
            line-height: 1.2;
            border: none; }
            #contact .contents_inner .e_ttl{
                text-align: left;
                color: #6A4800;
                font-size: 1.6rem;
                margin-bottom: 15px; }
            #contact .contents_inner .txt{
                margin-bottom: 30px; }
                #contact .contents_inner .txt span{ display: block; font-size: 2rem; font-weight: 600; }
            #contact .contents_inner .button{ text-align: left !important; }

/* footer */
#footer {
	width: 100%;
    font-size: 0.8rem;
	clear: both; 
    border-bottom: 8px solid #6A4800; }
	#footer .contents_inner{
        text-align: right;
		padding: 10px 0; }
		#footer .contents_inner ul{}
			#footer .contents_inner li{
				display: inline-block;}
				#footer .contents_inner li a{ margin: 0 10px; }

/*=ＰＣ表示=*/
@media only screen and (min-width: 737px) {
	.mobi_only{ display: none;}
}

/* 表示=*/	
@media only screen and (max-width: 736px) {
/* 共　通 */
.img100{ margin: 0 auto; }
.pc_only{ display: none;}
.scroll{
    margin-bottom: 25px;
    overflow: auto; /*スクロールさせる*/
    white-space: nowrap; }
.m_ttl,.m_ttl2{ font-size: 1.6rem; }
.m_ttl3{ font-size: 2.5rem; }
	
input, select { padding: 5px 10px;}
	input[type="text"] {
		width: 100%;}
	input[type="submit"] {
		width: 100%; }
	
/* ぺージ分割 */
#pagenav{}
	#pagenav li a {	padding: 0px 5px; }
.pagination {
	font-size: 12px;
	line-height: 12px;}
	.pagination span, .pagination a {	padding: 8px 10px 8px 10px; }
		.pagination .current{ padding: 8px 10px 8px 10px; }
	
#wrap{ min-width: inherit; border: none; }
.contents,
.contents_inner{ padding: 0 25px 35px; }
    .c_left{ margin-right: 40px; }
    .c_right{ margin-left: 40px; }
	.p50{ padding: 35px 25px !important; }

	.bg_txt {	margin: -15px auto 0; font-size: 6rem; letter-spacing: -0.5rem; }
	.w100{ padding: 0 !important; }

/* sub_menu */
.sub .contents_inner { padding: 35px 25px; }
.sub_menu{}
	.menu_list2 li a,
	.menu_list3 li a,
	.menu_list4 li a,
	.menu_list5 li a{ width: 100%; margin: 0 0 5px;}

/* box_list */
.contents_inner .box_list1 li .img{}
.contents_inner .box_list4 li{ width: 48% !important; }
    
/* list */
.list1{}
    .list1 li { padding: 30px 10px; }
	
/* logo */
#mobi_logo{
	position: absolute;
	top: 2px;
	left: 5px;
	height: 45px;
	z-index: 200;}
	
/* グローバルナビ */
#navi { display: none; }
#navi ul li ul li .ttl{ font-size: 100%; font-weight: normal; }
	
/* banner */
    #banner {}
    .banner_inner{
        width: 100%;
        padding: 10px 30px 50px 30px; }
	.top #banner .m_ttl{ font-size: 2.5rem }
        .top #banner .e_ttl{ margin-bottom: 30px; }
        .top #banner .m_description{
            text-align: left !important;
            font-size: 1rem; }
    .top #banner #photo_area{
        width: 100%;
        height: 300px;
        top: 0;
        left: -30px;
        position: relative; }
	
/* archive */
.archive{}
    .archive .banner_inner{ padding: 10px 30px 0 30px; }
	.archive #banner .m_ttl{ font-size: 2.5rem }
        .archive #banner .e_ttl{ margin-bottom: 30px; }
            .archive #banner_photos{
                margin: 0 0 0 10%;
                width: 200%;
                padding: 0; }
                .archive #banner_photos ul li{ float: left !important; }
	
	/* pagebody */
	.archive #pagebody{}
		.archive #pagebody_inner{ width: 100%; margin: inherit; }
	/* main */
	.archive #main{ width: 100%; float: inherit; }
	/* sidebar */
	.archive #sidebar{ width: 100%; float: inherit; ; }
		.archive #sidebar_inner{ padding: 35px 25px 0; }
			.archive #sidebar .contents{ padding: 0; }
			.archive #sidebar .contents_inner{}
				.archive #sidebar ul{ overflow: hidden; }
					.archive #sidebar ul li a{
						float: left;
						padding:  0 15px 5px;
						margin: 0 1% 10px ;}
						.archive #sidebar ul li a::after {
							width: 100%;
							transform: scale(1, 1); }
	
	/* SNS Button */
	.cat .wp_social_bookmarking_light,
	.page .wp_social_bookmarking_light{
			width: inherit;
			margin: inherit; }

	/* SNS button */
	#sns_btn{ width: 100%; margin: inherit; }
		#sns_btn li{
				float: left !important;
				width: 27.33% !important;
				margin: 0 3% 20px;}

	/* info */
	#info .contents_inner{ padding: 0 25px 25px 25px; }
        #info .contents_inner .info_list{ width: 100%; }
    
    /* concept */
    #concept .contents_inner{ width: 100%; margin: inherit; padding: 25px !important; }
        #concept .contents_inner .txt{ margin-bottom: 50px; padding-left: 15px; }
                #concept .contents_inner .txt::before{ left: -25px; }
	
    /* service */
    #service{}
        #service .contents_inner{ padding: 35px 25px; }
    
	/* blog */
	#blog{ padding: 0; }
		#blog .contents_inner{ padding: 35px 25px; }

	/* about us */
	.about_us{}
	
	/* greeting */
    #greeting .contents_inner{ height: 60vw; max-width: 100%; }
        #greeting .txt_area { margin: -10vw 0 50px auto; padding: 30px; }
    
    /* staff */
    #staff { padding: 0 0 35px; }
        #staff ul li .img { margin: 0 0 30px !important;}
	
	/* vision */
	#vision { padding: 50px 0 50px 0; }
		#vision .contents_inner { height: 60vw; }
			#vision .txt_area {	margin: -10vw auto 0 0; }
	
/* entry */
.entry{ width: 100%; margin: inherit; }
	.entry .ttl{ width: 100%; }
/*
				.entry .entry_body table tr th,
				.entry .entry_body table tr td,
				.entry .entry_body .table3 tr th,
				.entry .entry_body .table3 tr td{ display: block; width: 100% !important; }
					.entry .entry_body .table3 tr td{ border: none; }
*/

	.entry .entry_body table tr th{	width: 30%; }

/* Case List */
    .bx-viewport div{
        min-height: 71vw;
        height: 100%!important;
        margin:auto;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);}
        .item_scroll div{
            max-width: 98%;}
        .item_scroll img{
            max-height: 100%!important;}
        .item_thumb a img{
            height: auto!important;
            max-height: 50px;}
            .item_scroll span{
                font-size: 90%;
                width: 100%;
                margin: 0;}
/* at home */
    #athome_btn{}
    #athome_btn a{ padding: 15px 30px; } /* athome button */
    
/* Google Calender */
#gcalender iframe { width: calc(100vw - 40px); }

/* contact */
#contact{ padding: 0; }
.contact{}
	.contact .entry .entry_body table tr th,
	.contact .entry .entry_body table tr td,
	.contact .entry .entry_body .table3 tr th,
	.contact .entry .entry_body .table3 tr td{ display: block; width: 100% !important; }
	.contact .entry .entry_body .table3 tr td{ border: none; }

	/* google map */
	#gmap{ padding: 0; }

/* Search */
.searchform{}
#search_result .searchform{
	width: 80%;
	margin: 0 auto 35px; }
	
	/* contact */
	#contact{}
        #contact::before{
            display: block;
            position: relative;
            top: 0;
            right: 0;
            width: 300px;
            height: 300px;}
		#contact .contents_inner{
            width: 100% !important;
            margin: 0;
            padding: 25px; }
        #contact .contents_inner .m_ttl{ font-size: 1.5rem; }
            #contact .contents_inner .e_ttl{ font-size: 1.2rem; }
            #contact .contents_inner .button{ text-align: center !important; }
    
	/* footer */
	#footer{
		width: 100% !important;
		min-width: inherit; }
		#footer .contents_inner{ padding: 10px 20px 50px 20px; text-align: left; }
		#footer .contents_inner li{ line-height: 1.3; }
			#footer .contents_inner li a{ margin: 0 5px; }
	
/* mobi navi*/
#foot_nav{
	position: fixed;
	width: 100%;
	left: auto;
	bottom: 0px;
	z-index: 100;
	overflow: hidden;
	background: #6A4800; }
	#foot_nav li{
		float: left;
		width: 25%;
		text-align: center;
		height: 50px; }
	#foot_nav li img{
		max-height: 100% !important;
		width: auto;
		margin: auto; }
}