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

body {
    font-family: YakuHanJP,Noto Sans JP,Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
	width: 100%;
	font-size: 1em;
	line-height: 1.6em;
}

img.w{
	width:100%;}

.conte {
    max-width: 1200px;
    margin: 0 auto;
}

.indent{
	text-indent:-1em;
	padding-left:1em;
}

.SP_mode {
    display: none;
}


.btn_area {
    text-align: center;
    margin-bottom: 30px;
}

.contact_btn {
    text-align: center;
    margin: 60px 0;
}

.mente {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em auto;
    padding: 1em;
    text-align: center;
    width: 80%;
}


.link {
}


.header {
    padding: 25px 0;
	background:#fff;
}

.header h1 {
    text-align: center;
}

#main_PC {
	width: 100%;
}

#main_PC .conte {
	max-width: 1200px;
	margin:0 auto;
	background-size: auto;
}

#card p {
    margin: 0 auto 22px;
    text-align: center;
}

#main_PC h2,
#main_PC h3{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#main_PC h2 img{
    width: 100%;
}
#main_PC .main {
    padding-bottom: 30px;
}


#card {
    text-align: center;
    margin: 0 auto 52px;
}

#chance{
    width:100%;
    margin: 0 auto;
    padding: 0;
    margin: 0 0 84px 0;
}

#chance img.mb20{
	margin-bottom:20px !important;
}

#chance h2 {
    text-align: center;
    margin-bottom: 36px;
}

#chance .area {
    margin-bottom: 80px;
}

#chance h2 img {}

.mt_010 {
    margin-top: -13px;
}

#chance .area + p {
    margin: 0 auto 30px;
    text-align: center;
}

#chance ul {
    width: 460px;
    margin: 0 auto;
}

#chance li {
    margin-bottom: 5px;
    padding-left: 1.5em;
    text-indent: -1.5em;
}


#chance .cont_chance {
    margin-bottom: 40px
}

#chance .conte img.PC_mode {
    margin: 0 auto;
    display: block;
}


#join {
    margin: 0 0 70px;
}

#join img{
    width:100% !important;
}

#join .line_box_area {
    overflow: hidden;
}

#join .line_box_area .l_box {
    width: 470px;
    float: left;
    margin-bottom: 20px;
}

#join .line_box_area .r_box {
    width: 470px;
    float: right;
    margin-bottom: 20px;
}

#flow {
    margin: 0 0 70px;
}

#flow img{
    width:100% !important;
}

#flow h2 {
    margin-bottom: 30px;
}

ul.notice {
    width: 80%;
    margin: 0 auto 60px;
    padding-left: 3em;
}

ul.notice li {
    text-indent: -1em;
    padding-left: 1em;
}
ul.notice li span{
}
.list {
    width: 80%;
    margin: 25px auto 0px;
    font-weight: bold;
}

.list span {
    color: #0084d0;
    vertical-align: -0.1em;
}


#important {
    margin: 0 0 50px;
}

#important h2 img{
    width:100% !important;
}

#important h2 {
    margin-bottom: 30px;
}

#important table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
/*    font-size: 1.2em;*/
}

#important table th,
#important table td {
    border: 1px solid #424242;
    padding: 20px;
    box-sizing: border-box;
	background:#fff;
}

#important table tr:first-of-type th,
#important table tr:first-of-type td {
    border-top: none;
}

#important table tr:last-of-type th,
#important table tr:last-of-type td {
    border-bottom: none;
}

#important table th {
    width: 20%;
    border-left: none;
    vertical-align: top;
}

#important table td {
    width: 71.25%;
    padding-right: 1em;
    border-right: none;
}

#important dd {
    margin-left: 1em;
    margin-bottom: 15px;
}

#important li {
    text-indent: -0.5em;
    padding-left: 0.5em;
}

#important .line_tweak {
}

#form {
    margin: 0 0 50px;
}

#form h2 {
    margin-bottom: 30px;
}

#form .form_btn,
#form .no_form_btn {
    text-align: center;
    margin-bottom: 15px;
}

#form li {
    text-indent: -1em;
    padding-left: 1em;
}

#jokou {
    border: 1px solid #A7A7A7;
    height: 200px;
    overflow: auto;
    margin-bottom: 25px;
    padding: 15px;
}

.section .block h3 {
    padding: 5px;
    background-color: #f1f1f1;
    border: 1px solid #dbdad5;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

.section .block h4 {
    margin: 1em 0 0;
    font-weight: bold;
}

.section .block ul {
    margin: 0.5em 0 0;
}

.section .block ul li {
    margin: 0.5em 0 0;
    padding-left: 2.5em;
    text-indent: -2.5em;
}

.section .block table {
    border: 1px solid #424242;
    padding: 10px;
    width: 100%;
}

.section .block table th {
    padding: 3px;
    border: 1px solid #999999;
    background-color: #eeeeee;
    text-indent: 0em;
}

.section .block table td {
    padding: 3px;
    border: 1px solid #999999;
    text-align: center;
    text-indent: 0em;
}


#phone {
    margin: 0 0 50px;
    text-align: center;
}

#phone .conte p {
	padding-top:1em;
	color:#fff;
    text-align: center;
}


footer {
    padding-top: 10px;
    border: 1px solid #A2A2A2;
    text-align: center;
}



.wide{
	width:740px;
	margin:0 auto 60px;
	padding:20px;
	background:#fff;
	border-radius:20px;
	box-sizing:border-box;}

.wide h3{
	font-weight:bold;}

.wide h3 span{
	color:#006fbc;}

p.indent2{
	text-indent:-1em;
	padding-left:2.4em;}

p.indent2 span{
	color:#82c1ea;}

footer{
	background:#fff;}

/*---220208修正---*/
body{
  background-color: #fff;;
}
body > div{
  background:url(../images/back.jpg);
  max-width: 1100px;
  margin: 0 auto;}

#main_PC h2 img,#chance img{
    width: 100%;}

#chance{
    margin: 0;}

#card {
	background-color: #FFFFFF;
	margin:0;
	padding:50px 0 0 0;}

#card p{
  padding-top: 20px;
  margin:0 auto 20px;}

.contact_btn {
  margin: 0;
  padding: 30px 0 0 0;}

.wide {
  border: 3px solid #d66c7b;}

.wide_wrap{
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding:50px 0 1px 0;}

#join,#flow,#important,#phone{
  margin: 0 auto;
  width: 95%;
  max-width: 1200px;
	padding:30px 0 0 0;}

#join .conte,#flow .conte,#important .conte,#phone .conte{
/*  background: #FAEDCB;*/
  background: #fff;
  border-radius: 30px;
  padding: 30px;
  margin:0 auto;}

#join .conte h2{
  width: 100%;}

#phone .conte p {
	color:#804A00;}

.tel{
	width:50%;
	margin:0 auto;}

.tel img{
	width:100%;}