@charset "utf-8";
/* CSS Document */


body {
	color:#333333;
	/*font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}
span.marker_yellow {
    background: -webkit-linear-gradient(transparent 60%, #fff226 60%);
    background: -o-linear-gradient(transparent 60%, #fff226 60%);
    background: linear-gradient(transparent 60%, #fff226 60%);
}
a {
color: #333333;
text-decoration: none;
}


strong{
font-weight: bold;
color:#0281da;
}

#main a {
    color:#d9333f;
    text-decoration: underline;
}
#main ul{
    border:3px solid #EEEEEE;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}
#main ul li {
  border-bottom: 1px dotted #cccccc;
  background-image:url("../img/icon_check.jpg");
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-position: 8px 12px;
  padding-left: 31px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#main ul li:last-child{
border-bottom: none;
}
.listmark-num{
    border:3px solid #EEEEEE;
    margin-bottom: 10px;
    margin-top: 10px;
    
}
.listmark-num > li{
padding-left: 30px;
border-bottom: 1px dotted #cccccc;
padding-top: 7px;
padding-bottom: 7px;
margin-left: 10px;
    margin-right: 10px;
}
.listmark-num > li:before {
content: counter(my-counter); /* カウンター「my-counter」を呼び出す */
counter-increment: my-counter; /* この要素が現れる度にカウンター「my-counter」が加算されていく、 */
background-color: #f0e207;
display: block;
float: left;
margin-top:3px;
color: #222222;
font-size: 65%;
font-weight: bold;
letter-spacing: -0.5pt;
text-indent: -0.5pt;
line-height: 20px; /* 行間を高さと同じにすることで、上下中央に配置させる */
margin-left: -30px;
text-align: center;
height: 20px;
width: 20px; /* width、heightを同じ数値にして、正方形にする */
border-radius: 50%; /* 要素を丸にする（正方形なので、正円となる） */
}
.listmark-num > li:after{
content: "";
display: block;
height: 0;
font-size: 0;
clear: both;
}
.listmark-num{
counter-reset: my-counter; /* ol本体でカウンターをリセット – このクラスが呼び出される度に1からカウントされるようにする */
padding: 0;
}
#main ol.listmark-num li:last-child{
border-bottom: none;
}


/*
#main ol {
  counter-reset: my-counter;
  list-style: none;
  border:3px solid #EEEEEE;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}
 
#main ol li {
  margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
border-bottom: 1px dotted #cccccc;
}
#main ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #bada55;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
#main ol li:last-child{
border-bottom: none;
margin-bottom: 0;
}
*/

/*
#main ol {
  counter-reset: my-counter;
  list-style: none;
  border:3px solid #EEEEEE;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}
#main ol li {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
}
#main ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #333;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #ffffff;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
*/


h2{
        padding: 7px;
        margin-top: 50px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
        font-family: 'Noto Sans JP', sans-serif;
        border-bottom: 2px solid #d9333f;
        padding-left: 5px;
    }
h3{
        font-size:16px;
        font-weight: bold;
        margin-top: 40px;
        margin-bottom: 10px;
        font-family: 'Noto Sans JP', sans-serif;
        border-left: 2px solid #d9333f;
        padding-left: 10px;
    }
    
#contact-con{
		margin-top: 50px;
    }
    
#contact-con img {
    width: 100%;
    vertical-align: bottom;
}
#main .siteLink {
margin-top: 15px;

}
#main .siteLink a{
background-color: #d92d40;
border:1px solid #d92d40;
line-height: 20px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border-radius: 3px;
text-decoration: none;
color: #FFFFFF;
padding-left: 40px;
background-image: url("../img/arrow-icon-256.png");
background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 8px center;
  padding-left: 31px;
transition-duration: 0.3s;
}
#main .siteLink a:hover{
    background-color: #fc2a42;
}
#main .blankLink {
margin-top: 15px;

}
#main .blankLink a{
background-color: #ffffff;
border:1px solid #f0e207;
line-height: 20px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border-radius: 3px;
text-decoration: none;
padding-left: 40px;
background-image: url("../img/icon_link_blank.png");
background-repeat: no-repeat;
  background-size: 14px auto;
  background-position: 8px 9px;
  padding-left: 31px;
    transition-duration: 0.3s;

}

#main .blankLink a:hover{
    background-color: #EEEEEE;
}
/*gmenu
------------------------------------------------------------------------------------------*/
#gmenu{
	display:none;
	position:absolute;
	top:0;
    left:0;
	z-index:1500;
	width:100%;
	box-sizing:border-box;
	color:#FFF;
}
#gmenu #serviceMenu ul li:last-child,
#gmenu #keibaiMenu ul li:last-child,
#gmenu #ninbaiMenu ul li:last-child,
#gmenu #shakkinMenu ul li:last-child{
border-bottom: none;
}

#gmenu #serviceMenu{
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
border:1px solid #FFFFFF;
padding-top: 30px;
border-radius: 5px;
}

