@charset "UTF-8";
/* --HTML-- */
html {
color:#222;
overflow-y:scroll;
font-size:14px;
margin:0;
}

/* --BODY-- */
body {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	font-size:1em;
	margin:0;
	overflow: hidden;
	padding:0;
	letter-spacing:1.1px;
	-webkit-text-size-adjust: 100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;縲€/* Safari,Google Chrome逕ｨ */ 
	-ms-box-sizing: border-box;縲€/* Internet Explorer 8逕ｨ */
	line-height:1.3;
	 
}

	/* for IE8 */
	html>/**/body {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	font-size:75%;
	}
	
	/* for IE7 */
	*+html body {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	font-size:75%;
	}
	
	/* for IE6 */
	* html body {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	font-size:75%;
	}

img {
	vertical-align:bottom;
	width:100%;
}

/* --OTHER TAGS-- */
a {
overflow:hidden;
text-decoration:none;
color:#000;
outline:none;
}

a img, img { 
border:0;
}

a img {
background:none!important;
}


/* clearfix */
.clearfix { zoom: 1; }
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}


/*-----------------------------------------
  00:style
  01:wrapper
  02:header
  03:nav
  04:main_ttl
  05:container
  06:maincolumn
  07:leftcolumn
  08:footer
  09:copy
------------------------------------------*/


/*-----------------------------------------
  00:style
------------------------------------------*/

@media screen and (min-width:1024px) {
	.mb10 {
		margin-bottom:10px;
	}
	.mb20 {
		margin-bottom:20px;
	}
	.mb30 {
		margin-bottom:30px;
	}
	.mb40 {
		margin-bottom:40px;
	}
	.mb50 {
		margin-bottom:50px;
	}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.mb10 {
		margin-bottom:0.8em;
	}
	.mb20 {
		margin-bottom:1.4em;
	}
	.mb30 {
		margin-bottom:2.2em;
	}
	.mb40 {
		margin-bottom:2.8em;
	}
	.mb50 {
		margin-bottom:3.6em;
	}
}
@media screen and (max-width:767px) {
	.mb10 {
		margin-bottom:0.8em;
	}
	.mb20 {
		margin-bottom:1.4em;
	}
	.mb30 {
		margin-bottom:2.2em;
	}
	.mb40 {
		margin-bottom:2.8em;
	}
	.mb50 {
		margin-bottom:3.6em;
	}
}
.mr0 {
	margin-right:0px !important;
}

/*-----float-----*/
.fl_l {
	float:left;
}
.fl_r {
	float:right;
}
.cl_both {
	clear:both;
}

/*-----font-----*/
.fw_b {
	font-weight:bold;
}

.ta_r {
	text-align:right;
}
.ta_c {
	text-align:center;
}
.ta_l {
	text-align:left;
}

