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

body {
	min-width: 1410px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

a {
	color: #130C0C;
}

a:hover {
	text-decoration: none;
}

a img:hover {
	opacity: 0.7;
}

p,li,th,td {
	color: #130C0C;
	font-size: 16px;
	line-height: 1.6;
}

.inner {
	width: 910px;
	margin: 0 auto;
}

.inner h2 {
	text-align: center;
}


.pc_mode {display:block;}
.sp_mode {display:none;}


.formPrivacy{
	font-size: 10px;
	margin-bottom:10px;
	text-align:center;
}


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

body {
    min-width:  auto;
}
*{
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.inner {
    width: 90%;
}
.pc_mode {display:none;}
.sp_mode {display:block;}

}




/* ===================================
header
=================================== */
header {
	border-bottom: 4px solid #3BA22C;
	padding: 20px 0 28px;
}

header .inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

header .inner h1 {
	float: left;
}

header .inner .tel {
	float: right;
}


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


header {
    padding: 10px 0;
}

header .inner {
    width: 96%;
    padding:  0;
}
header .inner h1 {
    width: 25%;
}
header .inner .tel {
    width: 70%;
}
header img {
	width:100%;
	height:auto;
}
}





/* ===================================
#mainImg
=================================== */
#mainImg {
	background: url(../img/bg_01.png);
	border-bottom: 4px solid #3BA22C;
}

#mainImg .inner {
	position: relative;
	width: 1410px;
	margin: 0 auto;
}

#mainImg .inner .btn {
	position: absolute;
	left: 340px;
    bottom: 38px;
	background: #FFF;
	border-radius: 8px;
}

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

#mainImg .inner {
    width: 100%;
    padding-top: 4%;
}
#mainImg .inner img {
    width: 100%;
    height:  auto;
}
#mainImg .inner .btn {
    left: 0;
    right: 0;
    bottom: 4%;
    margin: 0 auto;
    width: 50%;
}

}


/* ===================================
.txtBox01
=================================== */
.txtBox01 {
	position: relative;
	width: 960px;
	margin: 40px auto;
	border: 1px solid #CCC;
	padding: 30px 40px;
    box-sizing: border-box;
}

.txtBox01 img.absolute {
	position: absolute;
	top: 0;
	left: 0;
}

.txtBox01 p {
	font-size: 18px;
	color: #130C0C;
	line-height: 2;
	text-align: center;
}

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

.txtBox01 {
    width: 90%;
    padding: 10%;
}
.txtBox01 img.absolute {}
.txtBox01 p {
    font-size: 14px;
    text-align:  left;
}

}


/* ===================================
#checkArea
=================================== */
#checkArea {
	border-bottom: 1px solid #3BA22C;
}

#checkArea h2 {
	text-align: center;
	margin: 0 0 15px;
}

#checkArea h3 {
	font-size: 30px;
	color: #FFF;
	background: #3BA22C;
	text-align: center;
	padding: 12px 0;
	display:block;
	margin-bottom: 1px;
}

#checkArea h3.mbNone {
	margin-bottom: 0;
}

#checkArea h3 span {
	font-size: 18px;
	padding-right: 12px;
	font-weight: bold;
}

#checkArea .inner {
	width: 920px;
	position:relative;
	height: 695px;
}

#checkArea .positionFit {
    position:absolute;
    left: 0px;
	top: -61px;
    width: 920px;
    padding-top: 86px;
}

#checkArea h4 {
	font-size: 30px;
	color: #130C0C;
	text-align: center;
	height: 135px;
	box-sizing: border-box;
}

#checkArea h4.oneline {
	padding: 45px 0 0;
}

#checkArea h4.twoline {
	padding: 27px 0 0;
}

#checkArea h4.resultTxt {
	font-size: 40px;
	font-family:  Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #3ba22c;
	font-weight:  bold;
	margin: 10px 0 0;
	height:  auto;
}

#checkArea h4 span {
	color: #3E6A26;
	padding-right: 10px;
}

#checkArea .choiceBox {
	overflow: hidden;
	width: 700px;
	margin: 0 auto;
}

#checkArea .choiceBox li {
	float: left;
	width: 340px;
	border: 1px solid #CCC;
	border-radius: 5px;
	font-size: 20px;
	text-align: center;
	margin: 20px 2% 20px 0;
	cursor: pointer;
}

