@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 180%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000000;
	letter-spacing: 1px;
        font-size : 15px;
}
img{
	width:100%;
}
	#wrapper{
		width : 100%;
        margin : 0 auto;
		margin-top : -120px;
	}
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head .inner {
        top: 0;
        position: fixed;
        margin-top: 0;
        z-index : 99;
        line-height : 0;
    }
	#top-head .logo {
		width:80%;
	    float: left;
		margin:2px 0 0 10px;
	}
	#nav-toggle {
        top: 10px;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #global-nav-sp.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 60px;
        z-index: 999;
        position: relative;
    }
    #global-nav-sp {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top:-800px;
        background: #333;
        width: 100%;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
		z-index : 99;
    }
    #global-nav-sp ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav-sp ul li {
        float: none;
        position: static;
		border-bottom:1px #ffffff solid;
    }
    #top-head #global-nav-sp ul li a,
    #top-head.fixed #global-nav-sp ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0 18px 10px;
    }
    #nav-toggle {
        display: block;
    }
	.open #global-nav-sp{
	position:fixed;
	margin:300px 0 0 0;
}

#global-nav-sp ul{
	width:100%;
}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav-sp スライドアニメーション */
    .open #global-nav-sp {
        /* #global-nav-sp top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }

.right_box{
	background-color:#ffffff;
	float:none;
}

.headcatch1_in{
	width:100%;
}

.headcatch2_in{
	width:100%;
background-color : #ffffff;
}

/* ------------------------------
    コンテンツ
------------------------------ */
main{
	width:100%;
	padding:0 2%;
	margin:3% 0 0 0;
	box-sizing: border-box;
	margin-top : -100px;
}

.main_image{
	padding:120px 0;
    margin-top : 30px;
}

main p + p{
	margin:10px 0 0 0;
}

main img{
	margin:0px 0;
}
#contents{
width : 92%;
margin : -120px auto 50px;
}
.case_text{
width : 92%;
padding : 8px;
margin : 15px auto;
}

/* ----------------------------------------------------------------------------------------------------
*  フッター
* --------------------------------------------------------------------------------------------------*/

footer{
    width: 100%;
}
footer p{
    color: #fff;
}

/* ------------------------------
    その他
------------------------------ */

.pc{
	display:none!important;
}

.sp{
	display:block!important;
}
  table {
    width : 100%;
   border: 1px solid #555151;
   }
  table td {
    display: block;
    text-align: center;
   border: none;
  }
  table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 94%;
   border: none;
}

input[type="text"],
textarea {
    width: 100%;
}

h2{
width : auto;
background-color : #035ca7;
padding: 12px 0px 25px 20px;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
margin : 10px auto;
	color : #ffffff;
	text-decoration : none;
}
h2 a{
	color : #ffffff;
	text-decoration : none;
}

.kiji{
	width : 94%;
	margin : 5px auto;
	padding : 7px;
	margin-top : 0px;
}
	
	
/* ------------------------------
    ページ内リンクの調整
------------------------------ */

#mokuji1 {
   margin-top:-200px;
  padding-top:200px;
}
#mokuji2 {
   margin-top:-200px;
  padding-top:200px;
}
#mokuji3 {
   margin-top:-200px;
  padding-top:200px;
}
#mokuji4 {
   margin-top:-200px;
  padding-top:200px;
}
#mokuji5 {
   margin-top:-200px;
  padding-top:200px;
}
#mokuji6 {
   margin-top:-200px;
  padding-top:200px;
}
#mokuji7 {
   margin-top:-200px;
  padding-top:200px;
}
#mokuji8 {
   margin-top:-260px;
  padding-top:260px;
}
#mokuji9 {
   margin-top:-260px;
  padding-top:260px;
}
h2{
width : auto;
background-color : #035ca7;
padding: 12px 0px 15px 10px;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
margin : 10px auto;
	color : #ffffff;
	text-decoration : none;
}
h2 a{
	color : #ffffff;
	text-decoration : none;
}
h3{
	width : 96%;
	margin : 0 auto;
	padding : 8px;
	color : #ffffff;
	font-size : 16px;
}
.main_text{
	width : 95%;
	padding : 10px;
	margin : 10px auto;
}
}
	
	.space_top{
		height : 130px;
	}

.kiji ul,
.kiji p{
	margin-left: 20px;
	margin-right: 20px;
}
.kiji h2{
	margin-top : 30px;
}
h2{
	margin-left: 0px;
	margin-right: 0px;
}
.postinfo a{
	background: #cc0000;
	color: white;
	text-decoration : none;
	padding : 3px 5px;
	font-size : 12px;
}
.category_name{
	text-align : center;
    font-size : 22px;
    font-weight : bold;
   margin : -100px 0px 100px 0px;
}
.category_name a{
	background-color : #cc0000;
	color : #ffffff;
	text-decoration : none;
	font-size : 13px;
	padding : 5px 10px;
}
.main_image img {
    width: 100%;
    margin: 3px 0 10px 0px;
}