.f_min {
	font-family:"メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic",serif;
}
.f_garamond {
	font-family:'EB Garamond', serif;
}
@font-face {
	font-family:cooper_black;
	src:url(../fonts/Cooper%20Black.ttf), url(../fonts/Cooper%20Black.woff);
}
@font-face {
	font-family:cooper_stencil;
	src:url(../fonts/cooper_becker_stencil.ttf), url(../fonts/cooper_becker_stencil.woff);
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*+++++----- 陦ｨ遉ｺ蛻�ｊ譖ｿ縺医↑縺ｩ -----++++++*/
@media screen and (min-width:1025px) {
	.no_pc {
		display:none;
	}
	.contents_inner {
		width:1060px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.no_tablet {
		display:none;
	}
	.contents_inner {
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width:767px) {
	.no_sp {
		display:none;
	}
	.contents_inner {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
}

/*-----------------------------------------
  01:wrapper
------------------------------------------*/
#wrapper {
	width:100%;
	overflow:hidden;
}

/*-----------------------------------------
  02:header
------------------------------------------*/


/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	header h1 {
		max-width:1130px;
		margin:0 auto;
		padding:1.5em 0;
	}
	header h1 {
		font-size:12px;
		letter-spacing:1px;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	header h1 {
position:absolute;top:-20px;left:0px;
	}
	header h1 {
		font-size:12px;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#indexID header h1 {
background-color:#fff;
position:absolute;top:13.5em;left:0px;
	}
	
	#bodyID header h1 {
		background-color:#fff;
position:absolute;top:13.5em;left:0px;
	}
	
	header h1 {
		font-size:1em;
		line-height:1.5;
	}
}





header {
	position:relative;
}
#indexID header {
	z-index:1;
}
#indexID #header_inner {
	position:fixed;
	left:15%;
}
/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#indexID header {
		background:url(../images/top/bg_header.jpg) no-repeat center top;
		padding:4% 0 58% 0;
		background-size:100% cover;
		background-attachment:fixed;
	}
	#bodyID header {
		background:url(../images/common/bg_header.jpg) no-repeat center top;
		padding:4% 0 9% 0;
		background-size:cover;
		margin-bottom:3%;
	}
	#header_inner {
		width:70%;
		margin:0 auto 4% auto;
	}
	#indexID #header_inner {
		width:70%;
		margin:0 auto 4% auto;
	}
	#header_inner .h_logo {
		float:left;
		width:68%;
	}
	#header_inner .header_right {
		width:27%;
		float:right;
	}
	#header_inner .header_right .h_tel {
		margin-bottom:0.4em;
	}
	#header_inner .header_right .h_info {
		font-size:12px;
		color:#000;
		line-height:1.3;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#indexID header {
		background:url(../images/top/tab_bg_header.jpg) no-repeat center top;
		padding:6% 0 52% 0;
		background-size:100%;
		background-attachment:fixed;
	}
	#bodyID header {
		background:url(../images/common/bg_header.jpg) no-repeat center top;
		padding:6% 0 9% 0;
		background-size:100%;
		position:relative;
	}
	header #header_inner {
		width:72%;
		margin:0 auto 1em auto;
		position:relative;
	}
	header #header_inner .h_logo {
		float:left;
		width:70%;
	}
	header #header_inner .header_right {
		width:35%;
		float:right;
		overflow:hidden;
	}
	header .header_tel {
		width:10%;
		position:absolute;
		right:0;
		top:0;
	}
	.nav-mobile {
		display:block;
		background:url(../images/common/header_menu.jpg) no-repeat;
		cursor:pointer;
		width:10%;
		height:100%;
		background-size:100%;
		position:absolute;
		top:0;
		right:12%;
		z-index:100;
	}
	.sp-nav {
		width:100%;
		position:absolute;
		z-index:100;
		background:rgba(0,0,0,0.9);
		overflow:hidden;
		margin:0 auto;
	}
	.nav-list {
		display:none;
		margin:0 auto;
		padding:0 0 0.8em 0;
		overflow:hidden;
		font-family:'EB Garamond', serif;
		margin-bottom:1.5em;
	}
	.nav-list li {
		float:left;
		font-family:'EB Garamond', serif;
		font-size:0.7em;
		padding:1em 0;
		text-align:center;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		width:20%;
	}
	.nav-list li:nth-of-type(5), .nav-list li:nth-of-type(10) {
		border-right:none;
		border-bottom:1px solid #999;
	}
	.nav-list li a {
		color:#fff;
		display:block;
	}
	.sp-nav .sp_btns {
		float:right;
		overflow:hidden;
		display:none;
		margin-bottom:1em;
	}
	.sp-nav .sp_btns li {
		width:25%;
		float:left;
		margin-right:5%;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#indexID header {
		background:url(../images/top/mob_bg_header.jpg) no-repeat center top;
		background-size:100%;
		padding:11% 0 100% 0;
		margin-bottom:2em;
	}
	#bodyID header {
		background:url(../images/common/mob_bg_header.jpg) no-repeat center top;
		background-size:cover;
		padding:11% 0 25% 0;
		margin-bottom:4em;
	}
	header #header_inner {
		width:80%;
		margin:0 auto 4.3% auto;
		position:inherit !important;
		left:auto !important;
	}
	header #header_inner .h_logo {
		float:left;
		width:50%;
	}
	header #header_inner .header_right {
		float:right;
		width:49%;
		overflow:hidden;
	}
	header .header_tel {
		width:20%;
		position:absolute;
		right:0;
		top:0;
	}
	.nav-mobile {
		display:block;
		background:url(../images/common/header_menu.jpg) no-repeat;
		cursor:pointer;
		width:20%;
		height:100%;
		background-size:100%;
		position:absolute;
		top:0;
		right:24%;
		z-index:100;
	}
	.sp-nav {
		width:100%;
		position:absolute;
		z-index:100;
		background:rgba(0,0,0,0.9);
		overflow:hidden;
		margin:0 auto;
	}
	.nav-list {
		display:none;
		margin-bottom:2em;
	}
	.nav-list li {
		font-family:'EB Garamond', serif;
		font-size:2em;
		padding:1em 0 1em 1.5em;
		border-bottom:1px solid #999;
	}
	.nav-list li a {
		color:#fff;
		display:block;
	}
	.sp-nav .sp_btns {
		overflow:hidden;
		display:none;
		width:50%;
		margin:0 auto 1em 34%;
	}
	.sp-nav .sp_btns li {
		width:25%;
		float:left;
		margin:0 5% 6%;
	}
}

