@charset "utf-8";

/* CSS Document */



body {

	margin: 0 auto;

	padding: 0;

	min-width: 1100px;

	

  font-family: "Noto Serif JP", serif;

  font-optical-sizing: auto;

  font-weight: 500;

  font-style: normal;

	font-size: 18px;

	color: #4F4F4F;

	line-height: 1.5em;

	

	

	/*背景*/

	background-image: url("../img/base/base_back.png");

	background-size: cover;

	background-repeat: no-repeat;

	background-attachment: fixed;

	

}



ul{

	margin: 0;

	padding: 0;

	list-style-type: none;

}



a{

	text-decoration: none;

}



h3{

	font-size: 26px;

	color: #e4677e;;

	font-weight: 400;

}

h4{

	font-size: 26px;

	color: #e4677e;;

	font-weight: 400;

}











/*各タイトルbase*/

#title_wrap{

		

	/*背景*/

	background-image: url("../img/base/title/title_p.png");

	background-size: cover;

	background-repeat: no-repeat;

	text-align: center;

	padding: 20px 0;

	

}

.title_cont h2{

	width: 600px;

	margin: 0 auto;

	

}



/*footer*/



footer{

	background-color: #FFFFFF;

	border-top: 1px solid #e4677e;

}



.f_cont{

    width: 1000px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

	padding: 20px 0;

}



.f_logo{

	width: 200px;

}



.f_menu{

    display: flex;

    width: 500px;

    flex-wrap: wrap;



}





.f_menu ul{

	display: flex;

	flex-wrap: wrap;

}





.f_menu ul li{

	width: calc(100% / 3);

	padding: 4px 0;

	list-style: disc;

	color: #e4677e;

}



.f_menu ul li a{

	color: #e4677e;

	

}



.link{

	display: flex;

    width: 180px;

    flex-direction: column;

}



.link span{

	color: #e4677e;

	padding:4px 0;

}





#copyright{

	background-color: #e4677e;

	padding: 10px 0;

}



#copyright p{

	color: #FFFFFF;

	text-align: center;

	line-height: 0;

	padding: 0;

}



/************SP用**************/

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



body {

	font-size: 4vw;

	line-height: 8vw;

	min-width: inherit;

	

	

	}



#contents_wrap {

    padding: 20vw 0;

}



h3{

	font-size: 5vw;

}

h4{

	font-size: 5vw;

}



.h_logo {

    position: relative;

    z-index: 10;

}

	

/*各タイトルbase*/

#title_wrap{

	padding: 10vw 0;

	

}

.title_cont h2{

	width: 90%;

	margin: 0 auto;

	

}	



/*footer*/

.f_cont {

    width: 100%;

    padding: 10vw 0;

	    flex-direction: column;



}

	

    .f_menu {

        display: flex;

        width: 100%;

        flex-wrap: wrap;

        align-items: center;

        flex-direction: column;

    }



.f_menu ul {

	width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

}

	.f_menu ul li {

		width: calc(100% / 2);

		border: 1px solid #e4677e;

        padding: 3vw 0;

        list-style: none;

        color: #e4677e;

        text-align: center;

}

	

	.f_logo {

    width: 50vw;

		display: block;

		margin: 0 auto;



	}

	

	.link {

    display: flex

;

    width: 50vw;

    flex-direction: column;

}

	

		.f_menu ul li:nth-child(1){

			margin: 0 0 -1px -1px;

}

	

	#copyright {

    background-color: #e4677e;

    padding: 10vw 0;

}

	

		

		.f_menu ul li:nth-child(2){

			margin:  0 0 -1px -1px;

}

	

		

		.f_menu ul li:nth-child(3){

			margin:  0 0 -1px -1px;

}

	

		

		.f_menu ul li:nth-child(4){

			margin:  0 0 -1px -1px;

}

	

		

		.f_menu ul li:nth-child(5){

		width: 100%;

}

	

	

	

	

	

	

	

	

	

	

	

	

}