@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

html,body{	height:100%;}
html{
	font-size:62.5%;
    overflow-y: scroll;
}

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;
	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 : 16px;
	line-height : 190%;
}
.blog_title{
	padding : 15px;
	background-color : #555151;
	color : #ffffff;
	margin-bottom : 20px;
	font-size : 18px;
}
img{
	max-width:100%;
}


a img {
 transition: opacity 0.3s ease-out;
}

a:hover img {
 opacity: 0.7;
}

p{
	font-size:1.6rem;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

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

.inner {
    width: 980px;
    margin: 0 auto;
}

.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    width: 100%;
    padding: 5px 0 0;
    line-height: 1;
    z-index: 999;
    background-image : url(https://kaibunsyo.com/wp/image/top-head_bg.jpg);
    background-repeat : repeat-x;
}

#top-head a,
#top-head {
    color: #333;
    text-decoration: none;
}

#top-head a:hover {
    text-decoration: underline;
}

#top-head .inner {
    position: relative;
}

#top-head .logo {
    float: left;
}
#global-nav{
    background-image : url(https://kaibunsyo.com/wp/image/globalnav_bg.jpg);
    background-repeat : repeat-x;
    height : 58px;
}

#global-nav ul {
	width:1200px;
    list-style: none;
    font-size: 14px;
	margin:0 auto;
}
#global-nav ul li {
    float: left;
    line-height : 58px;
    width : 16.6%;
    text-align : center;
}
#global-nav ul li a {
    padding: 0;
    text-decoration : none;
}
#global-nav ul li a:hover {
    text-decoration : none;
    color : #cc0000;
}

#global-nav ul li + li a {
    padding: 0 0 0 20px;
}
 
/* Fixed */
#global-nav.fixed {
    width:100%;
    height : 58px;
    line-height : 58px;
    margin-top: 0;
    top: 0;
    position: fixed;
    padding: 20px 0;
    text-align:center;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
    z-index : 99;
}
#global-nav.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}
#global-nav.fixed  ul li{
    line-height: 18px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 999999;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

.right_box{
	float:right;
}

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

footer{
    background-color: #313131;
    width: 100%;
    padding: 10px;
	margin:60px 0 0 0;
    text-align: center;
	box-sizing: border-box;
}
footer p{
    color: #fff;
    font-size: 1.2rem;
}

/* ------------------------------
    その他
------------------------------ */
.sp{
	display:none!important;
}


/* ------------------------------
    clearfix
------------------------------ */

.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */

/* ------------------------------
    その他
------------------------------ */
.clear{
  clear : both;
}

.font115{
  font-size : 115%;
}
.font_blue{
color : #0952b8;
}
.font_red{
color : #cc0000;
}
.marker_yellow{
background-color : #fbfb51;
}
.marker_gray{
background-color : #f4f3f3;
}
.case_name{
font-size : 120%;
color : #0952b8;
border-bottom : 1px solid #0952b8;
padding-bottom : 2px;
padding-top : 6px;
line-height : 190%;
}
/* ------------------------------
    投稿記事関連
------------------------------ */
.space_m{
	height : 20px;
}
.center{
	text-align : center;
}
.kiji{
	width : 880px;
	margin : 10px auto;
	padding : 10px;
}
h2{
	width : 840px;
background-color : #035ca7;
padding: 12px 20px;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
margin : 10px auto;
	color : #ffffff;
	text-decoration : none;
	text-align : center;
	font-size : 20px;
}
h2 a{
	color : #ffffff;
	text-decoration : none;
}
h3{
	width : 820px;
background-color : #555151;
padding: 12px 20px;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
margin : 10px auto;
	color : #ffffff;
	font-size : 18px;
}
.main_text{
	width : 860px;
	padding : 10px;
	margin : 10px auto;
}
.form_box{
	margin : 0 auto;
	width : 96%;
}
.box-title{
	background-color : #555151;
	padding : 8px 10px;
	color : #ffffff;
	font-size : 18px;
	margin-bottom : 20px;
	margin-top : 20px;
}
.box_in{
width : 92%;
margin : 0 auto;
padding : 20px 0;
font-size : 110%;
}
.suisen_box {
 margin: 10px auto;
 padding: 10px;
 background-color: #f4f4f4;
 box-shadow: 0 0 5px 1px #ccc;
}
.suisen_title{
	width : 100%;
	background-color : #555151;
	padding : 10px 0px;
	margin : 10px auto;
	text-align : center;
	color : #ffffff;
	font-size : 24px;
	font-weight : 600;
}
.suisen_text{
	padding : 25px;
}
.suisenbun{
	margin : 10px auto;
	padding : 25px 15px;
	border : 3px double #555151;
}
.suisen_yaku{
	padding : 20px 10px;
	margin : 15px 0px;
	background : #ecf7fb;
	border : 2px dotted #8bb8c9;
}
.formstart_title{
	background-color : #2d830e;
	padding : 20px 0px;
	text-align : center;
	color : #ffffff;
	font-size : 24px;
	font-weight : 600;
	margin : 40px auto 10px;
}
@media only screen and (max-width: 736px){
.suisen_text{
	padding : 25px 8px;
}
}
/* ------------------------------
    フッターナビ
------------------------------ */
@media screen and (max-width: 768px) {
    footer{
      padding-bottom: 16vw;
    }
    .fixNavi{
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
    }
    .fixNavi ul{
        display: flex;
        justify-content: space-between;
    }
    .fixNavi ul li{
      flex: 1;
      font-size: 0;
      line-height: 1;
    }
    .fixNavi ul li a{
      display: block;
      width: 100%;
      height: 100%;
    }
#line {
   margin-top:-150px;
  padding-top:150px;
}
#form {
   margin-top:-150px;
  padding-top:150px;
}
	.space_top{
		height : 130px;
	}
}
/* ------------------------------
    投稿記事関連
------------------------------ */
.kiji{
	width : 880px;
	margin : 10px auto;
	padding : 10px;
}
h2{
background-color : #035ca7;
padding: 12px 20px;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
margin : 15px auto;
	color : #ffffff;
	text-decoration : none;
}
h2 a{
	color : #ffffff;
	text-decoration : none;
}
.box-title{
	background-color : #555151;
	padding : 8px 10px;
	margin-bottom : 15px;
	color : #ffffff;
}
.modoru_link{
	text-align : center;
	background-color : #f4f4f4;
	border : 1px solid #111515;
	padding : 5px 10px;
	display: inline-block;
	margin : 0 auto;
}
.modoru_link a{
	text-decoration : none;
}
.pt p{
	margin : 20px 15px;
}

.pt h3 {
position: relative;
padding: 1rem 2rem 0rem 2rem;
border-bottom: 6px solid #0000cd;
font-size: x-large;
line-height : 150%;
}
.pt h3:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background: #6495ed;
}

}