@charset "utf-8";
/* CSS Document */
/*

10px 	3.125vw
11px 	3.4375vw
12px 	3.75vw
13px 	4.0625vw
14px 	4.375vw
15px 	4.6875vw
16px 	5vw

 */

.pc{
	display:none;
}
img{
	width: 100%;
	height: auto;
}

header{
	position: absolute;
	background:rgba(0,0,0,0.4);
	width: 100%;
	text-align: center;
	padding: 5px 0;
}
header h1{
	color: #FFF;
	font-weight: normal;
	font-size: 2.8vw;
}

#mainimage{
	background: url("../images/main_image.jpg") center top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
#mainimage div{
	padding: 28vw 0 16vw 0;
	width: 80%;
	margin: 0 auto;
	position: relative;
}
#mainimage div #right_logo{
	width: 80px;
	position: absolute;
	right: -6vw;
	top:10vw;
}
#circle {
	width: 85vw;
	margin: 0 auto;
	margin-top: 20px;

}
#circle li{
width: 40vw;
height: 27vw;
font-size:5vw;
line-height: 1.5;
padding-top: 13vw;
text-align: center;
color: #FFF;
font-weight: bold;
box-shadow:0px 0px 5px 3px #d5d5d5;
-moz-box-shadow:0px 0px 5px 3px #d5d5d5;
-webkit-box-shadow:0px 0px 5px 3px #d5d5d5;


	background-color: #f8961b;

margin-bottom: 5vw;
	border-radius: 220px;
	float: left;
}
#circle li:nth-child(odd){
	margin-right: 5vw;

}
#intro{
	text-align: center;
	font-size: 4.35vw;
	margin-bottom: 40px;
	padding:0 10px;
	font-weight: bold;
}

h2#green{
	background: url("../images/pattern_01.gif");
	-webkit-background-size: 	15px;
	     -o-background-size: 	15px;
	        background-size: 	15px;
	color: #FFF;
	text-align: center;
	font-size: 3.5vw;
	padding: 10px 0;
}
h2 img{
	width: 75%;
	vertical-align: bottom;
}

#area_green{
	background:#d1ebbb;
	padding:35px 15px 35px 15px;
}
#area_green section{
	background: #FFF;
	padding: 15px 10px;
	position: relative;
	box-shadow:0px 0px 5px -1px #989898;
-moz-box-shadow:0px 0px 5px -1px #989898;
-webkit-box-shadow:0px 0px 5px -1px #989898;
	margin-bottom: 30px;
}
#area_green section .point{
	position: absolute;
	width: 15vw;
	top: -2.6vw;
}
#area_green h3{
	padding-left: 16vw;
	font-size: 4.5vw;
	color: #008737;
	line-height: 1.4;
	margin-bottom: 10px;
}
#area_green .box .left{
	margin-bottom: 10px;
}
#area_green .box .left ul{
	background: #fff9d7;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#area_green .box .left ul li{
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}

h2.blue{
	background: #0071BC;
	color: #FFF;
	font-size: 5.3vw;
	text-align: center;
	padding: 10px 0;
	position: relative;
}
h2.blue:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 113, 188, 0);
	border-top-color: #0071BC;
	border-width: 15px;
	margin-left: -15px;
}

.area_blue section{
	padding:30px 15px 30px 15px;
}
.area_blue h3{
	font-size: 8vw;
	margin-bottom: 20px;
	text-align: center;
}
.area_blue h3 span{
	font-size: 4vw;
	display: block;
	line-height: 0.5;
}
.area_blue h3 span.s02{
	font-weight: normal;
	line-height: 0.2;

}
.area_blue .left{
	margin-bottom: 20px;
}
.area_blue  .box{
	margin-bottom: 30px;
}


.area_blue .right ul{
	width: 85vw;
	margin: 0 auto;
	margin-top: 20px;

}
.area_blue .right ul li{
width: 19.5vw;
height: 14.5vw;
font-size:3.5vw;
line-height: 1.5;
padding-top: 5vw;
text-align: center;
color: #FFF;
font-weight: bold;
	background-color: #0071BC;
margin-right: 2vw;

margin-bottom: 5vw;
	border-radius: 220px;
	float: left;
}
.area_blue .right ul li:last-child{
	margin-right: 0;
}