/*-----------------------------------------
  03:nav
------------------------------------------*/

/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	header nav {
		width:670px;
		float:left;
		margin-top:1%;
	}
	header nav .ul_global {
		overflow:hidden;
	}
	header nav li {
		font-size:16px;
		float:left;
		padding:0.2em 0;
		font-family: din-condensed, sans-serif;
    font-weight: 700;
    font-style: normal;
		margin-right:1.9em;
	}
	header nav a {
		color:#020202;
	}
	header nav a:hover {
		color:rgba(255,255,255,0.5);
	}
	
	header .h_btns {
		float:right;
		overflow:hidden;
		width:150px;
	}
	header .h_btns li {
		float:left;
		margin-right:10px;
		max-width:40px;
	}
}

/*-----------------------------------------
  04:main_ttl
------------------------------------------*/
#main_ttl {
}
#main_ttl h2 {
	text-align:center;
	color:#fff;
	font-family:'EB Garamond', serif;

}

/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#main_ttl {
		max-width:1130px;
		margin:0 auto;
		padding:1.5em 0;
	}
	#main_ttl h2 {
		font-size:44px;
		letter-spacing:2.2px;
		padding-bottom:5%;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#main_ttl {
	}
	#main_ttl h2 {
		font-size:2.2em;
		padding-bottom:8%;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#main_ttl h2 {
		font-size:2.8em;
		padding-bottom:2%;
	}
}


/*-----------------------------------------
  05:container
------------------------------------------*/
#indexID #container {
	position:relative;
	z-index:1000;
}
#container #pagedown {
	position:absolute;
}
/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#bodyID #container {
		width:1060px;
		margin:0 auto 4% auto;
	}
	ul#bread {
		overflow:hidden;
		margin-bottom:10px;
	}
	ul#bread li {
		float:left;
		padding:2px;
		font-size:12px;
	}
	ul#bread li a {
		text-decoration:underline;
	}
	ul#bread li a:hover {
		text-decoration:none;
	}
	#indexID #container {
		width:100%;
		background:#fff;
		padding:70px 0px 0px 0px;
	}
	#indexID #container #pagedown {
		left:45%;
		top:-2%;
		width:8%;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#indexID #container {
		width:100%;
		background:#fff;
		padding:6% 0 0 0;
	}
	#indexID #container #pagedown {
		width:10%;
		left:45%;
		top:-1.6em;	
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#indexID #container {
		z-index:inherit !important;
		left:auto !important;
	}
	#indexID #container #pagedown {
		display:none;
	}
}


