@charset "UTF-8";
/* ***************************** Import file to Scss or Sass. */
/* ----------------------------------------------------------------- #01　リセット ------------------------------------------------------------------ */
* { font-style: normal; margin: 0px; padding: 0px; text-decoration: none; }

html { font-size: 62.5%; line-height: 1.6; }

ul, ol { list-style: none; }

fieldset { border: 0; }

img { border: 0; vertical-align: bottom; }
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* ----------------------------------------------------------------- #02　基本タグの定義 ------------------------------------------------------------------ */
body { color: #333333; font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; background-color: #FFFFFF; letter-spacing: 0.05em; text-align: left; background-repeat: no-repeat; width: auto; height: 100%; margin: 0px auto; background-position: top; }

h1, h2, h3 { font-weight: 100; }

p { text-align: left; font-size: 1.3em; }

span { font-size: 1em; _text-align: left; }

em, strong { font-style: normal; font-weight: 100; }

a img { border-style: none; outline: medium none; }

object { border-style: none; outline: medium none; }

a { font-size: 1em; color: #023461; text-decoration: none; outline: none; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

a:hover { text-decoration: underline; opacity: 0.7; }

a:link { outline: medium none; }

a:visited { outline: medium none; }

#wrapper img { width: auto; height: auto; max-width: 100%; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
#wrapper { -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }

#wrapper strong, #wrapper a, #wrapper span, #wrapper img { display: block; }

#wrapper header { position: fixed; top: 0; left: 0; background: #FFFFFF; width: 100%; height: 125px; z-index: 10; }

#wrapper header div { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 100%; max-width: 960px; margin: 0 auto; }

#wrapper header div h1 { max-width: 540px; }

#wrapper header div ul { display: -webkit-flex; display: -ms-flex; display: flex; }

#wrapper header div ul li { max-width: 270px; }

@media screen and (max-width: 1080px) { #wrapper header { height: 12.03704vw; }
  #wrapper header div h1 { width: 50vw; }
  #wrapper header div ul li { width: 25vw; } }

#wrapper ul.box { width: 100%; }

#wrapper ul.box.sp_only { display: none; }

@media screen and (max-width: 1080px) { #wrapper ul.box.sp_only { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; } }

#wrapper ul.box.pc_only { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

@media screen and (max-width: 1080px) { #wrapper ul.box.pc_only { display: none; } }

#wrapper ul.box.fix { position: fixed; bottom: 0; left: 0; }

#wrapper ul.box li { width: 540px; }

@media screen and (max-width: 1080px) { #wrapper ul.box li { width: 50vw; } }

#wrapper .lpbody { width: 100%; max-width: 960px; margin: 0 auto; padding: 130px 0 0 0; }

#wrapper .lpbody .box, #wrapper .lpbody p { position: relative; top: 0; left: 0; }

#wrapper .lpbody .box.btn1 a, #wrapper .lpbody p.btn1 a { position: absolute; bottom: 180px; left: 80px; width: 800px; }

#wrapper .lpbody .box.btn2 a, #wrapper .lpbody p.btn2 a { position: absolute; bottom: 210px; left: 80px; width: 970px; }

#wrapper .lpbody .box.btn3 ol, #wrapper .lpbody p.btn3 ol { position: absolute; left: 277px; bottom: 120px; display: -webkit-flex; display: -ms-flex; display: flex; }

#wrapper .lpbody .box.btn3 ol li, #wrapper .lpbody p.btn3 ol li { width: 314px; }

#wrapper .lpbody .box.btn3 ol li:first-child, #wrapper .lpbody p.btn3 ol li:first-child { margin: 0 18px 0 0; }

#wrapper .lpbody .box.btn4 .link, #wrapper .lpbody p.btn4 .link { position: absolute; bottom: 0; left: 65px; width: 950px; }

#wrapper .lpbody .box.btn4 iframe, #wrapper .lpbody p.btn4 iframe { position: absolute; top: 476px; right: 65px; width: 460px; height: 550px; }

#wrapper .lpbody .box.btn5 .btn, #wrapper .lpbody p.btn5 .btn { position: absolute; bottom: 272px; left: 55px; width: 970px; }

#wrapper .lpbody .box.btn5 ol, #wrapper .lpbody p.btn5 ol { position: absolute; right: 65px; bottom: 111px; display: -webkit-flex; display: -ms-flex; display: flex; }

#wrapper .lpbody .box.btn5 ol li:first-child, #wrapper .lpbody p.btn5 ol li:first-child { width: 270px; margin: 0 18px 0 0; }

#wrapper .lpbody .box.btn5 ol li:last-child, #wrapper .lpbody p.btn5 ol li:last-child { width: 184px; }

#main .sec09 {
    padding: 124px 20px 60px;
}
#main .sec09 .linkList {
    margin: -38px 50px 0;
}
#main .sec09 .linkList li {
    margin-top: 38px;
    width: 393px;
    float: left;
}
#main .sec09 .linkList li:nth-child(2n) {
    float: right;
}
#main .sec09 .linkList li a {
    padding: 15px 35px;
    display: block;
    color: #FFF;
    font-size: 4.4rem;
    letter-spacing: 6px;
    font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
    background-color: #f58200;
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    margin-bottom: 28px;
    color: #f58200;
    font-size: 8.7rem;
    text-align: center;
    font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
    letter-spacing: 6px;
}
.headLine01 .en {
    margin-bottom: -5px;
    display: block;
    font-size: 4.6rem;
}


/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
    padding: 35px 0 40px;
}
#gFooter .center{
	text-align: center;
	color: #643c05;
	font-size: 20px;
}
#gFooter .pageTop {
    position: fixed;
    right: 10px;
    bottom: 10px;
}
#gFooter .fLogo{
	width: 120px;
    margin: 50px auto 75px;
}
#gHeader a:hover {
    opacity: 1;
}
#gFooter .copyright {
    font-size: 1rem;
    text-align: center;
}

