/* reset */
@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", verdana, sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0,0,0,0);

}

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

html{
  overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

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

input, textarea,{
  margin: 0;
  padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
  outline:none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.both{
  clear:both;
}

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

table {
  width:100%;
}

a {
  border: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

img {
  vertical-align: bottom;
}

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

.mtm5 {margin-top: -5px !important;}
.mtm10 {margin-top: -10px !important;}
.mtm15 {margin-top: -15px !important;}
.mtm20 {margin-top: -20px !important;}
.mtm25 {margin-top: -25px !important;}
.mtm30 {margin-top: -30px !important;}
.mtm35 {margin-top: -35px !important;}
.mtm40 {margin-top: -40px !important;}
.mtm45 {margin-top: -45px !important;}
.mtm50 {margin-top: -50px !important;}
.mtm55 {margin-top: -55px !important;}
.mtm60 {margin-top: -60px !important;}
.mtm65 {margin-top: -65px !important;}
.mtm70 {margin-top: -70px !important;}
.mtm75 {margin-top: -75px !important;}
.mtm80 {margin-top: -80px !important;}
.mtm85 {margin-top: -85px !important;}
.mtm90 {margin-top: -90px !important;}
.mtm95 {margin-top: -95px !important;}
.mtm100 {margin-top: -100px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}

.mtb0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.mtb5 {margin-top: 5px !important;margin-bottom: 5px !important;}
.mtb10 {margin-top: 10px !important;margin-bottom: 10px !important;}
.mtb15 {margin-top: 15px !important;margin-bottom: 15px !important;}
.mtb20 {margin-top: 20px !important;margin-bottom: 20px !important;}
.mtb25 {margin-top: 25px !important;margin-bottom: 25px !important;}
.mtb30 {margin-top: 30px !important;margin-bottom: 30px !important;}
.mtb35 {margin-top: 35px !important;margin-bottom: 35px !important;}
.mtb40 {margin-top: 40px !important;margin-bottom: 40px !important;}
.mtb45 {margin-top: 45px !important;margin-bottom: 45px !important;}
.mtb50 {margin-top: 50px !important;margin-bottom: 50px !important;}
.mtb55 {margin-top: 55px !important;margin-bottom: 55px !important;}
.mtb60 {margin-top: 60px !important;margin-bottom: 60px !important;}
.mtb65 {margin-top: 65px !important;margin-bottom: 65px !important;}
.mtb70 {margin-top: 70px !important;margin-bottom: 70px !important;}
.mtb75 {margin-top: 75px !important;margin-bottom: 75px !important;}
.mtb80 {margin-top: 80px !important;margin-bottom: 80px !important;}
.mtb85 {margin-top: 85px !important;margin-bottom: 85px !important;}
.mtb90 {margin-top: 90px !important;margin-bottom: 90px !important;}
.mtb95 {margin-top: 95px !important;margin-bottom: 95px !important;}
.mtb100 {margin-top: 100px !important;margin-bottom: 100px !important;}

.mr0 {margin-right: 0 !important;}

.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb65 {padding-bottom: 65px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb75 {padding-bottom: 75px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb85 {padding-bottom: 85px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb95 {padding-bottom: 95px !important;}
.pb100 {padding-bottom: 100px !important;}

.ptb0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.ptb5 {padding-top: 5px !important;padding-bottom: 5px !important;}
.ptb10 {padding-top: 10px !important;padding-bottom: 10px !important;}
.ptb15 {padding-top: 15px !important;padding-bottom: 15px !important;}
.ptb20 {padding-top: 20px !important;padding-bottom: 20px !important;}
.ptb25 {padding-top: 25px !important;padding-bottom: 25px !important;}
.ptb30 {padding-top: 30px !important;padding-bottom: 30px !important;}
.ptb35 {padding-top: 35px !important;padding-bottom: 35px !important;}
.ptb40 {padding-top: 40px !important;padding-bottom: 40px !important;}
.ptb45 {padding-top: 45px !important;padding-bottom: 45px !important;}
.ptb50 {padding-top: 50px !important;padding-bottom: 50px !important;}
.ptb55 {padding-top: 55px !important;padding-bottom: 55px !important;}
.ptb60 {padding-top: 60px !important;padding-bottom: 60px !important;}
.ptb65 {padding-top: 65px !important;padding-bottom: 65px !important;}
.ptb70 {padding-top: 70px !important;padding-bottom: 70px !important;}
.ptb75 {padding-top: 75px !important;padding-bottom: 75px !important;}
.ptb80 {padding-top: 80px !important;padding-bottom: 80px !important;}
.ptb85 {padding-top: 85px !important;padding-bottom: 85px !important;}
.ptb90 {padding-top: 90px !important;padding-bottom: 90px !important;}
.ptb95 {padding-top: 95px !important;padding-bottom: 95px !important;}
.ptb100 {padding-top: 100px !important;padding-bottom: 100px !important;}

.img100 {display: block;width: 100%;}
.pad10 {padding: 0 10px;box-sizing: border-box;}

.kojinsa {text-align: right;font-size: .5rem;}

.bky {
  background: #ffdd61;
}

.acc {
  position: relative;
}

.acc span.arrow {
  position: absolute;
  display: block;
  top: 40%;
  width: 16px;height: 16px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  transition: .5s;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}



.ft_att {
  padding: 10px 10px 0;
  font-size: .7rem;
}

.ft_att ul {
  margin-bottom: 30px;
}

.ft_att ul li:before {
  content: "・";
}

.ft_att ul li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: .8em;
}

footer {
  text-align: center;
  line-height: 1.5rem;
  font-size: 1em;
}

.mtmbnr {
  margin-top: -12%;
}



/*ADD*/
body{
background-size:100% auto;
background-repeat:repeat:y;
}
#wrap{
    width:640px;
    margin:0 auto ;
    position:relative;
    background: #FAC800;
    box-shadow: 0 5px 10px rgba(0,0,0,.8);
}

img{
max-width:100%;
}



.headLogo {
    background-image: url('../img/headLogoBG.png');
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    box-sizing:border-box;
    text-align:center;
    padding-top:14px;
}

.headConv {
    background-image: url('../img/headConvBg.png');
    height: 122px;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
    width: 100%;
    max-width:640px;
    box-sizing:border-box;
    text-align:center;
}

.headConv.fix{
position:fixed;
    top: 0px;
    left:auto;
    z-index:9000;
}

section.Modal{
position:fixed;
top:0px;
left:0;
width:100%;
height:100%;
display:none;
z-index:9996;
background-color:rgba(0,0,0,0.6);
box-sizing:border-box;
}

section.Modal .modalCloseBg{
position:fixed;
top:0px;
left:0;
width:100%;
height:100%;
z-index:9997;
}


section.Modal .modalCloseBg:hover {
cursor:pointer;
}

section.Modal span.Close {
z-index:9999;
position:fixed;
display:inline-block;
right:0;
top:0px;
width:50px;
height:50px;
text-align:center;
line-height:50px;
background-color:rgba(0,241,0,0.9);
color:rgba(255,255,255,1.0);
}

section.Modal span.Close:hover {
cursor:pointer;
}

section.Modal .modalInner {
    display: block;
    width: 90%;
    background-color: rgba(255,255,255,1.0);
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    position: relative;
    padding-right: 29px;
    z-index: 9998;
    padding-bottom: 20px;
    height: 80%;
    overflow-y: auto;
    margin-top: 68px;
    margin-left:5%;
    text-align:center;
    }


.mfp-bg {
position:fixed !important;
z-index:9998 !important;
}

.mfp-wrap {
position: fixed!important;
z-index: 9999!important;
top: 0 !important;
}

    .mfp-text .mfp-content {
		margin:10px auto;
		background: #fff;
		padding: 20px;
        height:90%;
            overflow-y: scroll;
            max-width: 640px;
	}

.popup-modal-dismiss {
text-align:center;
margin:20px 0;
font-size:1.5rem;
}

button.mfp-close {
font-size:3.0rem;
}

.inline-wrap {
display:none;
}

.mfp-content .inline-wrap {
display:block;
}

.baContent {
  width: 83.4%;
  margin: 0 auto;
}

/*コンバージョンボタン*/
@keyframes fwari{
    0%   { transform:translate(0%, -2px); }
   50%   { transform:translate(0%, -8px); }
    100% { transform:translate(0%, 8px); }
}
@-webkit-keyframes fwari{
     0%   { transform:translate(0%, -2px); }
   50%   { transform:translate(0%, -8px); }
    100% { transform:translate(0%, 8px); }
}
@-moz-keyframes fwari{
     0%   { transform:translate(0%, -2px); }
   50%   { transform:translate(0%, -8px); }
    100% { transform:translate(0%, 8px); }
}

.fixed{
  position:fixed;
  bottom:0;
  width:100%;
  z-index:99999;
  right: 15px;
  animation:fwari ease-in-out 1.8s infinite alternate;
  -webkit-animation:fwari ease-in-out 1.8s infinite alternate;
  -moz-animation:fwari ease-in-out 1.8s infinite alternate;
}

.btn_wrap{ 
  margin:0 auto;
  text-align: center;
  max-width:640px;
}

.fixBtn a{
  display:block;
  cursor:pointer;
  text-align: center;
}

.fixBtn img{
  display:block;
  max-width:750px;
  margin:0 auto;
}

@media screen and (max-width:750px){
  .fixed {
    right: 2.25vw;
  }
  
  .fixBtn img{
    max-width:100%;
  }
}

.fixBtn img:hover{
  opacity:0.75;
}

.menseki {
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 1em;
}

.contents02 {
    
}

.contents02 ul li {
    margin-bottom: 2em;
}

.contents02 ul li:last-child {
    margin-bottom: 0;
}

.wrapper {
  margin: 0 50px;
}
.pd-tb {
  margin:20px 0;
}

.fix-img01 {
  width: 84%;
  margin-left:50px;
}