html{
  font-size:62.5%
}
html,body{
  height:100%
}
body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,table,tr,th,td,input,textarea,select,button{
  margin:0;
  padding:0;
  line-height:1.6;
  list-style:none inside;
  -webkit-text-size-adjust:100%;
  font-size:16px;
  font-size:1.6rem;
  word-wrap:break-word;
  overflow-wrap:break-word;
  word-break:break-all;
  color:#333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Noto Sans Japanese", Noto Sans JP, sans-serif;
}
header,footer,nav,article,section,aside{
  display:block
}
a {
  color:#2bc1a4;
}
#container {
  width:100%;
  margin:0 auto;
  position:relative;
  height:100%;
  min-height:100%;
  height:auto !important;
  background-color:#fdfbef;
  overflow:hidden;
}
.toggle,.close{
  display: none;
}

header{
  background-image:url(./images/background.png);
  background-position:top center;
  background-repeat:repeat-x;
}
#main {
  margin:0 auto 150px auto;}

footer {
  background-color:#2c2c2c;
  padding:30px 0;
  margin:150px 0 0;
  position: absolute;
  bottom: 0;
  width:100%;
}
footer p {
  text-align:center;
  color: rgba(255,255,255,.4);
  font-size:12px;
}


input,textarea {
  background: #eaedf2;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding:0 1rem;
  margin:5px 0;
}
select {
  background: #eaedf2;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding:0 1rem;
  margin:5px 0;
}
.formItem{
  margin:0 auto;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
  align-items: center;
}
.formItem li.formItemL {
  letter-spacing: 0.05em;
  font-weight: bold;
  padding-left:10px;
}
.formItem li.formItemR {
}
.formItem_Input {
  height: 48px;
}
.formItem_File {
  background: none; border: none;width:100%;padding:0 1rem;
  margin:5px 0;
}
.formItem_Select {
  height: 40px;
  margin-right:10px;
}
.formItem_File {
  font-size:13px;
}

.formItem_Textarea {
  height: 120px;
  flex: inherit;
  font-size: 18px;
  padding-top:5px;
}
.formBlock{
  margin:0 0 10px 0;
}
.zipcode{
  width:180px;
  display:block;
}
.ninzu{
  width:50px;
  margin:0 8px 0 0;
}
.date{
  width:200px;
}


