@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@font-face {font-family: 'MyYuGothicM';font-weight: normal;src: local('YuGothic-Medium'),local('Yu Gothic Medium'),local('YuGothic-Regular');}
@font-face {font-family: 'MyYuGothicM';font-weight: bold;src: local('YuGothic-Bold'),local('Yu Gothic'); }

html, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:16px;
  vertical-align:baseline;
  background:transparent;
  box-sizing: border-box;
}

body {
  line-height:1.5;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

img{
  max-width: 100%;
  height:auto;
  vertical-align: middle;
}

@media (max-width: 991px) {
  html, 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, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
    font-size:14px;
  }
}

.clearfix:after{
  display: block;
  content: "";
  clear: both;
}

/* Font fanuly */
.Smincho{ font-family: 'Sawarabi Mincho';}
.Ygothic{	font-family :MyYuGothicM,YuGothic}

/* Other Useful */
.tex_none { text-indent: 100%;white-space: nowrap;overflow: hidden; }

a:not(.no-clear), a:not(.no-clear) *, input[type="submit"]:not(.no-clear), button:not(.no-clear){
	border: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
a:not(.no-clear):hover, a:not(.no-clear):hover *, input[type="submit"]:not(.no-clear):hover, button:not(.no-clear):hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none;
}

.fwB { font-weight: bold; }
.fw900 { font-weight: 900; }

.taC { text-align: center; }
.taL { text-align: left; }
.taR { text-align: right; }

