@charset 'utf-8';
@import url("./style.css");
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);

/* course_box
--------------------------------------------------*/
#course_box {
    width: 100%;
	margin: 0 0 25px 0;
}

#course_box .ttl_course{
	width: 96%;
	margin:0 0 5px;
	padding:5px 2% 3px 2%;
	background-color: #00C69A;
	color:#FFF;
	float:left;
	margin-bottom:15px;
}

#course_box h2{
	float:left;
	font-size: 24px;
	position: relative;
}

#course_box .c_time{
	float:right;
	margin-top:0;
	font-size:14px;
	letter-spacing:0em;
}

#course_box .c_text{
	width: 98%;
	margin:0 0 0 2%;
	font-size:180%;
	color:#F60;
}

#course_box .c_text2{
	width: 98%;
	margin:0 2% 5px 0;
	text-align: right;
	font-size:180%;
}

@media only screen and  (max-width: 1280px) {
	#course_box .c_time{
	margin-top:5px;
}
}

@media only screen and  (max-width: 800px) {
	#course_box .c_time{
	margin-top:20px;
}
#course_box .c_text{
	font-size:160%;
}
#course_box .c_text2{
	font-size:160%;
}
}

@media only screen and  (max-width: 568px) {
#course_box .ttl_course{
	margin-bottom:10px;
	width: 95%;
	padding:5px 2% 3px 3%;
}

#course_box h2{
	font-size: 16px;
}

#course_box .c_time{
	margin-top:0;
	font-size:14px;
}
#course_box .c_text{
	font-size:130%;
}

#course_box .c_text2{
	font-size:130%;
	margin:0 0 0 2%;
	text-align: left;
}
}

/* #course_photo
--------------------------------------------------*/
#course_photo {
    width: 97%;
	margin: 0 auto 10px;
}


.course_tex{
	width:96%;
    margin:10px auto;
	font-size:120%;
}

.course_tex strong{
	font-size:140%;
}

@media only screen and  (max-width: 800px) {
.course_tex{
	width:94%;
}
}

.course_syousai{
	width:100%;
    margin:20px auto 25px;
	font-size:120%;
}

.course_syousai h3{
	width: 95.5%;
	margin:5px auto 15px;
	font-size:24px;
	padding:0 1% 2px 3.5%;
	border-bottom:1px solid #0597B6;
	color:#0597B6;
	font-family: Comic Sans MS;
}

.course_syousai .sy_text{
	width: 96%;
	margin:5px auto;
}

.course_syousai .red{
	color:#FF6060;
	}
	
@media only screen and  (max-width: 800px) {
.course_syousai{
	width:98%;
    margin:20px auto 10px;
}

.course_syousai h3{
	width: 94%;
	margin:0 auto 15px;
	font-size:20px;
	padding:0 1% 2px 3.5%;
	}
}

@media only screen and  (max-width: 568px) {
.course_syousai h3{
	width: 94%;
	margin:0 auto 7px;
	font-size:20px;
	padding:0 1% 2px 3.5%;
	}
}

.course_price{
	width: 96%;
	margin:0 auto 0;
	font-size:14px;
	padding:0 2% 0 2%;
}

.course_price li{
	float:left;
	margin:0 20px 0;
	font-size:14px;
}

.course_price strong{
	font-size:20px;
}

.course_price .price{
	color:#FA514B;
	font-size:24px;
}

@media only screen and  (max-width: 568px) {
.course_price{
	width: 98%;
	padding:0 1% 0 1%;
	}
	
.course_price strong{
	font-size:16px;
}

.course_price .price{
	font-size:20px;
}
.course_syousai .sy_text2{
	font-size:90%;
	margin:8px auto 8px;
	width: 95%;
}
}

.course_news{
	width: 96%;
	margin:10px auto 15px;
	padding:1.5% 1.5% 1% 2.5%;
	font-size:13px;
	border:1px solid #ccc;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.course_news h4{
	margin-bottom:1%;
	font-size:15px;
}

.course_news strong{
	font-size:16px;
}

.course_news p{
	margin-bottom:0.5%;
}

.course_news2{
	width: 96%;
	margin:10px 2% 15px;
	padding:1.5% 1.5% 1% 2.5%;
	font-size:14px;
	border:1px solid #ccc;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	float:left;
}

.course_news2 h4{
	margin-bottom:1%;
	font-size:20px;
	color:#2A97D5;
}

@media only screen and  (max-width: 568px) {
.course_news2 h4{
	font-size:16px;
}
}

.course_news2 p{
	margin-bottom:0.5%;
}

.course_news2 {
	width: 96%;
	margin:10px 2% 15px;
	box-sizing: border-box;
	padding:1.5% 1.5% 1% 2.5%;
	font-size:14px;
	border:1px solid #ccc;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	float:left;
}

.course_news2 .wf30{
	width:31.8%;
	overflow:hidden;
	box-sizing: border-box;
	padding:0.5% 1%;
	float:left;
	text-align	: center!important;
}

.course_news2 .wf30 img {
	width: 100%;
	height: auto;
	margin-bottom:2%;
}

.course_news2 .wf3{
	width:1.5%;
	padding: 10% 0 0;
	margin:0;
	float:left;
}

.course_news2 .wf3 img {
	width: 100%;
	height: auto;
	margin-bottom:2%;
}

@media only screen and  (max-width: 568px) {
.course_news2 .wf30{
	width:100%;
	float:none;
}

.course_news2 .wf3{
	width:100%;
	height:15px;
	padding: 1% 0 2%;
	margin:0;
	float:none!important;
}

.course_news2 .wf3 img{
	width:auto;
	height:15px;
}

.course_news2 .wf3 p{
	text-align	: center!important;
}
}

.course_cation{
	width: 96%;
	margin:0 auto 0;
	font-size:14px;
	padding:1% 2%;
	background:#DCEAFF;
	color:#0363B1;
}

.bca{
	color:#FFF;
	padding:1px;
	background:#E74B32;
}

@media only screen and  (max-width: 568px) {
.course_cation{
	width: 94%;
	font-size:13px;
	padding:2% 3%;
}
}

