@charset "utf-8";
.c-wrap{
    width : 100%;
    display: flex;
    align-content: stretch;
    margin: 0 auto;
    max-width:1100px;
}
@media screen and (max-width:600px)
{
    .c-wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
}
.wrap-item{
    width : 50%;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
}


.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:600px)
{
    .wrap-item{
        width : 100%;
    }
}

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


.wrap-item_1{
    width : 100%;
    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;
}



.state3 h2 {
	position: relative;
	line-height: 1.1;
	padding:0.25em 1.5em;
	display: inline-block;
	top:0;
	margin-bottom:30px;
	color: #494949
}

.state3 h2:before,.state3 h2:after{
  position: absolute;
  top: 0;
  content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
}
.state3 h2:before{
border-left: solid 3px #494949;
border-top: solid 3px #494949;
border-bottom: solid 3px #494949;
  left: 0;
}
.state3 h2:after{
  content: '';
  border-top: solid 3px #494949;
  border-right: solid 3px #494949;
  border-bottom: solid 3px #494949;
  right: 0;
}

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

.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;}

.wrapper{
    width:100%;
}

#mail_form{
    margin:50px auto;
    box-sizing:border-box;
    padding : 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .8rem;
    border:solid 1px #ccc;
}

input {
   margin:10px;
   width: 180px;
   padding: 3px;
   box-sizing: border-box;
   border-radius: 2px;
   border:solid 1px #ccc;
}
.none{
    margin-left:50px;
    width: auto;
}
select{
    height: 2rem;
    margin: 5px;
    padding:3px;
}
dt{
    margin-top: 5px;
}
dt span{
    font-size:.8rem;
    color: #ffab33;
    margin-left:5px;
}

dd{
    padding-bottom:5px;
    margin-bottom: 10px;
    border-bottom:1px solid #ccc;
}
dd:last-child,dd:nth-last-child(2){
	border: none;
}


.center{
    text-align: center;
}

textarea{
    width:90%;
    padding: 5px;
    margin-bottom: 20px;
}















@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: "\f299";
 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;
}