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

html {
height: 100%;
text-align: center;
}

body {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
height: 100%;
margin: 0;
}

/* Default Link Color */
a:link {
color: #00F;
}

a:visited {
color: #600;
}

a:hover {
color: #090;
}

a:focus {
color: #090;
}

a:active {
color: #FF0;
}
input,select {
	font-size:22px;
}

/*TableStyle*/
table {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-collapse: collapse;
border-spacing: 0;
}

table th {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: #FAFAFA;
}

table td {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.cb {
clear: both;
}

.cf:after {
content:" ";
display:block;
clear:both;
}

.isHidden{
	display:none !important;
}
.isHidden.err{
	display:block !important;
}

/* ------------------------------------------------------------------------------
Base color
------------------------------------------------------------------------------ */
.hederColor {
    color: #990033;
}
.backGroundColor {
    color: #F6F6F6;
}
.fontColor {
    color: #000000;
}
.borderColor {
    color: #CCCCCC;
}
.strongColor {
    color: #B7183F;
}
.buttonColor {
    color: #FFFFFF
}
.buttonBorderColor {
    color: #939393;
}
.barColor {
    color: #E03643;
}
.barBackGroundColor {
    color: #F6F6F6;
}
.highlightColor {
    color: #FFF5B9;
}
.okColor {
    color: #3BAD3B;
}
.ngColor {
    color: #939393;
}
.hissuColor {
    color: #FF6D00;
}
.ninniColor {
    color: #515151;
}

.rightAlign{
	text-align: right;
}

/* ------------------------------------------------------------------------------
Template
------------------------------------------------------------------------------ */

/* PCとタブレット（最小幅768px想定） */
.pcOnly {
    display: block;
}
.spOnly {
    display: none;
}
#wrap {
width: 100%;
max-width: 768px;
margin: 0 auto;
text-align: left;
font-feature-settings : "palt";
}
header {
    margin-bottom: 20px;
}
.headName {
    background-color: #265db2;
    text-align: center;
    color: #fff;
    padding: 10px 0 15px 0;
}
.headName h1 {
    font-size: 20px;
}
.headName h2 {
    font-size: 26px;
    font-weight: bold;
}
.progBox {
    width: 100%;
    height: 15px;
    background-color: #F6F6F6;
    display: flex;
}
.progBox .progBarEnd {
    width: 12.5%;/*アニメーションさせる場合はこの数値を変更する*/
    height: 15px;
    background-color: #3BAD3B;
    border-right: solid 1px #FFFFFF;
}
.progBox .progBarNow {
    width: 12.5%;
    height: 15px;
    background-color: #E03643;
    border-right: solid 1px #FFFFFF;
}
.progName {
    list-style: none;
    list-style-position: inside;
    width: 100%;
    height: 42px;
    background-color: #FFFFFF;
    display: flex;
}
.progName li {
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    width: 100%;
    height: 42px;
    border-right: 1px solid #cccccc;
}
.progName li:last-child {
    border-right: none;
}
.progName li.now {
    background-color: #FFF5B9;
}
.progName li.end {
    background-color: #E3E3E3;
}
#content h3 {
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 36px;
}
#content h4 {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
    padding-top: 20px;
}
#content h5 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-top: 30px;
}
.contentDtl {
    background-color: #f6f6f6;
    font-size: 16px;
}
.contentDtlSec {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
}

.contentDtlSec .contDtlTxtArea01 {
    padding: 0 20px;
}
.contentDtlSec .contDtlTxtArea02 {
    padding: 0 40px;
}

.btnArea {
    border-bottom: 1px solid #cccccc;
    padding: 40px 0;
}
.btnArea ul {
    list-style: none;
    display: flex;
    /*justify-content: center;*/
   padding-left:40px;
}
.agreement ul {
   list-style: none;
   display: flex;
   justify-content: center;
}
.btnArea ul li.next{
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    width:55%;
}

.btnArea ul li.back{
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    width:35%;
    margin-top:5px;
}