/*-----------------------------------------
  06:maincolumn
------------------------------------------*/
/*+++--- 繧ｷ繧ｹ繝�Β蜈ｱ騾� ---+++*/
.page_link {
	overflow:hidden;
	text-align:center;
}
.page_link a {
	display:block;
	background:#000;
	color:#fff;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.page_link a:hover {
	color:#000;
	background:rgba(0,0,0,0.2);
}
.page_link ul {
	float:left;
	overflow:hidden;
}
.page_link li {
	float:left;
}
.page_link .back_list {
	float:right;
}
.wysi a {
	text-decoration:underline;
}
.wysi a:hover {
	text-decoration:none;
}
/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#indexID #maincolumn {
		width:100%;
	}
	#bodyID #maincolumn {
		width:760px;
		float:right;
	}
	#maincolumn h3.ttl {
		font-size:18px;
		color:#fff;
		background:#000;
		padding:15px;
		font-family:"繝偵Λ繧ｮ繝取�譛� ProN W6","HiraMinProN-W6","HG譏取悃E","�ｭ�ｳ �ｰ譏取悃","MS PMincho","MS 譏取悃",serif;
	}
	#maincolumn #lv2_contact {
		background:url(../images/common/lv2_contact.jpg) no-repeat;
		height:230px;
		padding:15px 0px;
		text-align:center;
		position:relative;
	}
	#maincolumn #lv2_contact .contact_logo {
		max-width:520px;
		margin:0 auto 10px auto;
	}
	#maincolumn #lv2_contact .contact_tel {
		max-width:265px;
		margin:0 auto 10px auto;
	}
	#maincolumn #lv2_contact .contact_info {
		font-size:12px;
		color:#b0b0b0;
	}
	#maincolumn #lv2_contact .contact_btn {
		position:absolute;
		right:30px;
		bottom:30px;
	}
	/*+++---繧ｷ繧ｹ繝�Β蜈ｱ騾�---+++*/
	.page_link {
		font-size:14px;
	}
	.page_link li {
		margin-right:15px;
	}
	.page_link li a {
		padding:7px 12px;
	}
	.page_link .back_list a {
		padding:7px 12px;
	}
	.wysi {
		overflow:hidden;
		font-size:14px;
	}
	.wysi img {
		padding:5px;
		max-width:760px;
		height:auto !important;
	}
	.wysi h1 {
		font-size:25px;
		font-weight:bold;
		margin-bottom:10px;
	}
	.wysi h2 {
		font-size:22px;
		font-weight:bold;
		margin-bottom:8px;
	}
	.wysi h3 {
		font-size:19px;
		font-weight:bold;
		margin-bottom:6px;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	h3.ttl {
		background:#000;
		color:#fff;
		font-family:"繝偵Λ繧ｮ繝取�譛� ProN W6","HiraMinProN-W6","HG譏取悃E","�ｭ�ｳ �ｰ譏取悃","MS PMincho","MS 譏取悃",serif;
		font-size:1.4em;
		text-align:center;
		padding:0.8em;
		margin-bottom:2em;
	}
	/*+++++-----繧ｷ繧ｹ繝�Β蜈ｱ騾�-----+++++*/
	.page_link {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		font-size:0.8em;
	}
	.page_link li {
		margin-right:1.5em;
	}
	.page_link li a {
		padding:0.5em 1em;
	}
	.page_link .back_list a {
		padding:0.5em 1em;
	}
	.wysi {
		overflow:hidden;
		width:88%;
		margin-left:auto;
		margin-right:auto;
	}
	.wysi h1 {
		font-weight:bold;
		font-size:1.8em;
		margin-bottom:0.8em;
	}
	.wysi img {
		padding:0.3em;
		height:auto !important;
	}
	.wysi h2 {
		font-weight:bold;
		font-size:1.6em;
		margin-bottom:0.6em;
	}
	.wysi h3 {
		font-weight:bold;
		font-size:1.3em;
		margin-bottom:0.4em;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	h3.ttl {
		background:#000;
		color:#fff;
		font-family:"繝偵Λ繧ｮ繝取�譛� ProN W6","HiraMinProN-W6","HG譏取悃E","�ｭ�ｳ �ｰ譏取悃","MS PMincho","MS 譏取悃",serif;
		font-size:2em;
		text-align:center;
		padding:0.8em;
		margin-bottom:2em;
	}
	/*+++++-----繧ｷ繧ｹ繝�Β蜈ｱ騾�-----+++++*/
	.page_link {
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.page_link li {
		margin-right:1.5em;
	}
	.page_link li a {
		padding:0.5em 1em;
	}
	.page_link .back_list a {
		padding:0.5em 1em;
	}
	.wysi {
		overflow:hidden;
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.wysi img {
		padding:0.3e,;
		height:auto !important;
	}
	.wysi h1 {
		font-weight:bold;
		font-size:1.8em;
		margin-bottom:0.8em;
	}
	.wysi h2 {
		font-weight:bold;
		font-size:1.6em;
		margin-bottom:0.6em;
	}
	.wysi h3 {
		font-weight:bold;
		font-size:1.3em;
		margin-bottom:0.4em;
	}
}

/*-----------------------------------------
  07:leftcolumn
------------------------------------------*/

/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#leftcolumn {
		width:260px;
		float:left;
	}
	#leftcolumn .left_ttl {
		font-size:18px;
		text-align:center;
		font-family:'EB Garamond', serif;
		margin-bottom:10px;
	}
	#leftcolumn .left_ttl:nth-of-type(2) {
		margin-bottom:0;
	}
	#leftcolumn .left_ttl a {
		display:block;
		border:2px solid #000;
		padding:10px;
		position:relative;
	}
	#leftcolumn .left_ttl a:hover {
		color:rgba(0,0,0,0.6);
	}
	#leftcolumn .left_ttl span {
		position:absolute;
		right:0;
		bottom:0;
		content:"";
	}
	#leftcolumn .left_ttl span:after {
		right:0;
		bottom:0;
		border-right:1em solid #000;
		border-top:1em solid transparent;
		position:absolute;
		content:"";
		width:0;
		height:0;
	}
	#leftcolumn .left_ttl a span:after {
		transition:all 0.3s linear;
		-webkit-transition:all 0.3s linear;
	}
	#leftcolumn .left_ttl a:hover span:after {
		border-right:1.6em solid #000;
		border-top:1.6em solid transparent;
	}
	#leftcolumn ul.left_contents {
		background:#848381;
		padding:10px 5px;
		margin-bottom:10px;
	}
	#leftcolumn ul.left_contents li {
		font-size:14px;
	}
	#leftcolumn ul.left_contents li a {
		display:block;
		background:#000;
		color:#fff;
		padding:7px;
		transition:all 0.4s linear;
		-webkit-transition:all 0.4s linear;
		margin-bottom:5px;
		position:relative;
	}
	#leftcolumn ul.left_contents li a:after {
		font-family: 'FontAwesome';
	    content: "\f101";
  		position: absolute;
  		top:20%;
  		right:4%;
		transition:all 0.5s linear;
		-webkit-transition:all 0.5s linear;
	}
	#leftcolumn ul.left_contents li a:hover {
		background:#dedede;
		color:#000;
	}
	#leftcolumn ul.left_contents li a:hover:after {
		right:8%;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#leftcolumn {
		display:none;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#leftcolumn {
		display:none;
	}
}

