@charset "utf-8";


@import url("/lp/css/resp/base2020--.css");









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

タブレット Beakpoint

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

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	
    
    /*----------------------------
		cv area (form)
	----------------------------*/
    
    .cv_area {
		margin-bottom: 0;
	}
	
    .cv_area_bt {
		padding: 1.5rem;
		margin: 0;
	}
	
	.cv_area_drv_txt {
		letter-spacing: 0.1rem;
	}
	
    .cv_area_txt {
		padding: 0;
		margin: 0;
		text-align: center;
	}

    .btcv a {
	    display: block;
	    width: 100%;
		border-radius: 5px;
		padding: 1rem;
		margin: 0px auto;
		font-size: 0.75rem;
	}
	.btcv a span {
	    font-size: 1.0rem;
	    font-weight: bold;
	}
	
	.tel_inquily_txt {
		width: 100%;
		float: none;
		text-align: center;
		border: none;
		font-size: 1.0rem;
	}
	
	.tel_inquily_num {
		width: 100%;
		float: inherit;
		font-size: 1.2rem;
		font-weight: bold;
		color: #fff;
		padding: 0;
		
	}
	
	.tel_inquily_num a {
		color: #fff;
		text-decoration: underline;
	}
	
	.tel_inquily_num span {
		font-size: 0.7rem;
		font-weight: normal;
	}
	

	
	
    /*----------------------------
		円バナー
	----------------------------*/
    
    .circle_bnr {
		width: 180px;
		height: 180px;
		position: relative;
		text-align: center;
		margin: 0 auto;
		padding: 4rem 0 0 0;
	}
	
	.circle_bnr dl dt {
		font-weight: bold;
		font-size: 1.2rem;
		margin-bottom: 2rem;
	}
	
	.circle_bnr dl dd {
		font-weight: normal;
		font-size: 0.8rem;
		line-height: 1.7;
		margin-bottom: 2rem;
	}
    
    .detail_txt p {
         margin-bottom: 1rem;
         text-align: center;
    }
    
    .circle_bnr p {
		font-size: 1.0rem;
		line-height: 2rem;
	}
	
	.circle_bnr p span {
		font-size: 1.6rem;
		line-height: 3rem;
		font-weight: bold;
		font-style: italic;
	}
    
    
    
    /*----------------------------
		強調枠
	----------------------------*/
    
    .emphasis_area {
		border-radius: 5px;
		background-color: #fff3f0;
		border: solid 1px #b83a2d;
	}
	
	.emphasis_area dl {
		margin-bottom: 1rem;
		padding: 1rem 1rem 0.5rem 1rem;
		list-style-type: decimal;
		list-style-position: inherit;
		text-align: left;
	}
	
	.emphasis_area dt {
		border-bottom: dotted 1px #b83a2d;
		margin-bottom: 0.6rem;
		font-size: 1.2rem;
		padding: 0.5rem 0;
	}
	
	.emphasis_area dd {
		font-size: 0.9rem;
		padding: 0.5rem 0;
	}
	
	.emphasis_area p {
		padding: 1rem 1.5rem;
	}

    
    
    
    
    /*----------------------------
		時間割
	----------------------------*/
	
    .timetable_area {
		width: 50%;
		float: left;
	}
	
	.timetable_area_img {
		float: right;
		margin: 0 auto;
	}
	
	.timetable_area table {
		width: 100%;
	}
	
	.timetable_area table td {
		padding: 0.5rem 0;
	}
	
	.timetable_area table tr td:last-child {
		width: 50%;
	}
	
	.table_fotmat table th,
	.table_fotmat table td {
		padding: 0.2rem;
	}




    /*----------------------------
		map
	----------------------------*/

	.map_outer {
		width: 100%;
		float: none;
		margin-bottom: 2rem;
	}	
	
	#map {
		width: inherit;
		height: 300px;
	}
	
	.introduce {
    	width: 100%;
    	float: none;
    	line-height: 1.3;
    }
    
    .sc_photo {
        float: none;
    }
    
    .sc_detail {
	   	width: 100%;
        float: none;
    }
    
    #btn-page-top {
		margin: 0 auto; 
	}
	
	
	
	
	/*----------------------------
		dl float
	----------------------------*/
	
	.dl_col2_area {
		width: 100%;
		float: none;
		margin-bottom: 2rem;
	}
	
	
	
	/*----------------------------
		特典
	----------------------------*/
	
	
	.special_cont {

	}
	
	.special_ttl {
		float: none;
		margin: 0 auto;
		font-size: 1.15rem;
		padding-top: 1rem;
	}
	
	.special_txt {
		float: none;
		width: 100%;
		font-size: 1.0rem;
		line-height: 2rem;
	}
	
	
}


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

