@charset "utf-8";

/***********************************/
/* reset */
	body{
		-webkit-text-size-adjust: 100%;
		padding: 8px;
	}
	a{
		display: block;
		text-decoration: none;
	}
	td,th{
		word-break: break-all;
	}
	table{
		width: 100%;
		font-size: 12px;
	}
	td,
	th{
		padding: 4px;
		border: #ccc solid 1px;
	}
	th{
		background-color: #FAFFC9;
		width: 25%;
	}
	/* form */
		input,
		select,
		textarea{
			font-size: 16px !important;
		}
		input,
		select{
			width: 90%;
			height: 40px;
			margin: 6px 4px;
		}
		textarea{
			width: 90%;
			height: 90px;
		}
		input[type="checkbox"],
		input[type="radio"]{
			display: inline-block;
			height: 20px !important;
			width: 20px !important;
		}
		button{
			margin: 16px 0;
		}
	/* end_form */
/* end_reset */

/***********************************/
/* class */
	.btn_recruit,
	.btn_contact{
		margin: 8px 0;
	}
/* end_class */

/***********************************/
/* header */
	h1{
		margin: 8px 0 24px;
		text-align: center;
	}
	#header ul{
		display: none;
	}
/* end_header */

/***********************************/
/* wrapper */
	#main_content,
	#sub_content{
		margin: 8px 0;
	}
	#index_content{
		margin-top: 8px;
	}
	#index_greeting{
		padding: 8px;
		margin: 8px 0;
		background-color: #FAF5D5;
	}
/* end_wrapper */

/***********************************/
/* main_content */
	#main_content article h2,
	#index_content h2{
		padding: 12px 18px;
		margin: 0 -8px 12px;
		text-align: center;
		background-color: #D34800;
		color: #fff;
		font-family: "flopfont";
		font-weight: normal;
		text-shadow: -1px -1px 0 rgba(50,0,0,.2);
	}
	#main_content article h2 span{
		display: block;
		font-size: 80%;
	}
	#main_content p a{
		display: inline;
		text-decoration: underline;
	}
	#index_content h2 span{
		display: block;
	}

	.moviewrap iframe{
		width: 100%;
		height: 100%;
	}

	#index_list ul{
		overflow: hidden;
		margin: 0 -4px;
	}
	#index_list li{
		width: 50%;
		float: left;
	}
	#index_list li a{
		margin: 8px 4px;
	}
	#stuff_greeting{
		overflow: hidden;
		margin-bottom: 8px;
	}
	#stuff_greeting h2,
	#greeting h2{
		margin-bottom: 8px;
		font-family: "flopfont";
		font-size: 21px;
		font-weight: normal;
		color: #E3680E;
	}
	#stuff_greeting h2:before{
		display: block;
		content: "あなたにとってFROG KINGDOMとは？";
		font-size: 14px;
		color: #2C7516;
	}
	#greeting h2:before{
		display: block;
		content: "院長にとってFROG KINGDOMとは？";
		font-size: 14px;
		color: #2C7516;
	}
	#stuff_greeting p,
	#greeting p{
		font-size: 14px;
	}
	#stuff_greeting img{
		zoom: 0.5;
		margin-right: 12px;
		float: left;
	}
	#greeting p img{
		margin: 8px 0;
	}
	#greeting p img:last-child{
		display: block;
		width: 200px;
		margin: 8px auto;
	}
	#stuff_schedule{
		font-size: 14px;
		padding: 8px;
		background: #FFE7D4;
	}
	#stuff_schedule ol{
		border-left: #E3680E solid 3px;
	}
	#stuff_schedule li{
		margin: 0 0 8px 8px;
		padding-bottom: 8px;
		border-bottom: dotted 3px #E3680E;
	}
	#stuff_schedule li:last-child{
		margin-bottom: 0;
		border: none;
	}
	#stuff_schedule img{
		margin-bottom: 8px;
	}
	#stuff_schedule img.sub_image{
		margin-top: 8px;
	}
	#stuff_schedule span{
		color: #E3680E;
	}
	#stuff_schedule b{
		display: block;
		margin-bottom: 8px;
		line-height: 1.2;
		font-size: 24px;
		font-family: "flopfont";
	}
	#stuff_schedule p,
	p#greeting_pop{
		padding: 16px;
		background-color: #E3680E;
		color: #fff;
	}
	#stuff_schedule p:before,
	p#greeting_pop:before{
		display: block;
		content: '見てくださってる方へメッセージ';
		border-bottom: #fff dotted 2px;
		padding-bottom: 8px;
		margin-bottom: 8px;
		font-family: "flopfont";
	}
	#privacypolicy{
		margin: 16px 0;
		padding: 12px;
		height: 160px;
		overflow: auto;
		font-size: 13px;
		border-right: #ddd solid 12px;
		background-color: #f6f6f6;
		color: #555;
	}
	#privacypolicy h3{
		margin-bottom: 8px;
	}
	#privacypolicy h3 span{
		display: block;
	}
	#privacypolicy dt{
		padding: 8px;
		font-weight: bold;
		background-color: #eee;
	}
	#privacypolicy dd{
		padding: 8px;
	}
