/* 全般の設定 */

*{
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
margin: 0px;
padding: 0px;
}

* a{
text-decoration: underline;
color: #000000;
}

* a:hover{
text-decoration: underline;
color: #0000ff;
}

/* 各項の設定 */

#header{
height: auto;
margin: 0;
padding: 0;
}

p.headerimgbox img{
max-width: 100%;
margin: 0px 0px 70px 0px;
}

#contents{
height: auto;
margin: 0;
padding: 0;
}

#footer{
height: 20px;
margin: 20px 0px 0px 0px;
padding: 5px;
background-color:black;
font-size: 60%;
color:white;
}

#footer a{
color: #ffffff;
text-decoration: none;
}

#footer a:hover{
color: #cccccc;
text-decoration: none;
}

h1{
margin: 0px;
padding: 10px 5% 10px 5%;
font-size: 150%;
font-weight: bold;
background-color: #5ae628;
color: #ffffff;
text-align: left;
}

h2{
margin: 20px 0px 20px 0px;
padding: 5px 5px 5px 5px;
font-size: 120%;
font-weight: bold;
background-color:black;
color: #ffffff;
text-align: center;
}


/* strong、b、markerなどの設定 */


/* 重要なキーワード */
strong {
font-size: 120%;
}

/* 強調表示 */
b {
color: #ff5555;
font-size: 120%;
}

/* マーカー表示 */
.marker {
background-color: #ffff00;
}


.txt_box{
text-align: left;
margin: 30px 0px;
padding: 0px
}

p.img_box img{
max-width: 100%;
}



.button{
margin: 5% 15%;
}

.button2{
margin: 0 5%;
}

.img_wrap{
  width: 300px;
  margin: 0 auto;
  overflow: hidden;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

.img_l {
float: left;margin-right:10px;
}

.img_r {
float: right;margin-left:10px;
}

.img_clear {
clear: both;
}


.block{
max-width: 70%;
margin: 50px 0px;
padding: 0;
}

hr{
margin:55px 0px;
}

/*********************************************************
 お問い合わせ contact-index.html .contact_p
**********************************************************/
.contact_p #content
{
	line-height: 2;
}
.contact_p table
{
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.contact_p table th, .contact_p table td
{
	border: none;
	padding: 10px 5px;
	box-sizing: border-box;
}
.contact_p table th
{
	text-align: left;
	vertical-align: top;
	width: 200px;
}
.contact_p table textarea,
.contact_p table input[type="text"],
.contact_p table input[type="email"]
{
    max-width: 980px;
	width: 100%;
	box-sizing:border-box;
	border-radius: 5px;
	border: 1px solid #333;
	font-size: 16px;
	padding: 10px 5px;
	background: rgba(255,255,255,0.5);
}
.contact_p table select
{
	box-sizing:border-box;
	border-radius: 5px;
	border: 1px solid #333;
	font-size: 16px;
}
.contact_p table .requi
{
	color:red;
	font-size: 14px;
	padding-left: 10px;
}
.contact_p .submit_btn
{
	text-align: center;
	margin-top: 20px;
}
.contact_p input[type="submit"]
{
	background:black;
	border: none;
	font-size: 18px;
	color: #FFF;
	width: 150px;
	height: 60px;
	line-height: 50px;
}
.contact_p input[type="submit"]:hover
{
	background:black;
	cursor: pointer;
}
.contact_p .con_info1
{
	font-size: 14px;
	margin-bottom: 40px;
}
.contact_p .con_info2
{
	font-size: 14px;
	margin-top: 40px;
}
.contact_p .con_info2 a
{
	text-decoration: underline;
}
.contact_p #privacy
{
	margin-top: 30px;
}
.contact_p #privacy h3
{
	margin-top: 80px;
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 28px;
}
.contact_p #privacy h4
{
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 18px;
}
.contact_p #privacy p
{
	font-size: 14px;
}
.normal{
margin:40px;
}

/*********************************************************
レスポンシブ 750px以下の場合
**********************************************************/
.img-sp {
    display: none;
}

@media screen and (max-width:1000px) {
    .img-pc {
        display: none;
    }

    .img-sp {
        display: block;
	margin:30px 0;
    }
}  .sp { display: block !important; }
}