@charset "UTF-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/*** reset ***/
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, input, textarea, button, 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: 100%;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

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

ul, ol {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

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
}

input, select {
    vertical-align: middle
}

img {
    vertical-align: top
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 15px;
    font-size: 1.5em;
    letter-spacing: .05px;
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    color: #110E0C;

}

a {
    color: #110E0C;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #122a88;
    text-decoration: underline;
}

/*========================================================
  contents
==========================================================*/
#contents {
    min-height: 100%;
    width: 100%;
}

section {
	line-height: 1.9;
}

.scn-syl_0 {
	width: 100%;
}
.scn-syl_1 {
    max-width:1040px;
    margin:0 auto;
}
.scn-syl_2 {
    max-width: 1286px;
    margin:0 auto;
}
.sect04 {
    width: 100%;
    background-color: #f2f2f2;
}

.scn-syl_0 ol,
.scn-syl_1 ol,
.scn-syl_2 ol,
.scn-syl_4 ol{
    list-style-type: decimal !important;
    margin-left: 20px;
}
.bg_style_y{
	width: 100%;
	background-color: #F7C01D;
}
.bg_style_y._pgInner{
	padding: 60px 0;
}
.ttlArea{
	background-color: #ECECEC;
	width: 100%;
	padding:18px 0;
	margin-top: 75px;
}
.ttlArea h2{
	max-width: 1286px;
	margin: 0 auto;
	font-size: 30px;
	font-size: 3.0rem;
}
#pankuzu {
    max-width: 1286px;
    margin:0 auto;
    padding:20px 0;
    overflow:hidden;
    font-size:12px;
    font-size:1.2rem;
    color: #666;
}
#pankuzu ol {
    padding:0px;
}
#pankuzu li {
    display: inline-block;
}

#pankuzu li + li:before {
    margin: 0 5px;
    content: ">";
}
#pankuzu a{
    color: #666;
    text-decoration: none;
}
#pankuzu a:hover, #pankuzu a:active{
    text-decoration: underline;
}

/* common
------------------------------------------------*/
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb115 {margin-bottom:115px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb170 {margin-bottom:170px !important;}
.mb180 {margin-bottom:180px !important;}

.mt100 {margin-top:100px !important;}
.ptall10 {padding:10px !important;}
.pt30 {padding-top:30px;}
.pt60 {padding-top:60px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px !important;}
.pt200 {padding-top:200px !important;}

.pb60 {padding-bottom:60px;}
.pb80 {padding-bottom:80px;}

.bgpu {background:#bb368e;}
.bggr {background:#04858d;}

.fLeft {float: left;}
.fRight {float: right;}

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

.sBdrB{
    border-bottom: solid 1px #DFDFDF;
}
.sBdrT{
    border-top: solid 1px #DFDFDF;
}

.taLeft {text-align:left;}
.taRight {text-align:right;}
.taCenter {text-align:center;}
.taBold {font-weight:bold;}
.taSmall{font-size: 0.7em;}

.redtxt { color:#a61223;}
.bluetxt { color:#0070c0;}

.txtunline {text-decoration:underline !important;}
.brsp{display: none;}

h1 {
	  font-size: 50px;
    font-size: calc(1.25vw + 3.0rem);
    line-height: 1.5em;
    text-align: left;
    letter-spacing: 3px;
  }
h2 {
    position: relative;
    font-size: 50px;
    font-size: calc(1.25vw + 3.0rem);
    line-height: 1.5em;
    text-align: left;
    letter-spacing: 3px;
    
}
h2 span {
	  font-size: 30px;
    font-size: calc(1.25vw + 1.5rem);
    letter-spacing: 3px;
}

h3 {
    font-size: 30px;
    font-size: calc(1.25vw + 1.5rem);
    text-align: left;
    font-weight: 700;
    letter-spacing: 3px;
}

h4{
    font-size: 20px;
    font-size: calc(0.25vw + 1.4rem);
    text-align: left;
    font-weight: 500;
}

@media screen and (max-width: 896px) {
  .brpc{display: none;}
  
  .scn-syl_1{
    width: 90%;
    margin: 0 auto;
  }
  .scn-syl_2 {
    width: 100%;
  }
  .mb30 {margin-bottom:15px !important;}
  .mb60 {margin-bottom:20px !important;}
	.mb90 {margin-bottom:50px !important;}
	.mb100 {margin-bottom:60px !important;}
	.mb130 {margin-bottom:60px !important;}
}
@media screen and (max-width: 480px) {
   h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 20px auto;
	}
	h2 span {
		  font-size: 18px;
	    font-size: 1.8rem;

	}

	h3 {
	    font-size: 18px;
	    font-size: 1.8rem;
	}

	h4{
	    font-size: 18px;
	    font-size: 1.8rem;
	}
	#pankuzu{
		padding: 20px 0 0;
	}
	.bg_style_y._pgInner{
		padding: 30px 0;
	}
}