/*-----------------------------------------
  08:footer
------------------------------------------*/
footer {
	color:#b0b0b0;
	position:relative;
	z-index:1000;
}
footer a {
	color:rgba(255,255,255,0.5);
}
/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	footer {
		background:url(../images/common/bg_footer.jpg) no-repeat center top;
		background-size:cover;
		padding:10% 0 14% 0;
		font-size:12px;
		position:relative;
	}
	footer a {
		color:#fff;
	}
	footer a:hover {
		color:rgba(255,255,255,0.5);
	}
	footer #footer_inner {
		max-width:860px;
		margin:0 auto;
		overflow:hidden;
	}
	footer .f_logo {
		max-width:512px;
		margin:0 auto 8% auto;
	}
	footer .f_btns {
		text-align:center;
		margin-bottom:5%;
	}
	footer .f_btns ul {
		overflow:hidden;
		text-align:center;
		display:inline-block;
	}
	footer .f_btns li {
		float:left;
		margin-right:30px;
		max-width:40px;
	}
	footer .f_tel {
		max-width:260px;
		margin:0 auto 1em auto;
	}
	footer .f_info {
		width:30%;
		margin:0 auto 12% auto;
		font-size:;
		text-align:center;
	}
	footer nav {
		margin:0 auto 5% auto;
	}
	footer ul#f_global {	
	}
	footer nav li {
		font-size:15px;
		padding:0.2em 1.22em;
		text-align:center;
		position:relative;
		float:left;
		font-family:'EB Garamond', serif;
	}
	footer nav li a:after {
		 font-family: 'FontAwesome';
	     content: "\f107";
  		 position: absolute;
  		 bottom:-1em;
  		 left:40%;
	}
	footer nav li a:hover:after {
		bottom:-1.5em;
		left:40%;
	}
	footer .f_link {
		float:right;
		max-width:310px;
	}
	footer #pagetop {
		position:absolute;
		left:46%;
		bottom:0;
		max-width:112px;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	footer {
		background:url(../images/common/tab_bg_footer.jpg) no-repeat center top;
		background-size:cover;
		padding:8% 0 10% 0;
		position:relative;
	}
	footer #pagetop {
		width:10%;
		position:absolute;
		bottom:0;
		left:45%;
	}
	footer .f_logo {
		width:80%;
		margin:0 auto 10% auto;
	}
	footer .f_btns {
		width:100%;
		margin:0 auto 12% auto;
	}
	.f_btns ul {
		overflow:hidden;
		margin-left:25%;
	}

	.f_btns li {
		width:16%;
		float:left;
		margin-right:8%;
	}
	footer .f_tel {
		width:60%;
		margin:0 auto 3% auto;
	}
	footer .f_telnum {
		width:60%;
		margin:0 auto 0.8em auto;
	}
	footer .f_info {
		width:60%;
		margin:0 auto 10% auto;
		font-size:1em;
		text-align:center;
		line-height:1.3;
	}
	footer nav {
		width:70%;
		margin:0 auto 6% auto;
	}
	footer nav ul {
		overflow:hidden;
	}
	footer nav li {
		text-align:center;
		width:23%;
		float:left;
		margin:0 2% 2% 0;
		font-size:0.7em;
		font-family:'EB Garamond', serif;
	}
	footer nav li:nth-of-type(4) {
		margin-right:0;
	}
	footer nav li a {
		display:block;
		background:#000;
		color:#fff;
		padding:0.6em 0;
	}
	footer .f_link {
		width:30%;
		margin:0 auto;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	footer {
		background:url(../images/common/mob_bg_footer.jpg) no-repeat center top;
		background-size:cover;
		padding:10em 0 30% 0;
		position:relative;
	}
	footer #pagetop {
		width:15%;
		position:absolute;
		left:42%;
		bottom:0;
	}
	footer .f_logo {
		width:85%;
		margin:0 auto 7% auto;
	}
	footer .f_btns {
		width:70%;
		margin:0 auto 7% auto;
	}
	footer .f_btns ul {
		overflow:hidden;
		margin: 0 0 0 25%;
	}
	footer .f_btns li {
		width:20%;
		float:left;
		margin-right:5%;
	}
	footer .f_btns li:nth-of-type(5) {
		margin-right:0;
	}
	footer .f_telcont {
		border-top:0.1em solid #ccc;
		border-bottom:0.1em solid #ccc;
		padding:8% 0;
		margin-bottom:10%;
	}
	footer .f_telcont .f_telbtn {
		width:70%;
		margin:0 auto 2em auto;
	}
	footer .f_telcont .f_telnum {
		width:70%;
		margin:0 auto 1em auto;
	}
	footer .f_telcont .f_info {
		width:70%;
		margin:0 auto;
		font-size:1.2em;
		line-height:1.2;
	}
	footer nav {
		width:80%;
		margin:0 auto;
	}
	footer nav li {
		text-align:center;
		font-size:2em;
		margin-bottom:3%;
		font-family:'EB Garamond', serif;
		position:relative;
	}
	footer nav li:after {
		font-family: 'FontAwesome';
	    content: "\f105";
  		position: absolute;
  		top:20%;
  		right:4%;
	}
	footer nav li:nth-of-type(10):after {
	    content: "\f08e";
	}
	footer nav li a {
		display:block;
		background:#000;
		padding:0.5em 0;
		color:#fff;
	}
}