.course_syousai .sy_text2{
	width: 96%;
	margin:5px auto 20px;
	font-size:110%;
}

.course_syousai .bbq_text{
	width: 96%;
	margin:5px auto 10px;
	font-size:110%;
}

.course_syousai .bbq_text strong{
	color: #2171AE;
	font-size:120%;
}


.bbq_menu{
	width: 96%;
	margin:0 2%;
	font-size:14px;
	padding:2% 2%;
	background:#DCEAFF;
	color:#0363B1;
	float:left;
}

.bbq_menu li{
	width: 30%;
	margin:0 1% 0 2%;
	float:left;
}

@media only screen and  (max-width: 1200px) {
.bbq_menu li{
	width: 47%;
	margin:0 1% 0 2%;
	}
}

@media only screen and  (max-width: 568px) {
.course_syousai .bbq_text strong{
	font-size:110%;
}

.bbq_menu{
	width: 92%;
	margin:0 3%;
}

.bbq_menu li{
	width: 97%;
	margin:0 1% 0 2%;
	}
}


.course_syousai .sy_text3{
	width: 96%;
	margin:5px auto 10px;
	font-size:120%;
}

.course_syousai .sy_text4{
	width: 96%;
	margin:0 auto 20px;
}

.course_syousai .sy_text2 .sm{
	font-size:90%;
}

.course_syousai .sy_text2 .la{
	font-size:30px;
	font-weight:bold;
}

.course_syousai .sy_text2 .mid{
	font-size:20px;
	font-weight:bold;
	color:#CA7242;
}

@media only screen and  (max-width: 568px) {
.course_syousai{
    margin:20px auto 5px;
}
.course_syousai .sy_text2 .la{
	font-size:20px;
}

.course_syousai .sy_text2 .mid{
	font-size:16px;
}
}

.plan_bt{
	clear:both;
	text-align: center;
	margin-top:40px;
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
}

@media only screen and  (max-width: 568px) {
.plan_bt{
	margin-top:20px;
	margin-bottom:20px;
	font-size:16px;
}
}

.plan_bt a{color:#FFF;text-decoration:none;padding:8px 10px 5px 10px;background-color:#D75248;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.plan_bt a:hover{color:#FFF;text-decoration:none;background-color:#FD4848;}


/* �R�[�X���X�g
--------------------------------------------------*/
#course_list {
	width: 100%;
	margin: 0 auto 10px;
}

#course_list h2{
	width: 95.5%;
	margin:0 auto 5px;
	font-size:20px;
	padding:8px 1% 5px 3.5%;
	border-top:3px solid #2877AF;
	border-bottom:1px solid #2877AF;
	color:#2877AF;
}

@media only screen and  (max-width: 1200px) {
	#course_list h2{
	width: 99%;
	margin:0 auto 0;
	font-size:15px!important;
	line-height:1.2;
	padding:8px 0% 5px 1%;
}
}

@media only screen and  (max-width: 800px) {
	#course_list h2{
	width: 95%;
	padding:8px 2% 5px 3%;
	margin:0 auto 0;
}
}

@media only screen and  (max-width: 568px) {
	#course_list h2{
	padding:8px 2% 8px 3%;
	font-size:16px;
	letter-spacing	: 0em;
	line-height:1.4;
}
}

.course_top{
	margin		: 10px 0 5px 15px;
	font-size:120%;
	}
	
.course_info{
	width: 99.5%;
	margin		: 10px 0 10px 0;
	float		: left;
	border		: solid 1px #00C69A;
	background	: #FFF;
	padding-bottom:15px;
	font-size:12px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	position: relative;
	}

@media only screen and  (max-width: 568px) {
.course_info{
	margin		: 0 0 10px 1%;
	width: 98%;
}
}

.ttl_course {
	width: 97%;
	background  : #00C69A;
	margin:0 0 5px 0;
	padding		: 0 1% 0 2%;
	float:left;
	}

@media only screen and  (max-width: 568px) {
.ttl_course {
	width: 97.3%;
	}
}

.course_info h3{
	float:left;
	font-size   : 20px;
	padding		: 7px 5px 5px 10px;
	color:#FFF;
	}

@media only screen and  (max-width: 568px) {
.course_info h3{
	font-size   : 15px;
	padding		: 5px 8px 5px 6px;
	letter-spacing	: 0em;
	}
}

.h_number{
	font-size   : 12px;
	margin: 0 3px 3px 0;
	float:right;
	letter-spacing	: 0em;
	color:#FFF;
	font-size   : 13px;
	padding     : 2px 5px 1px 5px;
	background	: #0097C3;
	color:#FFF;
	text-align	: center;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	}

@media only screen and  (max-width: 1200px) {
.h_number{
	display:none;
	}
}

@media only screen and  (max-width: 800px) {
.h_number{
	display:block;
	font-size   : 12px;
	margin-top: 9px;
	margin-right: 0px;
	float:right;
	letter-spacing	: 0em;
	color:#FFF;
	font-size   : 13px;
	padding     : 2px 5px 1px 5px;
	background	: #0097C3;
	color:#FFF;
	text-align	: center;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	}
}

@media only screen and  (max-width: 568px) {
.h_number{
	display:none;
	}
}

#main_photo{
	width:45%;
	float		: left;
	margin		: 10px 2% 10px 3%;
	-moz-box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	box-shadow: 0 0 5px #cccccc;
	border: solid #fff 5px;
	left: -5px;
	}

@media only screen and  (max-width: 568px) {
#main_photo{
	width:68%;
	float		: left;
	margin		: 7px 0 5px 3%;
	-moz-box-shadow: 0 0 2px #cccccc;
	-webkit-box-shadow: 0 0 2px #cccccc;
	box-shadow: 0 0 2px #cccccc;
	border: solid #fff 3px;
	left: -2px;
	}
}

.thumb{
	border: 2px solid #A8A8A8;
	margin-right:1%;
	margin-bottom:5px;
	width:30%;
	height:auto;
}

@media only screen and  (max-width: 1280px) {
.thumb{
	margin-right:0.5%;
	width:29.5%;
}
}

