* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	background-color:#FFFFFF;
	margin:0 auto;
}

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0 }
 p { margin-top: 0; margin-bottom: 0 }

/*===============================================
●PC用 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){

	#wrapper {
		width:100%;
		min-width: 641px
		display: none;
 	}

	img{
		width:100%;
		max-width: 100%;
		height: auto;
	}

	.clear {
		clear:both;
	}


	#toggle {
		display:none;
	}





	#header {
		width:1000px;
		max-width:1000px;
		margin:0 auto;
	}


	#header_img {
		width:1000px;
		padding: 0;
		background-color:#000;
	}


	#header_img ul{
		list-style:none;
		margin:0;
		padding:0;
	}

	#header_img li{
		width:1000px;
		margin:0;
		padding:0;
	}

	#header_menu {
		width:100%;
		max-width:1000px;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:0px;
	}

	#header_menu ul{
		width:100%;
		max-width:1000px;
		margin:0;
		padding:0;
		font-size: 0;
		white-space: nowrap;
		overflow-x: hidden;
	}

	#header_menu li{
		width:13.6%;
		display: inline-block;
		list-style-type:none;
		padding-left:1.4%;
		padding-right:1.4%;
	  border-left: 2px solid #999999;
  	border-right: 2px solid #999999;
		padding-top:5px;
		padding-bottom:5px;
		font-size: 1rem; 
	}

	#header_menu li+ li {
	  border-left: 0;
  	border-right: 2px solid #999999;
	}
	#header_menu img {
    width: 100%;
    height: auto;
		vertical-align:middle;

	}

	ul#header_menu li a:hover {

		display: block;

	}

	.select_mark {
  	border-bottom: 6px solid #FFFF00;
	}

	#comm_section_bar {
		width:auto;
		min-width:1000px;
		height:10px;
  	border-top: 2px solid #0000FF;
		margin:0 auto;
		padding:0;
		background-color:#DDDDDD;

	}

	#contents {
		width:100%;
		margin:0 auto;
		padding-top:10px;
	}

	#index_syoukai_link {
			width:100%;
			min-width:1000px
	}

	#index_sp_syoukai_link {
		display:none;
	}


	#index_syoukai_link1 {
		width:50%;
		min-width:461px
		margin:auto 0;
		position: relative;
		float:left;
	}

	#index_syoukai_link2 {
		width:50%;
		min-width:461px
		margin:auto 0;
		position: relative;
		float:left;
	}


	.index_syoukai_link_img_absol1 {
		width:15%;
		position: absolute;
		top: 65%;
		left: 67%;
	}

	.index_syoukai_link_img_absol2 {
		width:15%;
		position: absolute;
		top: 65%;
		left: 20%;
	}

	#index_sectionBar {
		width:100%;
		min-width:1000px;
		max-width:1000px;
		padding-top:30px;
    margin:0 auto;
	}
	#index_sectionBar img{
		width:100%;
		display: block;
    margin:0 auto;
	}

	#index_news {
		width:80%;
		min-width:1000px;
		max-width:1000px;
		padding-top:30px;
    margin:0 auto;
	}

	#index_news_title{
		width:10%;
    display: block;
    margin:0 auto;
		padding-bottom:10px;
	}


	#index_news dl {
  	border-bottom:1px dotted #999;
		width:80%;
		font-size:85%;
		margin:0 auto;
		padding-top:10px;
	}

	#index_news dt {
		float:left;
		width:auto;
		border-top:1px dotted #999;
		padding-top:5px;
		padding-bottom:0;
		padding-right:0;
	}

	#index_news dd {
		width:95%;
		padding-top:5px;
		padding-bottom:5px;
		border-top:1px dotted #999;
		padding-right:0%;
	}


	#index_news a {
		color:#000000;text-decoration:none;
	} 

	#index_news a:link {
		color:#000000;text-decoration:none;
	} 

	#index_news a:hover {
		color:#CA4C65;
		text-decoration:underline; 
	}

	#index_blog {
		width:100%;
		min-width:1000px;
		max-width:1000px;
		padding-top:30px;
		padding-bottom:100px;
    margin:0 auto;
	}

	#index_blog_title {
		width:10%;
    display: block;
    margin:auto;
	}

	#index_blog_main {
		margin-top:50px;
	}


	#index_blog_1 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#index_blog_2 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#index_blog_3 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#index_blog_4 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#index_blog_5 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#index_blog_6 {
		width: 85%;
		height: 100%;
		position: relative;
		padding-top: 5%;
		padding-bottom: 5%;
	}


	.index_blog_in {
		background-color: rgba(255,255,255,0.7);
		padding: 0px;
		margin: 0px auto;
		width: 95%;
		height: 100%;
		padding-top: 15%;
		padding-bottom: 15%;
		min-width: 250px;
		line-height: 1.7;
	}

	.index_blog_in h4{
		font-size:12pt;
		text-align:center;
		padding:10px 30px 0px 30px;
	}

	.index_blog_in h5{
		font-size:8pt;
		text-align:center;
	}

	.index_blog_in hr{
		height: 2px;
		background-color: #000;
	}


	.index_blog_in p{
		font-size:9pt;
		text-align:left;
		padding:10px 20px 0px 20px;
	}

	.index_blog_in img{
		margin:5px;
		width:90px;
	}

	#index_blog_main table {

		width:100%;
		min-width:900px;
		max-width:1000px;
		border-collapse: collapse;
		border-spacing: 30px 30px;
		margin:0 auto;
	}

	#index_blog_main td {
		width:33%;
		padding-top:30px;
	}


	#footer {
		width:auto;
		margin:0 auto;
		min-width:1000px;
		padding-top:10px;
		padding-bottom:10px;
		background: url(../img/footer_background.jpg) repeat;
	}

	#footer_menu{
		width:100%;
		max-width:1000px;
		margin:0 auto;

	}

	#footer_menu ul{
		width:100%;
		max-width:1000px;
		margin:0;
		padding:0;
		font-size: 0;
		white-space: nowrap;
		overflow-x: hidden;

	}

	#footer_menu li{
		width:13.6%;
		display: inline-block;
		list-style-type:none;
		padding-left:1.4%;
		padding-right:1.4%;
	  border-left: 2px solid #999999;
  	border-right: 2px solid #999999;
		padding-top:5px;
		padding-bottom:5px;
		font-size: 1rem;
	}

	#footer_menu li+ li {
	  border-left: 0;
  	border-right: 2px solid #999999;
	}

	#footer_menu img {
		width: 100%;
		height: auto;
	}

	ul#footer_menu li a:hover {

		display: block;

	}

	#footer hr {
		border-top: 1px solid #000;
		border-bottom: 1px solid #555;
	}

	#footer_detail {
		width:100%;
		max-width:1000px;
		margin:0 auto;
		display: table;
		padding-top:10px;
	}

	#footer_logo {
		width: 200px;
		display: table-cell;
		vertical-align:middle;
	}

	#footer_logo img{
		width:150px;
	}


	#footer_address {
		width: 200px;
		display: table-cell;
		vertical-align:bottom;
	}

	#footer_tel {
		width: 300px;
		display: table-cell;
		vertical-align:bottom;
	}

	#footer_copyright {
		width: 300px;
		display: table-cell;
		vertical-align:bottom;
		text-align:right;
	}

	#footer_detail h4{
		font-size:9pt;
		font-weight:bold;
		color:#fff;
	}

	#footer_detail h5{
		font-size:9pt;
		color:#fff;
	}

	#footer_detail h6{
		font-size:8pt;
		color:#fff;
	}



}	/*	PC用 END */