スマホ Beakpoint

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

	@media screen and (max-width: 599px) {
		
		body {
	    	font-size: 0.8rem;
			line-height: 1.7rem;
		}
	    br {
	    	display: block;
	    }


		/*-----------------------------------------------------------------------
		header
		-----------------------------------------------------------------------*/
		header {
			background: rgba(255, 255, 255, 0.9);
		    position: fixed;
		    top: 0;
		    width: 100%;
		    z-index: 1000;
		}
		
		.header_inner {
		    width: 100%;
		    margin: 0px auto;
		    padding: 1.0rem 0 0 0;
		}
		.header_inner .logo {
		    width: 100px;
		    position: absolute;
		    top: 1.2rem;
		    left: 1rem;
		    z-index: 2000;
		}
		.header_inner .logo img {
		    width: 100%;
		}
		.header_inner nav {
		    width: 100%;
		}
		.header_inner nav section {
		    display: none;
		    text-align: center;
		    margin-bottom: 0;
		}
		
			.header_inner nav section ul {
				width: intrinsic;
				margin: 0 auto;
				padding: 0.5rem 1rem;
			}
			.header_inner nav section ul li {
				font-size: 0.8rem;
				width: auto;
				float: left;
				text-align: center;
				
				margin: 0 0.5rem 1rem 0;
			}
			.header_inner nav section ul li a {
				padding: 0.5rem 1rem;
				border: solid 1px #ccc;
				border-radius: 3px;
				color: #444;
			}
			.header_inner nav section ul li a:hover {
				border: solid 1px #3eb79d;
				background-color: #e7f6f3;
				color: #24a98d;
			}
		
		
		
		
	    
	    .mainvisual {
/* 			height: 70vh; */
/* 			background: url(/lp/images/background-lp/bg_mainvisual.jpg) no-repeat -200px bottom; */
			background-size: cover;
		}
		
		
		

	    
	    section {
			margin-bottom: 0;
		}
	    
	    
	    
	    /*----------------------------
			inner width
		----------------------------*/
		
	    div.inner {
	        width: 100%;
	        margin: 0 auto;
	        padding: 1rem;
	    }
	    div.inner_min {
		    width: 100%;
		    margin: 0 auto;
		    padding: 1.5rem 1rem;
		}
	    
	    
	    
	    /*----------------------------
			img
		----------------------------*/
	    
	    .insert_img {	/*photo img div outer*/
			width: 100%;
			text-align: center;
	    }
	    
	    .insert_img img {	/*photo img*/
			border-radius: 10px;
			max-width: 100% !important;
	    }
	    
	    .copy_img_bg { /*見出しコピーテキストを背景画像にて*/
			background: url(../images/ttl_01_sp.png) no-repeat center bottom ;
			background-size: contain;
			width: 90%;
			height: 0;
			padding-top: 34.5%;	/*52.7%;*/
			margin: 0 auto 2rem auto;
		}
		
/*
		h2 img {
		    width: 40%;
		    margin: 0 auto;
	    }
*/
	    
	    .copy_txt h2 {
			text-align: center;
			font-size: 1.1rem;
			font-weight: normal;
			line-height: 2.4rem;
			color: #13858c;
			letter-spacing: 0.25rem;
		}
		
		h4 {
			text-align: center;
			font-size: 0.9rem;
			font-weight: normal;
			line-height: 1.5rem;
			letter-spacing: 0.2rem;
			margin-bottom: 1rem;
		}

		.spot_img {
			width: 100%;
			margin: 0 auto;
			padding: 1rem 0;
			border-radius: 5px;
		}
	
	    /*----------------------------
			common txt
		----------------------------*/
		
		h1 {
			width: 100%;
			text-align: center;
			margin: 0 0 1rem 0;
			padding-top: 1.8rem;
			padding-left: 1rem;
			padding-right: 1rem;
			position: relative;/*相対位置*/
			line-height: 1.8;/*行高*/
			display: inline-block;
			font-size: 1.0rem;
			font-weight: normal;
			letter-spacing: 0.15rem;
			background-image: url(/lp/images/background-lp/cmn/bg_ar_left.png),url(/lp/images/background-lp/cmn/bg_ar_right.png);
			background-repeat: no-repeat, no-repeat;
			background-position: left top, right top;
			background-size: 15px, 15px;
		}
			
		h1 span {
			color: #2864bd;/*青*/
		}

		.normal_ttl {
			font-size: 1.2rem;
			font-weight: normal;
			padding: 1rem 0 1rem 0;
			background-color: #e5eefa;
			border: solid 2px #e5776b;
			border-radius: 5px;
			text-align: center;
			margin-bottom: 3rem;
			letter-spacing: 0.1rem;
			color: #e74c37;
		}
	
		.circle_ttl {
			width: 160px;
			height: 160px;
			margin: 0 auto;
			z-index: 100;
			position: relative;
			border-radius: 50%;
		}
		
		h3.circle_inner {
			position: absolute;
			top: 45%;
			left: 50%;
			-webkit-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);
			font-size: 1.1rem;
			font-weight: normal;
			letter-spacing: 0.15rem;
			text-align: center;
			line-height: 1.8rem;
			width: 80%;
		}
		