@media only screen and  (max-width: 568px) {
.thumbnailBox{
	width:22%;
	position: absolute;
	top:23%;
	right:2%;
}
.thumb{
	margin-bottom:5px;
	width:90%;
}
}

.viewText{
	padding:5px 30px 0 30px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:2px;
	color:#01A6F3;
}

@media only screen and  (max-width: 1280px) {
.viewText{
	padding:5px 15px 0 15px;
	font-size:16px;
}
}

@media only screen and  (max-width: 800px) {
.viewText{
	padding:5px 25px 0 25px;
	font-size:18px;
}
}

@media only screen and  (max-width: 568px) {
.viewText{
	padding:1px 15px 0 15px;
	font-size:12px;
	line-height:1.5;
	letter-spacing	: 0em;
}
}

.messageBox ul{
    width:98%;
	margin: 3px auto 0;
}

.hide{
    display: none;
}

.h_syousai {
	float:right;
	width:45%;
	margin-top: 10px;
	margin-right: 2.5%;
	overflow: hidden;
	letter-spacing	: 0em;
	font-size:14px;
}

@media only screen and  (max-width: 1280px) {
.h_syousai {
	font-size:12px;
	margin-right: 2%;
}
}

@media only screen and  (max-width: 800px) {
.h_syousai {
	font-size:14px;
	margin-right: 2.5%;
}
}

@media only screen and  (max-width: 568px) {
.h_syousai {
	width:94%;
	font-size:13px;
	margin-right: 3%;
	margin-top: 5px;
}
}

.h_text{
	margin: 0 0 10px;
	padding:0;
	width:100%;
	float : left;
	}

@media only screen and  (max-width: 1280px) {
.h_text{
	margin: 0 0 5px;
	}
}

@media only screen and  (max-width: 800px) {
.h_text{
	margin: 0 0 10px;
	}
}

@media only screen and  (max-width: 568px) {
.h_text{
	margin: 0 0 5px;
	}
}

.h_text2{
	margin: 0 0 0;
	padding:0;
	width:100%;
	float : left;
	line-height:1.8;
	}

.ls_price{
	font-size:110%;
	color:#FF6060;
	}
	
.icon_tour_detail {
	float: right;
	width: 98%;
	margin-top:5px;
	margin-right:2%;
}

.menu_bt{
	margin-right:10px;
	color:#7B7B7B;
	font-size:13px;
	text-align: center;
	float:left;
}

.menu_bt a{color:#FFF;display:inline-block;padding:6px;background-color:#FF4A4A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.menu_bt a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

.yoyaku_bt{
	color:#7B7B7B;
	font-size:13px;
	text-align: center;
	float:left;
}

.yoyaku_bt a{color:#FFF;display:inline-block;padding:2px 5px;background-color:#FF8A00;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.yoyaku_bt a:hover{color:#FFF;text-decoration:none;background-color:#FF6000;}

@media only screen and  (max-width: 1280px) {
.menu_bt{
	margin-right:5px;
	font-size:12px;
	letter-spacing	: 0em;
}
.yoyaku_bt{
	font-size:12px;
	letter-spacing	: 0em;
}
}

@media only screen and  (max-width: 800px) {
.menu_bt{
	margin-right:10px;
	font-size:13px;
}
.yoyaku_bt{
	font-size:13px;
}
}

@media only screen and  (max-width: 568px) {
.menu_bt{
	margin-right:10px;
	font-size:14px;
	letter-spacing	: 0em;
}
.menu_bt a{color:#FFF;display:inline-block;padding:5px 5px;background-color:#FF4A4A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.yoyaku_bt{
	font-size:14px;
	letter-spacing	: 0em;
}
.yoyaku_bt a{color:#FFF;display:inline-block;padding:5px 5px;background-color:#DD6605;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
}

.yoyaku_bt button {
	padding: 5px;
}

/* �C�w���s
--------------------------------------------------*/
#school_list {
	width: 100%;
	margin: 0 auto 10px;
}

#school_list h2{
	width: 95.5%;
	margin:0 auto 5px;
	font-size:20px;
	padding:8px 1% 5px 3.5%;
	border-top:3px solid #2877AF;
	border-bottom:1px solid #2877AF;
	color:#2877AF;
}

@media only screen and  (max-width: 1200px) {
	#school_list h2{
	width: 99%;
	margin:0 auto 0;
	font-size:15px;
	padding:8px 0% 5px 1%;
}
}

@media only screen and  (max-width: 800px) {
	#school_list h2{;
	width: 95%;
	padding:8px 2% 5px 3%;
	margin:0 auto 0;
}
}

@media only screen and  (max-width: 568px) {
	#school_list h2{
	padding:8px 2% 8px 3%;
	font-size:16px;
	letter-spacing	: 0em;
	line-height:1.4;
}
}

.school_top{
	margin		: 10px 0 5px 15px;
	font-size:120%;
	}

.school_syousai{
	width: 100%;
	margin:0 auto 10px;
	}

.school_syousai h3{
	font-size: 24px!important;
	padding:0 2% 5px 2%;
	border-bottom: 1px dotted #2877AF;
	width:96%;
	margin-top:10px;
	margin-bottom:15px;
	color:#2877AF;
}


@media only screen and  (max-width: 568px) {
.school_syousai h3{
	font-size: 18px!important;
	padding:0 2% 5px 2%;
	margin-top:5px;
	margin-bottom:5px;
}
}

.school_siryo{
	width: 92%;
	margin:0 1% 10px 1%;
	border:1px solid #CCC;
	background:#F5F5F5;
	padding:2% 3%;
	float:left;
	}

.shiryo_text{
	margin:0 5px 10px 5px;
	}

.s_link{
	margin:25px 0 40px 15px;
	color:#7B7B7B;
	font-size:16px;
	font-weight:bold;
}

@media only screen and  (max-width: 568px) {
.school_siryo{
	width: 96%;
	margin:0 0 10px 0;
	border:1px solid #CCC;
	background:#F5F5F5;
	padding:2% 2%;
	float:left;
	}

.s_link{
	font-size:12px;
	margin:25px 0 40px 5px;
	font-weight:normal;
	letter-spacing	: 0em;

}
}

