@charset "utf-8";
.c-wrap{
    width : 80%;
    margin: 0 auto;
}
@media screen and (max-width:600px)
{
    .c-wrap{
        width: 90%;
        padding:5px;
    }
}
.wrap-item{
    width : 50%;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
}
@media screen and (max-width:600px)
{
    .wrap-item{
        width : 100%;
    }
}

img{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
@media screen and (max-width:600px)
{
    img{
        width: 50%;
        margin-bottom:50px;
    }
}
p{
    font-size: 16px;
    text-align: left;
}

h2{
    font-size: 24px;
    text-align: center;
    font-family: "Noto Sans Japanese","Meiryo",serif;
    margin-top :20px;
}

h3{
    font-size: 20px;
    margin-top: 20px;
    font-family: "Noto Sans Japanese","Meiryo",serif;
}


.sec{
    font-size: 22px;
    font-weight: 500;
}
.title{
    font-weight: bold;
    margin: 10px 30px 0 0;
}

.center{
    text-align: center;
    margin: 0 auto;
}
.margin{
    margin: 50px 0 10px;
}


/*
------------------------------------
Archive: Blog post (Home)
------------------------------------ */
.archive-blog-posts{width:100%; max-width:1100px; margin: 0 auto;}
.archive-blog-posts > .item{padding:40px 0%;border-bottom:1px dotted #ddd;overflow: hidden;}

@media only screen and (max-width: 800px) { 
.archive-blog-posts > .item{padding:35px 7.5%;}
}
@media only screen and (max-width: 738px) { 
.archive-blog-posts > .item{padding:30px 7.5%;}
}
@media only screen and (max-width: 414px) { 
.archive-blog-posts > .item{padding:25px 7.5%;}
}


.archive-blog-posts > .item > .textL{background-color: #eee;width: 20%;float:left;/* display: block; */background-position: center;/* background-size: cover; *//* overflow: hidden; *//* position: relative; *//* z-index: 0; */padding: 2% 1%;text-align: center;}
.archive-blog-posts > .item > .textL img{ width:150px;}
.archive-blog-posts > .item > .textL p{ text-align: center;}


.archive-blog-posts .phone{font-size: 28px;text-align: center;}




@media only screen and (max-width: 800px) {
.archive-blog-posts > .item > .textL:before { display: none;}
}


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

.archive-blog-posts > .item > .textL{width: 90%;margin-bottom: 20px;}

}



.archive-blog-posts > .item > .text{/* margin-left: 25%; */}
.archive-blog-posts > .item:last-child{border:none}

/* Title */
.archive-blog-posts > .item .title{font-size: 20px;font-weight: 500;letter-spacing: 1px;line-height: 1.5;margin-top: -5px;}
/*.archive-blog-posts > .item .title a { border-bottom: #aaa 1px dashed;}*/
.archive-blog-posts > .item .title a:hover { background:#9E9E9E; color:#ffffff;}

/* Meta */
.archive-blog-posts > .item .meta{font-size: 18px;letter-spacing: 0.5px;line-height: 1.6;line-height: 30px;height: 30px;margin-top:5px;overflow: hidden;}
.archive-blog-posts > .item .meta .date{float:left; font-weight: 600;}
.archive-blog-posts > .item .meta .cats{float:left; margin-left: 10px;}
.archive-blog-posts > .item .meta .cats a{ padding-left:12px; position: relative; z-index: 1; display: inline-block; border-bottom:none }
.archive-blog-posts > .item .meta .cats a:before { position:absolute; top:0; left:0; bottom:0; margin:auto 0; content:""; width:5px; height:1px; background:#7eccd6; z-index:2;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.archive-blog-posts > .item .meta .cats a:hover { color:#7eccd6; background: transparent; }
.archive-blog-posts > .item .meta .cats a:after { position:absolute; top:5px; left:0; bottom:5px; right:100%; content:""; background:#fefefe; z-index:-1;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.archive-blog-posts > .item .meta .cats a:hover:after { right:-5px; background:#f0fafe;}

/* Excerpt */
.archive-blog-posts > .item .excerpt{font-size: 14px;line-height: 1.8;margin-top:5px;letter-spacing: 0.5px}

@media only screen and (max-width: 1024px) {
.archive-blog-posts > .item .title{font-size: 18px;margin-top: -5px;}
}
@media only screen and (max-width: 950px) {
.archive-blog-posts > .item .excerpt{display: none;}
}
@media only screen and (max-width: 800px) {
.archive-blog-posts > .item > .text{margin-left: 0%;}
.archive-blog-posts > .item .title{font-size: 16px;letter-spacing: 0.5px;line-height: 1.6;margin-top: 10px;}
.archive-blog-posts > .item .title a:hover { background:none; color:#111;}
.archive-blog-posts > .item .meta .cats a:hover { color:#111; background: transparent; }
.archive-blog-posts > .item .meta .cats a:after { display: none;}
}
@media only screen and (max-width: 738px) {
.archive-blog-posts > .item > .text{margin-left: 0%;}
.archive-blog-posts > .item .title{font-size: 14px;letter-spacing: 0.5px;line-height: 1.6;margin-top: 0;}
.archive-blog-posts > .item .meta{font-size:11px;letter-spacing: 0.5px; line-height: 20px; height: auto;margin-top:5px;}
.archive-blog-posts > .item .meta .date{float:none;}
.archive-blog-posts > .item .meta .cats{float:none; margin-left: 0;}
}

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

.archive-blog-posts > .item > .text{margin-left: 0;}
.archive-blog-posts > .item .title{margin-top:20px;}
}


/* Read more */
.archive-blog-posts > .item .read-more{margin-top:15px;display: inline-block;width:180px;max-width:100%;color:#111;border:#111 1px solid;font-size: 14px;line-height:40px;text-align: center;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}


@media only screen and (max-width: 800px) {
.archive-blog-posts > .item .read-more{ margin-top:15px;font-size: 13px;}
.archive-blog-posts > .item .read-more:after { right: 10px;}	
.archive-blog-posts > .item .read-more:hover { color:#fff; border:#111 1px solid;background:#111; }
}
@media only screen and (max-width: 738px) {
.archive-blog-posts > .item .read-more { margin-top: 10px; width:140px;font-size: 12px; line-height:30px;border:none; border:#111 1px solid; font-size: 12px; line-height:30px; text-align: center;letter-spacing: 1px; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.archive-blog-posts > .item .read-more:after,
.archive-blog-posts > .item .read-more:hover:after{ right: 10px;}	
}




.access_map{
	padding: 10px;
	/* margin: 15px 0; */
	/*background: #1a1a1a;*/
	/*	background: #fff url(../images/site_bcg04.png);
	color:#fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
	background: #f7f7f7;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2;
	box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2;
}


.access-wrap{
    width : 100%;
    display: flex;
    align-content: stretch;
    margin: 0 auto;
    max-width:1100px;
}
@media screen and (max-width: 768px)
{
    .access-wrap{
        width: 94%;
        display: flex;
        flex-direction: column;
    }
}


.wrap-item_2{
    width: 98%;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #eee; */
    margin: 1%;
    display: flex;
    max-width: 1100px;
}



.wrap-item_2 {
  display: flex;
  flex-wrap: wrap;
  /* border: 1px solid #ddd; */
  padding: 0.4em;
  /* margin: 0em auto 2em; */
}

.wrap-item_2 > div {
  /* background: #fffefe; */
  padding: 1em;
  flex: 1 0 300px;
  margin: 0.4em;
}
@media screen and (max-width: 768px)

.wrap-item_2 {
	text-align:center;
}
}

.phone{
	font-size: 40px;
	padding: 15px 0;
}




iframe{
    margin:50px auto 0;
    width: 100%;
    height:600px;
}
p:last-child{
    /* margin-bottom: 50px; */
}

.red{
	font-size : 1.5em;
	color: red;
	}




/* work galleryArea3*/


.galleryArea3 { }


.galleryArea3 {margin: 0;font-size: 0;-webkit-backface-visibility: hidden;text-align: center;/*text-align:justify;*/text-align: left;line-height:0;}
.galleryArea3 .wrap {width:100%;max-width: 1100px;margin: 0 auto;}



.galleryArea3 h2{font-size:25px; }

.galleryArea3 .mix,
.galleryArea3 .gap {display: inline-block;margin: 10px 2% 30px;padding:0;width: 96%;}
#container .mix {display: none;}
/* --- .imgArea --- */
.galleryArea3 .imgArea {overflow: hidden;position: relative;z-index: 1;/* background: #fefefe; */border: #ededed 1px solid;/* padding-top: 50px; */margin-top: 50px;}
/*.galleryArea3 .imgArea:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #fefefe; z-index: 5; opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.galleryArea3 .imgArea:hover:before { content: ""; background: rgba(0, 0, 0, 0.03); opacity: 0.1; }*/
.galleryArea3 .imgArea img {-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;width: 100%;padding: 0;/* float: left; */margin-top: 20px;}
.galleryArea3 .imgArea:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
.galleryArea3 .padd_top {padding-top:60px;}

.galleryArea3 .imgArea p {padding: 5px 10px;}

.galleryArea3 .imgArea p a {font-size: 18px; color:#FF5722; text-decoration: underline}


/* span.plus */
.galleryArea3 .imgArea span.plus { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; z-index: 6; overflow: hidden; text-indent: -999px; }
.galleryArea3 .imgArea span.plus:before {position: absolute;top: 5%;left: 5%;margin-left: -25px;border-bottom: transparent 1px solid;width: 0px;height: 0;content: "";}
.galleryArea3 .imgArea span.plus:after { position: absolute; top: 50%; left: 50%; margin-top: -25px; border-right: transparent 1px solid; height: 0; content: ""; }
.galleryArea3 .imgArea span.plus:before,
.galleryArea3 .imgArea span.plus:after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.galleryArea3 .imgArea:hover span.plus:before { border-bottom: #fff 1px solid; width: 50px; }
.galleryArea3 .imgArea:hover span.plus:after { border-right: #fff 1px solid; height: 50px; }
/* --- .txtArea --- */
.galleryArea3 .txtArea { text-align: center; }
.galleryArea3 .txtArea p.no { display: block; width: 50px; height: 50px; margin: -25px auto 0; background: #fefefe; font-size: 14px; /*font-family: 'Catamaran', sans-serif;*/ font-weight: 700; line-height: 50px; letter-spacing: 1px; position: relative; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.galleryArea3 .txtArea p.no:after { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.galleryArea3 h4 {font-size: 15px;letter-spacing: 1px;line-height: 1.7;margin-top: -5px;position: relative;z-index: 4;margin-top: 0px;padding: 2% 0 0;/* width: 64%; *//* float: left; */}
.galleryArea3 h3 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 10px;
    position: relative;
    z-index: 4;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0;
    /* width: 64%; */
    /* float: left; */
}

 /* .sozai_title  */
.sozai_title{font-size:17px;padding:15px 0;}



 /* .txtQcds */
.txtQcds {float: left;width: 98%;padding: 1% 1% 3%;margin-bottom: 0;}
.txtQcds p{font-size: 15px;line-height: 1.7;}



/*----------------------------------------------------
QCDS
------------------*/

.boxQcds {
    position: relative;
    margin: 2em 0;
    padding: 3em 0em 20px;
    border: solid 1px #eee;
    border-radius: 0px;
    border: dashed 1px #eee;
    margin-bottom: 30px;
}
.boxQcds .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 20px;
    background: #FFF;
    color: #006359;
    font-weight: bold;
}
.boxQcds p {
    margin: 0;
    padding: 5PX  5px;
    /* color: #292323; */
    text-align:left;
}

.boxQcds hr {
display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 5px 0 50px;
    padding: 0;
}

@media only screen and (max-width: 800px) {
.galleryArea3 .mix,
.galleryArea3 .gap { display: inline-block; margin: 60px 2% 0; width: 96%;}
/* --- .imgArea --- */
.galleryArea3 .imgArea { overflow: hidden; position: relative; z-index: 1; background: #fefefe; border: #ededed 1px solid; }
.galleryArea3 .imgArea:before { display:none; }
.galleryArea3 .imgArea:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1);  }
.galleryArea3 .imgArea span.plus { display:none; }
.galleryArea3 h4 { font-size: 13px; }
}

@media only screen and (max-width: 738px) {
.galleryArea3 { margin: 10px -1.5% 0; }
.galleryArea3 .mix,
.galleryArea3 .gap { margin: 40px 1.5% 0; width: 96%; }	

.galleryArea3 .txtArea p.no { width: 40px; height: 40px; margin: -20px auto 0;font-size: 12px; line-height: 40px; }
.galleryArea3 h4 { font-size: 12px; }
	
}

@media only screen and (max-width: 414px) {
	.galleryArea3 .imgArea img {
		width: 90%;
		padding: 0;
		margin: 0 5%;
		/* float: left; */
	}

	.galleryArea3 { margin: 10px -1.5% 0; }
	.galleryArea3 .mix,
    .galleryArea3 .gap { margin: 30px 1.5% 0;}	
	.galleryArea3 .txtArea { padding:0 2.5%; }
	.galleryArea3 h4 { font-size: 11px; }
}



.gallery_col{
    width:90%;
    padding: 3%;
    margin: 0 auto;
 }
.gallery_col2{
    width:70%;
    float:left;
    padding: 3%;
 }

.gallery_col3{
    width: 50%;
    float:left;
    padding: 3%;
 }

.gallery_col4{
    width:50%;
    float:left;
    padding: 3%;
 }

.gallery_col5{
    width: 43%;
    float:left;
    padding: 3%;
 }

 .gallery_col6{
    width: 35%;
    float:left;
    padding: 3%;
 }

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


.center{
    text-align: left;
    margin: 0 auto;
}

.gallery_col3{
    width: 95%;
    margin: 0 auto;
 }

.gallery_col4{
    width: 95%;
    margin: 0 auto;
 }

.gallery_col5{
    width: 95%;
 }

 .gallery_col6{
    width: 95%;
    margin: 0 auto;
 }



 }
  
 .mane {
	width:90%;
	margin: 0 auto;
	text-align: center;
	padding-top:30px;
}


.mane h2{
	font-size: 25px;
	font-weight:400;
	text-align:left;
	padding-left:30px;
}
.mane h2{
  position: relative;
  color: white;
  background: #009688;
  line-height: 2;
  font-size: 17px;
  margin-bottom: 20px;
}

.mane h2:before {/*疑似要素*/
  font-family: 'FontAwesome';
  content: "\f041";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.mane h3{
  position: relative;
  color: #565656;
  text-align:left;
  font-size: 16px;
  line-height: 2;
  padding-left: 20px;
  border-bottom:solid 1px;
}

.mane h3:before {/*疑似要素*/
  font-family: 'FontAwesome';
  content: "\f192";
  position: absolute;
  left: 0; /*左端からのアイコンまでの距離*/
  font-size: 16px;
  top: -1px;
}