@charset "utf-8";

/* Commone Start */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&display=swap');

body{
	font-family: 'Noto Sans JP', sans-serif;
	-ms-font-feature-settings: "normal";
	font-weight: 300;
	width:100%;
	color:#333;
	background:#fff;
	position:relative;
}
/* Commone End*/

@media screen and (min-width:769px){
	.box_set_a{
		width:980px;
		margin:0 auto;
		padding:20px 0;
	}
	
	.box_set_b{
		width:980px;
		margin:0 auto;
		padding:40px 0;
	}
	
	.box_set_c{
		width:48%;
		margin:0;
		padding:20px 0 40px 0;
	}
	
	.bg_a{
		width:100%;
		background:#f99a7d;
	}
	
	.bg_b{
		width:100%;
		background:#6bc8f2;
	}
	
	header img{
		display:block;
		width:25%;
	}
	
	.bg_img_set{
		background:url("../img/back_main.png") no-repeat;
		background-position:top right;
		background-size:70%;
	}
	
	.main_box h1{
		display:inline-block;
		background-color:#6bc8f2;
		padding:8px 10px;
		margin-bottom:10px;
		color:#fff;
		font-size:14px;
		letter-spacing:3px;
	}
	
	.main_box h2{
		display:block;
		font-size:20px;
		font-weight:bold;
		margin-bottom:15px;
		text-shadow:#fff 2px 0px,  #fff -2px 0px,
	    #fff 0px -2px, #fff 0px 2px,
	    #fff 2px 2px , #fff -2px 2px,
	    #fff 2px -2px, #fff -2px -2px,
	    #fff 1px 2px,  #fff -1px 2px,
	    #fff 1px -2px, #fff -1px -2px,
	    #fff 2px 1px,  #fff -2px 1px,
	    #fff 2px -1px, #fff -2px -1px;
	-moz-text-shadow:#fff 2px 0px,  #fff -2px 0px,
	    #fff 0px -2px, #fff 0px 2px,
	    #fff 2px 2px , #fff -2px 2px,
	    #fff 2px -2px, #fff -2px -2px,
	    #fff 1px 2px,  #fff -1px 2px,
	    #fff 1px -2px, #fff -1px -2px,
	    #fff 2px 1px,  #fff -2px 1px,
	    #fff 2px -1px, #fff -2px -1px;
	-ms-text-shadow:#fff 2px 0px,  #fff -2px 0px,
	    #fff 0px -2px, #fff 0px 2px,
	    #fff 2px 2px , #fff -2px 2px,
	    #fff 2px -2px, #fff -2px -2px,
	    #fff 1px 2px,  #fff -1px 2px,
	    #fff 1px -2px, #fff -1px -2px,
	    #fff 2px 1px,  #fff -2px 1px,
	    #fff 2px -1px, #fff -2px -1px;
	}
	
	.main_box .disp_main{
		font-size:16px;
		font-weight:400;
		line-height:180%;
		text-shadow:#fff 2px 0px,  #fff -2px 0px,
	    #fff 0px -2px, #fff 0px 2px,
	    #fff 2px 2px , #fff -2px 2px,
	    #fff 2px -2px, #fff -2px -2px,
	    #fff 1px 2px,  #fff -1px 2px,
	    #fff 1px -2px, #fff -1px -2px,
	    #fff 2px 1px,  #fff -2px 1px,
	    #fff 2px -1px, #fff -2px -1px;
	-moz-text-shadow:#fff 2px 0px,  #fff -2px 0px,
	    #fff 0px -2px, #fff 0px 2px,
	    #fff 2px 2px , #fff -2px 2px,
	    #fff 2px -2px, #fff -2px -2px,
	    #fff 1px 2px,  #fff -1px 2px,
	    #fff 1px -2px, #fff -1px -2px,
	    #fff 2px 1px,  #fff -2px 1px,
	    #fff 2px -1px, #fff -2px -1px;
	-ms-text-shadow:#fff 2px 0px,  #fff -2px 0px,
	    #fff 0px -2px, #fff 0px 2px,
	    #fff 2px 2px , #fff -2px 2px,
	    #fff 2px -2px, #fff -2px -2px,
	    #fff 1px 2px,  #fff -1px 2px,
	    #fff 1px -2px, #fff -1px -2px,
	    #fff 2px 1px,  #fff -2px 1px,
	    #fff 2px -1px, #fff -2px -1px;
	}
	
	.can_box{
		text-align:center;
		color:#fff;
	}
	
	.can_box h2{
		font-size:58px;
		font-weight:500;
		margin-bottom:20px;
	}
	
	.can_box .can_do{
		font-size:16px;
		line-height:180%;
	}
	
	.can_box .can_do span{
		display:inline-block;
	}
	
	.link_box .link_set{
		display: flex;
		justify-content: space-between;
	}
	
	.link_box .link_set li{
		text-align:center;
		list-style:none;
		width:49%;
	}
	
	.link_box .link_set span{
		display:block;
		font-size:18px;
		font-weight:400;
		margin-bottom:10px;
	}
	
	.link_box .link_set a{
		display:block;
		width:80%;
		margin:0 auto;
		padding:10px 0;
		font-size:20px;
		color:#fff;
		border-radius:20px;
		text-decoration:none;
	}
	
	.link_box .link_set .search_bt{
		background:#45c945;
		box-shadow:3px 3px 2px #215921;
	}
	
	.link_box .link_set .entry_bt{
		background:#ff9343;
		box-shadow:3px 3px 2px #6b3d1e;
	}
	
	.retrn_box .back_bt{
		display:block;
		width:50%;
		background:#ffde42;
		margin:0 auto 40px auto;
		padding:20px 0;
		font-size:20px;
		text-align:center;
		color:#000;
		border-radius:20px;
		text-decoration:none;
		box-shadow:3px 3px 2px #6b3d1e;
	}
	
	.retrn_box .f_agree{
		text-align:center;
		font-size:15px;
		margin-bottom:40px;
	}
	
	.retrn_box .bt_w{
		display:block;
		width:40%;
		margin:0 auto;
		padding:15px 0;
		text-align:center;
		border:1px solid #333;
		text-decoration:none;
		color:#333;
		font-size:16px;
		font-weight:bold;
		
	}
	
	footer{
		background:#333;
		padding:20px 0;
		color:#fff;
	}
	
	footer ul{
		display: flex;
		justify-content: space-between;
		width:25%;
		margin:0 auto 20px auto;
	}
	
	footer ul li{
		list-style:none;
		width:50%;
	}
	
	footer ul li a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
	}
	
	footer address{
		display:block;
		text-align:center;
	}
	
	/* アニメーション設定 */
	.anime_a{
		animation:fdin 2s ease 0s 1 forwards;
	}
	
	@keyframes fdin{
		0%{
			opacity:0;
			transform:translateY(40px);
		}
		
		100%{
			opacity:1;
			transform:translateY(0px);
		}
	}

}