@charset "utf-8";

/*---------------------------

  0.common

  1.header

  2.footer

  3.front

  4.media-query 600

  5.media-query 1200

---------------------------*/

/*-------------------------
  common
-------------------------*/
body {
	margin: 30px 0 0;
	background-image: linear-gradient(to top, #fff1eb 0%, #bbe9ff 100%);
	font-family: 'Noto Sans JP', sans-serif;
}

ul,li {
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
}

/*-------------------------
  header
-------------------------*/
.header {
	padding: 20px 0;
}

.header p {
	text-align: center;
}

/* gnav
-------------------------*/
#gnav {
	display: none;
}

.modaal-container{
    max-width: 385px;
    border-radius: 20px;
}

.modaal-close {
	right: 10px;
	top: 15px;
}

.modaal-close::after, 
.modaal-close::before{
	background:#ccc;
}

.modaal-close:focus::after,
.modaal-close:focus::before,
.modaal-close:hover::after,
.modaal-close:hover::before{
	background:#666;
}

.btn_modal {
	width: 40px;
	height: 40px;
	margin-left: auto;
	background: #f3f3f3;
	border-radius: 50%;
}

.header h1.heading {
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.2rem;
}

.header-thum {
	display: flex;
	width: 100px;
	height: 100px;
	margin: 0 auto 20px;
	padding: 0 10px;
	background: #fff;
	border-radius: 50%;
}

/*-------------------------
  footer
-------------------------*/
.footer {
	padding: 0 0 40px;
}

.footer .footer-logo {
	width: 120px;
	margin: 40px auto 20px;
}

.footer .copyright {
	color: #ccc;
	font-size: 0.75rem;
}

/*-------------------------
  front
-------------------------*/
.main {
	padding: 40px 0;
}

.container {
	max-width: 680px;
	margin: 0 auto;
	padding: 0 15px;
}

.sec-content h2.heading {
	margin: 30px 0 10px;
	text-align: center;
	font-size: 1rem;
}

.sec-content .list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.sec-content .list .item a {
	display: block;
	padding: 20px;
	background: #fff;
	border-radius: 35px;
	text-align: center;
}

/*-------------------------
  media-600
-------------------------*/
/* 画面サイズ 600px 以上 1200px 未満 */
@media (600px <= width < 1200px) {

}

/*-------------------------
  media-1200
-------------------------*/
/* 画面サイズ 1200px 以上 */
@media (1200px <= width) {

}