@media all and (-ms-high-contrast:none){
    #main .sec04 li .ttl {
        margin-bottom: 12px;
    }
    #main .sec09 .linkList li a {
        padding: 21px 35px 9px;
    }
}

@media screen and (max-width: 1080px) { #wrapper .lpbody { padding: 12.03704vw 0 18.51852vw 0; }
  #wrapper .lpbody .box.btn1 a, #wrapper .lpbody p.btn1 a { bottom: 18vw;
    left: 6.3vw;
    width: 86.81481vw;
	}
  #wrapper .lpbody .box.btn2 a, #wrapper .lpbody p.btn2 a { bottom: 20.07407vw;
    left: 7.09259vw;
    width: 85.81481vw; }
  #wrapper .lpbody .box.btn3 ol, #wrapper .lpbody p.btn3 ol { left: 25.64815vw; bottom: 11.11111vw; }
  #wrapper .lpbody .box.btn3 ol li, #wrapper .lpbody p.btn3 ol li { width: 29.07407vw; }
  #wrapper .lpbody .box.btn3 ol li:first-child, #wrapper .lpbody p.btn3 ol li:first-child { margin: 0 1.66667vw 0 0; }
  #wrapper .lpbody .box.btn4 .link, #wrapper .lpbody p.btn4 .link { left: 6.01852vw; width: 87.96296vw; }
  #wrapper .lpbody .box.btn4 iframe, #wrapper .lpbody p.btn4 iframe { top: 44.07407vw; right: 6.01852vw; width: 42.59259vw; height: 50.92593vw; }
  #wrapper .lpbody .box.btn5 .btn, #wrapper .lpbody p.btn5 .btn { bottom: 25.18519vw; left: 5.09259vw; width: 89.81481vw; }
  #wrapper .lpbody .box.btn5 ol, #wrapper .lpbody p.btn5 ol { right: 6.01852vw; bottom: 10.27778vw; }
  #wrapper .lpbody .box.btn5 ol li:first-child, #wrapper .lpbody p.btn5 ol li:first-child { width: 25vw; margin: 0 1.66667vw 0 0; }
  #wrapper .lpbody .box.btn5 ol li:last-child, #wrapper .lpbody p.btn5 ol li:last-child { width: 17.03704vw; } 
}