.s_link a{color:#FFF;padding:10px 10px 10px 10px;background-color:#FF6787;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.s_link a:hover{color:#FFF;text-decoration:none;background-color:#00B1EF;}

.s_link2{
	margin:15px 0 25px 20px;
	color:#7B7B7B;
}

.s_link2 a{color:#FFF;padding:5px 10px;background-color:#00B1EF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.s_link2 a:hover{color:#FFF;text-decoration:none;background-color:#FF6787;}

.s_link3{
	margin:15px 10px 15px 20px;
	color:#7B7B7B;
	float:left;
}

.s_link3 a{color:#FFF;padding:5px 10px;background-color:#41CA33;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.s_link3 a:hover{color:#FFF;text-decoration:none;background-color:#FF6787;}

.ttl_shiryo{
	width: 96%;
	margin:0 auto 10px;
	border-bottom:1px dotted #CCC;
	font-weight:bold;
	font-size:20px;
	padding:0 2% 5px;
	}

@media only screen and  (max-width: 1200px) {
.ttl_shiryo{
	font-size:18px;
	}
}

@media only screen and  (max-width: 800px) {
.ttl_shiryo{
	font-size:20px;
	}
}

@media only screen and  (max-width: 568px) {
.ttl_shiryo{
	font-size:16px;
	}
}

.ttl_school {
	width: 97%;
	background  : #00C69A;
	margin:20px 0 15px 0;
	padding		: 8px 1% 5px 2%;
	float:left;
	}

.ttl_school2 {
	width: 97%;
	background  : #2171AE;
	margin:20px 0 15px 0;
	padding		: 8px 1% 5px 2%;
	float:left;
	}
	
@media only screen and  (max-width: 568px) {
.ttl_school {
	width: 97.3%;
	}
}

.ttl_school h4{
	font-size:20px;
	color:#FFF;
}

.ttl_school2 h4{
	font-size:20px;
	color:#FFF;
}

@media only screen and  (max-width: 800px) {
.ttl_school h4{
	font-size:18px;
	color:#FFF;
}
.ttl_school2 h4{
	font-size:18px;
	color:#FFF;
}
}

@media only screen and  (max-width: 568px) {
.ttl_school h4{
	font-size:16px;
	color:#FFF;
}
.ttl_school2 h4{
	font-size:16px;
	color:#FFF;
}
#school_list h4{
	width: 94%;
	margin:0 auto 7px;
	font-size:16px;
	padding:0 1% 2px 3.5%;
	}
	
#school_list2 h4{
	width: 94%;
	margin:0 auto 7px;
	font-size:16px;
	padding:0 1% 2px 3.5%;
	}
}

.school_tit{
	width: 46%;
	color: #2171AE;
	float:left;
	font-size:140%;
	margin:10px 0 15px 1%;
	font-weight:bold;
	}

.school_text{
	width: 46%;
	float:left;
	margin:0 0 20px 1%;
	font-size:120%;
	line-height:1.6;
	}

.school_text2{
	width: 98%;
	margin:0 1% 10px 1%;
	}

.school_text2 strong{
	color: #2171AE;
	font-size:120%;
	}
	
.school_text2 p{
	font-size:120%;
	line-height:1.6;
	margin-bottom:10px;
	}
	
.ptbHide{
	display:block;
	}

@media only screen and  (max-width: 1200px) {
.school_tit{
	width: 98%;
	color: #2171AE;
	margin:0 1% 10px 1%;
	}
.school_text{
	font-size:110%;
	line-height:1.4;
	}
.school_text2 p{
	font-size:110%;
	line-height:1.4;
	}
	
.ptbHide{
	display:none;
	}
}

@media only screen and  (max-width: 800px) {
.school_tit{
	width: 98%;
	color: #2171AE;
	margin:0 1% 10px 1%;
	}
.school_text{
	font-size:115%;
	line-height:1.6;
	margin-top:10px;
	}
.school_text2 p{
	font-size:115%;
	line-height:1.6;
	}
	
.ptbHide{
	display:none;
	}
}

@media only screen and  (max-width: 568px) {
.school_tit{
	font-size:140%;
	}
	
.school_text{
	font-size:110%;
	line-height:1.6;
	margin-top:0;
	width: 96%;
	float:left;
	margin:0 2% 10px 2%;
	}
	
.school_text2 p{
	font-size:110%;
	line-height:1.6;
	}
	
.ptbHide{
	display:block;
	}
}

	
.school_photo{
	width: 48%;
	float:right;
	margin:5px 1% 10px 0;
	}

@media only screen and  (max-width: 568px) {
.school_photo{
	width: 98%;
	float:right;
	margin:0 1% 10px 1%;
	}
}

.school_photo img{
	width: 100%;
	height:auto;
	margin: 0 auto;
	}

.school_photo2{
	width: 100%;
	margin:0 auto 10px;
	}

.school_photo2 li{
	width: 23%;
	float:left;
	margin:0 1% 10px 1%;
	font-size:90%;
	letter-spacing	: 0em;
	}

@media only screen and  (max-width: 568px) {
.school_photo2 li{
	width: 48%;
	margin:0 1% 10px 1%;
	}
}


.school_photo2 li img{
	width: 100%;
	height:auto;
	margin: 0 auto 5px;
	}

.school_photo3{
	width: 100%;
	margin:0 auto 10px;
	}

.school_photo3 li{
	width: 30%;
	float:left;
	margin:0 1% 10px 2%;
	font-size:90%;
	letter-spacing	: 0em;
	}

@media only screen and  (max-width: 568px) {
.school_photo3 li{
	width: 48%;
	margin:0 1% 10px 1%;
	}
}

.school_photo3 li img{
	width: 100%;
	height:auto;
	margin: 0 auto 5px;
	}
	
.school_other{
	width: 100%;
	margin: 15px 0 10px 0;
	float:left;
	}

.school_other img{
	width: 26%;
	margin: 0 1% 25px 0;
	float:right;
	}

.school_other h4{
	width: 64%;
	margin: 0 1% 10px 1%;
	float:left;
	font-size:140%;
	padding:0 2% 5px 2%;
	border-bottom:1px dotted #2171AE;
	color: #2171AE;
	}

.scot_text{
	width: 68%;
	margin: 0 1% 25px 1%;
	float:left;
	font-size:110%;
	}
	
@media only screen and  (max-width: 1200px) {
.school_other h4{
	width: 94%;
	margin: 0 1% 20px 1%;
	}

.school_other img{
	width: 40%;
	margin: 0 1% 25px 0;
	float:right;
	}
	
.scot_text{
	width: 54%;
	margin: 0 1% 25px 1%;
	float:left;
	font-size:110%;
	}
}

@media only screen and  (max-width: 568px) {
.school_other h4{
	width: 94%;
	margin: 0 1% 20px 1%;
	}

.school_other img{
	width: 98%;
	margin: 0 1% 10px 1px;
	}
	
.scot_text{
	width: 96%;
	margin: 0 2% 5px 2%;
	font-size:110%;
	}
}

.school_other2{
	width: 98%;
	margin: 0 1% 25px 1%;
	}

.school_other2 h4{
	width: 96%;
	margin: 0 0 10px 0;
	font-size:140%;
	padding:0 2% 5px 2%;
	border-bottom:1px dotted #2171AE;
	color: #2171AE;
	}

.school_other2 p{
	width: 98%;
	margin: 0 1% 25px 1%;
	font-size:120%;
	}

.school_other3{
	width: 98%;
	margin: 0 1% 25px 1%;
	}

.school_other3 h4{
	width: 96%;
	margin: 0 0 20px 0;
	font-size:140%;
	padding:0 2% 5px 2%;
	border-bottom:1px dotted #333;
	color: #333;
	}

.school_other3 img{
	margin: 0px 1% 25px 20px;
	width:228px;
	height:171px;
	float:right;
	-moz-box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	box-shadow: 0 0 5px #cccccc;
	border: solid #fff 5px;
	left: -5px;
	}

@media only screen and  (max-width: 568px) {
.school_other3{
	width: 98%;
	margin: 0 1% 10px 1%;
	}
	.school_other3 img{
	margin: 0px 0 25px 5%;
	width:90%;
	max-width:228px;
	height:auto;
	-moz-box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	box-shadow: 0 0 5px #cccccc;
	border: solid #fff 5px;
	left: -5px;
	float:left;
	}
}
	
.school_other3 p{
	margin: 0 1% 15px 1%;
	font-size:120%;
	}

@media only screen and  (max-width: 568px) {
.school_other3 p{
	margin: 0 1% 10px 1%;
	font-size:110%;
	clear:both;
	}
}


.res_bt{
	margin-top:40px;
	margin-bottom:20px;
	color:#7B7B7B;
	font-size:30px;
	text-align: center;
	font-weight:bold;
}

.mv_bt{
	margin:15px 0 25px 0;
	text-align: center;
}

.mv_bt a{color:#FFF;padding:5px 10px;background-color:#00B1EF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mv_bt a:hover{color:#FFF;text-decoration:none;background-color:#FF6787;}

/* ����
--------------------------------------------------*/
.movies_box{
	width:auto;
	margin: 20px auto 25px auto;
	display:block;
	max-width:700px;
	}

.movies_box p{
	text-align: center;
	}
	
/* �n�}
--------------------------------------------------*/
.area_map{
	width: 100%;
	margin:10px auto 10px;
	text-align: center;
}

.area_map img{
	width: 100%;
	height:auto
	margin:0;
	max-width:580px;
}

.area_map2{
	width: 100%;
	margin:10px auto 10px;
}

.area_map2 img{
	width: 250px;
	height:auto
	padding:10px!important;
	float:left;
}

.area_map2 p{
	padding:10px!important;
}


@media only screen and  (max-width: 568px) {
.area_map2 img{
	max-width: 250px;
	width: 40%;
	height:auto
	margin:0 10px 5px 0;
}
}

/* �{��
--------------------------------------------------*/
.inst_box{
	width:100%;
	margin:0 auto 10px;
}

.inst_box table{
	width:100%;
	margin:0 0 40px ;
}

.inst_box th{
	border-bottom : 1px dotted #ccc;
	line-height:1.6;
	padding		: 10px 5px 5px;
	font-weight:bold;
	text-align: center;
	font-size:120%;
	background	: #F2F2F2;
	}

.inst_box td{
	border-bottom	: 1px dotted #ccc;
	line-height:1.6;
	padding		: 10px 0 5px 15px;
	font-size:120%;
	}

@media only screen and  (max-width: 568px) {
.inst_box td{
	padding		: 10px 0 5px 10px;
}
}

.inst_box h3{
	font-size: 24px!important;
	padding:0 2% 5px 2%;
	border-bottom: 1px dotted #2877AF;
	width:96%;
	margin-top:10px;
	margin-bottom:10px;
	color:#2877AF;
}

.inst_box h4{
	font-size: 16px!important;
	padding:0 2% 2px 2%;
	border-bottom: 1px dotted #ccc;
	width:96%;
	margin-top:10px;
	margin-bottom:5px;
}

@media only screen and  (max-width: 568px) {
.inst_box h3{
	font-size: 18px!important;
	padding:0 2% 5px 2%;
	margin-top:5px;
	margin-bottom:5px;
}

}

.inst_box .nbmain_p{
	width:90%;
	margin:20px 5% 15px 5%;
}

.inst_box img{
	width:100%;
	height:auto;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	border: solid #fff 5px;
	background: #fff;
}

.inst_box .nbsub_p{
	width:41.5%;
	margin:1% 0 10px 5%;
	float:left;
}

.inst_box .nbsub_p2{
	width:41.5%;
	margin:1% 5% 10px 0;
	float:right;
}

.inst_box .nbsub_p3{
	width:28%;
	margin:1% 1% 10px 2%;
	float:left;
}

.inst_box .nbsub_p4{
	width:250px;
	margin:0 3% 10px 0%;
	float:left;
}

.inst_box .nbsub_p5{
	width:250px;
	margin:0 3% 10px 0%;
	float:left;
}


@media only screen and  (max-width: 568px) {
.inst_box .nbmain_p{
	width:90%;
	margin:20px 3% 15px 3%;
}
.inst_box .nbsub_p{
	width:40%;
	margin:1% 0 10px 3%;
	float:left;
}

.inst_box .nbsub_p2{
	width:40%;
	margin:1% 0 10px 5%;
	float:left;
}

.inst_box .nbsub_p3{
	width:250px;
	margin:3% 0 10px 5%;
	float:left;
}
.inst_box .nbsub_p5{
	width:250px;
	margin:0 0 10px 0%;
	float:none;
}

.inst_box .nbsub_p5{
	width:250px;
	margin:0 0 10px 0%;
	float:none;
}
.inst_box .nbsub_p4{
	width:97%;
	max-width:250px;
	margin:0 0 10px 3%;
	float:none;
	clear:both;
}
}


.ins_tx{
	padding:0 2% 5px 2%;
	width:96%;
	margin-bottom:20px;
	font-size:120%;
}

.ins_tx2{
	padding:0 2% 5px 2%;
	width:96%;
	margin-bottom:5px;
	font-size:120%;
}

.ins_tx3{
	padding:0 2% 5px 2%;
	width:96%;
	margin-bottom:5px;
	font-size:120%;
	text-align: center;
}

.ins_tx4{
	margin:20px 0 0 15px;
	font-size:120%;
}

@media only screen and  (max-width: 568px) {
.ins_tx3{
	text-align: left;
}
}

.kiji_m {
	padding:10px 2% 5px 2%;
	width:96%;
	margin-bottom:15px;
}

.kiji_m li {
	list-style-position: outside;
	list-style-image: url(../images/pt_list.gif);
	padding-left: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	line-height: 140%;
	list-style-type: none;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	font-size:120%;
}

.kiji_m .small{
	font-size:90%;
}


/* other_box
--------------------------------------------------*/
#other_box {
    width: 100%;
	margin: 0 auto 0;
}

@media only screen and  (max-width: 1200px) {
	#other_box {
		margin: 0 0 20px 0;
		}
}