#checkArea .choiceBox li a {
	padding: 15px 0 11px;
	text-decoration: none;
	display: block;
}

#checkArea .choiceBox li a:hover {
	background: #3BA22C;
	color: #FFF;
}


#checkArea .choiceBox li.active:hover {
	opacity: 1;
}

#checkArea .choiceBox li:last-child {
	margin-right: 0;
}

#checkArea .commentBox {
	height: 150px;
}

#checkArea .commentBox p {
	padding: 0 10px 10px 243px;
}

#checkArea .commentBox p.red {
	font-size: 18px;
	color: #A9191D;
	padding: 13px 10px 2px 243px;
}

#checkArea .paging {
	margin: 20px auto;
	display: table;
}

#checkArea .paging ul {
	overflow: hidden;
}

#checkArea .paging li {
	float: left;
	margin-right: 16px;
}

#checkArea .paging ul li:last-child {
	margin-right: 0;
}

#checkArea .paging p {
	color: #3AA12C;
	padding: 10px 0 0;
    text-align: center;
}

#checkArea .nextQuestion a {
	width: 420px;
	margin: 25px auto 50px;
	font-size: 20px;
	text-align: center;
	border: 2px solid #A91A1D;
	border-radius: 5px;
	padding: 23px 0 18px;
	text-decoration: none;
	color: #A91A1D;
	display: block;
	cursor: context-menu;
}

#checkArea .nextQuestion a.active {
	color: #FFF;
	background: url(../img/arrow_next.png) no-repeat 380px center #A91A1D;
	cursor: pointer;
}

#checkArea .nextQuestion a.active span {
	font-size: 25px;
}

#checkArea .nextQuestion a.active:hover {
	opacity: 0.7;
}

.resultBox {
	background: #F7F5F3;
	margin: 25px 0 0px;
    padding: 0 0 1px;
	overflow: hidden;
	position: relative;
}

.resultBox #graph1,
.resultBox #graph2,
.resultBox #graph3,
.resultBox #graph4,
.resultBox #graphAll {
	position: absolute;
    z-index: 1;
    top: -25px;
	left: -95px;
}

.resultBox .right {
	float: right;
	width: 380px;
	height: 265px;
    padding: 45px 25px 50px 0px;
}

.resultBox img {
	vertical-align: text-bottom;
}

.resultBox p {
	text-align: center;
	color: #333;
	font-size: 25px;
}

.resultBox p .score1 ,
.resultBox p .score2 ,
.resultBox p .score3 ,
.resultBox p .score4 ,
.resultBox p .scoreAll {
	font-size: 94px;
	color: #A91A1D;
	padding: 0 5px;
}

.resultBox p.scoreBox {
    height: 115px;
	margin-bottom: 15px;
}

#checkArea .nextQuestion a {
	margin: 25px auto 30px;
}

.fourItem,
.fourItemResult {
	overflow: hidden;
	width: 816px;
	margin: 20px auto 10px;
}

.fourItem li,
.fourItemResult li {
	float: left;
	margin: 0px 7px 8px 0;
}

.fourItem li a {
	width: 403px;
	padding: 15px 0;
	font-size: 18px;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
	color: #A91A1D;
	display: block;
	cursor: default;
}

.fourItem li:nth-child(even) {
	margin-right: 0;
}

.fourItem li a span {
	font-size: 16px;
}

.fourItem li a.active {
	color: #FFF;
	background: url(../img/arrow_bottom.png) no-repeat 374px center #A91A1D;
	cursor: pointer;
}

.fourItem li a.active:hover {
	opacity: 0.7;
}

.fourItem li.check1 a.already {
	background: url(../img/bg_check01_btn.png) no-repeat center;
	text-indent: -9999px;
}
.fourItem li.check2 a.already {
	background: url(../img/bg_check02_btn.png) no-repeat center;
	text-indent: -9999px;
}
.fourItem li.check3 a.already {
	background: url(../img/bg_check03_btn.png) no-repeat center;
	text-indent: -9999px;
}
.fourItem li.check4 a.already {
	background: url(../img/bg_check04_btn.png) no-repeat center;
	text-indent: -9999px;
}






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

