@charset "utf-8";

img { -ms-interpolation-mode: bicubic; }  
.sp{ display: none;}

/*ドロップシャドウ　IEも対応*/
.ie_shadow {
	box-shadow: 1px 2px 5px 2px #ccc; /* CSS3 */
	-moz-box-shadow: 1px 2px 5px 2px #ccc; /* Firefox用*/
	-webkit-box-shadow: 1px 2px 5px 2px #ccc; /* Google Chrome, Safari用*/
	background-color:#FFF;
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.3', Direction='270');
	}
.ie_shadow .ie_wrap {
	background-color:#fff;
	position: relative; /* filterを使うと、中の要素まで効果がかかってしまう為、これで回避*/
	width:100%;
	}
.ie_shadow .ie_img {
	background-color:#fff;
	position: relative; /* filterを使うと、中の要素まで効果がかかってしまう為、これで回避*/
	}

.bgcol01{
	width:100%;
	background-color:#FFF;
	box-sizing:border-box;
}


.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}

.tensen{ border-bottom:#776957 dotted 1px;}

/* リンク設定
----------------------------------------------- */
.foot:link { color:#A79E98;}
.foot:visited { color:#A79E98;}
.foot:hover { color: #FEB655;}

.foot2:link { color:#5F5158;}
.foot2:visited { color:#5F5158;}
.foot2:hover { color: #FEB655;}

/* ヘッダー
-----------------------------------------------*/
#headber {
    width: 100%;
    text-align:center;
	background-color:#01A5E4;
}
#headber_all{
	width: 1000px;
    margin: 0 auto;
    padding: 0 0px;
    text-align: left;
}

#headber .left{
	width:750px;
	float:left;
	text-align:left;
	font-size:14px;
	line-height:2;
	color:#FFFFFF;
	display:inline;
}

#headber .right{
	width:150px;
	float:right;
	text-align:right;
	font-size:14px;
	line-height:2;
	color:#FFFFFF;
	display:inline;
}

#topheader{
	width:100%;
	min-height:400px;
	margin:0 auto 5em;
	padding:0px 0px 0px 0px;
	background: url(../images/230130_top.jpg) no-repeat top center #01A5E4;
	background-size: cover;
	position:relative;
}
#mainV{
	width:100%;
	min-height:400px;
	margin:0 auto 0em;
	padding:0px 0px 0px 0px;
	background: url(../images/230130_top.jpg) no-repeat top center #01A5E4;
	background-size: cover;
	position:relative;
}
#topmenu_sp,
#topheader_sp,
#topheader_sp_wp{
	display:none;
}
#topheader .left{
	width:65%;
	float:left;
	padding:20px 0 0 15px;
	box-sizing:border-box;
}
#topheader .right{
	width:35%;
	float:right;
}


.menu_sub_link{
	width:100%;
	margin:0em auto;
	min-height:440px;
	max-width:1010px;
	position:relative;
}
.menu_sub_link .text{
	padding-top:308px;
	font-size:16px;
	color:#fff;
}
.menu_sub_link ul{
	width:100%;
	display: -webkit-box;
	display: -moz-box; 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	/*-webkit-justify-content: space-between;
    justify-content: space-between;
	flex-start: space-between;*/
	position:absolute;
	bottom:-3em;
	left:0;
	box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.3);
}
.menu_sub_link ul.licence-sub{	
	width:100%;
	max-width:1124px;
	-webkit-justify-content: center;
    justify-content:center;
	flex-start:center;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	border-radius:15px;
	background-color:#FFF;
}

.menu_sub_link ul li.half{
	width:50%;
	display:block;
	box-sizing:border-box;
}
.menu_sub_link ul li.three{
	width:33.333%;
	display:block;
	box-sizing:border-box;
}

.menu_sub_link ul li{
	width:20%;
	display:block;
	border-left:#ccc solid 1px;
	text-align:center;
	box-sizing:border-box;
	margin:0.8em 0;
}
.menu_sub_link ul li:first-child{border-left:none;}