.area_blue .btn_price a{
	color: #333;
	display: block;
}
.area_blue .btn_price a:hover{
	text-decoration: none;
}

.area_blue .btn_price{
background: #FFFAD2;
	border:1px solid #999;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	text-align: center;
position: relative;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
font-size: 15px;
padding: 5px 0;
}
.area_blue .btn_price::after{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;

right: 20px;
width: 7px;
height: 7px;
border-top: 1px solid #333;
border-right: 1px solid #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.area_blue .box_opacity{
	background: url("../images/mokume.jpg");
	-webkit-background-size: 1000px;
	     -o-background-size: 1000px;
	        background-size: 1000px;
	    padding:30px 15px;
	    margin-bottom: 40px;
}

.area_blue .opacity{
	background: rgba(255,255,255,0.8);
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	    padding: 15px;
}

.btn_contact{
background: #ffa04c; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa04c 0%, #ffa04c 49%, #ff861e 50%, #ff6924 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffa04c 0%,#ffa04c 49%,#ff861e 50%,#ff6924 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffa04c 0%,#ffa04c 49%,#ff861e 50%,#ff6924 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa04c', endColorstr='#ff6924',GradientType=0 ); /* IE6-9 */

border: 4px solid #fcaa37;
-webkit-border-radius: 6px;
        border-radius: 6px;

}
.btn_contact a{
	color: #FFF;
	text-align: center;
	display: block;
	font-weight: bold;
	font-size: 4vw;
	padding: 7px 0;
	position: relative;
}
.btn_contact a::before,
.btn_contact a::after{
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
content: "";
vertical-align: middle;
}
.btn_contact a::before{
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.btn_contact a::after{
right: 10px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 7px solid #ff6924;
}


.btn_contact a:hover{
	text-decoration: none;
	background: #ffa04c;
}

.area_blue h3.title02{
	text-align: center;
	font-size: 4.2vw;
}
.area_blue figure{
	text-align: center;
	font-weight: bold;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.area_blue figcaption{
	font-size: 4vw;
}
.area_blue .voice{
	color: #0071BC;
	font-weight: bold;
	text-align: center;
	font-size: 5vw;
	line-height: 1.4;
	margin-bottom: 10px;
	background: url("../images/voice.png") no-repeat center bottom;
	-webkit-background-size: 95%;
	     -o-background-size: 95%;
	        background-size: 95%;
}

/* お問い合わせ */
.contact {
	margin-bottom: 40px;
}
.contact .c_top{
	background: #FF871E;
	padding:15px;
}
.contact .c_top .left{
	margin-bottom: 5px;
}
.contact .c_top p{
	color: #FFF;
	font-weight: bold;
	font-size: 4vw;
}
.contact .c_top p span{
	background: #FFF;
	color: #F15A24;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	padding:0 5px;
	font-size: 3.5vw;
	margin-left: 5px;
}
.contact .c_top div img{
	vertical-align: bottom;
}


.contact .c_bottom{
	background: #FFF;
	padding: 5vw;
	position: relative;
}
.contact .c_bottom div{
	position: absolute;
	width: 30vw;
	right: 0;
	bottom: 0;
}
.contact .c_bottom p{
	width: 69vw;
}

h2#works{
	font-size: 5.5vw;
	text-align: center;
	color: #432618;
}
h2#works span{
	font-size: 3.5vw;
	display: block;
}
#area_works{
	padding: 15px;
}
#area_works ul{
	overflow: hidden;
}
#area_works ul li{
	width: 48.5%;
	float: left;
	background: #ffeacd;
	margin-bottom: 6%;
	position: relative;
	padding-bottom:30px;
}
#area_works ul li > div{
	position: absolute;
	bottom: 10px;
	width: 87%;
	background: #ffba59;
	text-align: center;
	right: 0;
	left: 0;
	margin: auto;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}