#checkArea h2 img {
    width: 90%;
    height:  auto;
}
#checkArea h3 {
    font-size: 18px;
}
#checkArea h3 span {
    font-size: 13px;
}
#checkArea .inner {
    width: 90%;
    height:  auto;
}
#checkArea .positionFit {
    width: 100%;
    top: 0;
    padding:  0;
    position:  static;
}
#checkArea h4 {
    height:  auto;
    font-size: 20px;
}
#checkArea h4.oneline {
    font-size: 18px;
    text-align: left;
    padding-left: 2em;
    line-height: 1.4;
    width: 94%;
    margin: 0 auto;
}
#checkArea h4.twoline {
    font-size: 18px;
    text-align:  left;
    padding-left: 2em;
    line-height: 1.4;
    width: 94%;
    margin: 0 auto;
}

#checkArea h4.resultTxt {
	font-size: 35px;
}
#checkArea h4 span {
    text-indent: -2em;
    display: inline-block;
    padding:  0;
}
#checkArea .choiceBox {
    width: 100%;
}
#checkArea .choiceBox li {
    width: 48%;
    font-size: 16px;
    margin: 20px 2% 10px 0;
}
#checkArea .choiceBox li a {
    padding: 10px;
    line-height:  1.2;
    font-size: 14px;
}
#checkArea .choiceBox li:last-child {}
#checkArea .commentBox {
    height:  auto;
}
#checkArea .commentBox p {
    padding: 0 0 10px 0;
    font-size: 14px;
}
#checkArea .commentBox p.red {
    padding: 13px 0 2px 0;
    font-size: 16px;
    font-weight:  bold;
}
#checkArea .paging {
    margin-bottom: 0;
}
#checkArea .paging li {
    margin-right: 8px;
    line-height: 1;
}
#checkArea .nextQuestion a {
    width:  auto;
    font-size: 16px;
    padding: 12px;
    margin: 10px auto 20px;
}

.resultBox #graph1,
.resultBox #graph2,
.resultBox #graph3,
.resultBox #graph4,
.resultBox #graphAll {
    left: 0;
    right:  0;
    position:  static;
    margin: -20% auto 0;
}
.highcharts-container {
	transform: scale(0.8,0.8);
    overflow: initial !important;
}
.highcharts-root {
    overflow: initial !important;
	transform: scale(0.9,0.9);
}
.resultBox .right {
    width:  auto;
    float: none;
    height:  auto;
    padding:  0;
    margin-top: -20%;
    z-index:  10;
    position:  relative;
}
.resultBox img {}
.resultBox p {
    font-size: 18px;
    padding:  0 10px;
}
.resultBox .textCheck1 img {
    width: 100%;
    height:  auto;
    transform: scale(1.5,1.5);
}
.resultBox .textCheck2 {
	position: relative;
	/* overflow: hidden; */
	height: 20px;
	margin: 20px 0;
}
.resultBox .textCheck2 img {
	    position: absolute;
    top: 50%;
    left: 50%;
    right: -50%;
    bottom: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
	width:160%;
	height:auto;
}
.resultBox p .score1 ,
.resultBox p .score2 ,
.resultBox p .score3 ,
.resultBox p .score4 ,
.resultBox p .scoreAll {
    font-size: 60px;
    padding:  0;
    line-height:  1;
}
.resultBox p.scoreBox {
    height:  auto;
    line-height:  1;
    transform: scale(0.9,0.9);
    margin-top: 12px;
}

.fourItem,
.fourItemResult {
    width: 100%;
    position:  relative;
}
.fourItem li,
.fourItemResult li {
    float:  none;
    margin: 0 auto 8px;
}
.fourItem li a {
    width: auto;
    font-size: 16px;
}
.fourItemResult {
    height: 50px;
}
.fourItemResult img {
	position: absolute;
	top: 50%;
	left: 50%;
	right: -50%;
	bottom: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 140%;
	height:auto;
}


}


.commentBox {
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F7F5F3;
}

/* ===================================
#check1
=================================== */
#check1_01 .commentBox {background-image: url(../img/bg_check01_01.png);}
#check1_02 .commentBox {background-image: url(../img/bg_check01_02.png);}
#check1_03 .commentBox {background-image: url(../img/bg_check01_03.png);}
#check1_04 .commentBox {background-image: url(../img/bg_check01_04.png);}
#check1_05 .commentBox {background-image: url(../img/bg_check01_05.png);}
#check1_06 .commentBox {background-image: url(../img/bg_check01_06.png);}
#check1_07 .commentBox {background-image: url(../img/bg_check01_07.png);}
#check1_08 .commentBox {background-image: url(../img/bg_check01_08.png);}


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