.agreement li {
   width:45% !important;
   font-size:20px !important;
   margin-top:0 !important;
}
.btnArea ul li span {
	display : block;
    font-size: 13px;

}
.btnArea ul li:first-child {
    margin-right: 3%;
}
.btnArea ul li.next a:link,.btnArea ul li.next a:visited {
    background-image:-moz-linear-gradient(
    top,
    #3797dd 0%,
    #2c79b5);

	background-image:-ms-linear-gradient(
    top,
    #3797dd 0%,
    #2c79b5);

    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#3797dd),
    to(#2c79b5));

    background-image:linear-gradient(
    top,
    #3797dd 0%,
    #2c79b5);

    padding: 18px 0;
    color: #fff;
    /*width: 300px;*/
    display: block;
    text-decoration: none;
    box-shadow: 1px 1px #000;
}
.btnArea ul li.next a:hover,.btnArea ul li.next a:active,.btnArea ul li.next a:focus {
    box-shadow: 0px 0px;
    opacity: 0.7;
    transition: all 0.5s;
}
.btnArea ul li.back a:link,.btnArea ul li.back a:visited {
    background-color: #939393;
    padding: 18px 0;
    color: #fff;
    /*width: 300px;*/
    display: block;
    text-decoration: none;
    box-shadow: 1px 1px #000;
}
.btnArea ul li.back a:hover,.btnArea ul li.back a:active,btnArea ul li.back a:focus {
    box-shadow: 0px 0px;
    opacity: 0.7;
    transition: all 0.5s;
}

.btnArea ul li.next .isDisabled:not(.err):not(.restore){
	background-image:-moz-linear-gradient(
    top,
    #d5d5d5 0%,
    #d5d5d5) !important;

    background-image:-ms-linear-gradient(
    top,
    #d5d5d5 0%,
    #d5d5d5) !important;

    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#d5d5d5),
    to(#d5d5d5)) !important;

    background-image:linear-gradient(
    top,
    #d5d5d5 0%,
    #d5d5d5) !important;

    background-color: #d5d5d5 !important;
    pointer-events: none;
	box-shadow:unset !important;
}
.btnArea ul li.next .isDisabled.err , .btnArea ul li.next .isDisabled.restore{
    box-shadow: 0px 0px;
    transition: all 0.5s;
}
.submit.err ul , .submit.restore ul	{
	padding:0;
}
.submit.err .next , .submit.restore .next{
   margin-left:auto;
   margin-right:auto;
}
.submit.err .back , .submit.restore .back{
    display:none;
}
.footArea {
    padding: 15px 0 16px 0;
    width: 520px;
    margin: 0 auto;
}
.footArea h3 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 15px;
}
.footArea p {
    font-size: 18px;
}
.footArea h4 {
    font-weight: bold;
    margin: 20px 0 10px 0;
}
.footArea div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1px;
}
.footArea div p.tel {
    font-size: 40px;
    font-weight: bold;
    color: #0d9b28;
    width: 260px;
    line-height: 40px;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.footArea div p.telSubTxt {
    font-size: 14px;
    margin-bottom:10px;
}
.footArea ul {
    list-style: none;
    font-size: 14px;
}
.footArea ul li {
    padding-left:1em;
    text-indent:-1em;
}
.copyright {
    border-top: 1px solid #cccccc;
    padding: 13px 0 60px 0;
    display: flex;
    justify-content: space-between;
}
.copyright p {
    font-size: 14px;
}



/*---------- テキスト、必須アイコン -----------*/
p {
    font-size: 16px;
    line-height: 2em;
}
.subTxt01 {
    margin-bottom: 10px;
}
.subTxt02 {
    margin-bottom: 10px;
    font-size: 115%;
}

.subTxtList li{
	list-style:none;
	padding-left: 1em;
    text-indent: -1em;
}

.qTxt01 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px 0;
}
.reqIcon {
    font-size: 18px;
    color: #fff;
    background-color: #ff6d00;
    padding: 1px 15px;
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
}
.reqIcon02 {
    margin: 10px 0 5px 0;
    font-size: 18px;
    color: #fff;
    background-color: #515151;
    padding: 1px 15px;
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
}
/*---------- ボタン -----------*/
.gBtn01 {
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.gBtn01 li {
    width: 49%;
}
.gBtn01 li a:link,.gBtn01 li a:visited {
    height: 60px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #939393;
    padding: 0 15px;
}
.gBtn01 li a:hover,.gBtn01 li a:focus,.gBtn01 li a:active {
    opacity: 0.7;
    transition: all 0.5s;
}
.gBtn01 li.next a:link,.gBtn01 li.next a:visited {
    height: 60px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:-moz-linear-gradient(
    top,
    #34ad57 0%,
    #288542);

	background-image:-ms-linear-gradient(
    top,
    #34ad57 0%,
    #288542);

    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#34ad57),
    to(#288542));

    background-image:linear-gradient(
    top,
    #34ad57 0%,
    #288542);
    padding: 0 15px;
    padding: 0 15px;
}
.gBtn01 li.next a:hover,.gBtn01 li.next a:focus,.gBtn01 li.next a:active {
    opacity: 0.7;
    transition: all 0.5s;
}

/*---------- ラジオボタン -----------*/
.radioBtnLi01 {
    width: 100%;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px;
}
.radioBtnLi01 label {
    width: 49%;
    display: inline-block;
    margin-bottom: 1.2em;
    border: 1px solid #939393;
    background-color: #fff;
    border-radius: 50px;
    padding: 0.8em;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-weight: bold;
}
.radioBtnLi01.btn1on label {
    width: 49%;
    display: inline-block;
    margin:0 auto 0.8em auto;
    border: 1px solid #939393;
    background-color: #fff;
    border-radius: 50px;
    padding: 0.8em;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-weight: bold;
}

.radioBtnLi01.ok label {
    border: 1px solid #3bad3b!important;
}
.radioBtnLi01.err label {
    border: 1px solid #b7183f!important;
}

.radioBtnLi01.err {
    background-color: #ffef87;
    padding: 20px 20px 10px 20px;
}
.radioBtnLi01 .errTxt {
    display: none;
}
.radioBtnLi01.err .errTxt {
    display: block;
    color: #b7183f;
    width: 100%;
    font-weight: bold;
    margin-bottom: 2%;
    background-image: url("../img/fc/icon01.png");
    background-size: 20px;
    background-position: left 6px;
    padding-left: 30px;
}

.radioBtnLi01 input[type=radio] {
    display: none;
}

.radio01_p {
	font-size: 1em;
	line-height: 1em;
	position: relative;
	display: block;
	padding: 0.5em 0em 0.5em 1.2em;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}
.radio01_p:before {
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 16px;
	height: 16px;
	content: '';
	border: 1px solid #939393;
	border-radius: 50%;
    box-shadow: 0 0 0 2px #FFFFFF inset;
}

.radioBtnLi01 input:checked + .radio01_p:before {
	border-color: #939393;
	background: #3bad3b;
}


.errorArea {
    width: 100%;
    padding: 10px 20px;
    margin: 5px 0;
}
.errorArea.err {
    background-color: #ffef87;
    padding: 10px 20px 1px 20px;
}
.errorArea.err .errTxt {
    display: block;
    color: #b7183f;
    width: 100%;
    font-weight: bold;
    margin-bottom: 2%;
    background-image: url("../img/fc/icon01.png");
    background-size: 20px;
    background-position: left 6px;
    padding-left: 30px;
}

.errorVisible{
	display:block !important;
}



/*---------- テキストボックス -----------*/
.txtBoxArea {
    width: 100%;
    padding: 0px 20px;
    margin: 0px 0 5px 0;
}
.txtBoxArea .errTxt {
    display: none;
}

.txtBoxArea.err {
    background-color: #ffef87;
    padding: 20px 20px 20px 20px;
}
.txtBoxArea.err .errTxt {
    display: block;
    color: #b7183f;
    width: 100%;
    font-weight: bold;
    margin-bottom: 2%;
    background-image: url("../img/fc/icon01.png");
    background-size: 20px;
    background-position: left 6px;
    padding-left: 30px;
}
.txtBoxArea.ok .txtBoxL,.txtBoxArea.ok .txtBoxM,.txtBoxArea.ok .txtBoxM1,.txtBoxArea.ok .txtBoxM2,.txtBoxArea.ok .txtBoxS3 {
    border: 1px solid #3bad3b;
}
.txtBoxArea.err .txtBoxL,.txtBoxArea.err .txtBoxM,.txtBoxArea.err .txtBoxM1,.txtBoxArea.err .txtBoxM2,.txtBoxArea.err .txtBoxS3  {
    border: 1px solid #b7183f;
}
.txtBoxL {
    width: 100%;
    height: 60px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #939393;
    border-radius: 4px;
}
.txtBoxM {
    width: 49%;
    height: 60px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #939393;
    border-radius: 4px;
}
.txtBoxM1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 20px;
    align-items: center;
}
.txtBoxM1 p {
    padding-left: 10px;
}
.txtBoxM2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px;
}
.txtBoxS {
    width: 32%;
    height: 60px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #939393;
    border-radius: 4px;
}
.txtBoxS3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px;
}
.txtBoxSub {
    font-size: 26px;
    font-weight: bold;
}





/*---------- セレクトボックス -----------*/
.selectBoxArea {
    padding: 0px 20px;
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.selectBoxArea.sl02_2 {
    justify-content: flex-start;
}
.selectBoxArea.sl02_2 .selectBox02.sl02 {
    margin-right: 2.5%;
}
.selectBox {
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.selectBoxArea.err {
    background-color: #ffef87;
    padding: 20px 20px 20px 20px;
}
.selectBoxArea .errTxt {
    display: none;
}
.selectBoxArea.err .errTxt {
    display: block;
    color: #b7183f;
    width: 100%;
    font-weight: bold;
    margin-bottom: 2%;
    background-image: url("../img/fc/icon01.png");
    background-size: 20px;
    background-position: left 6px;
    padding-left: 30px;
}
.selectBoxArea.ok .selectBox.sl01,.selectBoxArea.ok .selectBox.sl02,.selectBoxArea.ok .selectBox03.sl03,.selectBoxArea.ok .selectBox04.sl04 {
    border: 1px solid #3bad3b;
}
.selectBoxArea.err .selectBox.sl01,.selectBoxArea.err .selectBox.sl02,.selectBoxArea.err .selectBox02.sl03,.selectBoxArea.err .selectBox04.sl04  {
    border: 1px solid #b7183f;
}

.selectBox select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox select::-ms-expand {
    display: none;
}
.selectBox.sl01 {
	position: relative;
	border: 1px solid #939393;
	background: #ffffff;
    border-radius: 4px;
}
.selectBox.sl01::before {
	position: absolute;
	top: 1.7em;
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.selectBox.sl01 select {
	padding: 8px 38px 8px 18px;
	color: #000;
    height: 60px;
}

.selectBox02 {
	overflow: hidden;
	width: 59%;
	text-align: center;
}
.selectBox02 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox02 select::-ms-expand {
    display: none;
}
.selectBox02.sl02 {
	position: relative;
	border: 1px solid #939393;
	background: #ffffff;
    border-radius: 4px;
}
.selectBox02.sl02::before {
	position: absolute;
	top: 1.7em;
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.selectBox02.sl02 select {
	padding: 8px 38px 8px 18px;
	color: #000;
    height: 60px;
}

.selectBox03 {
	overflow: hidden;
	width: 23%;
	text-align: center;
}
.selectBox03 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox03 select::-ms-expand {
    display: none;
}
.selectBox03.sl03 {
	position: relative;
	border: 1px solid #939393;
	background: #ffffff;
    border-radius: 4px;
}
.selectBox03.sl03::before {
	position: absolute;
	top: 1.7em;
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.selectBox03.sl03 select {
	padding: 8px 38px;
	color: #000;
    height: 60px;
}

.selectBox04 {
	overflow: hidden;
	width: 49%;
	text-align: center;
}
.selectBox04 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox04 select::-ms-expand {
    display: none;
}
.selectBox04.sl04 {
	position: relative;
	border: 1px solid #939393;
	background: #ffffff;
    border-radius: 4px;
}
.selectBox04.sl04::before {
	position: absolute;
	top: 1.7em;
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.selectBox04.sl04 select {
	padding: 8px 38px 8px 18px;
	color: #000;
    height: 60px;
}

@media screen and (max-width: 767px) {
input,select {
	font-size:16px;
}
/* タブレットとスマートフォン（最小幅320px想定） */
.pcOnly {
    display: none;
}
.spOnly {
    display: block;
}
#wrap {
    /*max-width: 640px;*/
    width: 100%;
}
.headName {
    background-color: #265db2;
    text-align: center;
    color: #fff;
    padding: 5px 0 5px 0;
}

.headName h1 {
    font-size: 16px;
}
.headName h2 {
    font-size: 18px;
    font-weight: bold;
}
.progBoxTop {
    width: 100%;
    height: 8px;
    background-color: #F6F6F6;
    display: flex;
}
.progBoxTop .progBarEnd {
    width: 25%;
    height: 8px;
    background-color: #3BAD3B;
    border-right: solid 1px #FFFFFF;
}
.progBoxTop .progBarNow {
    width: 25%;
    height: 8px;
    background-color: #E03643;
    border-right: solid 1px #FFFFFF;
}
.progBoxBtm {
    width: 100%;
    height: 8px;
    background-color: #F6F6F6;
    display: flex;
}
.progBoxBtm .progBarEnd {
    width: 25%;
    height: 8px;
    background-color: #3BAD3B;
    border-right: solid 1px #FFFFFF;
}
.progBoxBtm .progBarNow {
    width: 25%;
    dispay: none;
    height: 8px;
    background-color: #E03643;
    border-right: solid 1px #FFFFFF;
}
.progName {
    list-style: none;
    list-style-position: inside;
    width: 100%;
    height: 20px;
    background-color: #FFFFFF;
    display: flex;
}
.progName li {
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    width: 100%;
    height: 20px;
    border-right: 1px solid #cccccc;
}
.progName li:last-child {
    border-right: none;
}
.progName li.now {
    background-color: #FFF5B9;
}
.progName li.end {
    background-color: #E3E3E3;
}
#content h3 {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin: 20px 0 22px 0;
}
#content h4 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 5px;
}
#content h5 {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 15px;
}
.contentDtl {
    background-color: #f6f6f6;
    font-size: 13px;
}
.contentDtlSec {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0 5px 0;
}
.contentDtlSec .contDtlTxtArea01 {
    padding: 0 10px;
}
.contentDtlSec .contDtlTxtArea02 {
    padding: 0 20px;
}

.btnArea ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left:0;
}
.btnArea ul li.next {
    width: 64%;
    /*margin: 0 20px;*/
    font-size: 22px;
    font-weight: bold;
}

.btnArea ul li.back {
    width: 26%;
    /*margin: 0 20px;*/
    font-size: 16px;
    font-weight: bold;
}

.btnArea ul li:first-child {
    margin-right: 20px;
    margin-bottom: 3%;
}
.btnArea ul li.back a:link,.btnArea ul li.back a:visited {
     width: 100%;
}
.btnArea ul li.next a:link,.btnArea ul li.next a:visited {
     width: 100%;
}

.footArea {
    padding: 30px 20px 38px 20px;
    width: 100%;
    margin: 0 auto;
}
.footArea h3 {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
}
.footArea p {
    font-size: 12px;
}
.footArea h4 {
	font-size:0.9em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
.footArea div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.footArea div p.tel {
    font-size: 30px;
    font-weight: bold;
    color: #0d9b28;
    width: 100%;
    line-height: 30px;
    margin-bottom: 0;
    letter-spacing: -1px;
}
.footArea div p.telSubTxt {
    font-size: 10.5px;
    margin-bottom:0;
}
.footArea ul {
    list-style: none;
    font-size: 10.5px;
}
.footArea ul li {
    padding-left:1em;
    text-indent:-1em;
}
.copyright {
    border-top: 1px solid #cccccc;
    padding: 13px 0 30px 0;
    display: block;
    text-align: center;
    justify-content: space-between;
}
.copyright p {
    font-size: 10px;
}

/*---------- フォームデザイン -----------*/
.radioBtnLi01 {
    width: 100%;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
}
.radioBtnLi01.err {
    background-color: #ffef87;
    padding: 10px 10px 5px 10px;
}

/*---------- テキスト、必須アイコン -----------*/
#content p {
    font-size: 13px;
    line-height: 2em;
}
.subTxt01 {
    margin-bottom: 10px;
}
.subTxt02 {
    margin-bottom: 10px;
    font-size: 115%!important;
}

.qTxt01 {
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0 0 0;
}
.reqIcon {
    font-size: 12px;
    color: #fff;
    background-color: #ff6d00;
    padding: 1px 10px;
    margin-right: 10px;
    display: inline-block;
}
.reqIcon02 {
    margin: 10px 0 2px 0;
    font-size: 12px;
    color: #fff;
    background-color: #515151;
    padding: 1px 10px;
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
}

/*---------- ボタン -----------*/


.gBtn01 {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gBtn01 li {
    width: 100%;
    margin-bottom: 10px;
}
.gBtn01 li a:link,.gBtn01 li a:visited {
    height: 60px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #939393;
    padding: 0 15px;
}
.gBtn01 li a:hover,.gBtn01 li a:focus,.gBtn01 li a:active {
    opacity: 0.7;
    transition: all 0.5s;
}
.gBtn01 li.next a:link,.gBtn01 li.next a:visited {
    height: 60px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0d9b28;
    padding: 0 15px;
}
.gBtn01 li.next a:hover,.gBtn01 li.next a:focus,.gBtn01 li.next a:active {
    opacity: 0.7;
    transition: all 0.5s;
}



/*---------- テキストボックス -----------*/
.txtBoxArea {
    width: 100%;
    padding: 0 10px;
}
input[type="text"],input[type="email"],input[type="tel"],select{
	font-size:16px;
}
.selectBoxArea{
	cursor: pointer;
}
.txtBoxL {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #939393;
}
.txtBoxM {
    width: 49%;
    height: 40px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #939393;
}
.txtBoxM1 {
    display: flex;
    justify-content:flex-start;
    padding: 0 10px;
}
.txtBoxM2 {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
.txtBoxS {
    width: 32%;
    height: 40px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #939393;
}
.txtBoxS3 {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
.txtBoxSub {
    font-size: 13px;
    font-weight: bold;
}


/*---------- セレクトボックス -----------*/
.selectBoxArea {
    padding: 0 10px;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
}
.selectBox {
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.selectBox select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox select::-ms-expand {
    display: none;
}
.selectBox.sl01 {
	position: relative;
	border: 1px solid #939393;
	border-radius: 2px;
	background: #ffffff;
}
.selectBox.sl01::before {
	position: absolute;
	top: 1.7em;
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.selectBox.sl01 select {
	padding: 8px 38px 8px 8px;
	color: #000;
    height: 40px;
}

.selectBox02 {
	overflow: hidden;
	width: 59%;
	text-align: center;
}
.selectBox02 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox02 select::-ms-expand {
    display: none;
}
.selectBox02.sl02 {
	position: relative;
	border: 1px solid #939393;
	border-radius: 2px;
	background: #ffffff;
}
.selectBox02.sl02::before {
	position: absolute;
	top: 1.7em;
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.selectBox02.sl02 select {
	padding: 8px 38px 8px 8px;
	color: #000;
    height: 40px;
}

.selectBox03 {
	overflow: hidden;
	width: 23%;
	text-align: center;
}
.selectBox03 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox03 select::-ms-expand {
    display: none;
}
.selectBox03.sl03 {
	position: relative;
	border: 1px solid #939393;
	border-radius: 2px;
	background: #ffffff;
}
.selectBox03.sl03::before {
	position: absolute;
	top: 1.7em;
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.selectBox03.sl03 select {
	padding: 8px 38px 8px 8px;
	color: #000;
    height: 40px;
}

.selectBox04 {
	overflow: hidden;
	width: 52%;
	text-align: center;
}
.selectBox04 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox04 select::-ms-expand {
    display: none;
}
.selectBox04.sl04 {
	position: relative;
	border: 1px solid #939393;
	border-radius: 2px;
	background: #ffffff;
}
.selectBox04.sl04::before {
	position: absolute;
	top: 1.7em;
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.selectBox04.sl04 select {
	padding: 8px 38px 8px 8px;
	color: #000;
    height: 40px;
}


}/* /TABP+SPL */