.fromItem_Radio_con {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fromItem_Radio_con input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmarkR {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.checkmarkC {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

.fromItem_Radio_con:hover input ~ .checkmarkR,
.fromItem_Radio_con:hover input ~ .checkmarkC {
    background-color: #ccc;
}

.fromItem_Radio_con input:checked ~ .checkmarkR,
.fromItem_Radio_con input:checked ~ .checkmarkC {
    background-color: #2bc1a4;
}

.checkmarkR:after,
.checkmarkC:after {
    content: "";
    position: absolute;
    display: none;
}

.fromItem_Radio_con input:checked ~ .checkmarkR:after,
.fromItem_Radio_con input:checked ~ .checkmarkC:after {
    display: block;
}

.fromItem_Radio_con .checkmarkR:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.fromItem_Radio_con .checkmarkC:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    background: white;
}

.required {
  border-radius: 6px;
  margin-left: 8px;
  padding:2px 5px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #2bc1a4;
  color: #fff;
  font-size: 14px;
}

.formBtn{
text-align:center;
}
.formBtn a{
display:block;
margin:0 auto;
text-decoration:none;
}

.formBtn_Enter {
  border-radius: 6px;
  padding: 20px 0;
  letter-spacing: 0.05em;
  background: #222d88;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  cursor:pointer;
}

.formBtn_Return {
  border-radius: 6px;
  padding: 20px 0;
  letter-spacing: 0.05em;
  background: #9e9e9e;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  cursor:pointer;
}

h3 {
  text-align:center;
  background-color:#2bc1a4;
  padding:10px 0;
  border-radius: 6px;
  color:#fff;
  font-size:1.5rem;
  margin:0 auto 20px auto;
}

.innerReadText{
  text-align:center;
}

li.point01 {
    background-image: url(./images/im_arbeeepoint01.png);
}
li.point02 {
    background-image: url(./images/im_arbeeepoint02.png);
}
li.point03 {
    background-image: url(./images/im_arbeeepoint03.png);
}
li.point04 {
    background-image: url(./images/im_arbeeepoint04.png);
}
li.point05 {
    background-image: url(./images/im_arbeeepoint05.png);
}
.pointText01{
    background-image: url(./images/txt_arbeeepoint01.png);
}
.pointText02{
    background-image: url(./images/txt_arbeeepoint02.png);
}
.pointRiyou01{
  height:70px;
    background-image: url(./images/txt_arbeeeriyou01.png);
}
.pointRiyou02{
  height:90px;
    background-image: url(./images/txt_arbeeeriyou02.png);
}
.pointRiyouTxt{
 padding:0 10px 10px 10px;
}


@media screen and (min-width:768px){

header{background-size:900px auto;}
header #g-header{width:1000px;margin:0 auto;position:relative;height:90px;}
header .logo {position:absolute;absolute;left:5px;top:8px;}
header .logo img {width:110px;height:auto;}
header h1{font-size:13px;width:1000px;position:absolute;left:200px;top:15px;}
header .headerimg {position:absolute;right:00px;top:0px;}
header .headerimg img {width:110px;}

header .menu{text-align:center;padding:0 0 10px 0;}
header .menu li {display:inline;border-right:2px solid #fdfbef;padding:0 12px;}
header .menu li:nth-child(3) {border-right:none}
header .menu li a{color:#fff;text-decoration:none;font-weight:bold;}
header .menu li.close{display: none;}

#main {
  width:1000px;

}

h2 {
  text-align:center;
  font-size:30px;
  font-weight:bold;
  margin:50px 0 30px 0;
}


input,textarea {
  width:100%;
  font-size: 18px;
}
select{
  font-size: 18px;
}

.formItem{
  max-width: 800px;
  margin:0 auto;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  display: flex;
  align-items: center;
}
.formItem li.formItemL {
  width: 240px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 16px;
  padding-left:10px;
}
.formItem li.formItemR {
  width: 520px;
}
.formItemGrid{
  display: flex;
  margin-bottom:8px;
}
.formItemGrid li{
  width:25%;
}
.formItemGrid li.sonota{
  width:100%;
}

.formItem li.formItemL {
  width: 240px;
  font-size:14px;
}
.formItem li.formItemR {
  width: 520px;
}

.formBtn{
  margin:35px auto 0;
}
.formBtn_Enter {
  width: 350px;
}
.formBtn_Return {
  width: 350px;
  margin-right:20px;
}
img.formItem_Image{
  max-width:200px;
  padding-right:10px;
}
.formText{
  width:550px;
  margin:0 auto;
}

.readText{
  text-align:center;
  padding:0px 80px;
}


.frameColorA{
 margin-top:-100px;
 background-color:#f6f1db;
}
.frameColorB{
 margin:20px auto 150px auto;
}
.innerFrame{
 width:1000px;
 margin:0 auto;
 padding:30px 0;
}

h3 {
 width:300px;

}

.pointFrame3,.pointFrame2{
  display: flex;
  margin:0 auto;
}
.pointFrame3{
  width:960px;
}
.pointFrame2{
  width:640px;
}
.pointFrame2 li,.pointFrame3 li{
 width:300px;
 margin:10px;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
 width: 300px;
 height: 300px;
 background-size: 300px auto;
 background-repeat: no-repeat;
}
.pointText01,.pointText02{
 width:700px;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
 height: 70px;
 background-size: 550px auto;
 background-repeat: no-repeat;
 background-position:center;
 margin:30px auto 0 auto;
}
.pointRiyouFrame{
 display:flex;
 width:880px;
 margin:30px auto 0;
}
.pointRiyouFrame li{
 width:400px;
 margin:0 20px;
 border:10px solid #eac654;
 border-radius:20px;
 background-color:#fff;
 padding:0;
}
.pointRiyou01,.pointRiyou02{
 width:280px;
 margin:0 auto;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
 background-size: 280px auto;
 background-repeat: no-repeat;
 background-position:center;
}

.pointRiyouFrame li img{
 display:block;
 width:400px;
 border-radius:0 0 10px 10px;
}

}

@media screen and (max-width:767.98px){

header{background-size:600px auto;}
header #g-header{margin:0 auto;position:relative;height:50px;}
header .logo {position:absolute;absolute;left:10px;top:4px;}
header .logo img {width:80px;height:auto;}
header h1{display:none;}
header .headerimg {display:none;}
header .menu li a{color:#fff;text-decoration:none;font-size:12px;}

.navi{background-color:#2bc1a4;}
.menu{display: none;width: 100%;text-align:center;}
.menu li{padding:5px 0;}
.menu a:hover{background: #ccc;}
.toggle{display: block;position: relative;width: 100%;font-size:12px;font-weight:bold;}
.close{display: block;position: relative;width: 100%;background: #91d4de;}
.toggle a{display: block;width: 100%;padding: 12px 0 10px;color: #fff;text-align: center;text-decoration: none;}
.toggle:before{position: absolute;content: " ";top: 50%;right: 10px;width: 100%;height: 15px;margin-top: -10px;color:#fff;}

input,textarea {
  width:90%;
}
.formItem_File {
  width:90%;
}

h2 {
  text-align:center;
  font-size:18px;
  font-weight:bold;
  margin:20px 0;
}

  .formItem {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
.formItem li.formItemL {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
    padding-left:0;
 }
.formItemR{
  margin:8px 0 0 0;
}
.formItem li.formItemR {
  font-size:13px;
}
.formItemGrid{
}
.formItemGrid li{
  margin:8px 0;
}
.formItemGrid li.sonota{
}


  .required {
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 32px;
    font-size: 10px;
  }
  .formItem_Input {
    margin-left: 0;
    margin-top: 10px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }
  .formItem_Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }

.formBtn{
  margin:0 auto 0;
}

.formBtn_Enter,.formBtn_Return {
  margin-top: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 90%;
  font-size: 16px;
}

.fromItem_Radio_con{
  font-size:13px;
}
.formBlock{
  font-size:13px;
  margin:5px 0 10px 10px;
}
img.formItem_Image{
  display:block;
  max-width:60%;
  margin:0 auto 10px auto;
}
.formText{
  margin:10px;
}

.readText,.innerReadText{
 font-size:1.2rem;
 padding:0 10px;
}
.frameColorA{
 margin-top:-130px;
 background-color:#f6f1db;
}
.frameColorB{
 margin:20px auto 150px auto;
}
.innerFrame{
 margin:0 auto;
 padding:30px 10px;
}

h3 {
 width:300px;
}

.pointFrame3,.pointFrame2{
  margin:0 auto;
}
.pointFrame3{
}
.pointFrame2{
}
.pointFrame2 li,.pointFrame3 li{
 width:220px;
 margin:0 auto 15px auto;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
 height: 220px;
 background-size: 220px auto;
 background-repeat: no-repeat;
}
.pointText01,.pointText02{
 width:100%;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
 height: 70px;
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-position:center;
 margin:10px auto 0 auto;
}
.pointRiyouFrame{
 margin:30px 10px 0;
}
.pointRiyouFrame li{
 margin:0 0 10px 0;
 border:10px solid #eac654;
 border-radius:20px;
 background-color:#fff;
 padding:0;
}
.pointRiyou01,.pointRiyou02{
 width:200px;
 margin:0 auto;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
 background-size: 200px auto;
 background-repeat: no-repeat;
 background-position:center;
}
.pointRiyou01{
  height:60px;
}
.pointRiyou02{
  height:80px;
}
.pointRiyouTxt{
 padding:0 10px 10px 10px;
 font-size:1.2rem;
}

.pointRiyouFrame li img{
 display:block;
 width:100%;
 border-radius:0 0 10px 10px;
}


}