@charset "utf-8";
.c-wrap{
    width : 100%;
    display: flex;
    align-content: stretch;
    margin: 0 auto;
    max-width:1100px;
}
@media screen and (max-width: 768px)
{
    .c-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 250px;
  margin: 0.4em;
}







.wrap-item_2 img{
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    margin: 1%;
}

.wrap-item_2 p{
    width: 100%;
    /* padding: 40px 20px; */
    box-sizing: border-box;
    text-align: left;
    margin: 1%;
}


.wrap-item_2_title{
	margin: 30px 0;
	text-align: center;
}



.wrap-item_2_title .area{
	width: 100%;
	max-width:1100px;
	font-size:20px;
	margin: 10px auto 5px;
}
.wrap-item_2_title p{
	font-size: 20px;
	padding: 10px;
}
.wrap-item{
    width: 46%;
    padding: 40px 10px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #eee;
    margin: 1%;
}


.wrap-item h2{
    text-align: center;
    font-weight:400;
    color:#198113;
    font-size:20px;
}

.wrap-item h2 span{
    text-align: center;
    font-weight:400;
    color:#198113;
    font-size: 22px;
    display: block;
}




.wrap-item_sub{
    text-align: center;
    font-weight:400;
    color:#198113;
    padding: 5px;
    font-size:20px;
    position: relative;
	display: inline-block;
	padding: 0 55px;
}



.wrap-item_sub:before,
.wrap-item_sub:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: #198113;
}


.wrap-item_sub:before {left:0;}
.wrap-item_sub:after {right: 0;}


.wrap-item_1{
    width : 80%;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}

.wrap-item_1 img{
	margin-bottom:0;
}
.wrap-item_1 p{
	font-weight:400;
}



@media screen and (max-width:768px){
	
	.wrap-item_2_title{
	margin: 30px auto;
	width: 94%;
	}

}





@media screen and (max-width:600px)
	{
		.wrap-item{
			width : 100%;
		}
}

.wrap-item img{
    margin: 5px auto;
    text-align: center;
    width: 100%;
}


.wrap-item_1{
    width: 80%;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}



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

    img{
        width : 100%;
    }
}




p{
    font-size: 16px;
    text-align: left;

}

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

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


.b-wrap{
    width: 80%;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto 20px;
    max-width: 1100px;
}

.b-wrap img{
	width:100%;
	
}


.b-wrap p{
}
.state2{
	width:100%;
	max-width:800px;
	margin: 0 auto;
}


.state2 h2 {
	color: #198113;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #e2e1e1, #e2e1e1 3px,#eaf3f2 3px, #ececec 7px);
	background: repeating-linear-gradient(-45deg, #e2e1e1, #e2e1e1 3px,#ececec 3px, #ececec 7px);
	margin: 50px 0 0;
}



.state3 h2 {
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
}



.state2 h2 {
	color: #198113;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #e2e1e1, #e2e1e1 3px,#eaf3f2 3px, #ececec 7px);
	background: repeating-linear-gradient(-45deg, #e2e1e1, #e2e1e1 3px,#ececec 3px, #ececec 7px);
	margin: 50px 0 0;
}


.state3 {
		max-width:600px;
		margin: 0 auto;
		width: 100%;
}


.state3 h2 {
	color: #198113;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #e2e1e1, #e2e1e1 3px,#eaf3f2 3px, #ececec 7px);
	background: repeating-linear-gradient(-45deg, #e2e1e1, #e2e1e1 3px,#ececec 3px, #ececec 7px);
	margin: 50px 0 0;
}


.state3 p {
	text-align:center;
	color: #494949;
	font-size: 22px;
}

.state4 h2{
position: relative;
display: inline-block;
padding: 0 45px;
font-size: 30px;
margin-bottom: 30px
}

.state4 h2:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 2px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}



.state4 h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.state4 h2:before {left:0;}
.state4 h2:after {right: 0;}


























@media screen and (max-width:600px)
{
    .b-wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
}
.b-wrap-item{
    width: 30%;
    padding: 20px 10px 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}

.b-wrap-item p{
       font-weight: 400;
}


.b-wrap-item p{
       font-weight: 400;
}


.title_item p{
	font-weight: 400;
	text-align: center;
	line-height: 2.5;
	font-size: 20px;
}



.title_item p:before {
 font-weight: 400;
 font-family: 'FontAwesome';
 content: "\f1b2";
 position: relative;
 left: -5px;
 font-size: 16px;
 top: -1px;
}





@media screen and (max-width:600px)
{
    .b-wrap-item{
        width: 100%;
    }
}
.sec{
    font-size: 22px;
    font-weight: 500;
}


.center{
    text-align: center;
    margin: 0 auto;
}
.margin{
    margin-bottom: 50px;
}
.album {
	margin: auto;
	background-color: white;
	position: relative;
	margin-top : 50px;
}

.album img {
	width: 50%;
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 14s;
	-webkit-animation-duration: 14s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .img1 {
	display: block;
	margin: 0 auto;
}

.album .img2 {
	animation-delay:7s;
	-webkit-animation-delay:7s;
	position: absolute;
	top: 0;
	left: 25%;
}

@keyframes album {
	0% {
		opacity: 0;
	}

	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}

	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

img{
        border-radius: 5px;
}