@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap');

a:link{
	color:#FFFA84;
	text-decoration:none;
}

a:visited{
	color:#FFFA84;
	text-decoration:none;
}

a:hover{
	color:#00b4ed;
	text-decoration:none;
}


@media screen and (min-width:769px )
{
	#contents{

	}
	 #contents .msg_btn{
		margin:0 auto;
		text-align: center;
    }
	 #contents .msg_btn a{	
		display: block;
		padding-top: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width:200px;
		border:3px solid #f47ec6;
		font-family: "dita-cd", sans-serif;
		font-weight: 700;
		color: #f47ec6;
		font-size: min(3vw, 21px); 
		font-weight:bold;
		border-radius: 12px;
		cursor: pointer; 
		transition: background-color 0.3s;
		padding: 15px 15px;
		margin:0 auto;
	}
    #contents .msg_btn a:link{
		color:#f47ec6;
	}
    #contents .msg_btn a:hover{
		opacity: .5;
	}
	
	/*注意事項*/
	#contents .coution_area{
		font-size: min(2.25vw, 14px);
		color:#fff;
		padding:0;
		margin:0 0 40px 0;
		border: 0;
		line-height: 1.25em;
		text-align:center;
	}
	
	#contents .coution_area p{
		color:#fff;
	}
	
	
	/*メールフォーム*/
	
	#contents .contactForm{
		width:100%;
		max-width:700px;
		height:auto;
		margin:2em auto;
		padding:1vw;
		text-align:left;
		border:0px;
		border-radius: 2em;
		background:#f47ec6;
	}
	#contents .contactForm ul {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
	}
	#contents .contactForm li.labeltxt {
		width:  230px;
		padding:6px;
        margin: 8px 0;
		color:#fff;
		padding-right: 30px;
		text-align: right;
		font-size: min(2.25vw, 16px);
	}
	#contents .contactForm div.sectionhead {
		margin: 50px 0 20px 10px;
		font-size: min(2.75vw, 18px);
		font-weight: bold;
		color:#fff;
	}
    #contents .cntPs{
        width:100%;
		display: flex;
		justify-content:center;
		align-items: center;
		gap: 20px; 
        text-align: center;
        margin:3em 0 2em 0;
    }
	#contents .contactForm .notice{
		font-size: min(2.25vw, 14px);
		color:#fff;
		line-height: 1.5em;
		padding:0;
		margin:0;
		border: 0;
		text-align:left;
	}
	
	#contents .contactForm input[type="text"],textarea,input[type="password"]  {
		width: 100%;
		padding:8px 10px;
        margin: 8px 0;
		font-size: min(2.25vw, 16px);
		color:#222;
        box-sizing: border-box;
        border: none;
        border-radius: 12px;
        outline: none;
	}
	#contents .contactForm .selectbox {
		position: relative;
		display: inline-block;
		width: 330px;
		height: 42px;
		margin: 8px 0;
		box-sizing: border-box;
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
	}
	#contents .contactForm .selectbox select {
		width: 100%;
		height: 100%;
		padding: 8px 60px 8px 10px;
		box-sizing: border-box;
		font-size: min(2.25vw, 16px);
		color: #333;
		border: none;
		outline: none;
		background: transparent;
		/* ブラウザ標準の矢印を消す */
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	#contents .contactForm .selectbox::before {
		position: absolute;
		top: 8px;
		right: 0;
		width: 52px;
		height: 26px;
		border-left: 2px solid #ccc;
		box-sizing: border-box;
		content: '';
		pointer-events: none;
	}
	#contents .contactForm .selectbox::after {
		position: absolute;
		top: 11px;
		right: 18px;
		width: 14px;
		height: 14px;
		border-right: 4px solid #f47ec6;
		border-bottom: 4px solid #f47ec6;
		transform: rotate(45deg);
		content: '';
		pointer-events: none;
	}
	#contents .selectbox select:focus {
		outline: none;
	}
	#contents .description {
		margin: 3em 0 3em 0;
		padding: 1em;
		background: #FFECF8;
		border-radius: 2em;
	}
	#contents .description p{
		font-size: min(1.25vw, 14px); 
		line-height: 1.75em;
		color: #222;
		text-align: left;
	}
	#contents .description .notice{
		display: inline;
		color: #00b4ed;
		font-weight: bold;
		font-size: min(1.5vw, 16px); 
		line-height: 2.75em;
		border-bottom: 4px double #00b4ed;
		margin:0;
		padding:0;
	}
	#contents .description .checkboxItem {
		display: flex;
		align-items: center;
		width: fit-content;
		line-height: 1;
		gap:10px;
		cursor: pointer;
		font-size: min(1.75vw, 18px);
		margin: 1.5em auto 1em auto;
	}
	#contents .description .checkboxItem:not(:last-of-type) {
		margin-bottom: 16px;
	}	
	#contents .description .checkbox {
		appearance: none;
		position: relative;
		width: 22px;
		height: 22px;
		background: #fff;
		border: 2px solid #00b4ed;
		border-radius: 2px;
		cursor: pointer;
	}
	#contents .description .checkbox:checked {
		background-color: #00b4ed;
	}
	#contents .description .checkbox:checked::after {
		content: "";
		position: absolute;
		top: 2px;
		left: 3px;
		width: 12px;
		height: 6px;
		border-bottom: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
		transform: rotate(-45deg);
	}
	#contents .contactForm input[type="submit"] {
		width:300px;
		background-color: #00b4ed;
		color: #ffffff;
		border: 2px solid #fff;            /* 枠線を消す */
		padding: 10px 20px;      /* 余白 */
		font-size: min(3vw, 21px); 
		font-weight: bold;
		border-radius: 12px;      /* 角丸 */
		cursor: pointer;         /* カーソルをポインターに */
		transition: background-color 0.3s; /* ホバー時のアニメーション */
	}
	#contents .contactForm input[type="submit"]:hover {
		background-color: #F6AE00;
	}
	#contents .contactForm input[type="reset"] {
		width:200px;
		background-color: #dc5fac;
		color: #ffffff;
		border: 2px solid #fff;  
		padding: 10px 20px;
		font-size: min(3vw, 21px); 
		font-weight:normal;
		border-radius: 12px;
		cursor: pointer;
		transition: background-color 0.3s;
	}
	#contents .contactForm input[type="reset"]:hover {
		background-color: #feb4e1;
	}

	#contents  .thx_description {
		margin: 3em 0 5em 0;
		font-family: "dita-cd", sans-serif;
		font-weight: 700;
		font-size: min(2vw, 24px); 
		line-height: 1.5em;
		color: #00b4ed;
		text-align: center;
	}
	#contents .thx_description p.head {
		font-size:min(4vw, 48px);
	}
	.thx_postion{
		display: grid;
		grid-template-rows: auto 1fr auto;
		grid-template-columns: 100%;
		min-height: 100vh;
	}
	.thx_adjust{
		padding-bottom: 120px;
	}
}
	
	
/* スマートフォン用 */