#checkArea .commentBox {
    background-position: 50% 20px !important;
    background-size: auto 100px;
    padding: 120px 30px 10px;
}

}


/* ===================================
#check2
=================================== */
#check2_01 .commentBox {background-image: url(../img/bg_check02_01.png);}
#check2_02 .commentBox {background-image: url(../img/bg_check02_02.png);}
#check2_03 .commentBox {background-image: url(../img/bg_check02_03.png);}
#check2_04 .commentBox {background-image: url(../img/bg_check02_04.png);}
#check2_05 .commentBox {background-image: url(../img/bg_check02_05.png);}
#check2_06 .commentBox {background-image: url(../img/bg_check02_06.png);}

#checkArea #check2_result .nextQuestion a.active {
	background: url(../img/arrow_next.png) no-repeat 570px center #A91A1D;
	width: 600px;
}



/* ===================================
#check3
=================================== */
#check3_01 .commentBox {background-image: url(../img/bg_check03_01.png);}
#check3_02 .commentBox {background-image: url(../img/bg_check03_02.png);}
#check3_03 .commentBox {background-image: url(../img/bg_check03_03.png);}
#check3_04 .commentBox {background-image: url(../img/bg_check03_04.png);}
#check3_05 .commentBox {background-image: url(../img/bg_check03_05.png);}
#check3_06 .commentBox {background-image: url(../img/bg_check03_06.png);}
#check3_07 .commentBox {background-image: url(../img/bg_check03_07.png);}
#check3_08 .commentBox {background-image: url(../img/bg_check03_08.png);}


/* ===================================
#check4
=================================== */
#check4_01 .commentBox {background-image: url(../img/bg_check04_01.png);}
#check4_02 .commentBox {background-image: url(../img/bg_check04_02.png);}
#check4_03 .commentBox {background-image: url(../img/bg_check04_03.png);}
#check4_04 .commentBox {background-image: url(../img/bg_check04_04.png);}
#check4_05 .commentBox {background-image: url(../img/bg_check04_05.png);}
#check4_06 .commentBox {background-image: url(../img/bg_check04_06.png);}
#check4_07 .commentBox {background-image: url(../img/bg_check04_07.png);}
#check4_08 .commentBox {background-image: url(../img/bg_check04_08.png);}
#check4_09 .commentBox {background-image: url(../img/bg_check04_09.png);}
#check4_10 .commentBox {background-image: url(../img/bg_check04_10.png);}
#check4_11 .commentBox {background-image: url(../img/bg_check04_11.png);}
#check4_12 .commentBox {background-image: url(../img/bg_check04_12.png);}
#check4_13 .commentBox {background-image: url(../img/bg_check04_13.png);}



/* ===================================
#allResult
=================================== */
#allResult {
	padding-top: 30px;

}
#allResult h2 {
    font-size: 40px;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: #3ba22c;
    font-weight: bold;
    margin: 10px 0 0;
    height: auto;
}

#allResult .txtBox02 h2 {
    font-size: 40px;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: #3ba22c;
    font-weight: bold;
    margin: 10px 0 0;
    height: auto;
}

#allResult .resultBox {
	height: 350px;
}



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

#allResult {}
#allResult .resultBox {
    height:  auto;
    padding-bottom: 40px;
}

#allResult .txtBox02 {
    width: 100%;
    padding: 30px 10px 0;
    background: none;
    margin: 0;
    box-sizing:  border-box;
}
#allResult h2,
#allResult .txtBox02 h2 {
    font-size: 30px;
}


#allResult .txtBox02 .bg_img {

background: url(../img/bg_02.png) no-repeat 50% 50% / cover;

width:  100%;

height: 120px;

background-attachment:  fixed;

margin-bottom: 30px;
}

#allResult .txtBox02 h2 {
    margin-bottom: 20px;
}

#allResult .txtBox02 h2 img {
    width: 70%;
    height:  auto;
}

#allResult .txtBox02 p {
    font-size: 14px;
    padding: 0 0 14px;
}

