@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
	overflow: auto;
	scroll-behavior: smooth;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	word-break: break-all;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
a{
	cursor: pointer;
}

/*--- default */
body {
	color: #222;
	font-family: 'Noto Sans JP', sans-serif, "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	letter-spacing: 0.1em;
/*	display: none;*/
}
* html body {	/* for IF6 */
	font-family: 'Noto Sans JP',"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
@charset "utf-8";
/* ===================================================================
CSS information

file name  :general.css
style info :汎用的に使用するスタイル（個別設定用スタイル）
=================================================================== */

.none{display:none !important;}

.fr{float:right;}
.fl{float:left;}

.ac{text-align:center;}
.ar{text-align:right;}
.al{text-align:left;}

.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}

.posa{position: absolute;}
.posr{position:relative;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:30px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}


.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr55{margin-right:55px;}
.mr60{margin-right:60px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}


.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb55{padding-bottom:55px;}
.pb60{padding-bottom:60px;}


.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:30px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pl55{padding-left:55px;}
.pl60{padding-left:60px;}


.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pr55{padding-right:55px;}
.pr60{padding-right:60px;}


.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs35{font-size:35px;}


.white{color:#FFF;}
.red{color:#F00;}
.blue{color:#00F;}
.yellow{color:#FF0;}

.fb{font-weight:bold;}

.cl{ clear:both;}

/* clearfix */
/* For modern browsers */
.cf:before,
.cf:after {
   
content:"";
   
display:block;
   
overflow:hidden;
}

.cf:after {
   
clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
   
zoom:1;
}
@media screen and (min-width:769px) {
@charset "utf-8";

span.pc_br {
    display: block;
}

/*============================
error
============================*/
div#error div.error_block {
    padding: 200px 0;
    width: 1000px;
    margin: 0 auto;
}
div#error div.error_block p.error_name {
    text-align: center;
    font-weight: bold;
    font-size: 52px;
    color: #111;
    margin-bottom: 50px;
}
div#error div.error_block p.error_name span {
    font-size: 76px;
    padding-right: 20px;
}
div#error div.error_block p.error_text {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
div#error div.error_block p.error_icon {
    text-align: center;
    margin: 30px 0 50px 0;
}
div#error div.error_block p.error_atte_text {
    text-align: center;
    font-size: 16px;
}
div#error div.error_block p.error_btn_area {
    text-align: center;
    margin-top: 50px;
}

section.pagetop_area {
    background-color: #F2F3F5;
    padding: 10px 0;
}
section.pagetop_area p.copy {
    text-align: center;
}



}
@media screen and (max-width:768px) {
@charset "utf-8";

span.sp_br {
    display: block;
}


/*============================
error
============================*/
div#error div.error_block {
    padding: 100px 20px;
    margin: 0 auto;
}
div#error div.error_block p.error_name {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #111;
    margin-bottom: 50px;
}
div#error div.error_block p.error_name span {
    font-size: 60px;
    display: table;
    margin: 0 auto;
}
div#error div.error_block p.error_text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
div#error div.error_block p.error_icon {
    text-align: center;
    margin: 30px 0 50px 0;
}
div#error div.error_block p.error_atte_text {
    font-size: 14px;
}
div#error div.error_block p.error_btn_area {
    text-align: center;
    margin-top: 50px;
}
div#error div.error_block p.error_btn_area img {
    width: 100%;
}

section.pagetop_area {
    background-color: #F2F3F5;
    padding: 10px 0;
}
section.pagetop_area p.copy {
    text-align: center;
}
}
@charset "utf-8";
/* ===================================================================
CSS information

 file name  :import.css
 style info :各cssファイル読み込み用
=================================================================== */

/* default style - リセット及びbody基本設定
----------------------------------------------------------- */

/* PC style
----------------------------------------------------------- */

/* SP style
----------------------------------------------------------- */