#gmenu #serviceMenu #serviceMenuTitle{
margin-left: 15px;
font-weight: bold;
font-size:18px;
line-height: 18px;
font-family: 'Noto Sans JP', sans-serif;
}

#gmenu #serviceMenu #serviceMenutitleSub{
    margin-left: 15px;
    font-size:12px;
    color: #073523;
    letter-spacing: 1px;
}

#gmenu #ninbaiMenu{
margin-top: 75px;
margin-left: 15px;
margin-right: 15px;
border:1px solid #FFFFFF;
padding-top: 30px;
border-radius: 5px;
}

#gmenu #ninbaiMenu #ninbaiMenuTitle{
margin-left: 15px;
font-weight: bold;
font-size:18px;
line-height: 18px;
font-family: 'Noto Sans JP', sans-serif;
}

#gmenu #ninbaiMenu #ninbaiMenutitleSub{
    margin-left: 15px;
    font-size:12px;
    color: #073523;
    letter-spacing: 1px;
}

#gmenu #keibaiMenu{
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
border:1px solid #FFFFFF;
padding-top: 30px;
border-radius: 5px;
}

#gmenu #keibaiMenu #keibaiMenuTitle{
margin-left: 15px;
font-weight: bold;
font-size:18px;
line-height: 18px;
font-family: 'Noto Sans JP', sans-serif;
}

#gmenu #keibaiMenu #keibaiMenutitleSub{
    margin-left: 15px;
    font-size:12px;
    color: #073523;
    letter-spacing: 1px;
}


#gmenu #shakkinMenu{
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
border:1px solid #FFFFFF;
padding-top: 30px;
border-radius: 5px;
}

#gmenu #shakkinMenu #shakkinMenuTitle{
margin-left: 15px;
font-weight: bold;
font-size:18px;
line-height: 18px;
font-family: 'Noto Sans JP', sans-serif;
}

#gmenu #shakkinMenu #shakkinMenutitleSub{
    margin-left: 15px;
    font-size:12px;
    color: #073523;
    letter-spacing: 1px;
}


#gmenu ul{
	margin-top:10px;
    font-size:13px;
}
#gmenu ul li ul{
	margin-top:0;
}
#gmenu ul li {
	border-bottom:1px solid #FFFFFF;
	height:40px;
	line-height:40px;
}
#gmenu ul li:first-child{
	border-top:1px solid #FFFFFF;
}
#gmenu ul li a{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	box-sizing:border-box;
	width:100%;
	padding-left:20px;
}



ul#otherMenu{
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
border:1px solid #FFFFFF;
border-radius: 5px;
}

#gmenu ul#otherMenu li:first-child{
	border-top:none;
}
#gmenu ul#otherMenu li {
width: 100%;
box-sizing: border-box;
}
#gmenu ul#otherMenu li a{
padding-left:20px;
transition-duration: 0.3s;
}





#glayLayer{
	display: none;
    position: fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#d9333f;
    opacity: 0.95;
    filter:alpha(opacity=95);
	z-index:1000;
	
}
#closeBtn,
#menu-btn{
	width:40px;
	height:40px;
	position:absolute;
	right:15px;
	top:15px;
    z-index: 10;
}
#closeBtn img,
#menu-btn img {
	width:100%;
	height:auto;
}
#closeBtn{
	display: none;
	z-index:2000;
}
a.nolink{
	cursor: auto;
}



/*header
------------------------------------------------------------------------------------------*/
#header{
    position: relative;
    z-index: 5;
    height: 70px;
    box-shadow: 0 0 8px #000000;
}

#header #logo {
	width: 260px;
	padding-top: 12px;
    margin-left: 15px;
}
#header #logo img {
	width: 100%;
	vertical-align: bottom;
}


#header {}


/*footer
------------------------------------------------------------------------------------------*/
#footer{
	padding-top: 30px;
	text-align: center;
	padding-bottom: 50px;
	font-size:12px;
	padding-left: 20px;
	padding-right: 20px;
    background-color: #d9333f;
    color: #FFFFFF;
    letter-spacing: 1px;
    
}

    
iframe {
    vertical-align: bottom;
    }  
#copy {
text-align: center;
font-size: 12px;
padding: 15px;
letter-spacing: 1px;
}




#main-img {
height: 150px;
}

#main-img .inner {
padding: 20px;
padding-top: 30px;
}
#main-img a {
    color: #FFFFFF;
}
#main-img #page-title{
    font-weight: bold;
    font-size: 24px;
    letter-spacing:3px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #222222;
}

#page-title h1 span{
    background-color:rgba(255,255,255,0.8);
    color: #222222;
}

#page-title #sub-title span{
    background-color:rgba(255,255,255,0.8);
    color: #d92d40;
}

#main-img #page-title-small{
    font-weight: bold;
    font-size: 20px;
    letter-spacing:1px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #FFFFFF;
}

#main-img #page-title #sub-title,
#main-img #page-title-small #sub-title{
    font-size:12px;
    margin-top: 5px;
    letter-spacing:1px;
    font-family: 'Noto Sans JP', sans-serif;
    color:#d92d40;
}

