@charset "utf-8";


/*resetCSS*/
html{
color:#FFF;
background:#515E83;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,
th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{ border:0; }
address,
caption,
em{
font-style:normal;
font-weight:normal;
}
ol,ul{ list-style:none; }
caption, th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{
border:0;
font-variant:normal;
}
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%;
}
*{
margin:0;
padding:0;
}
strong,
th{ font-weight:bold;}

#content{ }
.section{
clear:both;
margin-bottom:30px;
}

body{
font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

*, *: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{
font-size:145%;
font-weight:bold;
margin-bottom:30px;
}
h1 span{ }
h2{
font-size:130%;
font-weight:bold;
margin-bottom:20px;
margin-top:0;
}
h2 span{ }
h3{
font-size:110%;
font-weight:bold;
margin-bottom:15px;
margin-top:0;
}
h3 span{ }
h4{
font-size:95%;
font-weight:bold;
margin-bottom:15px;
margin-top:0;
}
h5{
font-size:90%;
font-weight:bold;
margin-bottom:10px;
margin-top:0;
}
p{ font-size:20px;
margin-bottom:1.5em;
line-height:180%; }
.anchor a{ }

a{
text-decoration: none;
color: #FCEE49;
}
a:hover{
text-decoration:underline;
}

/*clear Fix*/
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
display:inline-table;
min-height:1%;
}
* html .clearFix{
height:1%;
}
.clearFix{
display:
block;
}


/* Header Setting
=========================================================================================== */
/****メインビジュアル****/
#mainVisual{
	height:100vh;
	overflow: hidden;
	position:relative;
	background-image:url(../images/mainvisual_bg.jpg) ;
	background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
	color:#FFF;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-weight:bold;
	text-shadow: 0 0 10px #000;
}
#mainVisual #catch{
	position:absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	line-height:1.2;
	text-align:center;
	letter-spacing:0.4em;
	display: none;
	/*text-shadow:0 0 10px #FFF;*/
}
#mainVisual #catch strong{
	font-size:80px;
	display:block;
	font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#mainVisual #catch .subCatch{
	font-size:38px;
}
#mainVisual #catch .en{
	font-size:18px;
	letter-spacing: normal;
}
/**文字設定**/
#mainVisual .wordSet{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#mainVisual .wardSize1{
	font-size:5.0vmin;
	margin-bottom:0;
}
#mainVisual .wardSize2{
	font-size:4.4vmin;
	margin-bottom:0;
}
#mainVisual .wardSize3{
	font-size:3.5vmin;
	margin-bottom:0;
}
#mainVisual .wardSize1,
#mainVisual .wardSize2,
#mainVisual .wardSize3{
	display: none;
	filter: blur(0);
	animation-name: blur;
	animation-duration: 2s;
}
@keyframes blur {
  0% {
    filter: blur(10px);
  }
  100% {
    filter: blur(0);
  }
}

#mainVisual .wardSize1.no1{
	position:absolute;
	top: 12%;
	left:52%;
	transform: rotate(10deg);
}
#mainVisual .wardSize1.no2{
	position:absolute;
	top: 30%;
    right: 25%;
    transform: rotate(110deg);
}
#mainVisual .wardSize1.no3{
	position:absolute;
	top: 67%;
    right: 40%;
    transform: rotate(164deg);
}
#mainVisual .wardSize1.no4{
	position:absolute;
	bottom: 30%;
    left: 26%;
    transform: rotate(-100deg);
}
#mainVisual .wardSize1.no5{
	position:absolute;
	top: 12%;
    left: 40%;
    transform: rotate(-30deg);
}
#mainVisual .wardSize2.no6{
	position:absolute;
	top: 18%;
	right:24%;
    transform: rotate(45deg);
}
#mainVisual .wardSize2.no7{
	position:absolute;
	bottom: 16%;
    left: 35%;
    transform: rotate(-150deg);
}
#mainVisual .wardSize2.no8{
	position:absolute;
	top: 12%;
    left: 26%;
    transform: rotate(-60deg);
}
#mainVisual .wardSize3.no9{
	position:absolute;
	top: 28%;
    right: 36%;
    transform: rotate(50deg);
}
#mainVisual .wardSize3.no10{
	position:absolute;
	top: 52%;
    right: 26%;
    transform: rotate(145deg);
}
#mainVisual .wardSize3.no11{
	position:absolute;
	top: 62%;
    right: 33%;
    transform: rotate(110deg);
}
#mainVisual .wardSize3.no12{
	position:absolute;
	top: 70%;
    right: 52%;
    transform: rotate(180deg);
}
#mainVisual .wardSize3.no13{
	position:absolute;
	top: 40%;
    left: 28%;
    transform: rotate(-68deg);
}
/* ALL Setting
=========================================================================================== */
article section{
	width:1000px;
	padding:60px 0;
	margin:0 auto;
}
h2{
	font-size:36px;
	text-align:center;
	margin-bottom:1em;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}
