@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
img{
  max-width:100%;
}

#main .headLine01 {
	margin-bottom: 15px;
	padding: 7px 10px 9px 16px;
	background-color: #E85377;
	text-align: center;
}

#main .headLine01 img {
}

#main .textList {
	margin: 0 0px 45px 10px;
}

#main .textList li {
	margin-bottom: 24px;
	position: relative;
}

#main .textList li:nth-child(2) {
	margin-bottom: 33px;
}

#main .textList li:last-child {
	margin-bottom: 0;
/*
	padding-right: 120px;
*/
}

#main .textList li:before {
	margin-left: -25px;
	position: absolute;
	width: 34px;
	height: 29px;
	left: 50%;
	bottom: -28px;
	background: url(../img/index/img01.png) no-repeat left top;
	background-size: 34px auto;
	content: '';
}

#main .textList li:last-child:before {
	background: none;
}

#main .textList li .photo {
	position: absolute;
	right: 11px;
	top: -54px;
}

#main .textList li .photo img {
	width: 116px;
}

#main .textList .box {
	display: table;
	width: 100%;
}

#main .textList .numBox {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 70px;
}

#main .textList .numBox img {
	width: 100%;
}

#main .textList .textBox {
	padding: 4px 0 0 7px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#main .textList .textBox p {
	font-size: 21px;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

#main .textList li:first-child .textBox p {
	letter-spacing: -1.5px;
}

#main .textList .textBox p span {
	display: block;
	color: #FF0000;
}


.photo3{
  margin:30px 0px;
  text-align:center;
  color:#ff0400;
}



#main .hint{
  position:relative;
}



#main .tableBox .headLine01{
  background:none !important;
  text-align:left;
}

#main .tableBox {
	padding: 121px 15px 20px 20px;
	background: url(../img/index/sp_bg.png) repeat left top #2BA0A5;
  position:relative;
}

#main .tableBox:before {
	margin-left: -73px;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 74px solid transparent;
	border-right: 74px solid transparent;
	border-top: 74px solid #F4E02E;
	left: 50%;
	top: 0;
	content: '';
	z-index: 10;
}


#main .tableBox form {
	margin: 0px 12px 0 15px;
}

#main .tableBox p {
	font-size: 21px;
}

#main .tableBox p span {
	display: inline-block;
	margin-left: 10px;
}

#main .tableBox input[type="text"] {
	padding: 2px 5px;
	width: 100%;
	height: 56px;
	border-radius: 10px;
	border: 2px solid #444;
	font-size: 21px;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
}

#main .tableBox .style {
	margin: 0 0 -22px -7px;
}

#main .tableBox textarea {
	width: 100%;
	height: 170px;
	border-radius: 10px;
	border: 2px solid #444;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
}

#main .tableBox .style01 {
	margin: 0 0 0 -7px;
}

#main .tableBox input[type="submit"] {
	margin: 8px 0 34px;
	padding: 15px 10px 11px 25px;
	width: 197px;
	color: #FFF;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 18px;
	border-radius: 10px;
	border: none;
	background-color: #422100;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	cursor: pointer;
}

#main .tableBox .textUl {
	margin-bottom: 40px;
}

#main .tableBox .textUl li {
	margin-bottom: 23px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.35;
}

#main .tableBox .textUl li:last-child {
	margin-bottom: 0;
}

#main .way {
	margin: 0 0 0 7px;
	text-align: center;
	position: relative;
	z-index: 100;
}

#main .way img {
	width: 95px;
}

.henkou{
  border-radius:10px;
  padding:50px 25px 25px 25px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Helvetica Neue",Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  background:#FFF;
  position:relative;
  margin-top:50px;
  border:2px solid #e60012;
}

.henkou .title{
  background-color:#e60012;
  color:#FFF;
  border:2px solid #FFF;
  border-radius:10px;
  position:absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  top:-20px;
  display:inline-block;
  padding:10px 10px;
  font-size: 20px;
}


.hogosha{
  border-radius:10px;
  padding:50px 25px 25px 25px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Helvetica Neue",Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  background:#FFF;
  position:relative;
  margin-top:50px;
}

.hogosha .title{
  background-color:#FFF;
  color:#422100;
  border:2px solid #422100;
  border-radius:10px;
  position:absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  top:-20px;
  display:inline-block;
  padding:10px 10px;
  font-size: 20px;
}


#main .innerBox {
	margin: -11px 0 38px;
	padding: 81px 0 40px;
	background: url(../img/index/sp_bg.png) repeat left top #2BA0A5;
	background-size: 56px auto;
	position: relative;
	z-index: 1;
}
/*
#main .innerBox:before {
	margin-left: -73px;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 74px solid transparent;
	border-right: 74px solid transparent;
	border-top: 74px solid #F4E02E;
	left: 50%;
	top: 0;
	content: '';
	z-index: 10;
}
*/
#main .innerBox img {
	width: 100%;
	z-index: 1000;
	position: relative;
}