.menu_sub_link ul li a{
	padding: 0px;
	display:block;
	box-sizing:border-box;
	text-decoration:none;
	position:relative;
	line-height:1.2;
	
}
.menu_sub_link ul li a::after{
	content: '';
  width: 12px;
  height: 12px;
  border: 0;
  position: absolute;
  bottom:27%;
  left: calc(50% - 6px);
  margin-top: -6px;
  transform: rotate(45deg);
}
.menu_sub_link ul li a img{
	width:58%;
	height:auto;
}
.menu_sub_link ul li a.red,
.menu_sub_link ul li a.blue,
.menu_sub_link ul li a.green{font-size:17px; color:#000;}

.menu_sub_link ul li a.red::after{
	border-bottom: solid 2px #d30707;
	border-right: solid 2px #d30707;
}
.menu_sub_link ul li a.blue::after{
	border-bottom: solid 2px #205bd1;
	border-right: solid 2px #205bd1;
}
.menu_sub_link ul li a.green::after{
	border-bottom: solid 2px #028738;
	border-right: solid 2px #028738;
}

.menu_sub_link ul li small{
	display:block;
	color:#5A9BF7;
	font-size:.6em;
	margin-top:1em;
}
.menu_sub_link ul li:hover{
	background-color:;
}
.spbr{ display:none;}

@media (max-width: 1100px) {
	#topheader{
		display:none;
	}
	#topheader_sp{
		display:block;
		width:100%;
		margin:0 auto 3em;
		position:relative;
		/**/overflow: hidden;
		
	}
	#topmenu_sp{
		display:block;
		width:100%;
		margin:0 auto 0em;
		position:relative;
	}
	#topheader_sp_wp{
		display:block;
		width:100%;
		margin:0 auto 4em;
		position:relative;
		
	}
	#topheader_sp img.mainV,
	#topheader_sp_wp img.mainV{
		width:165%;
		height:auto;
		margin-left:-30%;
	}
	/*#topheader_sp img.mainV,
	#topheader_sp_wp img.mainV{
		width:100%;
		height:auto;
		margin-left:0%;
	}*/
	
	
	#topmenu_sp .menu_sub_link,
	#topheader_sp_wp .menu_sub_link{
	width:100%;
	margin:0em auto;
	min-height:auto;
	max-width:100%;
	position:relative;
	}
	#topinner {padding-top:0px!important;}
	.spbr{ display:block;}
	.menu_sub_link ul.licence-sub{
		width:96%;
	}
	.menu_sub_link ul{	bottom:1em;}
	.bgcol01{
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		/*background-color:#FFF0F1;*/
		background-color:#f7f7f7;
		margin-top:10px;
		margin-bottom:10px;
		padding:1em 8%;
		box-sizing:border-box;
	}
	
}
@media (max-width: 640px) {
	.menu_sub_link ul li a.red,
	.menu_sub_link ul li a.blue,
	.menu_sub_link ul li a.green{font-size:13px;}
	-in h2.license {
		margin: 30px auto 1em auto;
	}
	.menu_sub_link ul.licence-sub{
		width:100%;
	}
	

}


/* フッター
-----------------------------------------------*/
#footer01{
	width:1000px;
	text-align:right;
	margin:0 auto;
	font-size:12px;
	background:#FFFFFF;
	color:#A79E98;
	border-top:#666 solid 1px;
}
#footer_all{
	width:100%;
	background:#E8E5E2;
}
#footer02{
	width:990px;
	text-align:left;
	margin:0 auto;
	padding-left:10px;
	font-size:14px;
	background:#E8E5E2;
	color:#5F5158;
}
#footer03{
	width:1000px;
	text-align:right;
	margin:0 auto;
	font-size:12px;
	background:#FFFFFF;
	color:#A79E98;
}

/* 基本
-----------------------------------------------*/
#container {
    width: 1000px;
    margin: 0 auto;
    padding: 0 0px;
    text-align: left;
	background: url(../images/sub_mainbackimg.jpg) repeat-y top left;
}
#topinner{
	width: 1010px;
    margin: 0 auto;
    padding: 0 0px;
    text-align: left;
}
.topmain_left1{
	width:698px;
	float:left;
	text-align:left;
	padding-top:10px;
}
.topmain_right1{
	width:290px;
	float:right;
	text-align: center;
	padding-top:10px;
	padding-right:5px;
	overflow: hidden;
	zoom: 1;
}
.topmain_left2{
	width:270px;
	float:left;
	text-align:left;
	padding-left:5px;
}