#area_works ul li > div::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 10px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#area_works ul li > div a{
	display: block;
	padding: 5px 0;
}
#area_works ul li a{
	color: #FFF;
	font-size: 3.2vw;
}
#area_works ul li > div:hover{
	background: #FBA53B;
}
#area_works ul li > div a:hover{
	text-decoration: none;

}
#area_works ul li p{
	margin:0 10px;
	font-size: 3.5vw;
}
#area_works ul li:nth-child(odd){
	margin-right: 3%;
}
#area_works ul li p.txt{
	font-size: 3.3vw;
}
#area_works ul li p.name{
	font-weight: bold;
	margin-bottom: 1vw;
}
#area_works ul li p.name span{
 background: #9C8A78;
 color: #FFF;
 font-size:3vw;
 -webkit-border-radius: 15px;
         border-radius: 15px;
 padding:2px 10px;
 margin-right: 5px;
 font-weight: normal;
}

h2#green02{
	background: #39B54A;
	color: #FFF;
	font-size: 5.5vw;
	text-align: center;
	padding: 10px 0;
}
h2#green02 span {
    font-size: 3.5vw;
    display: block;
}
#area_green02{
	background: url(../images/pattern_02.gif);
	-webkit-background-size: 20px;
	     -o-background-size: 20px;
	        background-size: 20px;
	    padding: 15px;
}
#area_green02 dl{
	background: #FFF;
	box-shadow:2px 2px 2px 1px #b4b4b4;
-moz-box-shadow:2px 2px 2px 1px #b4b4b4;
-webkit-box-shadow:2px 2px 2px 1px #b4b4b4;

	margin-bottom: 15px;
	padding:15px 10px;
}
#area_green02 dl dt{
 color: #39B54A;
 font-weight: bold;
 font-size: 4vw;
 padding-left: 12vw;
 position: relative;
 border-bottom: #006837 solid 1px;
 padding-bottom:10px;
 margin-bottom: 10px;
 line-height: 1.6;

}
#area_green02 dl dt span{
	background: #39B54A;
	font-family: 'Titillium Web', sans-serif;
	color: #FFF;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	padding:1px 5px;
	position: absolute;
	left: 0;
	font-size: 4vw;
	width: 7vw;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
}

#area_green02 dl dd{
 font-size: 4vw;
 padding-left: 12vw;
 position: relative;
 line-height: 1.6;
}
#area_green02 dl dd span{
	background: #C1272D;
	font-family: 'Titillium Web', sans-serif;
	color: #FFF;
	font-family: 'Titillium Web', sans-serif;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	padding:1px 5px;
	position: absolute;
	left: 0;
	font-size: 4vw;
	width: 7vw;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
}


#area_green02 dl dd a{
	display: block;
	margin-top: 5px;
	text-decoration: underline;
}
#area_green02 dl dd a:hover{
	text-decoration: none;
}




h2#orange{
	background: #F78D1E;
	color: #FFF;
	font-size: 5.5vw;
	text-align: center;
	padding: 10px 0;
}
h2#orange span {
    font-size: 3.5vw;
    display: block;
}
#area_flow{
	background: #fff3e7;
	padding: 25px 15px;
}
#area_flow dl{
	margin-bottom: 10px;
	background: url("../images/yajirushi.png") no-repeat center bottom;
	-webkit-background-size: 30px;
	     -o-background-size: 30px;
	        background-size: 30px;
	padding-bottom:33px;
}
#area_flow dl:last-child{
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#area_flow dt{
	background: #FFBC35;
	text-align: center;
	font-size: 5vw;
	color: #FFF;
	font-weight: bold;
	-webkit-border-radius: 10px;
	        border-radius: 10px;

	border-radius:6px 6px 0px 0px ;
-moz-border-radius:6px 6px 0px 0px ;
-webkit-border-radius:6px 6px 0px 0px ;
}
#area_flow dd{
	background: #FFF;
	padding: 10px;

	border-radius:0px 0px 6px 6px ;
