@charset "utf-8";

/*	reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	white-space: normal;
	margin:0;padding:0;border:0;outline:0;
	background:0 0;
}
textarea {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
	display:block;
}
ol, ul, li {
	list-style-type: none;
}
blockquote,q {
	quotes:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}

/*	responsive.gs.12col */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.clr:after,.col:after,.container:after,.group:after,.row:after{
	content: "";
	display: table;
	clear: both;
}
.row {
	padding-bottom: 0;
}
.col {
	display: block;
	float: left;
	width: 100%;
}

@media screen and (min-width:768px),print {
	.gutters .col{margin-left:2%}
	.gutters .col:first-child{margin-left:0}
	.span_1{width:8.33333333333%}
	.span_2{width:16.6666666667%}
	.span_3{width:25%}
	.span_4{width:33.3333333333%}
	.span_5{width:41.6666666667%}
	.span_6{width:50%}
	.span_7{width:58.3333333333%}
	.span_8{width:66.6666666667%}
	.span_9{width:75%}
	.span_10{width:83.3333333333%}
	.span_11{width:91.6666666667%}
	.span_12{width:100%}
	.span_2_5{width:20%}
	
	.gutters .span_1{width:6.5%}
	.gutters .span_2{width:15%}
	.gutters .span_3{width:23.5%}
	.gutters .span_4{width:32%}
	.gutters .span_5{width:40.5%}
	.gutters .span_6{width:49%}
	.gutters .span_7{width:57.5%}
	.gutters .span_8{width:66%}
	.gutters .span_9{width:74.5%}
	.gutters .span_10{width:83%}
	.gutters .span_11{width:91.5%}
	.gutters .span_12{width:100%}
	.gutters .span_2_5{width:18.4%}
}
@media screen and (max-width: 767px) and (min-width:481px){
	.tbspan_1{width:8.33333333333%}
	.tbspan_2{width:16.6666666667%}
	.tbspan_3{width:25%}
	.tbspan_4{width:33.3333333333%}
	.tbspan_5{width:41.6666666667%}
	.tbspan_6{width:50%}
	.tbspan_7{width:58.3333333333%}
	.tbspan_8{width:66.6666666667%}
	.tbspan_9{width:75%}
	.tbspan_10{width:83.3333333333%}
	.tbspan_11{width:91.6666666667%}
	.tbspan_12{width:100%}
	
	.gutters .tbspan_1{width:6.5%}
	.gutters .tbspan_2{width:15%}
	.gutters .tbspan_3{width:23.5%}
	.gutters .tbspan_4{width:32%}
	.gutters .tbspan_5{width:40.5%}
	.gutters .tbspan_6{width:50%}
	.gutters .tbspan_6:nth-child(odd){padding-right:1.5%}
	.gutters .tbspan_6:nth-child(even){padding-left:1.5%}
	.gutters .tbspan_7{width:57.5%}
	.gutters .tbspan_8{width:66%}
	.gutters .tbspan_9{width:74.5%}
	.gutters .tbspan_10{width:83%}
	.gutters .tbspan_11{width:91.5%}
	.gutters .tbspan_12{width:100%}
}
@media screen and (max-width:480px){
	.gutters .spspan_6{width:50%}
	.gutters .spspan_6:nth-child(odd){padding-right:2%}
	.gutters .spspan_6:nth-child(even){padding-left:2%}
}


/*	EXAMPLE STYLES */
body{
	margin: 0;
	background-color:#fff;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Yu Gothic","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","メイリオ", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing:1px;
    font-weight: 400;
    color:#231815;
    word-break:break-all;
    word-wrap:break-word;
    -webkit-text-size-adjust: 100%;
}