.gotop{
	text-align:right;
	margin-top:10px;
}


/* パンくず */
.pnkz{
	width:990px;
	margin:0px auto;
	padding-left:10px;
	text-align:left;
	line-height:2;
	font-size:17px;
	color:#000;
}


.top_policy{
	background-color:#019AEA;
	padding:0 1em;
	border-radius:10px;
}
.top_policy a{
	border:#FFF solid 1px;
	text-align:center;
	text-decoration:none;
	letter-spacing:0.2em;
	color:#FFF;
	font-size:18px;
	padding:10px 1em;
	margin:0 0 0 1em;
	line-height:1;
}
.top_policy a:hover{
	background-color:#A4DFFF;
}
.topmain_add{
	width:270px;
	margin:0 auto;
	text-align:left;
	padding:5px 10px;
	font-size:14px;
	line-height:1.5;
	background: url(../images/top_add_back.gif) repeat-y top left;
}
.topmain_add p{
	margin-left:95px;
}

h2.houkoku{
	font-size:24px;
	font-family: 'Sawarabi Mincho', sans-serif;
	text-align:center;
	position:relative;
	color:#FA6B6E;
	border-bottom:#FA6B6E solid 1px;
	margin:15px 0 0 0;
	padding:0;
}
h2.houkoku .button{
	display:block;	
	position:absolute;
	right:10px;
	top:15px;
	background-color:#FA6B6E;
	border-radius:5px;	
	padding:2px 5px;
	color:#FFF;
	font-size:12px;	
}


#top_jitsugen{
	width:100%;
	/*border-left:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;*/
	padding:0 0 10px 0px;
	box-sizing:border-box;
}
#top_jitsugen .j_in{
width:216px;
	float:left;
	padding:0px 0 5px 0;
	margin-right:17px;
	font-size:12px;
	line-height:1.5;
	overflow:hidden;
	_zoom:1;
}
#top_jitsugen .j_in2{
	width:216px;
	float:left;
	padding:0px 0 5px 0;
	/*border-left:#CCC solid 1px;*/
	font-size:12px;
	line-height:1.5;
	overflow:hidden;
	_zoom:1;
}
#top_jitsugen .j_in img,
#top_jitsugen .j_in2 img{width:100%; height:auto;}
#top_jitsugen h3.pink{
	font-size:24px;
	text-align:center;
	line-height:1.2;
	color:#F66DA7;
	margin:0.8em 0 10px 0;
	border-bottom:#CCC solid 1px;
}
#top_jitsugen h3.orange{
	font-size:24px;
	text-align:center;
	line-height:1.2;
	color:#FC9A30;
	margin:0.8em 0 10px 0;
	border-bottom:#CCC solid 1px;
}
#top_jitsugen h3.ygreen{
	font-size:24px;
	text-align:center;
	line-height:1.2;
	color:#7FC75C;
	margin:0.8em 0 10px 0;
	border-bottom:#CCC solid 1px;
}
#top_jitsugen .j_in p,
#top_jitsugen .j_in2 p{
	font-size:12px;
	line-height:1.5;
	height:7em;
}
.j_in ul,
.j_in2 ul{margin:10px 0 0 0;}
.j_in li,
.j_in2 li{
	float:left;
}
.j_in li img,
.j_in2 li img{
	width:216px;
	height:auto;
	margin-bottom:5px;
}

h1 .left{ float:left;}
h1 .right{ float:right;}

h1.title_green {
	margin:0;
	padding: 0em 0.5em;
	background: -webkit-linear-gradient(to top, #B7E2B4, #F0F8ED);
	background: linear-gradient(to top, #B7E2B4, #F0F8ED);
	border-bottom:#014F1F solid 4px;
	overflow:hidden;
	_zoom:1;
}
h1.title_green .left{
	padding-top:0.2em;
	font-size:28px;
	color:#0E4C1D;
	line-height:1.2;
	font-family: 'Sawarabi Mincho', sans-serif;
}
h1.title_green .right{
	padding-top:0.3em;
	position: relative;
	color: #528035;
	font-size:22px;
	font-family: 'Sawarabi Mincho', sans-serif;
	line-height: 1.4;
	-webkit-box-reflect: below -0.5em -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,0.5));
}