-moz-border-radius:0px 0px 6px 6px ;
-webkit-border-radius:0px 0px 6px 6px ;

}
#area_flow dd a{
	text-decoration: underline;
}
#area_flow dd a:hover{
	text-decoration: none;
}
#area_flow dd ul li{
	background: url("../images/maru.gif") no-repeat left top 4px;
	padding-left: 15px;
	margin-bottom: 5px;
}
#area_flow dd ul li a{
	display: block;

}


footer{
	background:#fff;
	text-align: center;
	padding: 25px 10px;

}
#foot_logo{
	margin-right: 20px;
}
footer div{
	color: #000;
}
footer a{
	color: #000;
	font-size: 3.5vw;
}
footer p{
	color: #000;
	font-size: 3.5vw;
	margin-bottom: 15px;
	margin-top: 10px;
}
footer img{
	display: block;
	max-width: 60%;
	margin: 0 auto;
	margin-bottom: 5px;
}
footer small{
	font-size: 2.5vw;
	line-height: 1.5;
	display: block;
}

#popup{
	display: none;
}


.fancybox-inner p.name{
	font-weight: bold;
	margin-bottom: 1vw;
	 font-size:3.5vw;
}
.fancybox-inner p.name span{
 background: #9C8A78;
 color: #FFF;
 font-size:3vw;
 -webkit-border-radius: 15px;
         border-radius: 15px;
 padding:2px 10px;
 margin-right: 5px;
 font-weight: normal;
}
.fancybox-inner .title{
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 4vw;
}
.fancybox-inner div.img{
	margin-bottom: 10px;
}
.fancybox-inner .text{
	font-size: 3.5vw;
	margin-bottom: 15px;
}
.fancybox-inner table{
	border-top: #666 1px solid;
	border-bottom: #666 1px solid;
	width: 100%;
}
.fancybox-inner table th{
	background: #FFEACD;
	color: #666;
	border-bottom: #666 1px dotted;
	padding: 10px;
	font-size:3vw;
	text-align: left;
}
.fancybox-inner table td{
	border-bottom: #666 1px dotted;
	padding: 10px;
	font-size:3vw;
}

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

.fancybox-inner #branch p{
	color: #3F6EB4;
	font-weight: bold;
	font-size: 4vw;
	text-align: center;
	margin-bottom: 15px;
}
.fancybox-inner #branch dl dt{
	background: #E5EFFF;
	color: #3F6EB4;
	font-size: 3.5vw;
	font-weight: bold;
	padding: 0 5px;
	margin-bottom: 5px;
}
.fancybox-inner #branch dl dd{
	font-size: 3.5vw;
	margin-bottom: 15px;
}
.fancybox-inner #branch dl dd a{
	font-weight: bold;
	color: #F78D1E;
	font-size: 4vw;
	display: block;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
#sns{
	padding: 15px;
}
/****************************************************************************************

Media Query for PC

*************************************************************************************** */

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




.sp{
		display:none;
}
.pc{
	display:block;
}
.fixed{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
}

#right_btn {
    position: absolute;
    right: 0px;
    top: 50px;
    z-index: 100;
}
#right_btn:hover{
	opacity: 0.8;
}

#pagetop{
	position: fixed;
	bottom:50px;
	right: 30px;
}


header{
	padding: 10px 0;
	z-index: 10;
}
header h1{
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	width: 500px;
	float: left;
	line-height: 2;

	text-align: left;
}
header .inner{
	overflow: hidden;
	width: 1060px;
	margin: 0 auto;
}
header .inner ul{
	float: right;
}
header .inner ul li{
	display: inline;
	line-height: 2;
}
header .inner ul li a{
	color: #FFF;
	font-size: 13px;
	border-left:1px solid #fff;
	padding:0 10px;
}
header .inner ul li:last-child a{
	border-right:1px solid #fff;
}


#mainimage{
	background: url("../images/main_image.jpg") center top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	    height: 780px;
	    margin-bottom: -180px;
}
#mainimage div{
	padding: 260px 0 0 0;
	width:1060px;
	margin: 0 auto;
	text-align: center;
}
#mainimage div img{
	width: auto;
}