/* end_main_content */

/***********************************/
/* sub_content */
	#side_nav > li{
		margin-bottom: 12px;
	}
	#side_nav h3{
		padding: 4px 0 4px 34px;
		margin-bottom: 8px;
		border-top: solid 2px #E3680E;
		border-bottom: solid 2px #E3680E;
		color: #E3680E;
		background: url(../images/bg_square_orange.gif) left center no-repeat;
		font-family: "flopfont";
		font-weight: normal;
	}
	#sfuff_list li{
		overflow: hidden;
		padding-top: 5px;
		padding-bottom: 8px;
		margin-bottom: 8px;
		font-size: 13px;
		line-height: 1.5;
		border-bottom: #666 dotted 2px;
	}
	#sfuff_list span{
		display: block;
		font-size: 20px;
		font-family: "flopfont";
	}
	#sfuff_list a{
		display: block;
		text-decoration: none;
		color: #444;
	}
	#sfuff_list img{
		width: 40px;
		margin-top: -5px;
		margin-right: 12px;
		float: left;
	}
/* end_sub_content */


/***********************************/
/* footer */
	#footer p{
		font-size: 9px;
	}
	#footer ol{
		margin: 16px 0 8px;
		border-top: #ccc dashed 1px;
	}
	#footer ol li a{
		color: #444;
		font-size: 13px;
		padding: 8px;
		border-bottom: #ccc dashed 1px;
	}
/* end_footer */

/***********************************/
/* main_image */
	#header_wrap:after{
		content: "";
		display: block;
		height: 200px;
		margin: 0 -8px;
		background-repeat: no-repeat;
		background-size: 320px 200px;
		background-position: center top;
	}
	.index #header_wrap:after{
		background-image: url(../images/main_image_index_sp.jpg);
	}
	.recruit #header_wrap:after{
		background-image: url(../images/main_image_recruit_sp.jpg);
	}
	.company #header_wrap:after{
		background-image: url(../images/main_image_company_sp.jpg);
	}
	.contact #header_wrap:after{
		background-image: url(../images/main_image_contact_sp.jpg);
	}
	.greeting #header_wrap:after{
		background-image: url(../images/main_image_stuff_00_sp.jpg);
	}
	.stuff_01 #header_wrap:after{
		background-image: url(../images/main_image_stuff_01_sp.jpg);
	}
	.stuff_02 #header_wrap:after{
		background-image: url(../images/main_image_stuff_02_sp.jpg);
	}
	.stuff_03 #header_wrap:after{
		background-image: url(../images/main_image_stuff_03_sp.jpg);
	}
	.stuff_04 #header_wrap:after{
		background-image: url(../images/main_image_stuff_04_sp.jpg);
	}
	.stuff_05 #header_wrap:after{
		background-image: url(../images/main_image_stuff_05_sp.jpg);
	}
/* end_main_image */