h1.title_blue {
	margin:0;
	padding: 0em 0.5em;
	background: -webkit-linear-gradient(to top, #ABDAEA, #EDF7F9);
	background: linear-gradient(to top, #ABDAEA, #EDF7F9);
	border-bottom:#2B82B7 solid 4px;
	overflow:hidden;
	_zoom:1;
}
h1.title_blue .left{
	padding-top:0.2em;
	font-size:28px;
	color:#061858;
	line-height:1.2;
	font-family: 'Sawarabi Mincho', sans-serif;
}
h1.title_blue .right{
	padding-top:0.3em;
	position: relative;
	color: #3B7B9F;
	font-size:22px;
	font-family: 'Sawarabi Mincho', sans-serif;
	line-height: 1.4;
	-webkit-box-reflect: below -0.5em -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,0.5));
}

h1.title_yellow {
	margin:0;
	padding: 0em 0.5em;
	background: -webkit-linear-gradient(to top, #FEDB7F, #FFF2C5);
	background: linear-gradient(to top, #FEDB7F, #FFF2C5);
	border-bottom:#E64300 solid 4px;
	overflow:hidden;
	_zoom:1;
}
h1.title_yellow .left{
	padding-top:0.2em;
	font-size:28px;
	color:#A0471D;
	line-height:1.2;
	font-family: 'Sawarabi Mincho', sans-serif;
}
h1.title_yellow .right{
	padding-top:0.3em;
	position: relative;
	color: #F95D12;
	font-size:22px;
	font-family: 'Sawarabi Mincho', sans-serif;
	line-height: 1.4;
	-webkit-box-reflect: below -0.5em -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,0.5));
}

