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

/***** share *****/
html { width: 100%; font-size: 62.5%; }
body { width: 100%; font-size: 1.3rem; font-family:"Sawarabi Mincho", -apple-system, BlinkMacSystemFont, serif; color:#333; }
h1, h2, h3, h4, h5, .conTit p, dt, a, small  { font-family:"Sawarabi Mincho", cursive; }
a { color: #333; }
.cf:after { content:""; display:block; clear:both; }
#index { background: url(../images/pc_bg.jpg) center fixed; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; }
#wrapper { overflow: hidden; }
.inner { max-width:960px; margin: 0 auto; }

/***** index *****/

/*** header ***/
#menu-cb, #menu-icon, #scrHam { display: none; /*チェックボックス本体は消しておく*/ }
#index header{ position: relative; width: 100%; height: 100vh; background:url(../images/pc_white.png) center; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; }

#gNav { z-index: 1; position: fixed; width: 100%; background-color:#534741; }
#gNav h1 { float:left; padding:10px; }
#gNav h1 img { display:block; width:50%; }
#gNav p { float:left; padding:10px 0; font-size:2rem; line-height:1.7rem; }
#gNav nav { float:right; padding:14px 0; }
#gNav nav li { float:left;padding:0 10px; font-size:2.5rem; }
#gNav nav a { padding:0 0 5px 0; position:relative; display:inline-block; text-decoration:none; color:#fff; }
#gNav nav a::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); background-color:white;-webkit-transition:all .3s ease; transition:all .3s ease; }
#gNav nav a:hover::after { -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1); }

#copy { display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:left; width:100%; height:100%; }
#copy .copy_img { display:block; margin:0 auto 4rem; width:290px; }
#copy p.copy_txt { margin:0 0 2rem; font-size: 2rem; }
#copy p.copy_txt small { display:block; text-align:left; font-size:1.6rem; letter-spacing:1.0; color:#E88FA2; }
#copy p { text-align:left; line-height: 2.5rem; }
#news { position: absolute; bottom: 0; width: 100%; color: #fff; background:#E88FA2; }
#news .inner { padding: 10px; }
#news h4 { float:left; border-right:2px #FFF solid; margin:0 8px 0 0; padding:0 8px 0 0; font-size:2rem; height:4rem; line-height:4rem; }
#news dt{ padding:0 0 0.4rem 0; font-size:1.5rem; font-weight:700; letter-spacing:0.2rem; line-height:2rem; }
#news dd { font-size:1.2rem; line-height:2rem; }

/*** contents ***/

.contents { width:100%; height:100vh; }
.contents .conTit { position:relative; width:100%; height:30%; background:#FFF; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; }
.contents .conTit div{ text-align: center; margin:0 auto; }
.contents .conTit:after { top:100%; left:50%; border:solid transparent;content: " "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-top-color:#fff; border-width:30px;margin-left:-30px; }
.contents .conTit p { padding:0 0 2rem; font-size:3rem; letter-spacing:2; color:#E88FA2; }
.contents .conTit h2 { font-size:2rem; letter-spacing:2; }
.con { display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; width:100%; height:60%; }

#con01 { background:url(../images/pc_blue.jpg) center fixed; -moz-background-size:cover;-webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; }
#con01 h3 { margin:0 auto 30px; text-align:left; font-size:2.5rem; line-height:4rem; }
#con01 .con p { text-align:left; line-height: 2.5rem; padding:20px ; }

#con02 .con dl { background-color:rgba(255,255,255,0.5); padding:20px; }
#con02 .con dt, #con02 .con dd { border-bottom:1px #fff solid; line-height:3rem; }
#con02 .con dt:last-of-type , #con02 .con dd:last-of-type  { border-bottom:none; }
#con02 .con dt { float:left; width:80px; padding:0 20px 0 0; text-align:right; font-weight:bold; }
#con02 .con dd { width:480px; clear:right; }

#con03 .con dl { background-color:rgba(255,255,255,0.5); padding:20px; }
#con03 .con dt, #con03 .con dd { border-bottom:1px #fff solid; line-height:3rem; }
#con03 .con dt:last-of-type , #con03 .con dd:last-of-type  { border-bottom:none; }
#con03 .con dt { float:left; width:200px; padding:0 20px 0 0; text-align:right; font-weight:bold; }
#con03 .con dd { width: 480px; clear: right; }

#con04 .con p { width: 420px; padding: 0 0 3rem 0; line-height: 2em; font-size: 1.5rem; font-weight: nomal; color: #333;  }
#con04 a.btn{ display:block; width:400px; padding:0 20px 0 0; margin:0 auto; border:1px solid #fff; background:rgba(255,255,255,0.3); color:#333; font-weight:bold; text-align:center; text-decoration: none; line-height:4rem; transition:.3s; }
#con04 a.btn:hover { box-shadow: 0 0 20px 5px rgba(255,255,255,.5) inset; }

/***　footer　***/
footer { width:100%;  background-color:rgba(255,255,255,0.5); }
footer .con { height: 27%; }
footer .con h5 { float: left; padding: 0 20px 0 0; }
footer .con ul { line-height: 2rem; }
#fBottom { padding: 1rem 0; border-top: 1px #ccc solid; text-align: center; background-color:#534741; color:#fff; }
#fBottom a { color:#fff; }



/*****  privacy   *****/
#privacy #wrapper { padding: 5rem; }
#privacy h2 { padding: 0 0 3rem 0; text-align: center; font-size: 2rem; font-weight: bold; }
#privacy h3{ margin: 3rem 0 1rem 0; border-bottom: 1px #000 solid; line-height: 3rem; font-size: 1.6rem; font-weight: bold; }
#privacy p, #privacy ol { line-height: 2rem; list-style-type: square; }