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


@import url("contents.css");
@import url("Responsive-table.css");
@import url("remodal-header.css");
@import url("remodal.css");




/* =Reset-------------------------------------- */
html { font-size: 62.5%; /* 基準 10px */
       font-family:Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;}
* { margin:0; padding: 0px}
a { text-decoration: none}
img { max-width:100%; border: 0px}


/* .ie8 img{width: auto; height: auto} */



body{ width:100%}



/* 禁則処理-------------------------------------- */
p.li,dt,dd,th,td,pre{
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict
	}
	

/*link----------------------------------------*/
a:link { text-decoration: none; color:#0539DF !important;}
a:visited { text-decoration: none; color:#0539DF !important}
a:active { text-decoration: none; color:#0539DF !important}


/*margin,clear:both----------------------------------------*/	
.margin-5px{ width:100%; margin-bottom:5px; clear:both}
.margin-10px{ width:100%; margin-bottom:10px; clear:both}
.margin-20px{ width:100%; margin-bottom:20px; clear:both}
.margin-30px{ width:100%; margin-bottom:30px; clear:both}
.margin-40px{ width:100%; margin-bottom:40px; clear:both}
.margin-60px{ width:100%; margin-bottom:60px; clear:both}
.margin-70px{ width:100%; margin-bottom:70px; clear:both}
.margin-80px{ width:100%; margin-bottom:80px; clear:both}
.margin-90px{ width:100%; margin-bottom:90px; clear:both}
.margin-100px{ width:100%; margin-bottom:100px; clear:both}
.margin-110px{ width:100%; margin-bottom:110px; clear:both}
.margin-120px{ width:100%; margin-bottom:120px; clear:both}

.clr{ width:100%; clear:both}



/*共通フォント（文章は全てPtextで統一）----------------------------------------*/

p { font-size:1.6rem; line-height:2.2rem}



/*hr----------------------------------------*/
.hr-normal { border:1px #E7E7E7 solid; margin-top:20px; margin-bottom:20px}




/*font-カラー----------------------------------------*/
.fgray{ color:#A0A0A0}
.fmgray{ color:#5C5C5C}
.bold{ font-weight:bold}
.blue{ color:#246aeb}
.red{ color:#fe0000}



/*角丸----------------------------------------*/

.radius {border-radius: 5px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px}



/*ドロップシャドー----------------------------------------*/


.select-bt    {
    /*box-shadow*/
    box-shadow: 0 2px 1px #fff inset;
    -webkit-box-shadow: 0 2px 1px #fff inset;
    -moz-box-shadow: 0 2px 1px #fff inset;
     
    /*グラデーション*/
    background-image:-moz-linear-gradient(top, #f9f9f9, #cfcfcf);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f9),color-stop(1, #cfcfcf));
     
    /*ボックスのデザイン*/
    border:1px solid #ccc;
}


.card-shadow    {
    /*box-shadow*/
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
     
    /*ボックスのデザイン*/
    border:1px solid #ccc;
}


.bottom-shadow    {
    box-shadow: 0 5px 6px -6px #777;
	 -webkit-box-shadow: 0 5px 6px -6px #777;
	 -moz-box-shadow: 0 5px 6px -6px #777;
   
}

.top-shadow    {
    box-shadow: 10px 10px 6px 6px #777;
	 -webkit-box-shadow: 0 -4px 5px -5px #777;
	 -moz-box-shadow: 0 5px 6px -6px #777;
   
}




/*Contents----------------------------------------*/
#Contents { width:100%}

/*ContentsInner----------------------------------------*/
#ContentsInner { width:95%; margin:0 auto; margin-bottom:40px}

#Area { background-color:#FFFFFF; padding:2%}


/*main-contents----------------------------------------*/

#main-contents { width:95%; margin:0 auto}

#topics h2 { font-size:1.8rem; font-weight:bold; color:#333;
            border-bottom:2px #333 solid; margin-bottom:20px}
#main-contents h2 { font-size:1.8rem; font-weight:bold; color:#333;
            border-bottom:2px #333 solid; margin-bottom:20px}



.subpage-basic-p { font-size:1.4rem} 


#pc-umekomi-topics { display:none}
#sp-umekomi-topics {}
			
			
.textseobox{ width:100%; margin:0 auto; margin:0px; padding:0px; 
             font-size:12px !important; color:ff0000}

.textseobox h1 { background-color:#E3E3E3; padding:5px}

.textseobox h2 { text-indent:10px}

.textseobox ul { padding-left:10px; padding-bottom:20px}



.mc-left { width:100%; }
.mc-right { width:100%; }





/*タイトル関連----------------------------------------*/
.h2 { width:100%; color:#5C5C5C;
                     font-size:2.0rem;
					 border-bottom:5px #5C5C5C solid;
					 font-weight:bold;
					 padding-bottom:0px; margin-bottom:20px}

.h3 { width:100%; color:#3BAA71; text-indent:10px;
                     font-size:1.8rem;
					 border-left:10px #5C5C5C solid;
					 font-weight:bold;
					 padding-bottom:0px; margin-bottom:10px}

.h4 { width:100%; color:#000000;
                     font-size:1.8rem;
					 border-bottom:3px #C0C0C0 dotted;
					 font-weight:bold;
					 padding-bottom:0px; margin-bottom:10px}


					 
/* header-------------------------------------- */

header { width:100%; height:50px; background-color:#FFFFFF;
           overflow:hidden; position:fixed; top:0px; z-index: 100;}
		   
#HeaderInner {}

.HeaderLeft { width:70%; float:left}
.HeaderRight { width:30%; float:right}

.HeaderLogo { margin-left:5px; margin-top:10px; max-height:40px}
.LogoText { display:none }


.toph1 { color: #c2142c; font-weight: boldl; margin-top: 10px}


#MenuBox {}

#MenuBox ul { list-style:none; float:right; margin-right:5px; margin-top:12px}
#MenuBox li { float:left; text-align:center}

.MenuLi { display:none }
#MenuBox img { max-height:27px}

.MenuMarginRight { margin-right:20px}


.mb-1 { margin-right:20px}
.mb-2 { margin-right:20px}
.mb-3 { display:none}
.mb-4 { display:none}
.mb-5 { display:none}
.mb-6 {}




/*HeaderMenu　サブメニュー----------------------------------------*/

.Hm-h2 { text-align:left; margin-bottom:20px}
.HeaderMenu-Left { margin-bottom:20px}
.HeaderMenu { width:100%}
.HeaderMenu ul {  }
.HeaderMenu li { font-size:1.4rem; text-align:left; list-style:none; line-height:40px;
                border-bottom:1px #C0C0C0 solid}

.HeaderMenu li a:link { color:#246aeb !important}
.HeaderMenu li a:visited { color:#246aeb !important}
.HeaderMenu li a:active { color:#246aeb !important}







/*footer----------------------------------------*/

footer { width:100%; height:55px; background-color:#FFFFFF;
          position:fixed; bottom:0px; z-index: 101; overflow:hidden;}
#FooterInner {}
#FooterMenu {}
#FooterMenu ul { list-style:none; margin-top:5px}
#FooterMenu li { float:left; width:20%; text-align:center;
                  position:relative}			  
				  
#FooterMenu img { max-height:27px}

.Fmlt { margin-top:5px; color:#A0A0A0; font-size:1.0rem}


			



/*sub-contents----------------------------------------*/			

#sub-contents { width:95%; margin:0 auto}
#sub-contents h2 { font-size:1.8rem; font-weight:bold; color:#333;
            border-bottom:2px #333 solid; margin-bottom:20px}

		  
#scb-nav {
  margin: 0 0 30px;
  padding: 0;
  font-size: 13px;
  list-style-type: none;
}
/*clearfix*/
#scb-nav:after {
  content: "";
  clear: both;
  display: block;
}
#scb-nav li {
  float: left;
  width: 48%;
  text-align: center;
  margin-bottom:10px
}
/*奇数のli要素に適応*/
#scb-nav li:nth-child(even) { margin-left:2%}
#scb-nav a {
  display: block;
}
#scb-nav a:hover {
}


/*sub-banner-3c----------------------------------------*/

#sub-banner-3c { width:100%; margin-bottom:20px; margin:0 auto}		  
#sub-banner-3c ul{ padding:0px; margin:0px; list-style-type:none;
               margin:0 auto;}
#sub-banner-3c li{ margin-bottom:20px; font-size:1.2rem; line-height:160%; color:#999999
         }
		 
#sub-banner-3c h2 { font-size:1.8rem; font-weight:bold; color:#333;
            border-bottom:2px #333 solid; margin-bottom:20px}	
























/* width 768以上　1024px未満 */

@media screen and (min-width : 768px){	


/*共通フォント----------------------------------------*/

p { font-size:1.4rem; line-height:2.2rem}



/*link----------------------------------------*/
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none; opacity:0.7; filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )"}
a:active { text-decoration: none}

a:hover div { opacity:0.8; 
              filter: alpha(opacity=80);
              -ms-filter: "alpha( opacity=80 )"}

a:hover span { opacity:0.8; 
              filter: alpha(opacity=80);
              -ms-filter: "alpha( opacity=80 )"}

a:hover li { opacity:0.8; 
              filter: alpha(opacity=80);
              -ms-filter: "alpha( opacity=80 )"} 

a:hover img { opacity:0.8; 
              filter: alpha(opacity=80);
              -ms-filter: "alpha( opacity=80 )"}




/*Contents----------------------------------------*/
#Contents{}

/*ContentsInner----------------------------------------*/
#ContentsInner {  margin:0 auto; margin-bottom:80px; max-width:960px }

.ContentsInner-box { max-width:960px; margin:0 auto}



/*タイトル関連----------------------------------------*/

.h2 { font-size:3.0rem}

.h3 { font-size:2.4rem}

.h4 { font-size:1.8rem}




/*テキスト関連----------------------------------------*/

.p { font-size:1.4rem}




/* header-------------------------------------- */

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

.HeaderLeft { width:40%}
.HeaderRight { width:60%}

.HeaderLogo { margin-left:0px; margin-top:5px}
.LogoText { display:block; margin-top:8px; margin-left:40px  }

.MenuMarginRight { margin-right:50px}

#MenuBox ul { margin-right:0px; margin-top:13px}
.MenuLi { display: block; margin-top:5px; }


.mb-1 { margin-right:30px}
.mb-2 { margin-right:30px}
.mb-3 { display: block; margin-right:30px}
.mb-4 { display: block; margin-right:30px; position:relative}
.mb-5 { display: block; margin-right:30px; position:relative}
.mb-6 { }




/*HeaderMenu----------------------------------------*/

.HeaderMenu-Left { float:left; width:45%}
.HeaderMenu-Right { float:right; width:45%}

.HeaderMenu li { font-size:1.2rem; line-height:35px}

.HeaderMenu li a:hover { color:#246aeb !important}




/*MidHeader ----------------------------------------*/

#MidHeader { width:100%; margin-bottom:20px;
			 }
#MidHeaderInner { width:960px; margin:0 auto}
.MH-left { width:20%}
.MH-right { width:80%}
.MH-left img { width:100%; margin-bottom:40px}

.MHr-text { padding:30px; font-size:2.0rem}



#main-contents { max-width:960px; margin:0 auto}	
	
	

/*sub-contents----------------------------------------*/			

#sub-contents { max-width:960px; margin:0 auto}

	
	
	
	

.mc-left { width:100%; }
.mc-right { width:100%; }

	
		 
#topics { width:70%; float:left}

#topics h2 { width:95%}

#sub-banner-3c{ width:30%; float:right}	

#pc-umekomi-topics {display: block }
#sp-umekomi-topics {display:none}


#scb-nav li {
  float: left;
  width: 24%;
  text-align: center;
  margin-bottom:10px
}


#scb-nav li:nth-child(even) { margin-left:0%}
#scb-nav li:nth-child(n) { margin-left:1%}	
	
	

	
	
	




/*footer----------------------------------------*/

footer {}
#FooterInner { max-width:960px; margin:0 auto}







}