@charset "utf-8";



/******************************************************

 基本

*******************************************************/

*{

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	background: transparent;

}



/*!

 * ress.css • v1.1.1

 * MIT License

 * github.com/filipelinhares/ress

 */

html{/*追記開始*/-webkit-box-sizing:border-box;-moz-box-sizing:border-box;/*追記終了*/box-sizing:border-box;/*overflow-y:scroll;*/-webkit-text-size-adjust:100%}*,:after,:before{/*追記開始*/-webkit-box-sizing:inherit;-moz-box-sizing:inherit;/*追記終了*/box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{background-repeat:no-repeat;padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[type=button],[type=reset],[type=submit] [role=button],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{/*改変予定開始*/background-color:#b3d4fc;color:#000;/*改変予定終了*/text-shadow:none}::selection{/*改変予定開始*/background-color:#b3d4fc;color:#000;/*改変予定終了*/text-shadow:none}

body{

    font-family:"Yu Gothic", "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;

	background-color: #393939;

	background: url(../img/background.jpg) no-repeat fixed;

	background-size: cover;

	width: 100%;

	height: 100%;

	-webkit-text-size-adjust: 100%;

}

h1,h2,h3,h4,h5,h6,h7{

	color:white;

	margin: 0;

	padding: 0;

}

li{

    text-decoration: none;

    list-style: none;

}

a{

    text-decoration: none;

    list-style: none;

	color:white;

}

small,p{

    color: white;

}

::-moz-selection{

	background: #b8b8b8;

	color: #FFFFFF;

}

::selection{

	background: #b8b8b8;

	color: #FFFFFF;

}



/******************************************************

 ヘッダー

*******************************************************/

.gloval-nav{

	top: 0;

	left: 0;

	padding: 0;

    width: 250px;

    height: 100%;

	position: fixed;

	overflow-x: hidden;

	overflow-y: hidden;

	background-color: #993333;

	-webkit-transition: left 0.2s ease-out;

	transition: left 0.2s ease-out;

	z-index: 1000;

}

.gloval-nav nav{

	margin: 0;

	padding: 0;

	width: 267px;

	height: 60%;

	overflow-y: scroll;

}

.gloval-nav nav::-webkit-scrollbar{

	display: none;

}

.gloval-logo{

    background-image: url(../img/sarubobo-logo.svg);

    background-repeat: no-repeat;

    background-position: center;

	height: 150px;

}

.gloval-nav li{

	width: 100%;

	margin: auto 0;

	font-size: 1.0rem;

	border-bottom: 0.5px solid #2a2a2a;

}

.gloval-nav li:hover{

	background-color: #a84949;

}

.gloval-nav a{

	padding: 15px;

	font-weight: bold;

	display: block;

}

@media screen and (max-width:800px){

	.gloval-nav{

		-webkit-transform: translate3d(-250px, 0, 0);

		transform: translate3d(-250px, 0, 0);

		transition: transform .5s ease;

		z-index: 1;

	}

}

.icon{

	display: none;

	color: white;

	padding: 15px;

	cursor: pointer;

	position: fixed;

}

@media screen and (max-width:800px){

	.icon{

		display: block;

		z-index: 1000;

	}

}

.main-menu{

	cursor: pointer;

	color: white;

}

.sub-menu{

	background-color: #a84141;

}

.sub-menu li{

	height: 50px;

	border-bottom: .1px solid #b5b5b5;

}

.sub-menu li:hover{

	background-color: #7d2525;

}

.sub-menu li a{

	color: white;

	font-weight: 500;

	font-size: 15px;

}

.sub-menu li a:before{

	content: '　';

}

.turushi li{

	background-color: #c34c4c;

}

.turushi li a:before{

	content: '　　';

}



.gloval-nav nav ul{

	display: none;

}

span{

	margin-left: 90px;

	color: white;

}

/******************************************************

 フッター

*******************************************************/

.site-footer{

	width: 100%;

    height: 100px;

	margin-top: 100px;

	margin-bottom: -100px;

    text-align: center;

	line-height: 100px;

	bottom: 0px;

	font-size: 13px;

	background-color: #2a2a2a;

}

@media screen and (max-width:320px){

	.site-footer{

		font-size: 0.1em;

		margin: 0;

	}

}

/**************************************************

 ページトップアイコン部分

 **************************************************/

.pagetop, .pagetop_nosvg img{

	width: 100px;

	height: 100px;

}

.pagetop_nosvg{

	width: 0;

	height: 0;

	border: 50px solid #808080;

	border-top-color: transparent;

	border-left-color: transparent;

	color: #ffffff;

}

.pagetop_nosvg img{

	position: relative;

	top: -50px;

	left: -50px;

}

.pagetop, .pagetop_nosvg{

	position: fixed;

	bottom: -100px;

	right: -100px;

	

	-webkit-transition-property: bottom, right;

	transition-property: bottom, right;

	-webkit-transition: .5s ease-in-out;

	transition: .5s ease-in-out;

}

svg + .pagetop_nosvg{

	display: none;

}

.show .pagetop, .show .pagetop_nosvg{

	bottom: 0px;

	right: 0px;

}

/**************************************************

 コンテンツ共通部分

 **************************************************/

.wrapper{

	height: 100%;

	margin-left: 250px;	

	-webkit-transition: margin-left 0.2s ease-out;

	transition: margin-left 0.2s ease-out;

}

.local-nav{

	margin-left: 250px;

	margin-bottom: 30px;

	border-bottom: 1px solid white;

	-webkit-transition: margin-left 0.2s ease-out;

	transition: margin-left 0.2s ease-out;

}

.local-nav02{

	margin-left: 250px;

	margin-bottom: 30px;

	-webkit-transition: margin-left 0.2s ease-out;

	transition: margin-left 0.2s ease-out;

}

@media screen and (max-width:800px){

	.wrapper{

		margin-left: 0;

	}

	.local-nav{

		margin-left: 0;

	}

	.local-nav02{

		margin-left: 0;

	}

}

.tit{

	text-align: center;

	padding: 20px;

}

.contents{

	max-width: 1000px;

	margin: 0 auto;

	padding: 0 20px;

}

.con-tit{

	padding: 20px 30px;

}

.syoukai{

	margin: 0 auto;

	padding: 30px 20px 0 20px;

	margin-bottom: 20px;

	max-width: 1000px;

}

.clear{

    clear:both;

	float: none;

}