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

body{
	overflow-x:hidden;
}
#header_calbeeroot div,#header_calbeeroot span,#header_calbeeroot object,#header_calbeeroot iframe,
#header_calbeeroot p,#header_calbeeroot blockquote,#header_calbeeroot pre,
#header_calbeeroot del,#header_calbeeroot dfn,#header_calbeeroot em,#header_calbeeroot img,#header_calbeeroot ins,#header_calbeeroot kbd,#header_calbeeroot q,#header_calbeeroot samp,
#header_calbeeroot small,#header_calbeeroot strong,#header_calbeeroot sub,#header_calbeeroot sup,#header_calbeeroot var,
#header_calbeeroot b,#header_calbeeroot i,
#header_calbeeroot dl,#header_calbeeroot dt,#header_calbeeroot dd,#header_calbeeroot ol,#header_calbeeroot ul,#header_calbeeroot li,
#header_calbeeroot fieldset,#header_calbeeroot form,#header_calbeeroot label,#header_calbeeroot legend,
#header_calbeeroot table,#header_calbeeroot caption,#header_calbeeroot tbody,#header_calbeeroot tfoot,#header_calbeeroot thead,#header_calbeeroot tr,#header_calbeeroot th,#header_calbeeroot td,
#header_calbeeroot article,#header_calbeeroot aside,#header_calbeeroot canvas,#header_calbeeroot details,#header_calbeeroot figcaption,#header_calbeeroot figure, 
#header_calbeeroot hgroup,#header_calbeeroot menu,#header_calbeeroot nav,#header_calbeeroot section,#header_calbeeroot summary,
#footer_calbeeroot div,#footer_calbeeroot span,#footer_calbeeroot object,#footer_calbeeroot iframe,
#footer_calbeeroot p,#footer_calbeeroot blockquote,#footer_calbeeroot pre,
#footer_calbeeroot del,#footer_calbeeroot dfn,#footer_calbeeroot em,#footer_calbeeroot img,#footer_calbeeroot ins,#footer_calbeeroot kbd,#footer_calbeeroot q,#footer_calbeeroot samp,
#footer_calbeeroot small,#footer_calbeeroot strong,#footer_calbeeroot sub,#footer_calbeeroot sup,#footer_calbeeroot var,
#footer_calbeeroot b,#footer_calbeeroot i,
#footer_calbeeroot dl,#footer_calbeeroot dt,#footer_calbeeroot dd,#footer_calbeeroot ol,#footer_calbeeroot ul,#footer_calbeeroot li,
#footer_calbeeroot fieldset,#footer_calbeeroot form,#footer_calbeeroot label,#footer_calbeeroot legend,
#footer_calbeeroot table,#footer_calbeeroot caption,#footer_calbeeroot tbody,#footer_calbeeroot tfoot,#footer_calbeeroot thead,#footer_calbeeroot tr,#footer_calbeeroot th,#footer_calbeeroot td,
#footer_calbeeroot article,#footer_calbeeroot aside,#footer_calbeeroot canvas,#footer_calbeeroot details,#footer_calbeeroot figcaption,#footer_calbeeroot figure, 
#footer_calbeeroot hgroup,#footer_calbeeroot menu,#footer_calbeeroot nav,#footer_calbeeroot section,#footer_calbeeroot summary{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

@font-face {
   font-family: Sawarabi Gothic;
   src: url('/shared_file/font/SawarabiGothic-Regular.ttf');
   font-display: swap;
   transform: rotate(0.001deg);
}
#Header_Contents{
	min-height:63px;
	z-index:10;
	position:relative;
}

#header_calbeeroot{min-height:63px;}


#header_calbeeroot .sawarabi,
#footer_calbeeroot .sawarabi{
   font-family: Sawarabi Gothic;
   transform: rotate(0.001deg);
}
#header_calbeeroot, #footer_calbeeroot {
	font-size:16px;
    line-height:1.6;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif;
	color:#3c3c3c;
	overflow-wrap: break-word;

}


#header_calbeeroot ul,
#footer_calbeeroot ul{
    list-style:none;
}

#header_calbeeroot blockquote, #header_calbeeroot q,
#footer_calbeeroot blockquote, #footer_calbeeroot q{
    quotes:none;
}


#header_calbeeroot a , #footer_calbeeroot a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color:#3c3c3c;
	text-decoration:none;
}


#header_calbeeroot table,#footer_calbeeroot table {
    border-collapse:collapse;
    border-spacing:0;
}


#header_calbeeroot img.hoverImg,#footer_calbeeroot img.hoverImg{
	transition-duration:0.3s;
}
#header_calbeeroot a:hover img.hoverImg,
#footer_calbeeroot a:hover img.hoverImg {
	opacity:0.7;
}
#header_calbeeroot .sp_display,
#footer_calbeeroot .sp_display{
	display:none;
}

#header_calbeeroot .flex,#footer_calbeeroot .flex{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	justify-content:space-between;
}


.pc_display{display:block;}
.sp_display{display:none;}
/*------------------
ヘッダー
--------------------*/
#header_calbeeroot{
	width:100%!important;
	border-bottom: 1px solid #e5e5e5;
	background-color:#FFF;
}
#header_calbeeroot .inner{
	max-width:1150px;
	margin:0 auto;
	display:flex;
	padding:8px 0px;
	justify-content:space-between;
	align-items:flex-end;
	box-sizing:border-box;
	font-size:0px;
}
#header_calbeeroot img{
	width:108px;
	height:46px;
}