#main .innerBox .textImg {
	margin: 0 19px 3px;
}

#main .innerBox .photo {
	margin: 0 6px 0 0;
	overflow: hidden;
}

#main .innerBox .photo img {
	margin: 0 0 17px -31px;
	width: 108.5%;
}

#main .innerBox p {
	margin-top: 8px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#main .innerBox p .bSpan {
	font-size: 21px;
	font-family: "Helvetica Neue",Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#main .innerBox p .sSpan {
	font-size: 14px;
}

#main .h2Ttl {
	margin-bottom: 19px;
}

#main .h2Ttl01 {
	margin-bottom: 42px;
}

#main .comDl {
	margin: 0 10px 57px 23px;
}

#main .comDl dt {
	font-size: 17px;
}

#main .comDl dt span {
	padding: 0 16px;
	background: url(../img/index/icon01.png) no-repeat left center, url(../img/index/icon01.png) no-repeat right center;
	background-size: 14px auto;
}

#main .comDl dd {
	margin-bottom: 24px;
	font-size: 17px;
	line-height: 1.47;
}

#main .comDl dd:last-child {
	margin-bottom: 0;
}

#main .newsBox {
	margin: 0 28px 0 35px;
}

#main .newsBox p {
	margin-bottom: 28px;
}

#main .newsBox .lSpan {
	padding-right: 70px;
	display: block;
	font-size: 19px;
}

#main .newsBox .lSpan .iconSpan {
	padding-left: 15px;
	display: block;
	line-height: 1.4;
	background: url(../img/index/icon01.png) no-repeat left 6px;
	background-size: 14px auto;
}

#main .newsBox .rSpan {
	margin-top: -10px;
	float: right;
	clear: both;
}

#main .newsBox  img {
	width: 66px;
}


#photoList{
  max-width:100%;
}

#photoList li{
  background:none !important;
  padding:10px;
  text-align:center;
}

#photoList li span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  font-family: "游ゴシック", "Yu Gothic";
  background: #ee7800;
  padding: 8px 0;
  border-radius: 16px;
  max-width: 220px;
  text-align: center;
  transition: .3s;
  cursor:pointer;
}
#photoList li span:hover {
  background: #000;
}
#photoList li input {
  position: relative;
  margin: 8px 0 0 -14px;
}


.subBox05{
  padding:20px;
  background:#2ba0a5;
}

.qabox{
  padding:30px;
  background:#FFF;
  border-radius:10px;
  margin-top:20px;
  margin-bottom:40px;
}

.qabox .q{
  color:#e85377;
  padding-left:60px;
  position:relative;
  margin-bottom:5px;
}

.qabox .q:before{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  margin:auto;
  color:#e85377;
}

.qabox .q1:before{
  content:"◆Q1:";
}

.qabox .q2:before{
  content:"◆Q2:";
}

.qabox .q3:before{
  content:"◆Q3:";
}

.qabox .q4:before{
  content:"◆Q4:";
}

.qabox .q5:before{
  content:"◆Q5:";
}

.qabox .q6:before{
  content:"◆Q6:";
}

.qabox .a{
  color:#2ba0a5;
  padding-left:60px;
  position:relative;
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:2px dashed #422100;
}


.qabox .a:before{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  margin:auto;
  color:#2ba0a5;
}

.qabox .a1:before{
  content:"◆A1:";
}

.qabox .a2:before{
  content:"◆A2:";
}

.qabox .a3:before{
  content:"◆A3:";
}

.qabox .a4:before{
  content:"◆A4:";
}

.qabox .a5:before{
  content:"◆A5:";
}

.qabox .a6:before{
  content:"◆A6:";
}

.qabox .a6{
  border:none;
}


.qabox .a_after{
  color:#2ba0a5;
}


.red{
  color:#ff0400;
}


.alerttitle{
  font-family: "游ゴシック", "Yu Gothic";
  font-weight: bold;
  font-size: 22px;
  margin-bottom:20px;
}

.alert{
  font-family: "游ゴシック", "Yu Gothic";
  font-size: 18px;
  line-height:1.5;
}



@media all and (min-width: 320px) and (max-width: 374px) {
	#main .textList li:last-child {
		padding-right: 69px;
	}
	
	#main .textList li .photo {
		right: 0;
		top: -38px;
	}
	
	#main .textList li .photo img {
		width: 85px;
	}
	
	#main .innerBox p {
		font-size: 17px;
	}
	
	#main .innerBox p .bSpan {
		font-size: 20px;
	}
}






