@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - //richclarkdesign.com
Twitter: @rich_clark
*/
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, 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%;font-weight: 500; vertical-align: baseline; background: transparent; }

.lead {
    width: 840px;
    margin:  0 auto 80px;
    font-size: 1.5rem;
    line-height: 1.4;
}

body { line-height: 1; font-weight: 500;}

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

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; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

img { vertical-align: bottom; }

li { list-style: none; }

body { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 16px; background: url("../img/bg.gif"); }

.sp { display: none; }

#main { background: -webkit-linear-gradient(90deg, #F87AA9 0%, #FDAFBF 100%); background: -moz-linear-gradient(90deg, #F87AA9 0%, #FDAFBF 100%); background: -o-linear-gradient(90deg, #F87AA9 0%, #FDAFBF 100%); background: -ms-linear-gradient(90deg, #F87AA9 0%, #FDAFBF 100%); background: linear-gradient(0deg, #F87AA9 0%, #FDAFBF 100%); height: 70px; position: relative; z-index: 60; }
#main .headWrap { width: 980px; margin: auto; }
#main .headWrap .menu { float: left; padding: 15px 0 0 25px; position: relative; }
#main .headWrap .menu p { position: absolute; top: 15px; }
#main .headWrap .menu p.close { display: none; }
#main .headWrap ul { float: right; padding-top: 13px; }
#main .headWrap ul li { float: right; margin-left: 10px; }
#main .headWrap ul li.toEnglish a{
  display: block;
  width: 118px;
  height: 32px;
  margin: 8px 0 0;
  text-decoration: none;
  color: #fff;
  background: #027bd3;
  text-align: center;
  line-height: 32px;
  font-weight: bold;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px; 
}

#navigation { position: absolute; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 50; width: 100%; min-width: 980px; display: none; overflow: hidden; opacity: 0; filter: alpha(opacity=0); }
#navigation ul { margin-top: 70px; }
#navigation li { height: 120px; background: url("../img/arrow_pink.png") no-repeat 95% center white; overflow: hidden; }
#navigation li:nth-child(odd) { background-color: #e6e6e6; }
#navigation li a { display: block; width: 100%; height: 100%; color: #F56777; font-size: 30px; font-size: 1.875rem; line-height: 120px; padding-left: 40px; font-weight: bold; text-decoration: none; }

#bottomnav { width: 1024px; margin: 75px auto 0; }
#bottomnav li { height: 120px; background: url("../img/arrow_pink.png") no-repeat 960px center white; overflow: hidden; }
#bottomnav li:nth-child(even) { background-color: #e6e6e6; }
#bottomnav li a { display: block; width: 100%; height: 100%; color: #F56777; font-size: 30px; font-size: 1.875rem; line-height: 120px; padding-left: 25px; font-weight: bold; text-decoration: none; }

footer {
  background: #fff;
  padding: 60px 0;
  width: 1024px;
  margin: auto;
  text-align: center;
}
footer h1 {
  margin-bottom: 50px;
}
footer ul {
  margin-bottom: 50px;
}
footer ul li {
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
}
footer ul li:first-child:after {
  content: "|";
  margin-left: 55px;
  margin-right: 56px;
}
footer ul li a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 2px #a3a3a3;
  padding: 0 0 10px;
}
footer .copyright {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
}