/*
		h3.circle_inner span {
			display: block;
			font-size: 0.8rem;
			line-height: 1.8;
			letter-spacing: 0rem;
			padding-bottom: 0.2rem;
			z-index: 100;
		}
*/
	
	    .resp_txt {
		    text-align: left;
	    }
	    .resp_txt br {
		    display: none;
	    }
	    
	    /*----------------------------
			pt area
		----------------------------*/
		
		.pt_area {
			background-color: #FFF9ED;
			border-radius: 5px;
			padding: 1rem 0;
			text-align: left;
		}
		
		h2 {
			text-align: center;
			font-size: 1.0rem;
			font-weight: normal;
			line-height: 2rem;
			color: #e74c37;
			letter-spacing: 0.2rem;
			margin-bottom: 1rem;
		}
		
		h2 strong {
			font-size: 1.5rem;
			font-weight: normal;
			font-style: italic;
		}
		
		h2 span {
			font-size: 0.8rem;
			letter-spacing: 0.1rem;
		}
		
/*
		.pt_area h2 strong {
			font-size: 1.5rem;
			font-weight: normal;
		}
*/
		
		





		/*----------------------------
			exp area (add)
		----------------------------*/
		
		.exp_area {
			padding: 1.5rem 1rem;
			margin-bottom: 2rem;
			border: solid 1px #ccc;
			border-radius: 5px;
			background-color: #f4f3ee;
		}
		.exp_area dl dd {
			padding: 2rem 0 0 0;
		}
			.exp_area dl dd h5 {
				font-size: 1rem;
				line-height: 1.6;
				margin-bottom: 1.5rem;
			}
			.exp_area dl dd p {
				font-size: 0.9rem;
				line-height: 1.8;
				margin-bottom: 0rem;
			}
			
		.exp_area dl dt dl {
			
		}
			.exp_area dl dt dl dt {
				width: 30%;
				float: none;
				margin: 0 auto;
			}
			.exp_area dl dt dl dd {
				width: 100%;
				float: none;
				font-size: 1rem;
				font-weight: normal;
			}
				.exp_area dl dt dl dd span {
					font-size: 0.75rem;
				}
			
			.exp_area dl dt dl dt img {
				width: 100%;
				border-radius: 5px;
			}
	
		
		/*----------------------------
			exp_comment area (add)
		----------------------------*/
		
		ul.exp_cmt {
			list-style: none;
			border-bottom: solid qpx #ccc;
			padding: 0;
			text-align: center;
		}
		ul.exp_cmt li {
			padding: 1rem; 
			border-bottom: dotted 1px #ccc;
			font-size: 1rem;
		}
		ul.exp_cmt li i {
			color: #e5776b;
			font-size: 1.8rem;
		}
		
		
		
	    
	    /*----------------------------
			cv area (form)
		----------------------------*/
	    
	    .cv_area {
			margin-bottom: 0;
		}
		
	    .cv_area_bt {
			padding: 1.5rem;
			margin: 0;
		}
		
	    .cv_area_txt {
			padding: 0;
			margin: 0;
			text-align: center;
		}
		
		.cv_area_drv_txt {
			letter-spacing: 0;
			line-height: 2rem;
		}
	
	    .btcv a,
	    .btcv_drv a {
		    display: block;
		    width: 100%;
			border-radius: 5px;
			padding: 1rem;
			margin: 0px auto;
			font-size: 0.8rem;
		}
		.btcv a span {
		    font-size: 1.2rem;
		    font-weight: bold;
		}
		
		.tel_inquily_txt {
			width: 100%;
			float: none;
			text-align: center;
			border: none;
			font-size: 1.0rem;
		}
		
		.tel_inquily_num {
			width: 100%;
			float: inherit;
			font-size: 1.2rem;
			font-weight: bold;
			color: #fff;
			padding: 0;
			
		}
		
		.tel_inquily_num a {
			color: #fff;
			text-decoration: underline;
		}
		
		.tel_inquily_num span {
			font-size: 0.7rem;
			font-weight: normal;
		}
		
		.notice_area_outer {	/*add*/
			padding-bottom: 0;
		}
		
		.notice_area dd {
			padding: 0;
		}
		.notice_area dt {
			width: 35%;
			font-size: 1rem;
			padding: 0.5rem;
			letter-spacing: normal;
		}
		
		
		
	    /*----------------------------
			円バナー
		----------------------------*/
	    
	    .circle_bnr {
			width: 280px;
			height: 280px;
			position: relative;
			text-align: center;
			margin: 0 auto;
			padding: 4rem 0 0 0;
		}
		
		.circle_bnr dl dt {
			font-weight: bold;
			font-size: 1.2rem;
			margin-bottom: 2rem;
		}
		
		.circle_bnr dl dd {
			font-weight: normal;
			font-size: 0.8rem;
			line-height: 1.7;
			margin-bottom: 2rem;
		}
	    
	    .detail_txt p {
	         margin-bottom: 1rem;
	         text-align: left;
	    }
	    
	    .circle_bnr p {
			font-size: 0.8rem;
			line-height: 1.4rem;
		}
		
		.circle_bnr p span {
			font-size: 1.6rem;
			line-height: 3rem;
			font-weight: bold;
			font-style: italic;
		}
	    
	    

	    
	    .circle_bnr_tokuten {

			width: 280px;
			height: 280px;
		}
		
		.circle_bnr_tokuten dl {
			margin-bottom: 2rem;
			margin-top: -3rem;
		}
		
		.circle_bnr_tokuten dl dt {
			font-weight: bold;
			font-size: 2rem;
			color: #fff;
			font-style: italic;
		}
		
		.circle_bnr_tokuten dl dd {
			font-size: 1.0rem;
			font-weight: bold;
			line-height: 2.2rem;
		}
	    
	    
	    /*----------------------------
			強調枠
		----------------------------*/
	    
	    .emphasis_area {
			border-radius: 5px;
			background-color: #fff3f0;
			border: solid 1px #b83a2d;
		}
		
		.emphasis_area dl {
			margin-bottom: 1rem;
			padding: 1rem 1rem 0.5rem 1rem;
			list-style-type: decimal;
			list-style-position: inherit;
			text-align: left;
		}
		
		.emphasis_area dt {
			border-bottom: dotted 1px #b83a2d;
			margin-bottom: 0.6rem;
			font-size: 1.2rem;
			padding: 0.5rem 0;
		}
		
		.emphasis_area dd {
			font-size: 0.9rem;
			padding: 0.5rem 0;
		}
		
		.emphasis_area p {
			font-size: 1.1rem;
			padding: 1rem;
			text-align: left;
		}
		
		.emphasis_area p span {
			font-size: 1.6rem;
		}
	
		.emphasis_txt {
			font-size: 1rem;
			line-height: 2rem;
			text-align: left;
		}
	    
	    
	    
	    
	    /*----------------------------
			時間割
		----------------------------*/
		
	    .timetable_area {
			width: 100%;
			float: none;
			padding: 0 1rem;
		}
		
		.timetable_area_img {
			float: none;
			margin: 0 auto;
		}
		
		.timetable_area table {
			width: 100%;
		}
		
		.timetable_area table td {
			padding: 0.5rem;
		}
		
		
		.table_fotmat table th,
		.table_fotmat table td {
			padding: 0.2rem;
		}
	
		.timetable_area table td:first-child {
			width: auto;
		}
	
	
	
	    /*----------------------------
			map
		----------------------------*/
	
		.map_outer {
			width: 100%;
			float: none;
			margin-bottom: 2rem;
		}	
		
		#map {
			width: inherit;
			height: 300px;
		}
		
		.introduce {
	    	width: 100%;
	    	float: none;
	    	line-height: 1.3;
	    }
	    
	    .sc_photo {
	        float: none;
	    }
	    
	    .sc_detail {
		   	width: 100%;
	        float: none;
	    }
	    
	    #btn-page-top {
			margin: 0 auto; 
		}
		
		
		
	
		
		
	}