#main-img #pan {
    text-align:right;
    margin-top:37px;
    font-size:10px;
    color: #FFFFFF;
}
#pan span{
        background-color:rgba(255,255,255,0.8);
        color: #222222;
    }
    
    #pan span a {
        color: #222222;
    }

.ninbaiMain{background-image: url("../img/main-img/bg_main-img_ninbai.jpg");}
.keibaiMain{background-image: url("../img/main-img/bg_main-img_keibai.jpg");}
.shakkinMain{background-image: url("../img/main-img/bg_main-img_shakkin.jpg");}
.otherMain{background-image: url("../img/main-img/bg_main-img_other2.jpg");}


.ninbaiMain,
.keibaiMain,
.shakkinMain,
.otherMain{
    background-position: center center;
    background-size: auto 100%;
}

#main{
    padding-top:50px;
	padding-bottom:50px;
    padding-left: 20px;
    padding-right: 20px;
}
#page-main-image {
    margin-bottom: 10px;
}
#page-main-image img{
    width: 100%;
    vertical-align: bottom;
}

ol.privacy{
        list-style-type: lower-latin;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        border:3px solid #EEEEEE;
        font-size:12px;
    }
    ol.privacy li {
        border-bottom: 1px dotted #cccccc;
    }
@media only screen and (min-width: 680px) {
ol.privacy{
        font-size:13px;
    }
    body {
		font-size:14px;
		line-height:30px;
		color:#333333;
		/*font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	}
    
    h2{
        padding: 7px;
        margin-top: 50px;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
        font-family: 'Noto Sans JP', sans-serif;
        padding-left: 5px;
    }
    
    
    h3{
        font-size:16px;
        font-weight: bold;
        margin-top: 50px;
        margin-bottom: 10px;
        font-family: 'Noto Sans JP', sans-serif;
    }
  
    #header{
        height: 100px;
        background-color: #ffffff;
        /*border-top:5px solid #00a07b;*/
    }
    
    #header .inner {
         width: 1100px;
        margin-left: auto;
        margin-right: auto;
        background-image: url("../img/bg_header5.jpg");
    }
    #footer{
    
    padding-top: 50px;
    }
	
	
	ul.ft-link li{
		display:inline;
        margin-left: 5px;
        padding-left: 5px;
        margin-right: 5px;
        padding-right: 5px;
	}
    
    ul.ft-link li a {
    color: #FFFFFF;
    text-decoration: none;
    }
    
    
    #header #logo {
        width: 500px;
        margin-left:0;
        margin-right:0;
        padding-top:0px;
        height: 100px;
        float: left;
    }


    #header #contact-btn{
        width: 182px;
        float: right;
        height: 100px;
        
    }
  #header #contact-btn a {
      display: block;
      width: 100%;
      height: 100px;
      text-align: center;
      color: #FFFFFF;
      line-height: 18px;
      box-sizing: border-box;
      padding-top: 35px;
      font-size:16px;
       background-color: #d9333f;
       position: relative;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: bold;
      transition-duration: 0.3s;
  }
   #header #contact-btn a span{
       font-size:9px;
       background-color: #ffffff;
       color: #d9333f;
       padding: 2px;
       padding-left: 4px;
       padding-right: 4px;
       border-radius: 10px;
       letter-spacing:2px;
       font-family: 'Noto Sans JP', sans-serif;
   }  
     #header #contact-btn a:hover {
     background-color: #fc2a42;
     color: #FFFFFF;
     }

    #wap {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    }
    
    
    #main {
    width: 800px;
    float: right;
    padding-left:0;
    padding-right:0;
    padding-top: 0;
    }


    #main-img {
    height: 250px;
    margin-bottom: 50px;

    }
    #main-img a {
    color: #FFFFFF;
    }
	#main-img .inner {
        padding:0;
		width:1100px;
		margin-left:auto;
		margin-right:auto;
		box-sizing: border-box;
		padding-top:60px;
        
	}
	#main-img #page-title,
    #main-img #page-title-small{
		font-weight: bold;
    	font-size: 32px;
    	letter-spacing:3px;
		font-family: 'Noto Sans JP', sans-serif;
	}
    #main-img #page-title #sub-title
    #main-img #page-title-small #sub-title{
    	font-size:14px;
        margin-top: 5px;
        letter-spacing:1px;
		font-family: 'Noto Sans JP', sans-serif;
    }
	
	#main-img #pan {
		text-align:right;
		margin-top:80px;
		font-size:13px;
        color: #FFFFFF;
	}
    
    #pan span{
        background-color:rgba(255,255,255,0.8);
        color: #222222;
    }
    
    #pan span a {
        color: #222222;
    }
    
    #contact-con{
		margin-top: 50px;
        margin-bottom: 50px;
    }
    
    
.ninbaiMain,
.keibaiMain,
.shakkinMain,
.otherMain{
    background-size: 100% auto;
}
    
    
#page-main-image {
    margin-bottom: 15px;
}
    

}