#mainimage div #right_logo{
	width: auto;
	position: absolute;
	right: 0;
	top:70px;
}
#circle {
	width: 1060px;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 40px;


}
#circle li{
width: 250px;
height: 170px;
font-size:30px;
line-height: 1.5;
padding-top: 80px;
margin-right: 20px;
margin-bottom: 0;

box-shadow:0px 0px 13px -7px #1e162f;
-moz-box-shadow:0px 0px 13px -7px #1e162f;
-webkit-box-shadow:0px 0px 13px -7px #1e162f;


}
#circle li:nth-child(odd){
	margin-right:20px;
}
#circle li:last-child{
	margin-right: 0;
}
#intro {
    text-align: center;
    font-size: 23px;
    margin-bottom: 70px;
    padding: 0 10px;
    line-height: 2;
}
h2#green {
    background: url("../images/pattern_01.gif");
    -webkit-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    color: #FFF;
    text-align: center;
    font-size: 35px;
    padding: 25px 0;
}
h2#green img{
	width: auto;
	margin: 0 auto;
	display: block;
}
#area_green {
padding:80px 15px 35px 15px;
}
#area_green section{
	width: 1010px;
	margin: 0 auto;
	padding: 35px 40px;
	margin-bottom: 50px;
}
#area_green section .point {
    position: absolute;
    width: auto;
    top: -22px;
    left: 15px;
}
#area_green h3 {
    padding-left: 90px;
    font-size: 35px;
    color: #008737;
    line-height: 1.3;
    margin-bottom: 10px;
}

#area_green .box .left{
	width: 590px;
	float: left;
}
#area_green .box .left p{
	font-size: 17px;
}
#area_green .box .left ul {
    margin-bottom: 0;
}
#area_green .box .right{
	width: 370px;
	float: right;
	text-align: right;
}
#area_green .box .right img{
	width: auto;
	vertical-align: bottom;
}
#area_green .box .left ul li {
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em;
}
#area_green #point4 .right{
	padding-top: 35px;
}
#area_green #point5 .right{
	position: absolute;
	top: 0;
	right: 30px;
}
#area_green #point7 .right{
	position: absolute;
	bottom: 0;
	right: 40px;
}

h2.blue {
    font-size: 68px;
    line-height: 1.2;
    padding: 30px 0;

}
h2.blue::after {
    border-width: 30px;
    margin-left: -30px;
}
.area_blue{
	background: url("../images/mokume.jpg");
	padding-bottom: 80px;
}
.area_blue section{
	background: #FFF;
	width: 980px;
	margin: 0 auto;
	padding: 50px 40px;
}

