﻿@media screen and (min-width: 0px) and (max-width: 650px) {
/****************body設定*********************/
	html,body {
		font-size:100%;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
		height:100%;
	}
	body {
		background:#fff;
		font-size: 14px;
		line-height: 1.6em;
		color: #000;
		letter-spacing: 1.0px;
		min-width: 100%;
	}
	#wrapper {
		width: 100%;
	}

	.pc,
	#pc,#head_area #link{
		display:none;
	}
	.sp,
	#sp{
		display:block;
	}
	img{
		max-width:100%;
	}
	a[href^="tel:"] {
			pointer-events:auto;
	}
	.fixed{
			position: fixed;
	}
	/****************nav設定*********************/
	header {
		display: block;
		position:fixed;
		height:15vw;
		border-bottom:0.4vw solid #cccccc;
		width: 100%;
		overflow:hidden;
		vertical-align: top;
		top: 0;
		background:#fff;
		left: 0;
		z-index: 10001;
		text-align: center;
		-moz-transition: height 0.3s;
		-o-transition: height 0.3s;
		-webkit-transition: height 0.3s;
		transition: height 0.3s;
	}
	header.openmenu{
		overflow:auto;
		height:100% !important;
	}

	#accordion {
		width:100%;
		height:100%;
		display: block;
	}

	header #accordion p.logo{
		width:50vw;
		height:10vw;
		left:1.8vw;
		top:4.0vw;
		text-align:left;
		position:absolute;
		z-index:9999;
		display:block;
		background:url(../sp/logo.png) no-repeat;
		background-size:100% auto;
	}
	header #accordion p.logo a{
		display:block;
		width:100%;
		height:100%;
		box-sizing: border-box;
	}
	header #accordion p.btn {
		position:absolute;
		cursor:pointer;
		background-image:url(../sp/menu_open.png);
		background-repeat: no-repeat;
		background-position:right top;
		background-size:auto 100%;
		width:15vw;
		height:15vw;
		right:15vw;
		top:0vw;
		z-index:9994;
		display:block;
	}
	header #accordion p.login{
		position:absolute;
		cursor:pointer;
		background-image:url(../sp/login.png);
		background-repeat: no-repeat;
		background-position:right top;
		background-size:auto 100%;
		width:15vw;
		height:15vw;
		right:0vw;
		top:0vw;
		z-index:9994;
		display:block;
	}
	header #accordion p.login a{
		display:block;
		width:15vw;
		height:15vw;
		box-sizing: border-box;
	}
	#accordion ul.navsp{
		display:none;
		z-index:10000;
		position:relative;
		width:100%;
		height:100%;
		text-align:left;
		background:#4da7e1;
		margin-top:15vw;
		border-top:0.4vw solid #fff;
		letter-spacing: -.4em;
		font-size: 0;
	}
	.navsp li{
		background:rgba(255,255,255,1.00);
		box-sizing:border-box;
		text-align:left;
		color:#fff;
		height:auto;
		padding:0;
		font-size:4.2vw;
		letter-spacing: normal;
	}
	.navsp li a{
		color:#333;
		font-weight:bold;
		font-size:4.2vw;
		display:block;
		width:100%;
		height:100%;
		box-sizing:border-box;
		text-decoration:none;
	 }

	.navsp li.parent-ac{
		width:100%;
		color:#fff;
		font-weight:bold;
		font-size:4.2vw;
		background:#4da7e1 url(../sp/open.png);
		background-size: auto 100%;
		background-position:right center;
		background-repeat:no-repeat;
		box-sizing:border-box;
		height: 15vw;
		line-height: 15vw;
		padding-left: 6vw;
		border-bottom: 0.4vw solid #fff;
	}
	.navsp li.parent-ac a{
		color: #fff;
	}
	.navsp li.parent-ac.active{
		background:#4da7e1 url(../sp/close.png);
		background-size: auto 100%;
		background-position:right center;
		background-repeat:no-repeat;
	}
	.navsp li.parent{
		width:100%;
		background-color:#4da7e1;
		background-image: url(../sp/stey.png);
		background-size: auto 100%;
		background-position:right center;
		background-repeat:no-repeat;
		height: 15vw;
		line-height: 15vw;
		padding-left: 6vw;
		box-sizing:border-box;
		border-bottom: 0.4vw solid #fff;
	}
	.navsp li.parent a{
		color:#fff;
		font-weight:bold;
		font-size:4.2vw;
	}	
	.navsp li.parent.harf{
		width: 50%;
		display: inline-block;
		background-image: none;
		background-color:#4da7e1;
		font-size:3vw;
		padding-left: 0vw;
	}
	.navsp li.child{
		width:100%;
		box-sizing:border-box;
		display:none;
		background: #004ea2;
		border-bottom:0.4vw solid #fff;
	}
	.navsp li.child > a{
		box-sizing:border-box;
		display:block;
		padding:3vw 0vw 2vw 10vw;
		width:100%;
		color:#fff;
		font-size: 4vw;
		font-weight: 500;
	}
	.navsp li.child > a:first-child{
		padding:6vw 0vw 3vw 10vw;
	}
	.navsp li.child > a:last-child{
		padding:3vw 0vw 6vw 10vw;
	}

	header #accordion p.btn.active{
		background-image:url(../sp/menu_close.png);
	}
	header #accordion p.login.active{
		background-image:url("../sp/login.png");
	}
	/****************nav設定*********************/

	/****************初期設定*********************/

	/****************初期設定*********************/
	#header,#navi_area,
	#navi_content,
	#g_navi,#pan,#foot_area #footer #link ul{
		display: none;
	}
	#foot_area{
		width:100%;
		padding-bottom: 2vw;
		margin-bottom: 2vw;
		background:#168dc7 url(../common/f_bg.gif) 0 bottom repeat-x;
	}
	#foot_area #footer{
		width:100%;
		margin:0 auto ;
	}
	#foot_area #footer #access{
		width:92%;
		float:none;
		margin-left: auto;
		margin-right: auto;
		margin-top:0;
	}
	
	#foot_area #footer #access ul{
		background:none;
	}
	#foot_area #footer #access ul li img,
	#foot_area #footer #access p img{
		display: none !important;
	}
	#foot_area #footer #access ul li iframe{
		width: 100% !important;
		margin-top: 1vw !important;
	}
	#foot_area #footer #access ul li{
		text-align:left;
		padding:0px;
		font-size:3.5vw;
		color:#fff;
		line-height:1.6em;
		box-sizing: border-box;
		margin-bottom: 2vw;
	}
	#copyright{
		width:92%;
		text-align:left;
		margin:0 auto 0 auto !important;
		font-size:2.4vw !important;
		color:#838383;
		padding-top: 4vw !important;
		padding-bottom: 3vw;
	}
	#main_contents{
		width:100%;
		margin:0 auto;
		padding-bottom:0;
		text-align: center;
	}

	#content_l{
		width:92%;
		float:none;
		margin-left: auto;
		margin-right: auto;
	}

	#content_r{
		display: none;
	}

	h2{
		width:100%;
		height:auto;
		margin-bottom:2vw;
		font-size: 4.4vw;
		line-height: 1.6em;
	}
	#main_area{
		width:100%;
		text-align:center;
		height:auto;
		margin-top:15vw;
		margin-bottom:0;
	}

	#main_area img{
		margin:0 auto;
	}
	.m_b25.spmb25{
		margin-bottom: 0 !important;
	}
	.sp-btnarea{
		margin-bottom: 2.4em;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.sp-btnarea a{
		width: 33.33333%;
		display: block;
	}
	.sp-btnarea a img{
		width: 100%;
		}
	#title{
		width:100%;
		background:none;
		text-align:center;
		padding-top:0;
		margin-top:14.2vw;
		margin-bottom:4vw;
		height:auto;
	}

	#title img{
		margin:0 auto;
		width:100%
	}

	h3{
		text-align:left;
		font-size:4.6vw;
		font-weight:bold;
		background:url(../sp/itle_s.gif) left top no-repeat;
		color:#1e1f1f;
		border-bottom:0.5vw solid #158dc7;
		line-height:1.6em;
		padding-bottom:1vw;
		padding-left:6vw;
		margin-bottom:4vw;
	}

	.rayout{
		width:100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 3.8vw;
		line-height: 1.8em;
	}
	.rayout p{
		font-size: 3.8vw;
		line-height: 1.8em;
	}
	.cmid-ttl{
		width: 100%;
		margin-bottom: 4vw;
	}
	.cmid-ttl p{
		font-size: 4vw;
		line-height: 1.6em;
		text-align: right;
		width: 100%;
	}

	.cmid{
		display: inline-block;
		width:47%;
		height:auto;
	}
	.f_l,.f_r{
		float: none;
	}
	.m_r15{
		margin-right: 0;
	}
	.m_b15{
		margin-bottom: 0vw;
	}
	
	table tbody{
		width: 100% !important;
	}

	table.cmid02{
		width:100% !important;
		box-sizing: border-box;
	}

	table.cmid02 th{
		background-color:#effbe5;
		text-align:left;
		padding:2.5vw 2.5vw;
		font-size:3.2vw;
		color:#333;
		font-weight:normal;
		border-bottom: 0.1vw solid #ccc;
		width: 100% !important;
		box-sizing: border-box;
		display: block;
	}

	table.cmid02 td{
		background-color:#fff !important;
		text-align:left;
		padding:2.5vw 2.5vw;
		font-size:3.2vw;
		color:#333;
		border-bottom: 0.1vw solid #ccc;
		box-sizing: border-box;
		width: 100% !important;
		display: block;
	}
	.rijichoarea{
		width: 100%;
	}
	.rijichoarea p{
		display: inline-block;
	}
	.rijicho{
		max-width: 100% !important;
		width: auto !important;
		margin-left: auto;
		margin-right: auto;
	}
	.marginr{
		margin-right: 10vw;
	}
	span.sp{
		display: inline-block;
	}

	form{
		display:inline;
	}

	input[type_text]{
		border:0.3vw solid #ccc;
	}

	input.txt{
		width:100%;
		padding:2.5vw;
		box-sizing: border-box;
		border:0.3vw solid #ccc;
	}

	input.num{
		width:40%;
		padding:2.5vw;
		box-sizing: border-box;
		border:0.3vw solid #cccccc;
	}

	textarea{
		width:100%;
		padding:2.5vw;
		box-sizing: border-box;
		border:0.3vw solid #ccc;
		height:40vw;
	}

	input.btm{
		margin-left:2vw;
		margin-bottom:2vw;
	}

	dl.form_box{
		width:100%;
		background:none;
		border-bottom:0.3vw solid #ccc;
	}

	dl.form_box dt{
		width:100%;
		padding:2.5vw;
		text-align:left;
		color:#3b3b3b;
		font-size:3.5vw;
		line-height:2.0em;
		float:none;
		display: block;
		box-sizing: border-box;
		background: #ececec;
	}

	dl.form_box dt.show{
		line-height:1.4em;
	}

	dl.form_box dt span{
		font-size:3.0vw;
		margin-left:2vw;
		font-weight:bold;
		color:#FF0000;
	}

	dl.form_box dd{
		width:100%;
		padding:2.5vw;
		color:#3b3b3b;
		font-size:3.5vw;
		line-heigh:4em;
		float:none;
		display: block;
		box-sizing: border-box;
	}
		
	dl.form_box dd ul{
		background:url(../../inquiry/img/form_line.gif) no-repeat bottom;
		padding-bottom:2vw;
		margin-bottom:2vw;
		width:100%;
	}

	dl.form_box dd ul li{
		float:none;
		display: inline-block;
	}

	dl.form_box dd ul li p{
		margin-right:2vw;
		line-height:2.0em;
	}

	div.submit_btm{
		width:100%;
		text-align:center;
	}

	div.submit_btm p{
		width:100%;
		margin:0 auto;
		text-align: center;
	}
	div.submit_btm p input{
		display: inline-block;
	}

	div#error{
		width:100%;
		border:1vw solid #FF0000;
		padding:2.5vw;
		text-align:left;
		margin-bottom:6vw;
	}

	div#error ul{
		width:100%;
	}

	div#error ul li.error{
		width:100%;
		background:url(../cms/aicon.gif) left top no-repeat;
		color:#FF0000;
		margin-bottom:2vw;
		padding-bottom:2vw;
		padding-left:3.5vw;
		border-bottom:#ccc dotted 0.6vw;
		font-size:3.5vw;
	}

	div#error ul li#e-title{
		width:100%;
		font-size:3.5vw;
		font-weight:bold;
		color:#FF0000;
		margin-bottom:2vw;
	}

	div#finish{
		box-sizing: border-box;
		width:100%;
		border:1vw solid #999;
		padding:2.5vw;
		text-align:left;
		margin-bottom:6vw;
		font-size:3.5vw;
	}
	.m_r14{
		margin-right: 0;
	}
	.splist{
		text-align: left;
	}
	.member_box{
		width:48%;
		display: inline-block;
	}
	.list_box{
		width:100%;
		padding:0 1.5vw;
		box-sizing: border-box;
	}

	.list_box .name_m{
		width:100%;
		font-size:4vw;
		background:url(../../list/img/mn_ai.gif) no-repeat left 2px;
		border-bottom:0.6vw solid #7ecef4;
		padding:0 0 2vw 5vw;
		color:#1e1f1f;
		text-align:left;
		margin:2vw 0;
		line-height:1.1em;
		box-sizing: border-box;
	}

	.list_box .name_w{
		width:100%;
		font-size:4vw;
		background:url(../../list/img/wm_ai.gif) no-repeat left 2px;
		padding:0 0 2vw 5vw;
		border-bottom:0.6vw solid #e47aac;
		color:#1e1f1f;
		text-align:left;
		margin:2vw 0;
		line-height:1.1em;
	}

	.list_box .photo{
		float:left;
		margin-right:auto;
		width:50%;
	}

	.list_box .kinmu{
		font-size:3vw;
		text-align:left;
		color:#1e1f1f;
		margin-bottom:2vw;
		background:url(../../list/img/line_bg.gif) repeat-x bottom;
		line-height:1.4em;
		padding-bottom:2vw;
		width:46%;
		float:right;
	}

	.list_box .web{
		background:url(../../list/img/hp_ai.gif) left center no-repeat;
		padding-left:5vw;
		font-size:3vw;
		line-height:1.5em;
		margin-bottom:0.5vw;
		width:100%;
		float:none;
		display: inline-block;
	}
	.list_box .book{
		font-size:3vw;
		line-height:1.5em;
		margin-bottom:1vw;
		width:100%;
		display: inline-block;
	}

	.list_box .web a{
		color:#158dc7;
	}
	.list_box .book a{
		color:#555;
	}

	#main_image{
		width:100%;
		text-align:center;
		margin-top:14.2vw;
		background:url(../top/photo/bg.gif) repeat-x bottom;
	}

	#slideshow {
		margin: 0 auto;
		width: 100%;
		text-align: left;
	}
	#slideshow div {
		width: 100%;
		height: 38vw;
		overflow: hidden;
		position: relative;
	}
	#slideshow div div {
		top: 0;
		left: 0;
		position: absolute;
	}

	#slideshow ul {
		width: 100%;
		padding:0vw;
		box-sizing: border-box;
		height:6vw;
		text-align: center;
	}

	#slideshow ul li {
		width: 24%;
	}

	#slideshow .active {
		filter:alpha(opacity=100)!important;
		-moz-opacity: 1!important;
		opacity: 1!important;
	}


	#main_area img{
		margin:0 auto;
	}

	#main_contents{
		width:100%;
		margin:0 auto;
		padding-bottom:6vw;
	}
	
	.infotable{
		width: 100%;
		box-sizing: border-box;
	}
	.infotable img{
		width: auto !important;
		max-width: 100% !important;
		height: auto;
	}

	#chairman{
		width:217px;
		background:url(../top/riji_bg.gif) repeat-y;
		border-bottom:1px solid #aeaead;
		padding-bottom:7px;
	}

	#chairman ul li.img{
		width:217px;
		text-align:center;
		margin-bottom:7px;
		margin-top:7px;
	}

	#chairman ul li.img02{
		width:197px;
		text-align:center;
		margin:0 auto;
	}

	#chairman ul li.img img{
		margin:0 auto;
	}

	#chairman ul li.come{
		width:177px;
		margin:0 auto;
		padding:8px 10px;
		color:#3d3e3e;
		text-align:left;
		line-height:1.4em;
		font-size:12px;
		background-color:#ecebeb;
	}

	#chairman ul li.btn{
		width:197px;
		text-align:right;
		margin:0 auto;
	}

	ul.btn_area{
		width:217px;
		float:right;
	}

	ul.btn_area li{
		width:217px;
		height:78px;
	}

	ul.bn_area{
		width:217px;
		float:right;
	}

	ul.bn_area{
		width:217px;
	}

	.gallery{
		width:100%;
	}

	.gallery .photo{
		width:166px;
		height:135px;
	}
	.gallery iframe{
		width: 100% !important;
		height: 60vw !important;
	}

	.gallery .photo img{
		margin:0 auto 2vw auto;
	}

	.gallery .photo p{
		text-align:center;
	}


	.toptable{
		width:100%;
		margin-bottom:3vw;
		clear:both;
	}

	.toptable td{
		padding:2.5vw 2.5vw;
		border-bottom:0.6vw tted #333}


	.toptable a,.toptable a:visited{
		display: block;
		padding: 2.5vw;
		background: -moz-linear-gradient(top,#FFF 0%,#EEE);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
		border: 0.6vw solid #DDD;
		text-decoration: none;
		color:#111;
		}

	.toptable a:hover{
		background: -moz-linear-gradient(top,#FFF 0%,#e1c4c4);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e1c4c4));
	}

	.fb-page{
		margin:0 0 10vw 0;
		width: 100% !important;
	}

	.infotable td img.alignleft{
		max-width: 100%;
		width: 40% !important;
		float:none;
		margin:0 auto 2.5vw auto;
		height: auto;
		display: block;
	}
	
	.f_s12{
		font-size: 3.5vw;
	}
	.spmb20{
		margin-bottom: 6vw;
	}
	.infotable td img{
		max-width: 100%;
		/*width: 40% !important;*/
		margin:0 auto 2.5vw auto;
		height: auto;
		display: block;
	}
	.infotable td p.image a.img img{
		max-width: 100%;
		width: 100% !important;
	}
	.infotable td img.aicon{
		width: 24px !important;
		height: 22px !important;
	}



	.clearfix:before,
	.clearfix:after {
		content:"";
		display:block;
		overflow:hidden;
	}

	.clearfix:after {
		clear:both;
	}

	.clearfix {
		zoom:1;
	}

	.sloganl{
		font-size:25px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

	.slogans{
		line-height:170%;
	}
	.img-rayout p{
		display: inline-block;
		margin-right: 1%;
		margin-bottom: 1.0em;
		width: 48%;
		vertical-align: top;
		text-align: center;
	}
	.img-rayout p:last-child{
		margin-right: 0;
	}
	.img-rayout p img{
		width: 100% !important;
		height: auto;
		margin-bottom: 0 !important;
	}
	table.cmid02.about th{
		background-color:#effbe5;
		text-align:left;
		padding:2.5vw 2.5vw;
		font-size:3.2vw;
		color:#333;
		font-weight:normal;
		border-bottom: 0.1vw solid #ccc;
		width: 33.333% !important;
		box-sizing: border-box;
	}

	table.cmid02.about td{
		background-color:#eeeeed;
		text-align:right;
		padding:2.5vw 2.5vw;
		font-size:3.2vw;
		color:#333;
		border-bottom: 0.1vw solid #ccc;
		box-sizing: border-box;
		width: auto;
	}
	.image-box-sarubia img{
		display: inline-block;
		margin: 2px !important;
		vertical-align: top;
		width: 30%;
	}
	table.cmid02.about.sarubia td{
		background: #fff !important;
		width: 100%;
		display: block;
	}
	.box-wt80{
		width: 100%;
	}
	.infotable td .box-wt80 img,
	.infotable td img.sp_img {
		width: 100% !important;
	}
	.ft_80{
		width: 100% !important;
	}
}
