@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

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

body {
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-weight:500;
font-weight: normal;
color:#33333c;
background-color:rgb(249,249,254);
}

.pc_only{visibility:visible;}
.sp_only{display:none !important;}

/* ================================================================================ */
/*	FONT STYLE    */  
/* ================================================================================ */
h2{
margin-bottom:42px;
line-height:1.4;
font-size:24px;
font-weight:normal;
}
h3,h4,h5{font-weight:bold;}
h3{font-size:1.8rem;margin:30px auto;}
h4,h5{margin:20px auto;}

p{line-height:2;margin-bottom:1em;}

/* ================================================================================ */

/*	wrapper	*/

/* ================================================================================ */
.wrapper{
width:100%;
margin:0 auto;
position: relative;
min-width: 1100px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -235px;
}
/* ================================================================================ */

/*	header	*/

/* ================================================================================ */
header{
width:100%;
margin:0 auto;
position:relative;
}
header h1 span{
display:none;
}
.p_front header{
height:500px;
position:relative;
}
.header{
height:135px;
width:100%;
position:relative;
border-top:4px solid rgb(24,172,246);
background:rgb(249,249,254);
box-sizing:border-box;
}
.header .wrap{
width:1100px;
margin:0 auto;
height:135px;
position:relative;
}
/*logoset*/
.header .wrap .colm1{ 
position:absolute;
bottom:30px;
left:0;
width:400px;
height:52px;
height:58px;
z-index:11000;
}
.header .wrap .colm1 img{
vertical-align:bottom;
margin-right:20px;
}
/* ================================================================================ */

/*	pan パンくず	*/

/* ================================================================================ */
.pan{
position:absolute;
top:275px;
left:0;
width:100%;
font-size:1.2rem;
font-family: "メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
z-index:998;
}
.pan ul{
width:1040px;
margin:12px auto 0;
}
.pan ul > li{
display:inline-block;
color:rgba(170,168,168,1);
}
.pan ul > li{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
vertical-align: middle;
text-decoration: none;
}
.pan ul > li:first-child{padding-left:0;}
.pan ul > li::before,.pan ul > li::after{
position: absolute;
top: 0;
bottom: 1px;
left: 0;
margin: auto;
content: "";
}
.pan ul > li::before{
left:3px;
top:0;
width:6px;
height:6px;
border-top: 1px solid rgba(185,190,205,1) ;
border-right: 1px solid rgba(185,190,205,1) ;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pan ul > li:first-child::before{
border:none 0;
margin: 0;
position: relative;
top: 1px;
}
.pan ul > li a{
text-decoration:none;
color:rgba(170,168,168,1);
}

/* ================================================================================ */

/*	contContainer	*/

/* ================================================================================ */
.contContainer {
width:100%;
min-width:1100px;
margin:60px auto 0;
position:relative;
z-index:101;
}

/*------------------------------
	その他　スタイル
------------------------------*/
.wrap_float{width:90%;margin:0 5%;}
.wrap_float .float_r{width: 70%;}
.wrap_float .float_l{width: 30%;}
.wrap_float .float_l img{
margin:0 auto 10px;
text-align:center;
}
/*------------------------------
	コンテンツ最下部（ご案内）
------------------------------*/
.contContainer section.sect_footer{
width:980px;
margin:0 auto;
padding:60px 0;
box-sizing:border-box;
}

/* ================================================================================ */

/*	footer	*/

/* ================================================================================ */
#push{height:235px;}

footer {
width:100%;
height:235px;
padding-bottom:0;
margin-bottom:0;
text-align:left;
color:#d5d5d5;
background: #717171; 
position:relative;
}

/*フッター メニューボタン*/

.footer_nav{
width:100%;
height:60px;
margin:0 auto;
text-align:center;
box-sizing:border-box;
background:#414141;
}
.footer_nav ul{font-size:0;color:#fff;}
.footer_nav ul li{
display: inline-block;
font-size:1.5rem;
cursor: pointer;
position: relative;
font-weight: 900;
}
.footer_nav ul li a{
border-radius:4px;
z-index:10001;
display:block;
padding:0 1em 0 1.5em;
line-height:60px;
text-decoration:none;
box-sizing:border-box;
}
.footer_nav ul li::before {
content: '\f0da';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
left: .9rem;
right: auto;
bottom: auto;
transform: translateY(-50%);
color:rgb(24,172,246);
}
.footer_nav ul li a,
.footer_nav ul li a:visited{
font-weight: 400;
color:#fff;
}
.footer_nav ul li a:hover{
color:#ccc;
}

/*フッター インフォメーション*/

.footer_info{
width:1040px;
margin:2.4rem auto 0;
}
.footer_info .Box_1{
width: 35%;
float:left;
font-size:1.6rem;
}
.footer_info .Box_2{
width: 65%;
float:right;
}
.footer_nav .vcard p{
font-size:1.4rem;
line-height:1.4;
}
.footer_info .copyRight{
font-size:1.2rem;
margin-top:.9rem;
font-family:Myriad Pro, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/* ================================================================================ */
/*      RETURN PAGE TOP      */
/* ================================================================================ */
#pagetop_Block {
width:100%;
position:fixed;
right:30px;
bottom:60px;
z-index:1000;
text-align:center;
width:72px;
height:72px;
}
#pagetop{
margin:0 auto;
text-align:center;
}
#pagetop span{
font-size:9px;
padding-right:0px;
vertical-align:middle;
}
#pagetop a{
float:right;
line-height:72px;
display:block;
margin:0;
width:72px;
font-family: FontAwesome;
font-size:1.6rem;
color: #666;
text-align: center;
text-decoration: none;
background-color:rgba(200,200,200,0.8);
box-sizing:border-box;
border-radius:36px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
text-shadow: 0 0 6px rgba(255,255,255,0.8);
opacity:0.7;
-moz-opacity:0.7;
}
#pagetop a:hover {
color: #999;
}
/* ---------------------------------------------------- */

/*リスト（カッコつき数字）*/

/* ---------------------------------------------------- */
ol.list_kakko_rd {
list-style-type: none;
margin-left: 1em;
}
ol.list_kakko_rd li {
counter-increment: cnt;
}
ol.list_kakko_rd li:before {
  content: "(" counter(cnt) ") ";
  display:inline-block;
  margin-left:0em;
  width: 1em; 
}

}


/* ---------------------------------------------------- */