.red { color: #cc0000; }
.blue { color: #0000cc; }
.black { color: #333; }
.white { color: #fff; }
.orange { color: #eb6100; }
.purple { color: #ae5da1; }
.brown { color: #a84200; }
.aqua { color: #00a0e9; }
.green { color: #009944; }

.jus { text-align:justify; }
.nowrap { white-space:nowrap; }

/* Font-Size */
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs26 { font-size: 26px; }
.fs27 { font-size: 27px; }
.fs28 { font-size: 28px; }
.fs29 { font-size: 29px; }
.fs30 { font-size: 30px; }
.fs31 { font-size: 31px; }
.fs32 { font-size: 32px; }
.fs33 { font-size: 33px; }
.fs34 { font-size: 34px; }
.fs35 { font-size: 35px; }
.fs36 { font-size: 36px; }
.fs37 { font-size: 37px; }
.fs38 { font-size: 38px; }
.fs39 { font-size: 39px; }
.fs40 { font-size: 40px; }

/* Background Color */
.bgBlack { background-color:#000; }
.bgWhite { background-color: #fff; }
.bgGray { background-color: #E8E8E8; }
.bgRed { background-color: #ff0000; }
.bgefefef { background:#efefef; }

/* Line height */
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }

/* display */
.inline { display: inline!important; }
.block { display: block!important; }
.inblock { display: inline-block!important; }
.dT{ display: table;}
.dTC{ display: table-cell;}

.flex-box{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.flex-box.column2>.single{
  flex:1 1 48%;
  max-width: 48%;
}
.flex-box.column3>.single{
  flex:1 1 32%;
  max-width: 32%;
}
.flex-box.column3::after{
  content:"";
  flex:1 1 32%;
  max-width: 32%;
}
.flex-box.column4>.single{
  flex:1 1 24%;
  max-width: 24%;
}
.flex-box.column5>.single{
  flex:1 1 18%;
  max-width: 18%;
}

@media (max-width: 991px) {
  .flex-box.sp2column>.single{
    flex:1 1 49%;
    max-width: 49%;
  }

	.flex-box.sp1column>.single{
    flex:1 1 100%;
    max-width: 100%;
	}

  .flex-box.sp1container>.single{
    flex:1 1 100%;
    max-width: 100%;
	}
}

.f-box:after, .rd-box:after{
  content:"";
  display: block;
  clear: both;
}
.f-box > .single:not(body){
  float: left;
  margin-top: 2%;
}
.f-box.column2>.single{ width: 49%; margin-right: 2%; }
.f-box.column3>.single{ width: 32%; margin-right: 2%; }
.f-box.column4>.single{ width: 22%; margin-right: 4%; }
.f-box.column5>.single{ width: 18%; margin-right: 2.5%; }
.f-box .single:last-child{ margin-right: 0; }

@media screen and (min-width: 992px) {
	.f-box.column2>.single:nth-child(2n), .f-box.column3>.single:nth-child(3n), .f-box.column4>.single:nth-child(4n), .f-box.column5>.single:nth-child(5n){
		 margin-right: 0;
	}
}
@media screen and (max-width: 991px) {
  .f-box.column3>.single, .f-box.column4>.single, .f-box.column5>.single{ width: 49%; margin-right: 2%; }
  .f-box>.single:nth-child(even){ margin-right: 0; }
  .f-box.sp1column>.single{ width: 100%; margin-right:0; margin-bottom: 15px; }
  .f-box.sp1container>.single{ display: flex; flex-direction: column-reverse; }
}

@media (max-width: 991px) { .pc{display:none!important;} }
@media (min-width: 992px) { .sp{display:none!important;} }
.clear{ clear: both;font-size: 0px;margin: 0px;padding: 0px; }

/* Float */
.fL { float: left; }
.fR { float: right; }

@media print, screen and (min-width: 992px){
.fLpc { float: left; }
.fRpc { float: right; }
}

@media screen and (max-width: 991px){
.fLsp { float: left; }
.fRsp { float: right; }
}

@media screen and (max-width: 991px){
table.sp-table td, table.sp-table th { display: block; width: 100%; }
}

/* List */
ul.dT li { display: table-cell;}
li { list-style: none; }
.disc { list-style-type:disc;margin-left:25px; }
.decimal { list-style-type:decimal;margin-left:25px; }
.circle { list-style-type:circle; margin-left:25px; }

/* Margin */
.m5 { margin:5px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m20 { margin:20px; }
.m25 { margin:25px; }
.m30 { margin:30px; }
.m35 { margin:35px; }
.m40 { margin:40px; }
.m45 { margin:45px; }
.m50 { margin:50px; }

.ma0 { margin: 0 auto; }

.mtb5 { margin: 5px auto; }
.mtb10 { margin: 10px auto; }
.mtb15 { margin: 15px auto; }
.mtb20 { margin: 20px auto; }
.mtb25 { margin: 25px auto; }
.mtb30 { margin: 30px auto; }
.mtb35 { margin: 35px auto; }
.mtb40 { margin: 40px auto; }
.mtb45 { margin: 45px auto; }
.mtb50 { margin: 50px auto; }

.mrl5 { margin: 0 5px; }
.mrl10 { margin: 0 10px; }
.mrl15 { margin: 0 15px; }
.mrl20 { margin: 0 20px; }
.mrl25 { margin: 0 25px; }
.mrl30 { margin: 0 30px; }
.mrl35 { margin: 0 35px; }
.mrl40 { margin: 0 40px; }
.mrl45 { margin: 0 45px; }
.mrl50 { margin: 0 50px; }

.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; }

.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; }

.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:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }

.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; }

/* Padding */
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p25 { padding:25px; }
.p30 { padding:30px; }
.p35 { padding:35px; }
.p40 { padding:40px; }
.p45 { padding:45px; }
.p50 { padding:50px; }

.prl5 { padding: 0 5px; }
.prl10 { padding: 0 10px; }
.prl15 { padding: 0 15px; }
.prl20 { padding: 0 20px; }
.prl25 { padding: 0 25px; }
.prl30 { padding: 0 30px; }
.prl35 { padding: 0 35px; }
.prl40 { padding: 0 40px; }
.prl45 { padding: 0 45px; }
.prl50 { padding: 0 50px; }

.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; }

.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; }

.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:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }

.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; }

/* Width */
.w5per { width:5%; }
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w35per { width:35%; }
.w40per { width:40%; }
.w45per { width:45%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w60per { width:60%; }
.w65per { width:65%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w85per { width:85%; }
.w90per { width:90%; }
.w95per { width:95%; }
.w100per { width:100%; }

@media screen and (min-width: 992px){
.w5perPC { width:5%; }
.w10perPC { width:10%; }
.w15perPC { width:15%; }
.w20perPC { width:20%; }
.w25perPC { width:25%; }
.w30perPC { width:30%; }
.w35perPC { width:35%; }
.w40perPC { width:40%; }
.w45perPC { width:45%; }
.w48perPC { width:48%; }
.w50perPC { width:50%; }
.w55perPC { width:55%; }
.w60perPC { width:60%; }
.w65perPC { width:65%; }
.w70perPC { width:70%; }
.w75perPC { width:75%; }
.w80perPC { width:80%; }
.w85perPC { width:85%; }
.w90perPC { width:90%; }
.w95perPC { width:95%; }
}

@media screen and (max-width: 991px){
.w5perSP { width:5%; }
.w10perSP { width:10%; }
.w15perSP { width:15%; }
.w20perSP { width:20%; }
.w25perSP { width:25%; }
.w30perSP { width:30%; }
.w35perSP { width:35%; }
.w40perSP { width:40%; }
.w45perSP { width:45%; }
.w48perSP { width:48%; }
.w50perSP { width:50%; }
.w55perSP { width:55%; }
.w60perSP { width:60%; }
.w65perSP { width:65%; }
.w70perSP { width:70%; }
.w75perSP { width:75%; }
.w80perSP { width:80%; }
.w85perSP { width:85%; }
.w90perSP { width:90%; }
.w95perSP { width:95%; }

.w5perPC { width:100%; }
.w10perPC { width:100%; }
.w15perPC { width:100%; }
.w20perPC { width:100%; }
.w25perPC { width:100%; }
.w30perPC { width:100%; }
.w35perPC { width:100%; }
.w40perPC { width:100%; }
.w45perPC { width:100%; }
.w48perPC { width:100%; }
.w50perPC { width:100%; }
.w55perPC { width:100%; }
.w60perPC { width:100%; }
.w65perPC { width:100%; }
.w70perPC { width:100%; }
.w75perPC { width:100%; }
.w80perPC { width:100%; }
.w85perPC { width:100%; }
.w90perPC { width:100%; }
.w95perPC { width:100%; }
}