#allResult .txtBox02 p.big {
    font-size: 18px;
}

#allResult .txtBox02 .btn a img {
    width: 100%;
    height:  auto;
}




}



/* ===================================
.txtBox02
=================================== */
.txtBox02 {
	background: url(../img/bg_02.png) no-repeat left top;
	padding-left: 275px;
	margin: 30px 0 0;
	/*display: none;*/
}

.txtBox02 h2 {
	text-align: left;
}

.txtBox02 p.big {
	font-size: 25px;
	line-height: 1.4;
	padding: 13px 0 25px;
}

.txtBox02 p {
	padding: 0 0 24px;
}

.txtBox02 .btn {
	margin: 10px 0 0;
}



/* ===================================
#formArea
=================================== */
#formArea {
	background: #F7F5F3;
	padding: 30px 20px;
	margin: 30px 0 25px;
}

#formArea .bookBox {
	background: url(/form/common/img/kanri/booklet/booklet_201811_00.jpg) no-repeat 5px top;
	padding: 0 0 25px 203px;
}
#formArea .red-serif {
	position: relative;
	font-size: 20px;
	text-align: center;
	color: #FFF;
	border-radius: 100px;
	background-color: #ae1113;
	padding:  10px 0;
	margin-bottom: 30px;
	font-family:  Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:  bold;
}
#formArea .red-serif:after {
	content: "";
	display:block;
	width: 6px;
	height: 6px;
	border: solid 6px transparent;
	border-top: solid 6px #ae1113;
	box-sizing:border-box;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	margin: auto;
	z-index: 10;
}

#formArea .bookBox h2 {
	margin: 0 0 26px;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #39a02c;
	font-size: 26px;
	font-weight:  bold;
	text-align:  left;
	letter-spacing: -1px;
	line-height: 1.4;
}
#formArea .bookBox h2 span {
	font-size: 16px;
	display:  block;
	margin: 6px 0 0;
	letter-spacing: 0px;
}
#formArea  .bookBox p {
	font-size: 14px;
	margin: 0 0 6px;
}

#formArea  .bookBox ul li {
	font-size: 14px;
	line-height: 1.5;
}

#formBox {
	background: #FFF;
	margin: 12px 0 0;
	padding: 0 0 15px;
}

#formBox h2 {
	font-size: 16px;
	color: #19263F;
	background: #E5E5E5;
	padding: 9px 0 6px;
}

#formBox ul {
	overflow: hidden;
	padding: 12px 20px 5px 35px;
}

#formBox ul li {
	margin: 15px 4px 15px 0;
	display: inline-block;
}

#formBox ul li input,
#formBox ul li select {
	height: 30px;
	border: 1px solid #CCC;
	width: 200px;
	font-size: 15px;
    padding: 0 5px;
    box-sizing: border-box;
}

#formBox ul li input[type=checkbox]{
	height: 15px!important;
	border: 1px solid #CCC!important;
	font-size: 15px!important;
    padding: 0 0px!important;
    box-sizing: border-box!important;
	width: 30px!important;
	margin-left: 25px;
}

#formBox ul li input.wd420 {
	width: 420px;
}

#formBox .submitArea {
	width: 290px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    text-indent: -99999px;
    border: none;
    background: url(../img/btn_form.png) no-repeat;
    display: block;
    cursor: pointer;
}

#formBox .submitArea:hover {
	opacity: 0.7;
}


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

#formArea {
    margin-bottom:  0;
}
#formArea .bookBox {
    padding: 120px 0 25px 0;
    background-size: auto 100px;
    background-position: 50% 0;
}
#formArea .bookBox h2 {
    font-size: 22px;
    text-align:  center;
}
#formArea .bookBox h2 span {
    font-size: 14px;
    line-height: 1.2;
}
#formArea .bookBox h2 img {
    width: 100%;
    height:  auto;
}
#formArea  .bookBox p {font-weight:  bold;}

#formArea .red-serif {
    font-size: 14px;
    padding: 8px 0;
    height:  auto;
    box-sizing:  border-box;
    line-height: 1.4;
}

