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

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

*{
	margin:0px;
	padding:0px;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
        margin: 0;
        padding: 0;
		font-size:100%;
}
ul li {
	list-style:none;
}
 
body {
     font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color:#1E1E1E;
    text-size-adjust: 100%;
    -webkit-print-color-adjust: exact;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.075em;
}


/*common
---------------------------------------------*/
/*link*/
a {
	color: #000;
	outline:none !important;
	text-decoration:none;
}
a:hover  {
    text-decoration: underline;
	opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
	-webkit-transition: all .3s;
	transition: all .3s;
}

.other_window {
	background: url(../img/icon_window.png) no-repeat center right;
	background-size:18px auto;
	padding-right:25px;
}


/*img*/
img {
	height:auto;
	max-width:100%;
	width /***/:auto;　/*IE8のみ適用*/
}
.sp_img {
	display:none !important;
}
* html img {
	display:block;
	width: auto !important;
	max-width: none;
}

.i_left {
	float:left;
	margin:0 20px 5px 0;
}
.i_right {
	float:right;
	margin:0 0 5px 20px;
}
.i_center {
	text-align:center;
	margin:10px auto;
}

.clear {
	clear:both;
}
/*font-size*/
.fs75 {	font-size:75% !important; }
.fs80 {	font-size:80% !important; }
.fs85 {	font-size:85% !important; }
.fs90 {	font-size:90% !important; }
.fs95 {	font-size:95% !important; }
.fs110 {	font-size:110% !important; }
.fs120 {	font-size:120% !important; }
.fs130 {	font-size:130% !important; }
.fs200 {	font-size:200% !important; }


.fs10px {	font-size:10px !important; }
.fs20px {	font-size:20px !important; }
.fs30px {	font-size:30px !important; }
.fs40px {	font-size:40px !important; }
.fs50px {	font-size:50px !important; }


/*margin*/
.mt0 {	margin-top:0 !important; }
.mt05 {	margin-top:0.5em !important; }
.mt1 {	margin-top:1em !important; }
.mt2 {	margin-top:2em !important; }
.mt20 {	margin-top:20px !important; }
.mt3 {	margin-top:3em !important; }
.mt4 {	margin-top:4em !important; }
.mt03 {     margin-top: 3px !important; }
.mr15 {	margin-right:15px !important; }
.mb0 {	margin-bottom:0 !important; }
.mb1 {	margin-bottom:1em !important; }
.mb2 {	margin-bottom:2em !important; }
.ml10 {	margin-left:10px !important ; }
.ml1 {	margin-left:1em !important ; }
.ml2 {	margin-left:2em !important ; }
.mlr1 {	margin-left:1em !important ; margin-right: 1em !important; }
.mb15 {	margin-bottom:15px !important; }
.mrlauto {	margin-left:auto; margin-right: auto; }


/*padding*/
.plr25 {	padding-left:25px; padding-right:25px ; }
.pr1 { padding-right:1em !important ;}