.area_blue .box {
	overflow: hidden;
}
.area_blue .box .left{
	float: left;
}
.area_blue .box .right{
	float: right;
	width: 480px;
	padding-top: 10px;
}
.area_blue .box .right p{
	font-size: 18px;
	margin-bottom: 30px;
}
.area_blue h3 {
    font-size: 69px;
    margin-bottom: 30px;
    line-height: 1.4;
    text-align: left;
}
.area_blue h3 span {
    font-size: 20px;
    display: block;
    line-height: 1;
}
.area_blue .right ul {
    width: 480px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
.area_blue .right ul li {
    width:110px;
    height: 80px;
    font-size: 20px;
    line-height: 1.3;
    padding-top: 30px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    background-color: #0071BC;
    margin-right: 12px;
    margin-bottom: 0;
    border-radius: 220px;
    float: left;
}
.area_blue .btn_price a {
	font-size: 18px;
    }

.btn_contact {
    width: 828px;
	  margin: 0 auto;
    border: 6px solid #fcaa37;
}
.btn_contact a{
	font-size: 42px;
	padding: 10px;
}

.btn_contact a::before,
.btn_contact a::after{
position: absolute;
top: 0;
bottom: 0;
right:40px;
margin: auto;
content: "";
vertical-align: middle;
}
.btn_contact a::before{
width: 35px;
height: 35px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.btn_contact a::after{
right: 39px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 10px solid transparent;
border-left: 12px solid #ff6924;
}

.area_blue .box_opacity {
    background: none;
     width: 1060px;

    padding: 0;
    margin-bottom: 0;
}

.area_blue .opacity{
	background: rgba(255,255,255,0.8);
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	    margin-top: 40px;
	    margin-bottom: 40px;
	    padding: 40px;

}


.area_blue .opacity h3{
	font-size: 32px;
}
.area_blue .box_fig{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
.area_blue .box_fig figure{
	width: 236px;
	float: left;
	margin-right: 46px;
	margin-bottom: 0;
}
.area_blue .box_fig figure:last-child{
	margin-right: 0;
}
.area_blue figcaption {
    font-size: 21px;
}
.area_blue .voice {
    color: #0071BC;
    font-weight: bold;
    text-align: center;
    font-size: 46px;
    line-height: 1.4;
    margin-bottom: 10px;
    background: url("../images/voice.png") no-repeat center bottom;
	-webkit-background-size: auto;
	     -o-background-size: auto;
	        background-size: auto;
}

.area_blue .btn_price{
	line-height: 1.5;
	padding: 7px 0;
}

.area_blue .btn_price:hover {
    background: #fff;
}
#area_green section{
-webkit-box-shadow: 1px 1px 11px 1px rgba(0,0,0,0.37);
-moz-box-shadow: 1px 1px 11px 1px rgba(0,0,0,0.37);
box-shadow: 1px 1px 11px 1px rgba(0,0,0,0.37);
}

.contact{
	background: url("../images/toi_waku.png") no-repeat;
	width: 980px;
	margin: 0 auto;
	height: 383px;
	padding: 25px 60px;
}


.contact .c_top{
	background: none;
	overflow: hidden;
	padding: 0;
}
.contact .c_top p{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
}

.contact .c_top a img{
	width:auto;
	vertical-align: middle;
	margin-left: 0;
}
.contact .c_top p span {

    font-size: 16px;
    margin-left: 10px;
    padding: 2px 10px;
      -webkit-border-radius: 15px;
    border-radius: 15px;
}

.contact .c_top .left{
	width: 473px;
	float: left;
	margin-bottom: 0;
}
.contact .c_top .right{
	float: right;
}

.contact .c_bottom{
	background: none;
	padding:59px 15px 15px 15px;
}
.contact .c_bottom p {
	padding-top: 20px;
}
.contact .c_bottom p img{
	width: auto;
}
.contact .c_bottom div {
	position: absolute;
	right: -10px;
	bottom: -13px;
	width: auto;
}
.contact .c_bottom div img{
	width: auto;
	vertical-align: bottom;

}



h2#works {
    font-size: 65px;
    text-align: center;
    color: #432618;
    margin-top: 80px;
}
h2#works span{
	font-size: 37px;
}
#area_works {
    width: 1060px;
    margin: 0 auto;
    padding-bottom: 80px;
}
#area_works ul li{
	width: 320px;
	height: 600px;
	margin-right: 50px;
	text-align: center;
	padding-bottom: 0;
}
#area_works ul li img{
	margin-bottom: 10px;
}

#area_works ul li:nth-child(odd){
	margin-right: 50px;
}
#area_works ul li:nth-child(3n){
	margin-right: 0;
}
#area_works ul li p.name {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}
#area_works ul li p.name span {
    background: #9C8A78;
    color: #FFF;
    font-size: 13px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 2px 10px;
    margin-right: 5px;
    font-weight: normal;
    vertical-align: 4px;
}
#area_works ul li p.txt {
    font-size: 16px;
}
#area_works ul li a {
    color: #FFF;
    font-size: 15px;
}
#area_works ul li > div {
    bottom: 20px;
    width: 180px;
}
#area_works ul li > div::after {

    right: 15px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

h2#green02 {
    font-size: 65px;
    text-align: center;
    line-height: 1.4;
    padding: 25px 0 15px 0;
}
h2#green02 span{
	font-size: 37px;
}

#area_green02 {
    background: url(../images/pattern_02.gif);
    -webkit-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
        padding: 60px 0 80px 0;
}