/*おしらせ*/
.top_centerback{
	padding:0px;
	margin:0;
	box-sizing:border-box;
	border:#F3F3F3 solid 1px;
}
.title{
	text-align:left;
	padding:5px 6px 5px 16px;
	line-height:120%;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:url(../images/new_titlebk.gif) repeat-x top left;
}
.title p{
	text-align:right;
	margin-top:-18px;
	padding-right:10px;
}
.title2{
	text-align:left;
	margin:0 auto;
	margin-bottom:5px;
	padding:6px 0px 5px 20px;
	line-height:120%;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;	
	background: url("../images/titleback02.jpg") no-repeat top left;
}
.top_centerback dl{
	padding: 0px;
	border-bottom:#ccc solid 1px;
	overflow: hidden;
	zoom: 1;
}
.top_centerback a{
	display:block;
	line-height:1.2;
	text-decoration:none;
}
.top_centerback .new1:hover{background-color:#F5F5F5;}
.top_centerback .new1 dl,dt,dd {
	margin: 0;
	padding: 0;
	font-size:16px;
	text-align:left;
}
.top_centerback .new1 dt {
	clear: left;
	float: left;
	padding:0 0 0 0.5em;
	width:5em;
	display:block;
	box-sizing:border-box;
}
.top_centerback .new1 dd {
	padding: 3px;
	margin-left:7em;
	display:block;
	box-sizing:border-box;
}



.main_left{
	width:698px;
	min-height:700px;
	float:left;
	text-align:left;
}
.main_right{
	width:302px;
	float:right;
	text-align:right;
	margin-top:0px;
}
.main_right li{
	padding:0 0px 10px 0;
}
.onecolumn{
	width:1000px;
	text-align:left;
	margin:0 auto;
	background: url(../images/sub_onecolumnbackimg.jpg) repeat-y top right;
}
.onecolumn .inner{
	width:885px;
	margin:0 auto;
	text-align:left;
}
.onecolumn h1{
	font-size:24px;
	line-height:1.2;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#4B3D32;
}
.onecolumn h2{
	text-align:left;
	padding:0 0 0 15px;
	margin:20px auto;
	background:url(../images/join_h2.png) left top no-repeat;
}

.onecolumn blockquote {
	margin:18px 0 0 0;
	padding:14px;
	background-color: #FCF8F2;
	border: 1px solid #d2c4af;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.onecolumn blockquote strong{
	color:#03C
}
.onecolumn .inner table{ background-color:#d2c4af;}
.onecolumn .inner table th{ background-color:#F2E1C8; font-weight:normal;}
.onecolumn .inner table td{ background-color:#FCF8F2;}



#join_tejun{
	width:80%;
	height:40px;
	margin:6px auto 0 auto;
	padding:0 0 40px 0;	
	background: url(../images/join_arrow.png) center bottom no-repeat;
	clear:both;
}
#join_tejun:nth-last-of-type(2){
	background:none;
}
#join_tejun .tejunleft{
	width:10%;
	float:left;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0px 0 0 0px;
	line-height:1.5;
	color:#57351E;
	border-radius:25px 0 0 25px;
	border:#630 solid 1px;
	box-sizing:border-box;
	background:linear-gradient(#FBF9F6, #C59F6D);
}
#join_tejun .tejunright{
	width:90%;
	float:left;
	font-size:28px;
	font-weight:bold;
	padding:0 20px 0 20px;
	line-height:1.5;	
	border-radius:0 25px 25px 0;
	border:#630 solid 1px;
	box-sizing:border-box;
}
#join_tejun .tejunright p{ font-size:14px; color:#57351E;}


.map_left{
	width:300px;
	float:left;
	text-align:left;
	margin-top:0px;
	border:#06C solid 1px;
	padding:10px;
}
.map_right{
	width:580px;
	float:right;
	text-align:right;
	margin-top:0px;
}

.clear{
	clear:both;
	line-height:0;
	height:0;
}

/* その他
-----------------------------------------------*/
/* 政策 */
.seisaku_txt{
	width:540px;
	text-align:left;
	font-size:14px;
	margin:8px 0px 0px 80px;
}


.prof01{
	width:90%;
    border: 2px solid #CCC;   
    padding: 5px 10px 5px 10px;   
	margin:30px auto 30px auto;
	font-size:14px;
	box-sizing:boder-box;
} 
.prof_point li{
	list-style:none;
	background:url(../images/icon.gif) left top no-repeat;
	padding:0 0 10px 22px;
	line-height:1.5;
}
.profL{ float: left; padding: 5px 10px 0px 0; } 
.profR{ float: left; padding: 5px 0px 0px 0; } 
.profR h2{
	font-size:36px;
	color:#5CB324;
	margin:0 0 10px 0;
	padding:0;
	line-height:1;
}
.prof_history{
	width:99%;
	border:#776957 solid 1px;
}
.prof_history th,
.prof_history td{
	font-weight:normal;
	border-bottom:#776957 dotted 1px;
	background-color:#FFF;
	box-sizing:boder-box;
}
.prof_history th{ width:12em; padding:5px 5px 5px 1em;}
.prof_history td{ width:60%;  padding-left:1em;}

.prof_history_head{background-color:#EFEEE9!important;}




.ouen{width:90%; margin:0 auto; line-height:1.5;}
.ouen li{list-style:none;
	background:url(../images/icon3.gif) left center no-repeat;
	padding:10px 0 10px 22px;
	line-height:1.5;
	border-bottom:#CCC dotted 1px;
}


/*mailform*/
.form{width:95%; margin:0 auto; text-align: center;}
.form table{width:100%; box-sizing:border-box;}


#youtube{ padding:1em 0 3em;}
.yt_title{
	font-size:26px;
	color:#1B9E7F;
	text-align:center;
	margin:0;
	padding:0;
}
#youtube p{
	text-align:center;
	font-size:18px;
}
.yt_bg{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position:relative;
}
.yt_bg::after{
	content:"";
	position:absolute;
	background-color:#383838;
	width:90%;
	height:100%;
	bottom:-15px;
	right:0px;
	z-index:0;
}
.yt_bg .pickup{
	width:calc(48% - 20px);
	z-index:1;
	background-color:#FFF;
}
.yt_bg .pickup_sp{ display:none;}
.yt_bg .list{
	width:calc(52.5% - 15px);
	padding:40px 10px 0 0;
	z-index:1;
}
.yt_bg .pickup img,
.yt_bg .list li img,
.yt_bg .pickup_sp img{ width:100%; height:auto;}

.yt_bg .list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content:;
}
.yt_bg .list ul li{
	width:25%;
	padding:0 4px 10px;
	box-sizing:border-box;
}