h3{
	font-size:28px;
	margin-bottom:0.5em;
}
.textBig1{
	font-size:24px;
}
.textBig2{
	font-size:36px;
}
.centerAdjust{
	text-align:center;
}
.imgOnlyStyle img{
	max-width:100%;
}
.boxPatternA{
	background:#313F63;
	padding:2em 4em;
}
/* sec01 Setting
=========================================================================================== */
.sec01 .imgOnlyStyle{
	margin-bottom:0;
}
.sec01 .gaiyouList:after{
	content: "";
    display: block;
    clear: both;
}
.sec01 .gaiyouList{
	font-size:20px;
	padding-left:1em;
	margin-bottom:2em;
}
.sec01 .gaiyouList dt{
	width:30%;
	float:left;
}
.sec01 .gaiyouList dd{
	width:70%;
	float:left;
}
.sec01 .address{
	margin-left:1em;
}
.sec01 .address a{
	margin-left:2em;
}
.sec01 ul{
	font-size:20px;
	margin-left:1em;
}
.sec01 ul li{
	display:inline-block;
}
.sec01 ul li:last-child{
	margin-left:4em;
}
.sec01 ul li a{
	color:inherit;
}
/* sec02 Setting
=========================================================================================== */
.sec02{
	background:#313F63;
}
.sec02 .flowList{
	text-align:center;
	font-size:24px;
}
.sec02 .flowList li{
	margin-bottom:1.5em;
}
/* sec03 Setting
=========================================================================================== */
.sec03 h4{
	font-size:28px;
	text-align:center;
}
.sec03 .priceContentsSet{
	width:90%;
	margin:0 auto;
}
.sec03 .priceTable{
	width:100%;
	font-size:20px;
	margin-bottom:2em;
}
.sec03 .priceTable th{
	font-weight:normal;
}
/* sec04 Setting
=========================================================================================== */
.sec04{
	background:#313F63;
}
.sec04 ol{
	padding-left:1em;
	font-size:24px;
	list-style-type: decimal;
}
.sec04 ol li{
	margin-bottom:1em;
}
/* sec05 Setting
=========================================================================================== */
.sec05 .boxPatternA{
	text-align:center;
}
.sec05 .boxPatternA h3{
	font-weight:normal;
}
.sec05 .boxPatternA .textBig2{
	margin-bottom:0;
}
/* sec06 Setting
=========================================================================================== */
.sec06 .privacyList{
	margin-bottom:2em;
}
.sec06 .privacyList dt{
	font-weight:bold;
	font-size:24px;
}
.sec06 .privacyList dd{
	padding-left:24px;
	font-size:20px;
	margin-bottom:1em;
}

/* footer Setting
=========================================================================================== */
footer{
	text-align:center;
	padding:60px 4% 0;
	background:#313F63;
}
footer h2{
	font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:80px;
	margin-bottom: 0.5em;
}
footer h2 span{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:18px;
	display:block;
}
footer #copy{
	font-size:16px;
	padding-bottom:1em;
	margin-bottom: 0;
}


/* pageTop Setting
=========================================================================================== */
#pageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 0px; /*下からのボタンの配置場所を指定*/
    right: 3%; /*右からのボタンの配置場所を指定*/
	font-size: 24px; /*文字のサイズ*/
	margin-bottom:0;
	z-index:999;
}
#pageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #313F63; /*文字の色*/
    background: #fcee49; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    outline: none; /*クリックしたときの黒い枠を消す*/
	width: 60px; /*ボタンの幅*/
    height:60px; /*ボタンの高さ*/
}
#pageTopBtn a:before {
	content:"";
	display:inline-block;
	border-top: solid 6px #313F63;
	border-left: solid 6px #313F63;
	width: 24px;
	height: 24px;
	position: absolute;
    top: 24px;
    left: 19px;
	transform: rotate(45deg);
}
#pageTopBtn a:hover {
    text-decoration: none; 
    background: #caba05;/*マウスオーバー時の背景色*/
}

/* After Setting
=========================================================================================== */
.mt0{margin-top:0 !important;}
.ml0{ margin-left:0 !important;}
.mb0{margin-bottom:0 !important;}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.mb3{margin-bottom:3em;}
.pb0{ padding-bottom:0 !important;}
.pb20{ padding-bottom:20px !important;}
.pr20{ padding-right:20px !important;}
.vat{ vertical-align:top !important;}
.vam{ vertical-align:middle !important;}