/*===============================================
●スマホ用  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	#wrapper {
		width:100%;
		overflow: hidden;
		text-align:center;
	}

	img{
		width:100%;
		max-width: 100%;
		height: auto;
	}


	#header {
		width:100%;
	}

	.clear {
		clear:both;
	}


	#header_img {
		width:100%;
		max-width:640px;
 	}

	#header_img ul{
		list-style:none;
		margin:0;
		padding:0;
	}

	#header_img li{
		width:480px;
		margin:0;
		padding:0;
	}


	#menu {
		margin:0;
		padding:0;
		display:none;
	}

  #menu li{
    width: 20%;
		padding-top:2%;
		padding-bottom:1%;
		padding-left:40%;
		padding-right:40%;
		list-style-type:none;
    height: 13.0%;
		border:0.5px solid #000;
  }


  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }



#index_syoukai_link {
	display:none;
}

#index_sp_syoukai_link {
}

	#index_sp_syoukai_link1 {
		width:100%;
		min-width:461px
		margin:auto 0;
		position: relative;
		font-size:0;
	}

	#index_sp_syoukai_link2 {
		width:100%;
		min-width:461px
		margin:auto 0;
		font-size:0;
		position: relative;
	}


	.index_sp_syoukai_link_img_absol1 {
		width:20%;
		position: absolute;
		top: 65%;
		left: 41%;
	}

	.index_sp_syoukai_link_img_absol2 {
		width:20%;
		position: absolute;
		top: 65%;
		left: 41%;
	}

	#index_sectionBar {
		width:100%;
		max-width:640px;
		padding-top:30px;
    display: block;
    margin:auto;
	}

	#index_news {
		width:100%;
		max-width:640px;
		padding-top:30px;
    display: block;
    margin:auto;
	}

	#index_news_title{
		width:25%;
    display: block;
    margin:auto;
	}


	#index_news dl {
  	border-bottom:1px dotted #999;
		width:100%;
		margin:0 auto;
		padding-top:5%;
	}

	#index_news dt {
		width:100%;
		padding-top:5px;
		padding-bottom:0;
		margin:0 auto;
		font-size:50%;
	}

	#index_news dd {
		width:90%;
		padding-left:5%;
		padding-right:5%;
		padding-top:5px;
		padding-bottom:5px;
		border-top:1px dotted #999;
		margin:0 auto;
		font-size:50%;
	}


	#index_news a {
		color:#000000;text-decoration:none;
	} 

	#index_news a:link {
		color:#000000;text-decoration:none;
	} 

	#index_news a:hover {
		color:#CA4C65;
		text-decoration:underline; 
	}

	#index_blog {
		width:100%;
		max-width:640px;
		padding-top:30px;
		padding-bottom:30px;
    display: block;
    margin:auto;
	}

	#index_blog_title {
		width:25%;
    display: block;
    margin:auto;
		font-size:0;
	}

	#index_blog_main {
		margin-top:50px;
	}


	#index_blog_1 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		padding: 10px 0;
	}

	#index_blog_2 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		padding: 10px 0;
	}

	#index_blog_3 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		padding: 10px 0;
	}

	#index_blog_4 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		padding: 10px 0;
	}

	#index_blog_5 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		padding: 10px 0;
	}

	#index_blog_6 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		padding: 10px 0;
	}


	.index_blog_in {
		background-color: rgba(255,255,255,0.7);
		padding: 3% 4% 3% 4%;
		margin: 0px auto;
		width: 82%;
		height: 80%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		line-height: 1.7;
	}

	.index_blog_in h4{
		font-size:60%;
		text-align:center;
		padding:0% 5% 0 5%;
		text-align:left;
	}

	.index_blog_in h5{
		font-size:50%;
		text-align:center;
	}

	.index_blog_in hr{
		height: 0.5px;
		background-color: #000;
	}


	.index_blog_in p{
		font-size:90%;
		text-align:left;
		padding:5% 2% 0px 2%;
	}

	.index_blog_in img{
		margin:5px;
		width:60%;
	}

	#index_blog_main table {
		margin:0 auto;

	}

	#index_blog_main td {
		margin-left:5%;
		margin-right:5%;
	}


	#footer {
		width:auto;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:10px;
		background: url(../img/footer_background.jpg) repeat;
	}


	#footer_menu{
		display:none;
	}

	#footer hr {
		display:none;
	}

	#footer_detail {
		width:100%;
		margin:0 auto;
		padding-top:10px;
		margin:0 auto;
	}

	#footer_logo {
		width:50%;
		float:left;
	}

	#footer_logo img{
		width:100%;
		float:left;
	}


	#footer_address {
		width:50%;
		float:left;
		margin:0 auto;
	}

	#footer_tel {
		width: 100%;
		clear:both;
		padding:3%;
	}

	#footer_copyright {
		width: 100%;
	}

	#footer_detail h4{
		font-size:100%;
		font-weight:bold;
		color:#fff;
	}

	#footer_detail h5{
		font-size:90%;
		color:#fff;
	}

	#footer_detail h6{
		font-size:80%;
		color:#fff;
	}






}	/*	スマホ用media END */