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

html,body{
	margin:0;
	padding:0;
}
body {
	font-family:'Noto Serif JP',"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",'Noto Sans JP', serif;
	color: #333;
	letter-spacing: 0em;
}
.go{
	font-family:  'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体","Yu Gothic", YuGothic,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.min{
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media print, screen and (min-width : 768px) {
  * {
    margin: 0;
    padding: 0;
  }
  *, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }

  h1,h2,h3,h4,h5 {
    margin: 0;
    padding: 0;
    font-weight: 500;
  }

  div {
    margin: 0;
    padding: 0;
  }

  p {
    margin: 0;
    padding: 0;
  }

  a { color:#000; text-decoration:none; }
  a:visited { color:#000; }
  a:hover { color:#000; /*text-decoration:underline;*/ }
  a:focus { color:#000; outline: thin dotted; }
  a:hover, a:active { color:#000; outline: 0; }

  table,th,td {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-size: 1em;
    border-collapse: collapse;
  }
  table{
    width:100%;
  }

  ul,ol,li,dl,dt,dd {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
  }

  img {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 0;
    vertical-align: bottom;
  }

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


  /*------------------------
      option.css
  ------------------------*/

  /*=========display=========*/
  .DisPlayNone { display:none; }
  .DisPlayBlock { display:block; }
  .DisPlayInline { display:inline; }

  /*=========float=========*/
  .FRight { float: right; }
  .FLeft { float: left; }

  /*=========clear=========*/
  .ClearBoth { clear:both; }
  .ClearRight { clear: right; }
  .ClearLeft { clear: left; }

  .ClearBox {
    clear: both;
    height: 0;
    overflow: hidden;
  }

  .ClearFix { zoom: 1; }
  .ClearFix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: ".";
  }
  .clearfix:after { content: ""; display: block; clear: both; height: 0; }
  /* no ie mac \*/
  * html .ClearFix { height: 1%; }
  .ClearFix { display: block; }


  /*=========visibility=========*/
  .VisVis { visibility: visible; }
  .VisHid { visibility: hidden; }
  .VisCol { visibility: collapse; }

  /*=========マージン設定=========*/
  .MA0 { margin:0; }
  .MRLAuto { margin-left:auto; margin-right:auto; }

  .MT0 { margin-top:0; }
  .MT5 { margin-top:5px; }
  .MT10 { margin-top:10px; }
  .MT15 { margin-top:15px; }
  .MT20 { margin-top:20px; }
  .MT25 { margin-top:25px; }
  .MT30 { margin-top:30px; }
  .MT40 { margin-top:40px; }
  .MT45 { margin-top:45px; }
  .MT50 { margin-top:50px; }
  .MT60 { margin-top:60px; }
  .MT70 { margin-top:70px; }
  .MT80 { margin-top:80px; }
  .MT90 { margin-top:90px; }
  .MT95 { margin-top:95px; }
  .MT100 { margin-top:100px; }

  .MR0 { margin-right:0; }
  .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; }
  .MR60 { margin-right:60px; }

  .MB0 { margin-bottom:0; }
  .MB5 { margin-bottom:5px; }
  .MB6 { margin-bottom:6px; }
  .MB8 { margin-bottom:8px; }
  .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; }
  .MB65 { margin-bottom:65px; }
  .MB70 { margin-bottom:70px; }
  .MB75 { margin-bottom:75px; }
  .MB80 { margin-bottom:80px; }
  .MB85 { margin-bottom:85px; }
  .MB90 { margin-bottom:90px; }
  .MB100 { margin-bottom:100px; }

  .ML0 { margin-left:0; }
  .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; }
  .ML60 { margin-left:60px; }
  .ML70 { margin-left:70px; }
  .ML100 { margin-left:100px; }

  /*=========パディング設定=========*/
  .PA0 { padding:0;}
  .PA10 { padding:10px;}
  .PA20 { padding:20px;}
  .PA30 { padding:30px;}

  .PT0 { padding-top:0; }
  .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; }
  .PT65 { padding-top:65px; }
  .PT70 { padding-top:70px; }
  .PT75 { padding-top:75px; }
  .PT80 { padding-top:80px; }
  .PT90 { padding-top:90px; }
  .PT100 { padding-top:100px; }
  .PT120 { padding-top:120px; }

  .PR0 { padding-right:0; }
  .PR5 { padding-right:5px; }
  .PR10 { padding-right:10px; }
  .PR15 { padding-right:15px; }
  .PR20 { padding-right:20px; }
  .PR30 { padding-right:30px; }
  .PR35 { padding-right:35px; }
  .PR40 { padding-right:40px; }
  .PR50 { padding-right:50px; }
  .PR60 { padding-right:60px; }
  .PR70 { padding-right:70px; }

  .PB0 { padding-bottom:0; }
  .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; }
  .PB65 { padding-bottom:65px; }
  .PB70 { padding-bottom:70px; }
  .PB80 { padding-bottom:80px; }
  .PB90 { padding-bottom:90px; }
  .PB95 { padding-bottom:95px; }
  .PB100 { padding-bottom:100px; }
  .PB110 { padding-bottom:110px; }
  .PB120 { padding-bottom:120px; }

  .PL0 { padding-left:0; }
  .PL5 { padding-left:5px; }
  .PL10 { padding-left:10px; }
  .PL15 { padding-left:15px; }
  .PL20 { padding-left:20px; }
  .PL30 { padding-left:30px; }
  .PL40 { padding-left:40px; }
  .PL50 { padding-left:50px; }
  .PL100 { padding-left:100px; }

  .PL5P { padding-left:5%; }


  /*=========Border=========*/
  .BorderNone { border: none; }

  /*=========Font=========*/
  .FontBold { font-weight: bold; }
  .FC_blue { color: #0088fb; }
  .FC_white { color: #ffffff; }
  .FC_Red { color:#FF3333; }
  a.FC_blue2{color:#007FFF;}
  a.FC_blue2:visited{color:#551a8b;}
  a.FC_blue2:active{color:#551a8b;}
  .FontS{font-size:80%;
  line-height:1.2em;}
  .FontSS{font-size:70%;
  line-height:1.5em;}
  .FontB{font-size:120%;}
  .F11{font-size:11px;line-height:12px;}

  /*=========text-align=========*/
  .TACenter {	text-align: center; }
  .TARight { text-align: right; }
  .TALeft { text-align: left; }


  /*=========Indent=========*/
  .caption {text-align:left;display: block;clear: both;font-size: 85%;line-height: 130%;padding-top: 5px;}
  .caption_right {font-size: 85%;text-align:right;display: block;line-height: 130%;clear: both;padding-top: 5px;}
  .caption02{
    font-size:9px;
    line-height:12px;
  }
  .caption03{
    font-size:10px;
    line-height:15px;
    color:#fff;
  }
  .caption04{
    font-size:10px;
    line-height:15px;
    color:#fff;
    width:928px;
    text-align:right;
    margin-bottom:20px;
  }
  .visible_pc{
    display: block;	
  }
  .visible_sp{
    display: none;	
  }
}


@media only screen and (max-width : 768px) {
* {
  margin:0;
  padding:0;

}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
html{}
body {
    font-size: 3.5vw;
    color: #333;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

table,th,td {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-size: 1em;
	border-collapse: collapse;
}
table{
	width:100%;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	vertical-align: bottom;
  max-width:100%;
}

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

	a {
		text-decoration: none;
	}

/*------------------------
		option.css
------------------------*/

/*=========display=========*/
.DisPlayNone { display:none; }
.DisPlayBlock { display:block; }
.DisPlayInline { display:inline; }

/*=========float=========*/

/*=========clear=========*/
.ClearBoth { clear:both; }
.ClearRight { clear: right; }
.ClearLeft { clear: left; }

.ClearBox {
	clear: both;
	height: 0;
	overflow: hidden;
}

.ClearFix { zoom: 1; }
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
/* no ie mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }


/*=========visibility=========*/
.VisVis { visibility: visible; }
.VisHid { visibility: hidden; }
.VisCol { visibility: collapse; }

/*=========Border=========*/
.BorderNone { border: none; }

/*=========Font=========*/
.FontBold { font-weight: bold; }
.FC_blue { color: #0088fb; }
.FC_white { color: #ffffff; }
.FC_Red { color:#FF3333; }
a.FC_blue2{color:#007FFF;}
a.FC_blue2:visited{color:#551a8b;}
a.FC_blue2:active{color:#551a8b;}
.FontS{font-size:80%;
line-height:1.2em;}
.FontSS{font-size:70%;
line-height:1.5em;}
.FontB{font-size:120%;}
.F11{font-size:11px;line-height:12px;}

/*=========float=========*/
.fr { float: right; }
.fl { float: left; }
	
/*=========text-align=========*/
.tac {	text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }


/*=========Indent=========*/
.caption {text-align:left;display: block;clear: both;font-size: 85%;line-height: 130%;padding-top: 5px;}
.caption_right {font-size: 85%;text-align:right;display: block;line-height: 130%;clear: both;padding-top: 5px;}
.caption02{
	font-size:9px;
	line-height:12px;
}
.caption03{
	font-size:10px;
	line-height:15px;
	color:#fff;
}
.caption04{
	font-size:10px;
	line-height:15px;
	color:#fff;
	width:928px;
	text-align:right;
	margin-bottom:20px;
}

.visible_sp{
	display: block;	
}
.visible_pc{
	display: none;	
}

.mb1 { margin-bottom:1%; }
.mb2 { margin-bottom:2%; }
.mb3 { margin-bottom:3%; }
.mb4 { margin-bottom:4%; }
.mb5 { margin-bottom:5%; }
.mb6 { margin-bottom:6%; }
.mb7 { margin-bottom:7%; }
.mb8 { margin-bottom:8%; }
.mb9 { margin-bottom:9%; }
.mb10 { margin-bottom:10%; }
.mb11 { margin-bottom:11%; }
.mb12 { margin-bottom:12%; }
.mb15 { margin-bottom:15%; }

.mt1 { margin-top:1%; }
.mt2 { margin-top:2%; }
.mt3 { margin-top:3%; }
.mt4 { margin-top:4%; }
.mt5 { margin-top:5%; }
.mt6 { margin-top:6%; }
.mt7 { margin-top:7%; }
.mt8 { margin-top:8%; }
.mt9 { margin-top:9%; }
.mt10 { margin-top:10%; }
.mt12 { margin-top:12%; }
.mt15 { margin-top:15%; }

.ml1 { margin-left:1%; }
.ml2 { margin-left:2%; }
.ml3 { margin-left:3%; }
.ml4 { margin-left:4%; }
.ml5 { margin-left:5%; }
.ml6 { margin-left:6%; }
.ml7 { margin-left:7%; }
.ml8 { margin-left:8%; }
.ml9 { margin-left:9%; }
.ml10 { margin-left:10%; }

.mr1 { margin-right:1%; }
.mr2 { margin-right:2%; }
.mr3 { margin-right:3%; }
.mr4 { margin-right:4%; }
.mr5 { margin-right:5%; }
.mr6 { margin-right:6%; }
.mr7 { margin-right:7%; }
.mr8 { margin-right:8%; }
.mr9 { margin-right:9%; }
.mr10 { margin-right:10%; }

.pb1 { padding-bottom:1%; }
.pb2 { padding-bottom:2%; }
.pb3 { padding-bottom:3%; }
.pb4 { padding-bottom:4%; }
.pb5 { padding-bottom:5%; }
.pb6 { padding-bottom:6%; }
.pb7 { padding-bottom:7%; }
.pb8 { padding-bottom:8%; }
.pb9 { padding-bottom:9%; }
.pb10 { padding-bottom:10%; }
.pb11 { padding-bottom:11%; }
.pb12 { padding-bottom:12%; }
.pb15 { padding-bottom:15%; }

.pt1 { padding-top:1%; }
.pt2 { padding-top:2%; }
.pt3 { padding-top:3%; }
.pt4 { padding-top:4%; }
.pt5 { padding-top:5%; }
.pt6 { padding-top:6%; }
.pt7 { padding-top:7%; }
.pt8 { padding-top:8%; }
.pt9 { padding-top:9%; }
.pt10 { padding-top:10%; }
.pt12 { padding-top:12%; }

.img80{width:80%}

.TACenter{text-align: center;}
}

/*--- リンクロールオーバー ---*/
a.txt-link,
a.txt-link:hover,
a.img-link img,
a.img-link:hover img,
a.block-link > p,
a.block-link > div,
a.block-link > ul > li,
a.block-link > dl > dt,
a.block-link > dl > dd,
a.block-link > span,
a.block-link > hr,
a.block-link:hover > p,
a.block-link:hover > div,
a.block-link:hover > ul > li,
a.block-link:hover > dl > dt,
a.block-link:hover > dl > dd,
a.block-link:hover > span,
a.block-link:hover > hr {
	transition-property: opacity;
	transition-duration:.4s;
}
a.txt-link {
	opacity: 1;
	text-decoration: none;
}
a.txt-link:hover {
	opacity: 0.5;
}
a.img-link img {
	opacity: 1;
}
a.img-link:hover img {
	opacity: 0.5;
}
a.block-link > p,
a.block-link > div,
a.block-link > ul > li,
a.block-link > dl > dt,
a.block-link > dl > dd,
a.block-link > span,
a.block-link > hr {
	opacity: 1;
}
a.block-link:hover > p,
a.block-link:hover > div,
a.block-link:hover > ul > li,
a.block-link:hover > dl > dt,
a.block-link:hover > dl > dd,
a.block-link:hover > span,
a.block-link:hover > hr {
	opacity: 0.5;
}


@-ms-viewport{width:device-width;}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg{display:none !important;}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block{display:none !important;}
@media (max-width:420px){.hidden-xs{display:none !important;}}
@media (min-width:420px) and (max-width:770px){.hidden-sm{display:none !important;}}
@media (min-width:770px){.hidden-md{display:none !important;}}