body { background: #FFF3F7; }

#wrapper { width: 1021px; margin: auto; background: url("../img/bg.gif"); }

#navigation { width: 1021px; left: 50%; margin-left: -510px; }

.title { background: #FFF; color: #F56777; padding: 25px; font-size: 40px; font-size: 2.5rem; border-bottom: 1px solid #F56777; margin-bottom: 70px; }

.subnav { width: 840px; margin: 0 auto 40px; }
.subnav li { background: url("../img/arrow_white_down.png") no-repeat 795px center #FFB820; margin-bottom: 20px; width: 840px; height: 80px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
.subnav li a { color: #FFF; display: block; width: 100%; height: 100%; text-decoration: none; line-height: 80px; font-size: 26px; font-size: 1.625rem; padding-left: 30px; }

.moreInfo { background: #FFF; border: 2px solid #e6e6e6; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; margin: 0 auto 0; width: 700px; padding: 30px 70px 30px 70px; }
.moreInfo h4 {color: #F56777;font-size: 30px;font-size: 1.875rem;text-align: center;margin-bottom: 25px;font-weight: bold;}
.moreInfo .text {font-size: 20px;font-size: 1.25rem;line-height: 1.4;font-weight: bold;}
.moreInfo .text.bold{font-weight: bold;color: #FEB820;}
.info1 { margin-bottom: 70px; }

.contents { margin-bottom: 80px; }
.contents h2 { background: #f87aa9; height: 80px; padding-left: 25px; color: #ffffff; font-size: 34px; font-size: 2.125rem; line-height: 80px; margin-bottom: 60px; }
.contents .catch {color: #F56777;font-size: 40px;font-size: 2.5rem;font-weight: bold;text-align: center;line-height: 1.4;margin: 0 24px 55px;}
.contents .copyright { margin: 0 24px; line-height: 1.6;}

.btn {
    margin: 0 24px;
}
.contents .step { margin: 0 auto 60px; position: relative; width: 840px; }
.contents .step h3 { background: #1a1a1a; color: #FFF; font-size: 24px; font-size: 1.5rem; padding: 20px; margin-bottom: 40px; }
.contents .step .image { float: right; }
.contents .step .text { float: left; width: 450px; font-size: 24px; font-size: 1.5rem; line-height: 1.4; }
.contents .step .moreInfo { margin-top: 50px; }
.contents .step .moreInfo .text {margin: 0;font-size: 18px;font-size: 1.125rem;}
#talk .moreInfo .text {margin: 0 0 25px;}

.contents .btn { width: 520px; height: 74px; background: #FFB820; margin: auto; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; overflow: hidden; margin-top: 30px; }
.contents .btn a { display: block; width: 100%; height: 100%; text-align: center; color: #ffffff; text-decoration: none; font-size: 24px; font-size: 1.5rem; background: url("../img/arrow_white.png") no-repeat 482px center; line-height: 74px; margin-left: -20px; padding-right: 20px; }
.contents .step .moreInfo .bold { color: #ff667f; font-weight: bold; margin: 25px 0; font-size: 18px; font-size: 1.125rem; }
.contents .step.long { min-height: auto; }
.contents .step.long .text { float: none; width: 100%; }
.contents .leard { text-align: center; font-size: 36px; font-size: 2.25rem; font-weight: bold; line-height: 1.4; margin-bottom: 80px; }
.contents .leard span { color: #ff667f; }
.contents .leard .btn { width: 520px; height: 74px; background: #ffb820; margin: auto; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; overflow: hidden; }
.contents .leard .btn a { display: block; width: 100%; height: 100%; text-align: center; color: #ffffff; text-decoration: none; font-size: 24px; font-size: 1.5rem; background: url("../img/arrow_white.png") no-repeat 425px center; line-height: 74px; margin-left: -20px; padding-right: 20px; }
.contents .other__text { padding: 0 0 0 1em; color: #F56777; font-size: 30px; font-size: 1.875rem; font-weight: bold; text-align: left; line-height: 1.4; margin: 0 24px 55px; }
.contents .other__text li { text-indent: -1em; }

#base .catch {margin-bottom: 60px;}
#base .moreText { font-size: 22px; font-size: 1.375rem; line-height: 1.6; text-align: center; margin-bottom: 55px; }

.attention { font-size: 18px; font-size: 1.125rem; margin-top: 30px; }



/*****************************/
p.image:nth-of-type(even){
  text-align: left;
  background: #FFF;
  width: 300px;
}
p.image:nth-of-type(odd){
  text-align: right;
  /* background: #FFF; */
  width: 300px;
}

/*  */
a, .btn, .btn, .menu p, .subnav li {
  transition: opacity 0.3s ease;
  cursor: pointer;
}
a:hover, .btn:hover, .menu p:hover, .subnav li:hover {
  opacity: .7;
}