#kouyaku{ padding:1em 0 3em;}
.ky_link{
	width:100%;
	display:block;
	font-size:24px;
	color:#fff!important;
	text-align:center;
	margin:0;
	padding:1em;
	background-color:#0BB8F4;
	z-index:0;
	position:relative;
	box-sizing:border-box;
	text-decoration:none;
	border-radius:10px;
}
.ky_link:hover{ color:#339!important;}
.ky_link::after{
	content: '';
	width: 12px;
	height: 12px;
	border: 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	top: 50%;
	/*right: 3em;*/
	margin-top: -4px;
	margin-left:1em;
	transform: rotate(45deg);
	z-index:1;

}
#kouyaku p{
	text-align:center;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size:22px;
	margin-bottom:.5em;
}
.kouyaku_img{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	flex-start: space-between;
	margin-bottom:1em;
}


@media screen and (max-width: 1100px) {
	.yt_title{ font-size:18px;}
	#youtube{ padding:1em 0 1em;}
	#youtube p{	font-size:14px; margin-bottom:.8em;}
	.yt_bg::after,
	.yt_bg .pickup{display:none}	
	.yt_bg .pickup_sp{
		width:96%;
		display: flex;
		flex-wrap: wrap;
		flex-start: space-between;
		margin:0 auto 1em;
		padding:0;
		z-index:1;
		box-sizing:border-box;
		/*box-shadow: 0 5px 20px 0 rgba(0,0,0, 0.3);*/
	}
	.yt_bg a{ display:block; text-decoration:none;}
	.sp_L{
		width:45%;
		padding:0px;
		box-sizing:border-box;
	}
	.sp_R{
		width:54%;
		font-size:14px;
		padding:2em .5em .5em 2em;
		box-sizing:border-box;
		text-decoration:none!important;
		line-height:1.5;
	}
	.yt_bg .list{
		width:calc(96% - 12px);
		padding:0;
		margin:0 auto;		
	}
	
	#kouyaku{ width:96%; margin:auto; padding:1em 0 1.5em;}
	#kouyaku p{
		text-align:left;
		font-size:22px;
		margin-bottom:.5em;
	}
	.top_centerback{
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		padding:0;
		box-sizing:border-box;
		border:#F3F3F3 solid 1px;		
	}
	.title{
		padding:5px 6px 5px 6%;		
	}
	.top_centerback dl{
		padding:0 4%;
	}
	.profL img{ max-width:240px; margin:1em auto; display:block;}
	.kouyaku_img img{ text-align:center;}
	.kouyaku_img img,
	.kouyaku_img a{ width:48%; height:auto; margin:0 auto 1em; }
	.kouyaku_img a img{ width:100%; margin:0 auto .2em;}
}
@media screen and (max-width: 640px) {
	.yt_title{font-weight:normal; font-size:15px; /*text-align:left;*/ letter-spacing:0em;}
	#youtube p{
		/*text-align:left;*/
		font-size:15px;
	}
	.sp_R{
		width:54%;
		font-size:12px;
		padding:.5em 0em 0em .5em;
	}
	.yt_bg .list{
		width:calc(99% - 12px);}
	.yt_bg .list ul li{	width:33%;}
	#kouyaku { width:100%;}
	#kouyaku p{
		text-align:left;
		font-size:15px;
		line-height:1.5;
		margin-bottom:.3em;
	}
	.ky_link{		
		font-size:17px;
		margin:0 auto;
		padding:.5em 1em .5em 0;
	}
	.ky_link::after{
		width: 8px;
		height: 8px;
	}
	.kouyaku_img img,
	.kouyaku_img a{ width:96%; height:auto; margin:0 auto .5em;}
	.kouyaku_img a img{ width:100%; margin:0 auto;}

}
@media screen and (max-width: 360px) {
	.yt_title{font-size:13px;}
	#youtube p{	font-size:15px!important;	}
	.ky_link{font-size:14px!important;	}
	.ky_link::after{ margin-left:.2em!important;}
}






/* ▽▽ハンバーガーメニュー▽▽
------------------------------------------------------- */