@media screen and (max-width:768px )
{
/*	.pc { display: none !important; }
	.sp { display: block !important; }*/

	#contents{

	}
 	 #contents .msg_btn{
		margin:0 auto;
		text-align: center;
    }
	#contents .msg_btn a{
		display: block;
		padding-top: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width:40vw;
		border:3px solid #f47ec6;
		font-family: "dita-cd", sans-serif;
		font-weight: 700;
		color: #f47ec6;
		padding: 15px 15px;
		font-size: 3vw; 
		font-weight:bold;
		border-radius: 12px;
		cursor: pointer; 
		transition: background-color 0.3s;
		margin:2em auto;
		text-align: center;
    }
    #contents .msg_btn a:link{
		color:#f47ec6;
	}
    #contents .msg_btn a:hover{
		opacity: .5;
	}
	/*注意事項*/
	#contents .coution_area{
		font-size:2.25vw;
		color:#fff;
		padding:0;
		margin:0 0 40px 0;
		border: 0;
		line-height: 1.25em;
		text-align:center;
	}
	#contents .coution_area p{
		color:#fff;
	}
	#contents .contactForm{
		width:80%;
		height:auto;
		margin:2vw auto;
		padding:2vw 5%;
		background:#f47ec6;
		border-radius: 4vw;
	}
	#contents .contactForm ul {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
	}
	#contents .contactForm li.labeltxt{
		width:100%;
		color:#fff;
		font-size: 3vw;
		font-weight: bold;
		margin:1em 0 0 0;
	}
	#contents .contactForm div.sectionhead {
		margin: 50px 0 20px 10px;
		color:#fff;
		font-size: 2.5vw;
		font-weight: bold;
	}
    #contents .cntPs{
        width:100%;
		display: flex;
		justify-content:center;
		align-items: center;
		gap: 20px; 
        text-align: center;
        margin:3em 0 2em 0;
    }
	#contents .contactForm .notice{
		font-size: 2.25vw;
		line-height: 1.5em;
		color:#fff;
		padding:0;
		margin:0;
		border: 0;
		text-align:left;
	}
	#contents .contactForm input[type="text"],textarea,input[type="password"]  {
		width: 80%;
		padding:8px 10px;
        margin: 8px 0;
		font-size: 3.5vw;
		color:#222;
        box-sizing: border-box;
        border: none;
        border-radius: 2vw;
        outline: none;
	} 
	#contents .contactForm .selectbox {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 42px;
		margin: 8px 0;
		box-sizing: border-box;
		background: #fff;
		border-radius: 2vw;
		overflow: hidden;
	}
	/* select本体 */
	#contents .contactForm .selectbox select {
		width: 100%;
		height: 100%;
		padding: 8px 60px 8px 10px;
		box-sizing: border-box;
		font-size: 2.5vw;
		color: #333;
		border: none;
		outline: none;
		background: transparent;
		/* ブラウザ標準の矢印を消す */
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	/* 縦線 */
	#contents .contactForm .selectbox::before {
		position: absolute;
		top: 8px;
		right: 0;
		width: 52px;
		height: 26px;
		border-left: 2px solid #ccc;
		box-sizing: border-box;
		content: '';
		pointer-events: none;
	}

	/* 矢印 */
	#contents .contactForm .selectbox::after {
		position: absolute;
		top: 11px;
		right: 18px;
		width: 14px;
		height: 14px;
		border-right: 4px solid #f47ec6;
		border-bottom: 4px solid #f47ec6;
		transform: rotate(45deg);
		content: '';
		pointer-events: none;
	}
	#contents .selectbox select:focus {
		outline: none;
	}
	#contents .entry_text{
        font-size:3vw;
        font-weight:bold;
        margin:0;
    }
	#contents .description {
		margin: 3em 0 3em 0;
		padding: 1em;
		text-align: left;
		background: #FFECF8;
		border-radius: 2em;
	}
	#contents .description p{
		font-size: 2.5vw; 
		line-height: 1.75em;
		color: #222;
		text-align: left;
	}
	#contents .description .notice{
		display: inline;
		color: #00b4ed;
		font-weight: bold;
		line-height: 1.75em;
		font-size: 2.75vw; 
		border-bottom: 4px double #00b4ed;
	}
	#contents  .description .checkboxItem {
		display: flex;
		align-items: center;
		width: fit-content;
		line-height: 1;
		gap:10px;
		cursor: pointer;
		line-height: 1.5em;
		font-size: 3vw;
		margin: 1.5em auto 1em auto;
	}
	#contents .description .checkboxItem:not(:last-of-type) {
		margin-bottom: 16px;
	}	
	#contents .description .checkbox {
		appearance: none;
		position: relative;
		width: 34px;
		height: 34px;
		background: #fff;
		border: 2px solid #00b4ed;
		border-radius: 2px;
		cursor: pointer;
	}
	#contents .description .checkbox:checked {
		background-color: #00b4ed;
	}
	#contents .description .checkbox:checked::after {
		content: "";
		position: absolute;
		top: 8px;
		left: 9px;
		width: 12px;
		height: 6px;
		border-bottom: 3px solid #ffffff;
		border-left: 3px solid #ffffff;
		transform: rotate(-45deg);
	}
	#contents .contactForm input[type="submit"] {
		width:300px;
		background-color: #00b4ed;
		color: #ffffff;
		border: 2px solid #fff;            /* 枠線を消す */
		padding: 10px 20px;      /* 余白 */
		font-size: min(3vw, 21px); 
		font-weight: bold;
		border-radius: 12px;      /* 角丸 */
		cursor: pointer;         /* カーソルをポインターに */
		transition: background-color 0.3s; /* ホバー時のアニメーション */
	}
	#contents .contactForm input[type="submit"]:hover {
		background-color: #F6AE00;
	}
	#contents .contactForm input[type="reset"] {
		width:200px;
		background-color: #dc5fac;
		color: #ffffff;
		border: 2px solid #fff;            /* 枠線を消す */
		padding: 10px 20px;      /* 余白 */
		font-size: min(3vw, 21px); 
		font-weight:normal;
		border-radius: 12px;      /* 角丸 */
		cursor: pointer;         /* カーソルをポインターに */
		transition: background-color 0.3s; /* ホバー時のアニメーション */
	}
	#contents .contactForm input[type="reset"]:hover {
		background-color: #feb4e1;
	}
	#contents  .thx_description {
		margin: 6vw 0 12vw 0;
		padding: 0;
		color: #00b4ed;
		text-align: center;
		font-size: 4vw;
		line-height: 1.5em;
	}
	#contents .thx_description p.head {
		font-size: 8vw;
		font-family: "dita-cd", sans-serif;
		font-weight: 700;
		font-weight: bold;
	}
	.thx_postion{
		display: grid;
		grid-template-rows: auto 1fr auto;
		grid-template-columns: 100%;
		min-height: 100vh;
	}
	.thx_adjust{
		padding-bottom: 100px;
	}
	
}