/*------------------
フッター
--------------------*/
#footer_calbeeroot{
	border-top:2px solid #fe0000;
	background-color:#FFF;
}
#footer_calbeeroot .inner{
	max-width:1150px;
	margin:0 auto;
	padding:25px 0 30px 0;
}
#footer_calbeeroot ul{
	margin-bottom:-1.3em;
}
#footer_calbeeroot ul li{
	display:inline-block;
	position:relative;
}
#footer_calbeeroot ul li:first-child {
    margin-left: 1.5em;
}
#footer_calbeeroot ul li a{
	font-size:14px;
	padding-right:1em;
	margin-right:1em;
	border-right:1px solid #cbc9ca;
}
#footer_calbeeroot ul li:last-child a{
	padding-right:0em;
	margin-right:0em;
	border-right:0px solid #cbc9ca;
	
}
#footer_calbeeroot ul li a:hover{
	text-decoration:underline;
}
#footer_calbeeroot ul li:first-child a:before {
    background: url(/shared_file/img/icon_home.png) 0 0 /contain no-repeat;
    position: absolute;
    left: -1.5em;
    top: 50%;
    margin-top: -0.5em;
    content: "";
    width: 1em;
    height: 1em;
}
#footer_calbeeroot .copy{
	text-align:right;
	font-size:12px;
	color:#636363;
}


/*------------------
フッターシンプル版PCのみ
--------------------*/
#footer_calbeeroot.pc .inner{
	width:1150px;
}


/*------------------
TOPに戻るボタン
--------------------*/
  #back-top {
             position: fixed;
             bottom: 30px;
			 right:20px;
			 z-index:9998;
			 display:none;
  }
  #back-top a {
             width: 51px;
             display: block;
             text-decoration: none;
             color: #bbb;
  }
  #back-top a:hover {
             color: #000;
  }
  /* arrow icon (span tag) */
  #back-top span {
             width: 51px;
             height: 51px;
             display: block;
             background: url(/shared_file/img/btn_top.png) center center /contain no-repeat;
  }
	#back-top.fixed{
             bottom: 60px;
	}


/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
#header_calbeeroot .inner{
	padding:8px 12px;
}
#footer_calbeeroot .inner{
	padding-left:12px;
	padding-right:12px;
}

}


/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
	
#header_calbeeroot .pc_display,
#footer_calbeeroot .pc_display{
	display:none;
}
#header_calbeeroot .sp_display,
#footer_calbeeroot .sp_display{
	display:block;
}
#footer_calbeeroot .inner{
	padding: 6.5vw 0 7.8vw 0;
}

#Header_Contents{
	min-height:auto!important;
}
#header_calbeeroot{min-height:auto!important;}

.pc_display{display:none;}
.sp_display{display:block;}

/*------------------
ヘッダー
--------------------*/
#header_calbeeroot .inner{
	padding:2.08vw 3.12vw;
	font-size:0px;
}
#header_calbeeroot img{
	width:25vw;
	height:auto;
}

/*------------------
ヘッダーシンプル版PCのみ
--------------------*/
#header_calbeeroot.pc .inner {
    padding: 8px 12px;
}
#header_calbeeroot.pc a{
	position:relative;
	width:auto;
	left:auto;
}
#header_calbeeroot.pc img{
	width:108px;
	height:auto;
}
#header_calbeeroot.pc + main{
	padding-top:0px;
}


/*------------------
フッター
--------------------*/
#footer_calbeeroot {
    /*margin-top: 8vw;*/

}
#footer_calbeeroot ul{
	padding-left:10%;
	margin-bottom:7.8vw;
}
#footer_calbeeroot ul li {
    display: block;
	text-align:left;
	margin-bottom:1em;
}
#footer_calbeeroot ul li:first-child {
    margin-left: 0em;
}
#footer_calbeeroot ul li a {
	font-size: 4.16vw;
    padding-right: 0em;
    margin-right: 0em;
    border-right: 0px solid #cbc9ca;
}
#footer_calbeeroot .copy {
    text-align:center;
}

/*------------------
フッターシンプル版PCのみ
--------------------*/
#footer_calbeeroot.pc .inner{
	padding: 25px 12px 30px 12px;
}
#footer_calbeeroot.pc ul{
	padding-left:0%;
	margin-bottom:-20px;
	font-size:16px;
}
#footer_calbeeroot.pc ul li {
    display: inline-block;
	margin-bottom:0em;
	font-size:16px;
}
#footer_calbeeroot.pc ul li:first-child {
    margin-left: 1.5em;
}
#footer_calbeeroot.pc ul li a {
    font-size: 14px;
    padding-right: 1em;
    margin-right: 1em;
    border-right: 1px solid #cbc9ca;
}
#footer_calbeeroot.pc ul li:last-child a {
    border-right: 0px solid #cbc9ca;
}
#footer_calbeeroot.pc .copy {
    font-size: 12px;
	text-align:right;
}


/*------------------
TOPに戻るボタン
--------------------*/
#back-top {
    bottom: 20.8vw;
    right: 2.6vw;
}
	#back-top.fixed{
    bottom: 20.8vw;
	}
	
	
}


/* 横向きの場合のスタイル */
@media screen and (orientation: landscape) and (max-width:767px){
  #header_calbeeroot {
    height:7vw;
    display:flex;
    align-items: center;
    justify-content: flex-start;
  }
  #header_calbeeroot .inner {
    padding: 0;
    width:100%;
}
#header_calbeeroot .logo img{
    width: 12vw;
  margin-left:0.8rem;
}
  
}