#area_green02 .inner{
width: 1060px;
margin: 0 auto;
}
#area_green02 dl {
	width: 460px;
	float: left;
    padding: 25px 30px 0 30px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#area_green02 dl:nth-child(even){
	margin-right: 0;
}
#area_green02 dl dt{
	font-size: 22px;
	padding-left: 60px;
	margin-bottom: 15px;
}
#area_green02 dl dd{
	font-size: 18px;
	padding-left: 60px;
}
#area_green02 dl dt span {
    font-size: 24px;
    width: 45px;
    line-height: 1.4;
    padding: 0 3px;
}
#area_green02 dl dd span {
    font-size: 24px;
    width: 45px;
    line-height: 1.4;
    padding: 0 3px;
    vertical-align: 10px;
    top: -3px;
}

h2#orange {
    font-size: 65px;
    text-align: center;
    line-height: 1.4;
    padding: 25px 0 15px 0;
}
h2#orange span{
	font-size: 37px;
}
#area_flow {
    background: #fff3e7;
    padding: 45px 15px 120px 15px;
}
#area_flow dl{
	display: table;
	width: 1060px;
	margin: 0 auto;

	margin-bottom: 0;
    background: url("../images/yajirushi.png") no-repeat left 100px bottom;
    -webkit-background-size:auto;
    -o-background-size:auto;
    background-size:auto;
    padding-bottom: 40px;
}

#area_flow dt {
	width: 260px;
	padding: 35px 0;
	display: table-cell;
    font-size: 28px;
    vertical-align: middle;

    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
}

#area_flow dd {
	display: table-cell;
	font-size: 18px;
	vertical-align: middle;
	padding:30px;

    border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
}

#area_flow dd ul{
	margin-top: 10px;
}
#area_flow dd ul li {
    background: url("../images/maru.gif") no-repeat left top 9px;
    padding-left: 15px;
    margin-bottom: 5px;
    font-size: 18px;
}

footer img{
	width: auto;
	display: inline;
	vertical-align: middle;
	margin-right: 20px;

}
footer #foot_logo{
	width: auto;
	margin-right: 0;
	display: inline;


}
footer #foot_logo img{
	max-width: 237px!important;
}
footer a {
    color: #000;
    font-size: 14px;
}
footer .inner{
	overflow: hidden;
	width: 1060px;
	margin: 0 auto;
}
footer .inner .left{
	float: left;
	text-align: left;
}
footer .inner .right{
	float: right;
}
footer p{
	font-size: 14px;
	margin-bottom: 0;
}

footer .inner .right small{
	font-size: 11px;
	margin-top: 65px;
}



.fancybox-inner section{
	width: 700px;
}

.fancybox-inner p.name {
    font-weight: normal;
    margin-bottom: 1vw;
    font-size: 18px;
    margin-top: 20px;
}
.fancybox-inner p.name span{
	font-size: 12px;
	padding:0 15px;
	vertical-align: 3px;
}

.fancybox-inner .title {
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 26px;
}
.fancybox-inner .inner{
	overflow: hidden;
}
.fancybox-inner .text {
    font-size: 18px;
    margin-bottom: 15px;
    width: 340px;
    float: left;
}
.fancybox-inner table {
	width: 310px;
	float: right;
}
.fancybox-inner table th{
	font-size: 13px;
}
.fancybox-inner table td{
	font-size: 14px;
}
.fancybox-inner div.img {
    margin-bottom: 20px;
}


.fancybox-inner #branch p{
	font-size: 29px;
	margin-bottom: 35px;
}
.fancybox-inner #branch dl dt{
	background: #E5EFFF;
	color: #3F6EB4;
	font-size: 21px;
	font-weight: bold;
	padding: 0 5px;
	margin-bottom: 8px;
}
.fancybox-inner #branch dl dd{
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 1.5;
}
.fancybox-inner #branch dl dd a{
	font-weight: bold;
	color: #F78D1E;
	font-size: 25px;
	display: inline;
}

#sns{
	width: 1060px;
	margin: 0 auto;
	margin-bottom: -80px;
	margin-top: 60px;
}

}