/* link */
a:link      { color:#231815; text-decoration:none; }
a:visited   { color:#231815; text-decoration:none; }
a:hover     { color:#9e9e9f; text-decoration:none; }
a:active    { color:#9e9e9f; text-decoration:none; }

/* img */
img { vertical-align: bottom; max-width: 100%; height: auto;}

/* ----------------------------------------
  Basic Layout
  ---------------------------------------- */

/* p, pre, blockquote, address, table, fieldset, form { margin-bottom: 20px; } */

/* Htag */
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 25px 0;
	font-weight: 600;
	line-height: 1.5;
	font-weight: normal;
}
h5,h6 { margin-bottom: 20px; }

h1,h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.15em; }
h5,h6 { font-size: 1em; }
h4,h5,h6 { font-weight: 700; }

/* Other */
dl, dt, dd, ol, ul, li { margin: 0; padding: 0;}
p { margin-bottom: 20px; font-size: 1em; }

/* a link hover */
a img.rollover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
a:hover img.rollover,
a.thinly:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-ms-filter: "alpha( opacity=80 )";
	opacity: 0.8;
}

/* Box spec */
.clear { clear: both;}
.fright { float: right !important; }
.fleft { float: left !important; }
.fnone { float: none !important; }
.hidden { display: none !important; }
.nothidden { display: block !important; }
.inline-block { float: none !important; display: inline-block !important;}
.ovhidden { overflow: hidden !important; }

/* Text spec */
.font_w {font-weight: bold !important;
	 font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","Yu Gothic","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","メイリオ", sans-serif;
}
.font_n {font-weight: 400;}
.font_0 {font-size: 1rem !important;}/*16px*/
.font_s1 {font-size: 0.938em;}/*15px*/
.font_s2 {font-size: 0.875em;}/*14px*/
.font_s3 {font-size: 0.813em;}/*13px*/
.font_l1 {font-size: 1.063em;}/*17px*/
.font_l2 {font-size: 1.125em;}/*18px*/
.font_l3 {font-size: 1.188em;}/*19px*/
.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.tcenter { text-align: center !important; }
.lettersp1{ letter-spacing: 1px !important;}
.lettersp3{ letter-spacing: 3px !important;}
.lettersp5{ letter-spacing: 5px !important;}
.lineheight20{ line-height: 2.0 !important;}
.lineheight25{ line-height: 2.5 !important;}

/* margin spec */
.mnone { margin-right: 0 !important;}
.fmg_btm5 { margin-bottom: 5px !important;}
.fmg_btm10 { margin-bottom: 10px !important;}
.fmg_btm15 { margin-bottom: 15px !important;}
.fmg_btm20 { margin-bottom: 20px !important;}
.fmg_btm30 { margin-bottom: 30px !important;}
.fmg_btm40 { margin-bottom: 40px !important;}
.fmg_btm50 { margin-bottom: 50px !important;}
.fmg_btm60 { margin-bottom: 60px !important;}
.fmg_btm70 { margin-bottom: 70px !important;}
.fmg_btm80 { margin-bottom: 80px !important;}
.fmg_btm90 { margin-bottom: 90px !important;}
.fmg_btm100 { margin-bottom: 100px !important;}
.fmg_top20 { margin-top: 20px !important;}
.fmg_top30 { margin-top: 30px !important;}
.fmg_top40 { margin-top: 40px !important;}
.fmg_top50 { margin-top: 50px !important;}
.fpd_top10 { padding-top: 10px !important;}
.fpd_top20 { padding-top: 20px !important;}
.fpd_top30 { padding-top: 30px !important;}
.fpd_top40 { padding-top: 40px !important;}
.fpd_top50 { padding-top: 50px !important;}
.fpd_btm10 { padding-bottom: 10px !important;}
.fpd_btm20 { padding-bottom: 20px !important;}
.fpd_btm30 { padding-bottom: 30px !important;}
.fpd_btm40 { padding-bottom: 40px !important;}
.fpd_btm50 { padding-bottom: 50px !important;}
.mg_r15 { margin-right: 15px !important;}

/* background color */
.nobg { background: none !important; }
.nobgcolor { background-color: transparent !important; }

@media screen and (min-width:768px),print {
	.sm_view {	display: none !important;}
	br.sm_br {display: none;}
	br.pc_br {display: block;}
}
@media screen and (max-width: 767px) {
	.sm_col6 .col {width: 49%;padding-left: 10px;padding-right: 10px;}
	.sm_col3 .col img {	width: 100%;}
	.sm_none {display: none !important;}
	.sm_view {display: block !important;}
	.spfmg_btm10 { margin-bottom: 10px;}
	.spfmg_btm30 { margin-bottom: 30px;}
	br.sm_br {display: block;}
	br.pc_br {display: none;}
}
@media screen and (max-width: 480px) {
	.sm_col6 .col {	width: 100%;padding-left: 0;padding-right: 0;}
	.sms_col6 .col {width: 49%;padding-left: 10px;padding-right: 10px;}
}

/* teble */
table {
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    border-collapse: collapse;
    text-align: left;
    background: #fff;
}
table th {
    padding: 15px 20px;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f7f7f7;
    font-weight: normal;
}
table td {
    padding: 15px 20px;;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
@media screen and (max-width: 767px) {
	table { font-size: 0.85em; }
  	table th {padding: 10px 15px; }
	table td { padding: 10px 15px;}

	table.tbcolum { border-collapse: inherit; width: 100%; display: block; }
	table.tbcolum tbody { width: 100%; display: block; }
	table.tbcolum tr { width: 100%; display: block; }
	table.tbcolum th { width: 100%; display: block; }
	table.tbcolum td { width: 100%; display: block; }
	table.tbcolum caption { width: 100%; display: block; }

	.tbscroll { width: 100%; overflow:auto; -webkit-overflow-scrolling: touch;}
	.tbscroll table { width: auto; height: auto;}
	.tbscroll::-webkit-scrollbar{ height: 5px; /* scroll bar height */ }
	.tbscroll::-webkit-scrollbar-track{ background: #F1F1F1; /* scroll bar background */ }
	.tbscroll::-webkit-scrollbar-thumb { background: #d6d6d6; /* scroll bar color */ }
	.tbscroll table th,.tbscroll table td {  white-space: nowrap; }
}


/* ----------------------------------------
  Layout base
  ---------------------------------------- */

.wrapper {
	padding: 50px 0 60px;
/*	margin: 650px 0 0;*/
}
.wrapper.idxpage {
	padding: 30px 0 60px;
	background: #F4E9DB;
}
.container {
	margin: 0 auto;
	padding: 0 20px;
}
.container.cnone { 
	padding-left: 0px;
	padding-right: 0px;
}
.row { width: 100%;}
.pd20 { padding: 0 20px;}
.incoloum { padding: 0; }

@media screen and (max-width :767px) {
	.tb_full { padding: 0;}
}
@media screen and (max-width: 479px) {
	.sm_full { padding: 0;}
	.sm_pd10 { padding: 0 10px; }
}
@media screen and (max-width: 479px) {
	.sm_full { padding: 0; }
	.sm_pd10 { padding: 0 10px; }
}


/* ----------------------------------------
  Global Spec
  ---------------------------------------- */

/* arrows */
.arrow { 
	position: relative;
	padding: 0;
	vertical-align: middle;
}
.arrows li a,.arrowli li {
	position: relative;
	padding: 0;
	vertical-align: middle;
}
.arrow::before,
.arrow::after,
.arrows li a::before,
.arrows li a::after,
.arrowli li::before,
.arrowli li::after { 
	position: absolute;
	margin: auto; 
	content: "";
	vertical-align: middle;
}

/* flex */
.flexbox {
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;

	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	flex-direction:row;

	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	-moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}
.flexbox.flex_reverse {
	flex-direction:row-reverse;
}


@media screen and (min-width:768px),print  { /* print global */ }
@media screen and (max-width: 1199px) { }
@media screen and (min-width: 992px) and (max-width: 1199px) { }
@media screen and (min-width: 992px) { }
@media screen and (max-width: 1024px) { /* tablet yoko */ }
@media screen and (max-width: 896px) { /* iphone promax */ }
@media screen and (max-width: 834px) { /* ipad pro tate */ }
@media screen and (max-width: 768px) { /* tablet tate */ }
@media screen and (max-width: 767px) { /* mobile~ tate */ }
@media screen and (max-width: 375px) { /* iphone6~x tate *yoko480 *yoko812 */ }

/* ----------------------------------------
  print
  ---------------------------------------- */
@media print {
	body {
	    width: 1280px;
	   /* zoom: .8;*/
	    transform: scale(0.8);
	    -moz-transform: scale(0.8);
	    -webkit-transform: scale(0.8);
		transform-origin: 0 0;
	}
	.container {
		max-width: inherit !important;
        width: 1200px !important;
    }
}