@media only screen and  (max-width: 800px) {
	#other_box {
		width: 98%;
		margin: 0 1% 20px 1%;
		letter-spacing: 0em;
		}
}

@media only screen and  (max-width: 568px) {
	#other_box {
		width: 96%;
		margin: 0px 2% 20px 2%;
		letter-spacing: 0em;
		}
}

#other_box h2{
	font-size: 24px!important;
	padding:0 2% 5px 2%;
	border-bottom: 1px dotted #2877AF;
	width:96%;
	margin-bottom:10px;
	color:#2877AF;
}

@media only screen and  (max-width: 1200px) {
	#other_box h2{
	font-size: 20px!important;
}
}

@media only screen and  (max-width: 800px) {
	#other_box h2{
	font-size: 24px!important;
}
}

#other_box .ttl {
	margin-right:10px;
	margin-left:5px;
	vertical-align: top;
	}

#other_box .ttl img{
	width:44px;
	height:33px;
	}

@media only screen and  (max-width: 568px) {
#other_box .ttl {
	vertical-align: top;
	margin-left:0;
	margin-right:5px;
	}

#other_box h2 img{
	display:none;
	}
		
#other_box h2{
	font-size: 15px!important;
	line-height:1.4;
}
}

.other_info{
	width:96%;
    margin:15px auto 10px;
	font-size:16px;
}

