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



	.wrap-in-block {
        display: inline-block;
	}

    
.small_12{
   font-size: 1.1rem;
    margin-top: -15px;
    padding-bottom: 30px;
    border-bottom: solid 1px #e5e5e5;
}


.line_bottom{
    margin-top: -10px;
    padding-bottom: 20px;
    border-bottom: solid 1px #e5e5e5;
}
.pict_relative {
	position: relative;
}
.pict_abso_c1 {
	position: absolute;
	font-size: 2em;

	color: white;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);

}

.mt-20 {
	margin-top: -30px;
}


.link_flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.link_flex_c1{
width: 50%;
border-right: solid 2px #e5e5e5;
line-height: 250%;
}
.link_flex_c2{
width: 50%;
line-height: 250%;
}

.news_wrap{
width:100%;	
height:480px;
}

.map
{
margin-top: 30px;
}

.button_box
{
text-align: center  ; 
margin: 20px auto 20px auto;
}

.link-none {
   pointer-events: none;
}
.add{
   font-size:1.5rem;
    color:#FFFFFF;
}


.hobby-title {
    font-weight: 600;
    margin-bottom: 0.2em;
}

.hobby-body {
    margin-left: 1em; /* ← インデント量 */
    margin-bottom: 1em;
    line-height: 1.6;
}
.hobby {
    text-align: left;
}


@media screen and (max-width: 840px) {
.link_flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.link_flex_c1{
width: 100%;
border-right: none;
}
.link_flex_c2{
width: 100%;
 } 

	

#cta .add ul{
  padding-left:0;
}

			#cta .add li {
				border-left: solid 1px #dddddd;
				display: inline-block;
				list-style: none;
				margin-left: 1em;
				padding-left: 1em;
			}
}


@media screen and (max-width: 736px) {
.pict_abso_c1 {
	position: absolute;
	font-size: 1.5em;
	color: white;
	top: 55%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}

}    




.mb15 {
   margin-bottom: 25px;
}

/* 必須項目（placeholder横に※を付ける） */
.required-field::placeholder {
  color: #666; /* 普通の淡色 */
}

.required-field:required + .required-mark {
  /* この方式を使う場合の代替案（今回は不要） */
}

/* input の上に仮想ラベルを表示して ※ を付ける */
.required-field {
  position: relative;
}

.required-field::after {
  content: "※";
  color: red;
  font-weight: bold;
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 1rem;
}