.hm_menu_check {/* チェックボックスを隠す */
  display: none;
}
.hm_wrap {
	display:block;
	position :fixed;
	top :0px;
	right:0px;
	left :0;
	width :98%;
	width : -webkit-calc(100% - 15px);
	width: -moz-calc(100% - 15px);
	width: calc(100% - 15px);
	/*height: 100%;*/
	padding :5px 5px 10px 10px;
	/*background :#fff;*/
	z-index:9999;
}

.hm_title {/* ハンバーガーメニューオープン時の見出し */
	position: relative;
	color: #999;
	display: inline-block;
	float: left;
	font-weight: 100;
	line-height: 30px;
	margin: 0 0 0 15px;
	opacity: 0;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
	-webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
	transition: transform 0.6s, opacity 0.5s;
	z-index: 2;
}

/* ▽▽メニューボタン▽▽ */
.hm_btn_top,
.hm_btn {
	position: relative;
	width: 30px;
	height: 24px;
	padding:6px 10px 14px 10px;
	cursor: pointer;
	display: block;
	float:right;
	z-index:9998;
	background-color:#fff;
	border:#CCC solid 1px;
	border-radius:3px;
}
.hm_btn_top::before,
.hm_btn::before {
	-webkit-box-shadow: #666 0 8px 0;
	box-shadow: #666 0 8px 0;
}
.hm_btn_top::after,
.hm_btn::after {
	bottom:18px;
}
.hm_btn_top::before,
.hm_btn_top::after,
.hm_btn::before,
.hm_btn::after {
	width: 30px;
	height: 4px;
	background: #666;
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
	transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
}
.hm_btn_top p,
.hm_btn p{
	color:#666;
	margin:16px 2px 0 0;
	font-size:12px
}
/* △△メニューボタン△△ */

.hm_menu_wrap {
	width :100%;
	/*height :100%;*/
	background: #fff;
	position: absolute;
	left: -100%;
	top: 0;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
}

/* ▽▽開閉時のアニメーション▽▽ */
.hm_menu_check:checked ~ .hm_title {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.hm_menu_check:checked ~ .hm_btn_top::before,
.hm_menu_check:checked ~ .hm_btn::before {
	-webkit-box-shadow: transparent 0 0 0;
	box-shadow: transparent 0 0 0;
	-webkit-transform: rotate(45deg) translate3d(4px, 8px, 0);
	transform: rotate(45deg) translate3d(4px, 8px, 0);
}
.hm_menu_check:checked ~ .hm_btn_top::after,
.hm_menu_check:checked ~ .hm_btn::after{
	-webkit-transform: rotate(-45deg) translate3d(4px, -8px, 0);
	transform: rotate(-45deg) translate3d(4px, -8px, 0);
}
.hm_menu_check:checked ~ .hm_menu_wrap {
	left: 0;
}

/* △△開閉時のアニメーション△△ */

/* ▽▽メニュー内のリストスタイル▽▽ */
.hm_list {	
	list-style-type: none;
	margin: 45px 0 15px 0;
	padding: 0;
	display:block!important;
}
.hm_list li{
	width:100%;
	float:none;
}
.hm_list li a::before {/* aタグマウスオーバー時の背景 */
	background: #eee;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 100%;
	left: 0;
	-webkit-transition: bottom 0.2s;
	transition: bottom 0.2s;
	z-index: -998;
}

.hm_list li a:hover::before {
	bottom: 0;
}
.hm_list li a:hover::after {
	opacity: 0.5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/* メニュー内のリストスタイル△△ */

/* △△ハンバーガーメニュー△△
------------------------------------------------------- */






@media screen and (max-width: 1100px) {
#headber .left{ display:none;}
#headber .right{
	width: auto;
	line-height:1.2;
}
#headber_all,
#topheader,
#footer01,
#footer02,
#footer03,
#container,
#topinner,
.pnkz{
	width:100%;
	box-sizing:border-box;
}
#topheader .left img,
#topheader .right img,
#container img,
.topmain_left1 img{
	width:100%;
	height:auto;
}
#container{ background:none;}
#container .gotop img{
	width:100px;
	height:auto;
}
.top_policy img{ width:414px; height: auto;}
.top_policy{padding:1em; text-align:center;}
.top_policy a{ display:block;}
.topmain_left1,
.main_right,
.prof01,
.onecolumn .inner{
	width:98%;
	min-height:auto;
	margin:0 auto;
	float: none;
	background:none;
}
.onecolumn{
	width:100%;
	background:none;
}
.onecolumn .inner table th,
.onecolumn .inner table td{
	display:block;
	width:100%;
}

.main_left{
	width:98%;
	min-height:auto;
	margin:0 auto 1em auto;
	float: none;
}
.topmain_right1,
.main_right{ display:none;}

h2.houkoku .button{
	position: static;
}
#top_jitsugen .j_in{
	width:100%;
	height: auto;
	float:none;
	padding:0px 0 5px 0;
	margin-right:0px;
	font-size:14px;
}
#top_jitsugen .j_in2{
	width:100%;
	height: auto;
	float:none;
	padding:0px 0 5px 0;
	/*border-left:#CCC solid 1px;*/
	font-size:14px;
}
#top_jitsugen .j_in p,
#top_jitsugen .j_in2 p{
	height: auto;
	font-size:14px;
	line-height:1.5;
}
.j_in li,
.j_in2 li{
	margin-right:5px;
}
.j_in2{margin-bottom:2em;}
#top_jitsugen .j_in img,
#top_jitsugen .j_in2 img{width:80%; height:auto; margin:0 auto;}