.other_info strong{
	font-size:140%;
	color:#13B4F2;
}

@media only screen and  (max-width: 1200px) {
	.other_info strong{
	font-size: 20px;
}
}

@media only screen and  (max-width: 800px) {
.other_info{
	width:94%;
	margin:15px auto 5px;
}
}

@media only screen and  (max-width: 568px) {
.other_info{
	margin:15px auto 0;
	font-size:13px;
}
.other_info strong{
	font-size: 15px;
}
}

.other_info .red2 {
	font-size:20px;
	color:#EF6363;
	font-weight:bold;
}

@media only screen and  (max-width: 1200px) {
.other_info .red2 {
	font-size:18px;
}
}

@media only screen and  (max-width: 568px) {
.other_info .red2 {
	font-size:16px;
}
}

/* .contact_box
================================================== */
.contact_box {
	width:100%;
	margin:15px auto 25px;
}

.contact_box li{
	padding :0 0 10px 18px;
	background	: url("../images/common/point.gif") 0 4px no-repeat;
}

.contact_box .cnt_text{
	width: 96%;
	margin:0 auto 10px;
	font-size:120%;
}

.contact_box .cnt_text2{
	width: 96%;
	margin:0 auto 10px;
	font-size:110%;
}

.contact_box table{
	width		: 99%;
	border	: 1px solid #ABC9D2;
	margin : 0 auto 25px;
	font-size:110%;
	}

.contact_box caption{
	margin : 0 0 0 0;
	padding		: 7px 0 5px 3%;
	font-weight	: bold;
	background: #28B5CF;
	color:#FFF;
	width: 96.5%;
	font-size:20px;
	}

@media only screen and  (max-width: 1280px) {
.contact_box caption{
	font-size:16px;
	}
}
		
.contact_box th,
.contact_box td{
	border-right	: 1px solid #ABC9D2;
	border-bottom	: 1px dotted #ABC9D2;
	line-height:2;
	letter-spacing:0em;
	}
	
.contact_box th{
	background	: #E8F7FB;
	width:25%;
	padding		: 10px;
	text-align: center;
	font-size:13px;
	}

.contact_box td strong{
	font-weight:bold;
	font-size:120%;
	color:#FF585C;
	}
	
@media only screen and  (max-width: 1200px) {
.contact_box th{
	width:20%;
	}
}

.contact_box td{
	padding		: 10px 10px 10px 20px;
	}

.contact_box input{
	padding		: 5px;
	}

.contact_box .btn_send{
	text-align	: center;
	}
	
.contact_box .btn_send input{
	padding		: 10px;
	}

.contact_box sup{
	color	: #FF7C7C;
	}

