@charset "utf-8";

@media screen and (max-width:768px){
	.box_set_a{
		width:96%;
		margin:0 auto;
		padding:10px 0;
	}
	
	.box_set_b{
		width:96%;
		margin:0 auto;
		padding:40px 0;
	}
	
	.box_set_c{
		width:100%;
		margin:0;
		padding:180px 0 0 0;
	}
	
	.bg_a{
		width:100%;
		background:#f99a7d;
	}
	
	.bg_b{
		width:100%;
		background:#6bc8f2;
	}
	
	header img{
		display:block;
		width:55%;
		margin:0 auto;
	}
	
	.bg_img_set{
		background:url("../img/back_main.png") no-repeat;
		background-position:top center;
		background-size:96%;
	}
	
	.main_box h1{
		display:inline-block;
		background-color:#6bc8f2;
		padding:8px 10px;
		margin-bottom:10px;
		color:#fff;
		font-size:14px;
	}
	
	.main_box h2{
		display:block;
		font-size:20px;
		font-weight:bold;
		margin-bottom:10px;
		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;
		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{
		color:#fff;
	}
	
	.can_box h2{
		font-size:58px;
		margin-bottom:20px;
		line-height:120%;
		text-align:center;
	}
	
	.can_box .can_do{
		position:relative;
		font-size:16px;
		line-height:180%;
	}
	
	.link_box .link_set{
		display: flex;
		justify-content: space-between;
	}
	
	.link_box .link_set li{
		text-align:center;
		list-style:none;
		width:47%;
	}
	
	.link_box .link_set span{
		display:block;
		font-size:16px;
		margin-bottom:10px;
	}
	
	.link_box .link_set a{
		display:block;
		width:100%;
		margin:0 auto;
		padding:10px 0;
		font-size:16px;
		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:90%;
		background:#ffde42;
		margin:0 auto 40px auto;
		padding:15px 0;
		font-size:16px;
		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:14px;
		margin-bottom:40px;
	}
	
	.retrn_box .bt_w{
		display:block;
		width:80%;
		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:80%;
		margin:0 auto 20px auto;
	}
	
	footer ul li{
		list-style:none;
		width:50%;
		text-align:center;
	}
	
	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);
		}
	}

}