.seisaku_txt img{
	width:18px;
	height:auto;
}

.form table{ width:95%; box-sizing:border-box;}
.form table td{
	display:block;
	width:100%;
	padding:5px;
	box-sizing:border-box;
}
.form input[type="text"],
.form textarea,
.form input[type="tel"]{ width:95%;}

/*ハンバーガーメニュー*/
.hm_list li a {
	width:50%;
	float:left;
	color: #777;
	display: block;
	overflow: hidden;
	padding:3px 20px;
	position: relative;
	font-size:14px;
	border-bottom:#F6F6F6 solid 1px;
	text-decoration: none;
	z-index: 999;
	box-sizing:border-box;
}
.sp{ display:block;}

#headber .left,
.pnkz{ display:none;}
#headber .right{
	float:left;
	text-align:left;
}

}
@media screen and (max-width: 640px) {

#topheader{ padding:1em 0 0 0;}
#topheader .left,
#topheader .right{
	width:100%;
	float:none;
	text-align:center;
	padding:0px;
}

#topinner{padding:0px 6%;}

#container{ font-size:14px; }


#join_tejun{width:100%; padding:0 0 60px 0;}
#join_tejun .tejunright p{ line-height:1.2; padding:5px;}
h2.houkoku{ font-size:15px; margin-bottom:1em;}
h2.houkoku .button{ font-size:14px;}
.j_in li,
.j_in2 li{
	width:100%;
	float:none;
	height: auto;
	text-align:center;
}
.j_in li img,
.j_in2 li img{
	width:100%;
}
.top_centerback .new1 dl,dt,dd {
	font-size:14px;
}
.footsp{display:block;}
.top_policy img{ width:100%; height: auto;}

h1.title_green .left,
h1.title_blue .left,
h1.title_yellow .left{font-size:20px;}
h1.title_green .right,
h1.title_blue .right,
h1.title_yellow .right{ display:none;}


#top_jitsugen h3.pink,
#top_jitsugen h3.orange,
#top_jitsugen h3.ygreen{
	font-size:18px;
	margin:10px 0 5px 0;
}

.top_centerback .new1 dt {
	clear: both;
	float: none;
	width:100%;
	font-size:14px;
}
.top_centerback .new1 dd {
	margin-left:0.5em;
}

.prof01{
	width:100%;
	margin:0;
	padding:0;
	border:none;
}
.profL, .profR{ float:none; padding: 0px 10px; } 
.prof_history{
	width:100%;
}
.prof_history th,
.prof_history td{
	width:100%;
	display:block;
}
.prof_history th{
	border-bottom:none;
}

.form{ text-align:left;}

/*ハンバーガーメニュー*/
.hm_list li a {
	width:100%;
	float:none;
	color: #777;
	display: block;
	overflow: hidden;
	padding:8px 20px;
	position: relative;
	font-size:14px;
	line-height:1.2;
	border-bottom:#F6F6F6 solid 1px;
	text-decoration: none;
	z-index: 999;
}

}