.contact_box td img {
vertical-align: top;
margin-left: 7px;
margin-top: 2px;
}

.ttl_reserve {
	width: 97%;
	background  : #00C69A;
	margin:5px 0 0 0;
	padding		: 8px 1% 5px 2%;
	float:left;
	color:#FFF;
	font-size:20px;
	}
	
@media only screen and  (max-width: 1200px) {
.ttl_reserve{
	font-size:18px;
}
}


@media only screen and  (max-width: 568px) {
.ttl_reserve{
	width: 95%;
	padding		: 8px 1% 5px 4%;
	margin:10px 0 0 0;
}

.ttl_reserve h3{
	font-size:16px;
	color:#FFF;
}
}

.res_bt{
	margin:15px 5px 25px 15px;
	font-size:120%;
	float:left;
}

@media only screen and  (max-width: 1200px) {
.res_bt{
	margin:10px 5px 10px 15px;
}
}

@media only screen and  (max-width: 568px) {
.res_bt{
	margin:10px 5px 10px 15px;
}
}

.res_bt a{text-decoration:none;color:#FFF;padding:5px 10px;background-color:#FF4F6C;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.res_bt a:hover{color:#FFF;text-decoration:none;background-color:#00B1EF;}


.ttl_reserve2 {
	width: 97%;
	background  : #547AC7;
	margin:15px 0 15px 0;
	padding		: 8px 1% 5px 2%;
	float:left;
	color:#FFF;
	font-size:20px;
	}
	
@media only screen and  (max-width: 1200px) {
.ttl_reserve2{
	font-size:18px;
}
}


@media only screen and  (max-width: 568px) {
.ttl_reserve2{
	width: 95%;
	padding		: 5px 1% 3px 4%;
	margin:10px 0 10px 0;
}

.ttl_reserve2 h3{
	font-size:16px;
	color:#FFF;
}
}

.res_bt2{
	margin:15px 5px 25px 15px;
	font-size:110%;
	float:left;
}

@media only screen and  (max-width: 1200px) {
.res_bt2{
	margin:10px 5px 10px 15px;
}
}

@media only screen and  (max-width: 568px) {
.res_bt2{
	margin:10px 5px 10px 15px;
}
}

.res_bt2 a{text-decoration:none;color:#FFF;padding:5px 10px;background-color:#FF4F6C;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.res_bt2 a:hover{color:#FFF;text-decoration:none;background-color:#00B1EF;}



.rs_list {
width:96%;
margin:0 auto 20px;
font-size:120%;
}

@media only screen and  (max-width: 568px) {
.rs_list {
width:96%;
margin:0 auto 10px;
font-size:120%;
}
}

.rs_list li{
border-bottom:1px dotted #ccc;
margin-top:15px;
}

@media only screen and  (max-width: 568px) {
.rs_list li{
line-height:1.4;
}
}

.rs_list li a{color:#0E6BA0;text-decoration:none;}
.rs_list li a:hover{color:#FF6000;text-decoration:under_line;}

.contact_cation{
	width:98%;
	margin:15px auto 15px;
	background:#DCEAFF;
	border:1px solid #547AC7;
}

.cc_ttl{
	width:96%;
	padding:5px 2%;
	margin:0;
	background:#547AC7;
	color:#FFF;
	font-weight:bold;
	font-size:130%;
}

.cc_text{
	width:96%;
	padding:1.5% 2%;
	margin:0;
	font-size:120%;
}


.privacy{
	width:96%;
	padding:1.5% 2%;
	margin:0;
	font-size:120%;
}

/* food_box
--------------------------------------------------*/
#food_box {
    width: 100%;
	margin: 0 0 25px 0;
}


.food_top {
    width: 100%;
	margin: 0 0 25px 0;
}

.food_top p{
    font-size:120%;
	margin:5px;
}

.fmain {
    width: 40.7%;
	margin: 0 0 0 0;
	float:left;
}

.fmain img{
    width: 100%;
	height:auto;
}

.fsub {
    width: 59.3%;
	margin: 0 0 0 0;
	float:right;
}

.fsub img{
    width: 49.5%;
	height:auto;
	float:left;
	margin:0 0 0.5% 0.5%;
}

@media only screen and  (max-width: 568px) {
.food_top {
    width: 98%;
	margin: 0 1% 15px 1%;
}

.fmain {
    width: 100%;
	margin: 0 0 0.5% 0;
}

.fsub {
    width: 100%;
	margin: 0 0 0 0;
}
}

#food_box .ttl_food{
	width: 96%;
	margin:0 0 5px;
	padding:5px 2% 3px 2%;
	background-color: #B1650A;
	color:#FFF;
	float:left;
	margin-bottom:15px;
}

#food_box h2{
	font-size: 20px;
}


@media only screen and  (max-width: 568px) {
#food_box h2{
	font-size: 16px;
}
}

.food_memu{
	width:100%;
	margin:10px 0 5px 0;
}

.food_memu p{
	padding-left:5px;
}

.food_memu li{
	width:30%;
	margin:10px 1% 5px 2%;
	font-size:110%;
	float:left;
	line-height:1.4;
}

.food_memu li img{
	width:100%;
	height:auto;
	margin-bottom:7px;
}

@media only screen and  (max-width: 568px) {
.food_memu li{
	width:47%;
	margin:5px 1% 0 2%;
}
}

.food_memu2{
	width:98.5%;
	margin:0 0 25px 0;
}

.food_memu2 p{
	padding-left:5px;
}

.food_memu2 li{
	width:22%;
	margin:10px 1% 5px 2%;
	font-size:110%;
	float:left;
	line-height:1.4;
}

@media only screen and  (max-width: 1200px) {
.food_memu2{
	width:100%;
}
.food_memu2 li{
	width:30%;
	margin:10px 1% 5px 2%;
}
}

@media only screen and  (max-width: 568px) {
.food_memu2{
	margin:0 0 15px 0;
}

.food_memu2 li{
	width:47%;
	margin:5px 1% 0 2%;
}
}
.food_memu2 li img{
	width:100%;
	height:auto;
	margin-bottom:7px;
}