/*border*/
.bdrtb3 {	border-top:3px solid #f3f3f3;border-bottom:3px solid #f3f3f3; padding:15px 0; }
.bdr1 {	   border: 1px solid #B2B2B2; padding: 15px; }
.bnone {	border:none !important; }

/*text-align*/
.t_center {	text-align:center !important; }
.t_left { text-align:left !important; }
.t_right {	text-align:right !important; }

/*btn*/
.btn_r {	text-align:right; margin:10px 0 15px 0; }
.bdr .btn_r {	text-align:right; margin:10px 0 0 0; }

/*強調*/
.strong {	font-weight:600 !important ; }

/*indent*/
.ind1 {	margin-left:1em; text-indent: -1em; padding-left:5px; }

/*color*/
.org { 	color:#F26337; }
.wht { color:#fff; }
.red { color: #FA271D; }
.blue { color:#50a2cf; }

.new { background: #D0AF2D; color:#FFFFFF;}
.small {
	padding:0;
	font-size:80%;
}


.clear {	clear:both !important ;}
.disc li { list-style:disc !important; }
.lh0 { line-height:0 !important; }
.clearn { clear:none !important; }
.wauto { width:auto !important; }
.w98p { width:98% !important; }
.w25p { width:25% !important; }
.w20p { width:20% !important; }
.w50p { width:50% !important; }
.w60p { width:60% !important; }
.w2em { width:2em !important; }
.w100 { width:100px !important; }

/*icon*/
.icon { margin:0 5px 0 0; vertical-align: middle; }
.icon_pdf::after {
	font-family: 'FontAwesome' ;
	padding:0 5px ;
	content: '\f1c1    ' ;
	color: #0097a9 ;
	display:inline-block;
}


/*boxsizing*/
.boxs,
.boxs * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*img*/
.img_def {
	text-align:center;
	margin:20px 10px;
}
.img_600 img {
	width:600px;
}

/*縦書き*/
.text_vertically {
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;	
}

.hidden {
	display: none;
}


/*tgl_box
---------------------------------------------*/
.tgl_box {
	display:none;
}


/*common
---------------------------------------------*/
.cont_width {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}


/*header
---------------------------------------------*/
header {
	position:relative;
	padding:8px 16px;
	background:#fff;
	z-index:101;
	overflow:hidden;
 box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);	
}

.hdr_tit {
	line-height:0;
	float:left;
}
.hdr_tit img {
	width:284px;
}


/*main-nav*/
.main_nav {
	background:#fff;
	float:right;
}
.main_nav .drawer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:right;
}
.main_nav .drawer-menu::after {
	display: block;
	clear: both;
	content: '';
}
.main_nav .drawer-menu li {
	position: relative;
	display: inline-block;
	margin:12px 20px;
}
.main_nav .drawer-menu li a {
	text-decoration:none;
	color:#1E1E1E;
	display:block;
}

.drawer-hamburger {
	display:none;
}

/*section
---------------------------------------------*/
/*section {
	background:#fff;
}*/

section main {
	padding:0;
	background:#fff;
}
section main article {
}
section main article p {
	margin:0;
}
section main article ol {
	margin-left:2em;
}




/*footer
---------------------------------------------*/
footer {
	clear:both;
	background:#474747;
	color:#fff;
	padding:20px;
	display: table;
	width:100%;
}

.ftr_text {
	display:table-cell;
}
.ftr_text strong span {
	font-size:130%;
}

.ftr_copy {
	display:table-cell;
	vertical-align: bottom;
	text-align:right;
}



/*page-top
---------------------------------------------*/
#page-top {
    bottom: 80px;
    display: block;
    position: fixed;
    right: 20px;
	z-index:10000;
}
#page-top a {
    background: #999;
    border-radius: 5px;
    color: #fff;
    display: block !important;
    padding:10px 15px;
	border-radius:30px;
    text-align: center;
    text-decoration: none;

}
#page-top a:hover {
    background: #ed1c24;
	opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}


/*パンクズ
---------------------------------------------*/
.pan_box {
	font-size:12px;
	text-align:right;
	margin-bottom:50px;
}
.pan_box li {
	display:inline-block;
}
.pan_box li a::after {
	content:"＞";
	padding:0 0 0 10px;
}
.pan_box li a {
	text-decoration:none;
	color:#1E1E1E;
}





/*size:1280px以下
----------------------------------------------------*/
@media screen and (max-width:1280px){

a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/*common
---------------------------------------------*/
.cont_width {
	width: auto;
	margin-left:20px;
	margin-right:20px;
	overflow:hidden;
}

/*header
---------------------------------------------*/
/*main-nav*/


/*section
---------------------------------------------*/


/*footer
---------------------------------------------*/
/*ftr bnr link*/
.ftr_bnr_left,
.ftr_bnr_right {
	float:none;
}
.ftr_bnr_center {
	display:block;
}
.ftr_bnr_item {
	width:31.3%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}


}



/*size:1000px以下共通
----------------------------------------------------*/
@media screen and (max-width:1000px){


/*header
---------------------------------------------*/
header {
	position: fixed;
	width:100%;
	overflow: visible;
}
.hdr_tit {
    float: none;
	z-index:105;
}


/*main-nav*/
/*main-nav*/
.main_nav {
	float:none;
}
.main_nav .drawer-menu {
	padding:50px 0 40px 0;
}
.main_nav .drawer-menu  li {
	position: inherit;
	display:block;
	text-align:center;
}
.main_nav .drawer-menu li a {
	padding: 10px 15px;
}

/*drwer*/
.drawer--top.drawer-open .drawer-nav {
}
.drawer-toggle.drawer-hamburger:after {
	content: "MENU";
    font-size: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;	
}
.drawer-hamburger {
	position: absolute !important;
	top:-10px !important;
	right:10px !important;
	width:30px !important;
	padding:25px 0 30px 0 !important;
}
.drawer--right.drawer-open .drawer-hamburger {
	right:250px !important;	
}
.drawer-open .drawer-toggle.drawer-hamburger:after {
	content: "CLOSE";
    font-size: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}



}


/*size:767px以下共通
----------------------------------------------------*/
@media screen and (max-width:767px){

body {
	font-size:14px;
}

.pc_img { display:none !important; }
.sp_img { display:block !important; }

.tgl_box { display:none; }

table.w50p { width:100% !important; }
table.wauto { width:100% !important; }

.i_left,
.i_right {
	float:none;
	margin:10px 0;
	text-align:center;
}


/*header
---------------------------------------------*/
header {
	height:69px;
}
.hdr_tit {
	margin:7px 0 0 0;
}
.hdr_tit img {
	width:220px;
}

/*footer
---------------------------------------------*/
footer {
	display: block;
	width: auto;
}

.ftr_text {
	display: block;
}
.ftr_text strong span {
	font-size:110%;
}

.ftr_copy {
	display: block;
	text-align:center;
	margin:20px 0 0 0;
}


}