#formArea > p img {
    position: absolute;
    top: 50%;
    left: 50%;
    right: -50%;
    bottom: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 60%;
}
#formBox ul {
    padding: 12px 10px 5px 10px;
}
#formBox ul li {
    margin: 15px 0 15px 0;
    width:  100%;
}
#formBox ul li input,
#formBox ul li select {
    width:  100%;
}
#formBox ul li label {
    display:  block;
}
#formBox ul li input[type=checkbox]{
    margin-left:  0;
    height: 16px !important;
}
#formBox ul li input.wd420 {
    width:  100%;
}


}



/* ===================================
#aboutBox
=================================== */
#aboutBox {
	margin: 40px 0 0;
}

#aboutBox h2 {
	text-align: left;
	border-bottom: 2px solid #3AA12C;
	padding: 0 0 10px 15px;
}

#aboutBox table {
	width: 100%;
}

#aboutBox th {
	background: #F7F5F3;
	border-bottom: 1px solid #E5E5E5;
	width: 155px;
	padding: 20px 0 20px 20px;
    box-sizing: border-box;
    text-align: left;
}

#aboutBox td {
	border-bottom: 1px solid #E5E5E5;
	padding: 18px 0 15px 20px;
}

#aboutBox td span {
	font-size: 14px;
}

#aboutBox th small {
	font-size: 14px;
}

#aboutBox .bgNone {
	background: none;
	width: 140px;
    padding: 15px 0 15px 20px;
}


/* ===================================
footer
=================================== */
footer {
	position: relative;
	padding-bottom: 87px;
	margin: 46px 0 0;
}


footer p {
	font-size: 13px;
}

footer .pageTop {
	position: absolute;
	right: 0;
	bottom: 68px;
}


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

footer {
	margin-top: 16px;
	padding-bottom:  0;
}

footer p {
    font-size: 10px;
    margin: 10px 0;
}
footer .pageTop {
    position:  static;
    margin-bottom: 0;
    width: 45%;
    margin-left:  auto;
    margin-right: -5%;
}
footer .pageTop img {
	width: 100%;
	height:  auto;
}

}



/* ===================================
#fixed
=================================== */
#fixed {
	background: rgba(0,0,0,0.5);
	position: fixed;
	bottom: 0;
	width: 100%;
	min-width: 1410px;
	z-index: 999;
}

#fixed .inner {
	width: 910px;
	height: 68px;
	margin: 0 auto;
	position: relative;
	padding: 10px 0 5px 85px;
    box-sizing: border-box;
}

#fixed .left {
	position: absolute;
	left: 0;
	top: -18px;
}

#fixed .right {
	position: absolute;
	right: 0;
	top: 14px;
	background: #FFF;
}
#fixed .close_btn {
	display:none;
}

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

#fixed {
    min-width:  100%;
}
#fixed.active {
	bottom: -67px;
}

#fixed .close_btn {
	display: block;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height:  20px;
	background-color: rgba(0,0,0,0.5);
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
}

#fixed .close_btn:before {
	content: "";
	display:block;
	width: 6px;
	height: 6px;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
	position:  absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin:  0 auto;
	transform: rotate(135deg);
}
#fixed.active .close_btn:before {
	transform: rotate(316deg);
	top: 9px;
}

#fixed .inner {
    width: 90%;
    height: auto;
    padding: 6px 0 0;
}
#fixed .inner > p {
    margin-bottom: 2px;
    background: no-repeat;
}
#fixed .inner p img {
    width: 70%;
    height:  auto;
    margin-left: 16%;
    display:  block;
}
#fixed .left {
    left: 0;
    width: 22%;
    top: -4px;
}
#fixed .right {
    position:  static;
}
#fixed .inner p.left img,
#fixed .inner p.right img {
    width: 60%;
    height:  auto;
}

#fixed .inner p.left img {
    width: 75%;
    margin-left:  0;
}
#fixed .inner p.right img {
    margin: 0 auto;
}

}

/* ===================================
#submit submitボタン
=================================== */
#submit{
margin: 0 auto;
display: block;
}




/* ===================================
thanks page
=================================== */

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

.thanks.inner #formArea > p img {
	width: 80%;
	height: auto;
	display:  block;
	margin-top: 30px;
}
.thanks.inner #formArea .bookBox {
	height: auto;
	padding-bottom: 60px;
	display:  block;
	margin-bottom: 0px;
}

.thanks.inner #formArea .pc_mode {
	display:none;
}

}