.drink{
	width:100%;
	margin:0 0 25px 0;
}

.drink table{
	width:45%;
	margin:0 2.5% 0 2.5%;
	float:left;
	font-size:120%;
	letter-spacing:0em;
}

.drink caption{
	margin : 0 0 0;
	padding		: 5px 0 5px 3%;
	font-weight	: bold;
	font-size:20px;
	text-align	: left;
	}
	
.drink th{
	font-weight:normal;
	padding:10px 10px 5px 10px;
	border-bottom:1px dotted #CCC;
	text-align	: left;
}
.drink td{
	text-align	: right;
	padding:10px 10px 5px 10px;
	border-bottom:1px dotted #CCC;
}

@media only screen and  (max-width: 1200px) {
.drink table{
	width:47%;
	margin:0 1.5% 0 1.5%;
	font-size:100%;
}

.drink th{
	padding:10px 0 5px 5px;
}
.drink td{
	padding:10px 0 5px 0;
}
}

@media only screen and  (max-width: 568px) {
.drink table{
	width:97%;
	margin:0 1.5% 20px 1.5%;
	font-size:110%;
}
.drink caption{
	margin : 0 0 0;
	padding		: 5px 0 0 3%;
	}
}

/* blog_box
--------------------------------------------------*/
.blog_box {
    width: 98%;
	margin: 0 1% 25px 1%;
}

.news_box{
	width		: 98%;
	margin		: 10px auto 15px;
	border		: solid 1px #0086CF;
	padding-bottom:5px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	background  : #FFF;
	}

.news_box h3{
	width		: 96%;
	margin		: 0;
	padding:5px 1% 5px 3%;
	background: #0086CF;
	font-weight:bold;
	font-size:20px;
	color: #FFF;
	}

@media only screen and  (max-width: 568px) {
	.news_box h3{
	width		: 96%;
	margin		: 0;
	padding:5px 1% 5px 3%;
	background: #0086CF;
	font-weight:bold;
	font-size:16px;
	color: #FFF;
	}
}

.news_box h3 a {  
	color: #FFF;
	} 
	
.news_box h3 a:hover {  
	color: #FFF;
	text-decoration	: none;
	}

.news_box .entry_box a {
	text-decoration: underline;
	color: #FF7200;
}
.news_box .entry_box a:hover {
	color: #FFCC00;
	text-decoration: none;
}
		
.entry_box{
	width : 92%;
	padding : 2% 4% 4% 4%;
	font-size:120%;
	line-height:1.8;
	}

@media only screen and  (max-width: 568px) {
.entry_box{
	font-size:100%;
	line-height:1.6;
	}
}

.entry_box img{
	width:auto;
	height:auto;
	max-width : 100%;
	margin:2% 1% 2% 0;
	}


.entry_fotter{
	width:96%;
	margin:0 auto;
	text-align: right;
	padding:5px 5px 5px;
	border-top:1px dotted #CCC;
	color:#333;
	}

/* errorBox
--------------------------------------------------*/
#errorBox {
	margin: 10px auto;
	width: 96%;
	font-size:110%;
	}

#errorBox h3 {
	font-size: 135%;
	padding: 30px 0 0 0;
	text-align	: center;
	margin-top: 30px;
	margin-bottom: 25px;
	font-weight:bold;
	}

#errorBox .ttl {
	margin-right:10px;
	margin-left:5px;
	vertical-align: top;
	}

#errorBox .ttl img{
	width:60px;
	height:50px;
	}
	
#errorBox p.url {
	margin-bottom: 20px;
	text-align	: center;
}

.erro_bt{
	margin-top:25px;
	color:#7B7B7B;
	font-size:20px;
	text-align: center;
	font-weight:bold;
}


.erro_bt a{color:#FFF;padding:5px 10px 5px 10px;background-color:#73B713;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.erro_bt a:hover{color:#FFF;text-decoration:none;background-color:#00B1EF;}

#errorBox p.link {
	margin-top:35px;
	text-align	: center;
	margin-bottom: 30px;
	}
	
#errorBox p.logo {
	margin:0 0 40px;
	text-align	: center;
}

/* ����lj�
--------------------------------------------------*/
.video_box {
  height: auto;
  position: relative;
  width: 97%;
  margin: 0 auto 10px;
}
}

#video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

#video .bg_kayak{
  background: url('//www.nabee.info/movie/video_kayak.jpg') no-repeat; 
}

#video .bg_ksno{
  background: url('//www.nabee.info/movie/video_ksno.jpg') no-repeat; 
}

#video .bg_banana{
  background: url('//www.nabee.info/movie/video_banana.jpg') no-repeat; 
}

#video .bg_marble{
  background: url('//www.nabee.info/movie/video_marble.jpg') no-repeat; 
}

/* �T�ʕl�ē�
--------------------------------------------------*/
.annai{
	width:100%;
	margin:15px auto 15px;
	background:#FFF0FC;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	overflow:hidden;
	padding:0;
}

.anna_ttl{
 display:block;
 padding:10px 0;
 overflow:hidden;
 text-align: center;
 width:100%;
 margin:0;
}


.anna_ttl p{
 color:#F0FF00;
 font-size:1.5em;
 line-height:1.4;
 font-family: 'Roboto', sans-serif;
 font-weight:500;
}
.anna {
  animation: annaAnime 1.5s infinite alternate;
}
@keyframes annaAnime{
   0% { background-color:#F12B50; }
 100% { background-color:#781564; }
}

.annai-tx{
 box-sizing: border-box;
 width:100%;
 padding:2px 3% 8px;
}

.annai-tx p{
 margin:8px 0;
 font-family: 'Roboto', sans-serif;
 font-weight:400;
 color:#000;
 font-size:1.3em;
}

@media only screen and  (max-width: 800px) {
.annai-tx p{
 font-size:15px;
}
}

@media only screen and  (max-width: 568px) {
.annai-tx p{
 font-size:14px;
 line-height:1.5;
}
}

.annai-tx span{
 font-size:1.2em;
 font-family: 'Roboto', sans-serif;
 font-weight:500;
 color:#F12B50;
}