/*-----------------------------------------
  09:copy
------------------------------------------*/
#copy {
	background:#010101;
	text-align:center;
	color:#fff;
}

#copy a{
	color:#fff;}

#copy a:hover{
	text-decoration:underline;}


/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#copy {
		padding:2em 0;
		font-size:14px;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#copy {
		padding:2.5em 0;
		font-size:0.7em;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#copy {
		padding:3em 7em;
		font-size:0.6em;
		line-height:1.8;
	}
}


/*-----------------------------------------
  #main04
------------------------------------------*/
#main04 .top_topics {
	background:#000;
	margin:0;
}
/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#main04 h3.top_ttl {
		margin-bottom:20px;
	}
	#main04 .top_topics {
		padding:7% 0px 7% 0px;
	}
	#main04 .top_topics .topics_block {
		overflow:hidden;
		padding: 0 0 0 0;
	}
	#main04 .top_topics .topics_block .box {
		width:240px;
		float:left;
		margin-right:15px;
	}
	#main04 .top_topics .topics_block .box:nth-of-type(4) {
		margin-right:0;
	}
	#main04 .top_topics .topics_block .block {
		background:#fff;
		padding:5px;
	}
	#main04 .top_topics .block .inner {
		height:200px;
		overflow-y:auto;
		padding:10px 0px;
	}
	#main04 .top_topics .block .inner-blog {
		height: 200px;
	}
	#main04 .top_topics .block ul {
		width:205px;
	}
	#main04 .top_topics .block li {
		margin-bottom:10px;
		padding:0 0 5px 7px;
		border-bottom:1px dotted #ccc;
		font-size:14px;
	}
	#main04 .box li .date {
		margin-bottom:3px;
	}
	#main04 li a:hover {
		color:rgba(0,0,0,0.5);
	}	
}

/*+++++----- for tablet -----+++++**/
@media screen and (min-width:768px) and (max-width:1024px) {
	#main04 h3.top_ttl {
		margin-bottom:0.4em;
	}
	#main04 .top_topics {
		padding:7% 0 0 0;
	}
	#main04 .top_topics .topics_block {
		overflow:hidden;
		padding: 0 4% 0 4%;
	}
	#main04 .top_topics .topics_block .box {
		width:48%;
		float:left;
		margin-right:2%;
	}
	#main04 .top_topics .topics_block .box:nth-of-type(3) {
		margin-right:0;
	}
	#main04 .top_topics .topics_block .block {
		background:#fff;
		padding:0.2em;
	}
	#main04 .top_topics .block .inner {
		height:8em;
		overflow-y:auto;
		padding:10px 0px;
	}
	#main04 .top_topics .block ul {
		width:85%;
	}
	#main04 .top_topics .block li {
		margin-bottom:1em;
		padding:0 0 0.2em 0.6em;
		border-bottom:0.1em dotted #ccc;
		font-size:0.6em;
	}
	#main04 .box li .date {
		margin-bottom:0.3em;
	}
}

/*-----------------------------------------
  #main04_sp
------------------------------------------*/
/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#main04_sp {
	}
	#main04_sp h3.top_ttl {
		margin-bottom:1em;
	}
	#main04_sp .news_block {
		background:#eeedec;
		padding:1.2em 0 4em 0;
	}
	#main04_sp .news_block ul {
		width:85%;
		margin:0 auto;
		position:relative;
	}
	#main04_sp .news_block li {
		width:100%;
		display:none;
	}
	#main04_sp .news_block .date {
		margin-bottom:0.5em;
	}
	#main04_sp .topics_block {
		background:#000;
		padding:2em 0 0 0;
		overflow:hidden;
	}
	#main04_sp .topics_block h3.top_ttl {
		color:#fff;
	}
	#main04_sp .topics_block a {
		color:#fff;
		text-decoration:underline;
	}
	#main04_sp .topics_block .topic_ban {
		width:85%;
		margin:0 auto 1em auto;
	}
	#main04_sp .topics_block figure {
		margin-bottom:0.4em;
	}
	
}