@charset "utf-8";
@font-face {
	font-family:GenJyuuGothic-Regular;
	src: url(/fonts/GenJyuuGothic-Regular-sb.woff2) format('woff2');
	src: url(/fonts/GenJyuuGothic-Regular-sb.woff) format('woff');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family:GenJyuuGothic-Medium;
	src: url(/fonts/GenJyuuGothic-Medium-sb.woff2) format('woff2');
	src: url(/fonts/GenJyuuGothic-Medium-sb.woff) format('woff');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family:GenJyuuGothic-Bold;
	src: url(/fonts/GenJyuuGothic-Bold-sb.woff2) format('woff2');
	src: url(/fonts/GenJyuuGothic-Bold-sb.woff) format('woff');
	font-style: normal;
	font-weight: normal;
}
html{
    scroll-behavior: smooth;
}
@media screen and (min-width: 481px) {
body{
	font-family: GenJyuuGothic-Regular, serif,'メイリオ',Meiryo, cabin;
	font-size:13px;
	position:relative;
	min-width:1000px;
	color: #313f54;
}
.spLogo {
	display: none;
}
.content {
	background: url(../img/kv.png) repeat-x center 0;
	min-width:1220px;
	display: flex;
}
.contentNoKv {
	display: flex;
}
.sideWrap {
	display: flex;
	justify-content: center;
	/*position: -webkit-sticky;*/
	position: sticky;
	top: 0px;
	width: 260px;
	height: auto;
	background-color: rgba(30, 127, 192, 0.9);
}
.side {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	width: 260px;
	height: 140px;
	color: #fff;
	background: #30b298;
}
.logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 220px;
	background: #fff;
}
#drawerBtn {
	display: none;
}
.main {
	width: 100%;
	height: 100%;
}
.news{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 45px;
	background-color: #fff;
	color: #000;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
.news span:nth-child(1){
	color: #004f84;
	font-size: 16px;
	font-family: "GenJyuuGothic-Medium";
	margin-left: 20px;
	margin-right: 50px;
}
.news span:nth-child(2){
	font-size: 14px;
	font-family: "Cabin";
	margin-right: 20px;
}
.newsLine {
	background: #999999;
	height: 1px;
	width: 80px;
	margin-right: 20px;
}
.news span:nth-child(4){
	font-size: 14px;
}
.mv {
	display: flex;
	width: auto;
	height: 705px;
	}
.mv-iPhone{
	display: inline-block;
	padding: 138px 32px 0px 109px;
}
.drInfo{
	display: flex;
	justify-content: center;
	border-radius: 10px;
	background-color: rgba(98, 173, 223, 0.7);
	width: 380px;
	height: 420px;
	margin-top: 191px;
}
.drInfoWrap{
	width: 90%;
}
.drInfo p:first-child {
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.drInfo p{
	color: #ffe400;
	font-size: 38px;
	line-height: 46px;
	margin: 18px 10px 20px;
	font-weight: bold;
	text-align: center;
}
.qrBtn{
	margin: 20px 0px 0px;
}
.line{
	background: #ffffff;
	height: 1px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 19px;
	width: 100%;
}
.qrLeft {
	float: left;
	width: 50%;
	text-align: center;
}
.qrRight {
	float: right;
	width: 50%;
	text-align: center;
}
h1{
	font-size:100px;
	font-weight: 700;
	color: #e6294d;
	letter-spacing: 0px;
	padding-top: 6px;
	white-space: nowrap;
}
nav a{
	display: block;
	width: 100%;
	padding: 24px 0px;
	text-decoration: none;
	border-bottom: solid 1px #80bae1;
}
nav p:first-child {
	font-family: Cabin-Regular, sans-serif;
	color: #ffe400;
	letter-spacing: 0.1em;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
nav p {
	color: #ffffff;
	font-size: 18px;
	text-align: center;
}
.headingEN{
	color: #ffe933;
    min-width: 100px;
	background: #3089c5;
	border-radius: 16px;
	display: inline-block;
	font-family: Cabin, sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 5px 15px 2px;
	margin-bottom: 10px;
}
h2{
	font-size:24px;
	color: #015b98;
	margin-bottom: 50px;
}
h2 span{
	font-size:14px;
	color: #015b98;
	margin-bottom: 50px;
	line-height: 33px;
}
h2:before,h2:After {
      content:"";
      display:inline-block;
      width:30%;
      height:1px;
      background-color: #94caee;
      vertical-align: middle;
}
h2:before {
      margin-right: 30px;
}
h2:After {
      margin-left: 30px;
}

.about{
	padding-top: 80px;
	text-align:center;
	margin-bottom: 100px;
	overflow: hidden;
}
.aboutDescription {
    float: left;
    margin: 0 5% 50px 5%;
    position: relative;
    width: 23%;
}
.aboutImg {
	margin: 30px 0 60px;
}
.aboutTxt1 {
	color: #333333;
	font-size: 16px;
}
.aboutTxt2 {
	display: inline-block;
	color: #333333;
	font-size: 22px;
	margin-bottom: 20px;
}
.aboutTxt2 span {
	background:linear-gradient(transparent 70%, #FFFF00 0%);
}
.aboutTxt2:before {
	content:"";
	display:inline-block;
	height: 19px;
	width:26px;
	background: url(../img/check.png) no-repeat 0px 0px;
}
.aboutTxt3 {
	color: #333333;
	font-size: 16px;
	margin-top: 20px;
}
.howto{
	padding-top: 80px;
	text-align:center;
	margin-bottom: 100px;
	overflow: hidden;
	background-image: radial-gradient(#c0c0c0 10%, transparent 0), radial-gradient(#c0c0c0 10%, transparent 0);
	background-position: 0 0, 5px 5px;
	background-size: 5px 5px;
}
.stepHeading{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #daeefd;
	border-radius: 26px;
	padding: 10px 10px 5px 10px;
	position: relative;
	width: 80%;
	text-align: center;
	margin-bottom: 30px;
}
.stepHeading span:nth-child(2) {
	display: inline;
	font-size: 22px;
}
.stepNo{
	display: inline-block;
	font-family: Cabin, sans-serif;
	font-size: 12px;
	margin-right: 30px;
 }

.stepNo span:nth-child(1) {
	display: block;
	font-size: 12px;
 }
.stepNo span:nth-child(2) {
	font-family: GenJyuuGothic-Regular,serif,'メイリオ',Meiryo, cabin;
	display: block;
	font-size: 30px;
	margin-top: -6px;
	letter-spacing: 2px;
 }
.howtoTxt1{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}
.howtoTxt1 span{
	background:linear-gradient(transparent 70%, #FFFF00 0%);
}
.howtoTxt1:before {
	content:"";
	display:inline-block;
	height: 19px;
	width:26px;
	background: url(../img/check.png) no-repeat 0px 0px;
}
.howtoTxt2{
	font-size: 14px;
	font-weight: 500;
}
.process{
	display: inline-flex;
	justify-content: center;
	flex-direction: row;
	background: #fff;
	padding: 10px 10px 5px 10px;
	position: relative;
	width: 80%;
	min-width: 850px;
	text-align: center;
	padding-bottom: 80px;
	margin: 20px 0 30px;
}
.processDescription p{
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0px;
}
.process2{
	display: inline-flex;
	flex-direction: row;
	padding: 10px 10px 5px 10px;
	width: 80%;
	min-width: 850px;
	text-align: center;
	padding-bottom: 80px;
	margin: 20px 0 30px;
}
.process2Description {
	width: 50%;
	text-align: left;
}
.process2Description span{
	display: inline-block;
	color: #fff;
	background-color: #62addf;
	font-size: 16px;
	line-height: 24px;
	padding: 20px 30px 20px 30px;
	margin: 20px 0px;
}
.process2Description p {
	display: inline;
	line-height: 2.0em;
    font-size: 20px;
    font-weight: 500;
	margin-bottom: 10px;
	background:linear-gradient(transparent 70%, #FFFF00 0%);
}
.process2Img {

}
.howtoBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 30px 0 30px;
}
.faq {
	padding-top: 80px;
	text-align:center;
	margin-bottom: 100px;
	overflow: hidden;
}
.faqDescription:nth-child(odd) {
	background-color: #f0f9ff;
}
.faqDescription {
	display: inline-block;
	background: #fff;
	padding: 30px 10px 40px 30px;
	position: relative;
	width: 80%;
	min-width: 850px;
	text-align: left;
}
.q {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.q span {
	font-size: 22px;
	font-family: cabin ,GenJyuuGothic-Regular;
	border-style: solid;
	border-width: 3px;
	border-color: rgb(255, 228, 0);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0);
	padding: 6px 12px;
}
.qTxt {
	display: inline-block; 
	font-size: 18px;
	margin-left: 10px;
}
.a {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.a span {
	font-size: 22px;
	font-family: cabin ,GenJyuuGothic-Regular;
	color: rgb(48, 137, 197);
	padding: 6px 28px 6px 16px;
	margin-top: 20px;
}
.aTxt {
	font-size: 15px;
	margin-top: 20px;
}
.contact {
	padding-top: 80px;
	text-align:center;
	overflow: hidden;
}
table{
	border-spacing:0 30px;
	font-size: 15px;
}
#form-tbl{
	margin-bottom: 0px;
}
#form {
	margin: auto;
}
#form tr {
	height: 42px;
}
#form th {
	height: 42px;
	vertical-align: middle;
	text-align: left;
	padding-right: 20px;
}
#form td input, select {
	font-family: YuGothic, "游ゴシック体", "游ゴシック",'Yu Gothic','ヒラギノ角ゴシック','Hiragino', serif,'メイリオ',Meiryo, cabin;
	height: 42px;
	width: 380px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(208, 208, 208);
	background-color: rgb(255, 255, 255);
	border-radius: 0;
	text-indent: 10px;
}

#form td select {
	background: url(../img/arw_select_down.png) no-repeat;
	background-position: 95% 50%;
}

#form td textarea {
	font-family: YuGothic, "游ゴシック体", "游ゴシック",'Yu Gothic','ヒラギノ角ゴシック','Hiragino', serif,'メイリオ',Meiryo, cabin;
	height: 142px;
	width: 380px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(208, 208, 208);
	background-color: rgb(255, 255, 255);
	text-indent: 10px;
}
.confTbl td {
	vertical-align: middle;
	text-align: left;
}
.btn{
	text-align: center;
}
.submitBtn {
	font-family: GenJyuuGothic-Bold, serif,'メイリオ',Meiryo, cabin;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	height: 50px;
	width: 280px;
	background-color: rgb(255, 228, 0);
}
.backBtn {
	font-family: GenJyuuGothic-Bold, serif,'メイリオ',Meiryo, cabin;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	height: 50px;
	width: 280px;
	background-color: rgb(100, 100, 100);
	color: #fff;
}
.footerImg {
	display: flex;
	justify-content: center;
	position: relative;
	top: 80px;
}
.footerImgRight {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 60px;
	margin-left: 30px;
}
.footerImgRightBtn {
	display: flex;
	flex-direction: row;
	margin-top: 30px;
}
.footerBtnRight {
	margin-left: 5px;
}
.footerNav {
	position: relative;
	top: -80px;
}
.footerLink01 {
	display: flex;
	background: #d3edff;
	padding: 30px 0px 5px 50%;
}
.footerLink02 {
	display: flex;
	background: #d3edff;
	padding: 5px 0px 30px 50%;
}
.footerLink01 p, .footerLink02 p {
	color: #007fd4;
	font-size: 13px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 10%;
	text-decoration: underline;
	z-index: 9;
}
.footerIphone {
	z-index: 1;
}
.copyright {
	font-family: GenJyuuGothic-Regular, serif,'メイリオ',Meiryo, cabin;
	font-size: 12px;
	text-align: center;
	padding: 20px 0px 20px 0px;
}
.conf > p:last-child {
	display: none;
}
.thanks > p:last-child {
	display: none;
}
.thanksMsg {
	font-size: 16px;
	margin-bottom: 50px;
}
.underInner {
	width: 700px;
	margin: 0 auto;
}
.underInner h3 {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 0px; 
}
.underInner p {
	text-align: left;
	margin: 5px 0 5px;
	line-height: 1.6em; 
}
.underInner span {
	display: block;
	text-align: right;
	margin: 5px 0 5px;
	line-height: 1.6em; 
}
.underInner ol {
	list-style: disc inside;
}
.underInner li {
	list-style-type: decimal;
	text-align: left;
	margin: 10px 0 0px; 
}
.paddingLeft01 {
	padding-left: 1em;
}
.paddingLeft02 {
	padding-left: 2em;
}
.paddingLeft03 {
	padding-left: 3em;
}
.spbr {
	display: none;
}
.downloadPage {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 200px;
}
}

/*---------------------------------------------------------
 media screen 

                          ......................................
                          dMMM9"""""""""""""""""""""777777"TWMF}
          `     `         dM=                                 W[
       `            `     d@                .0                .@
                          d@            . .......             .@
                          d@               `````              .@
           `              d@`                                 .@
                `         dP  dppppppppppppppppppppppppppppp: .@
       `            `     dP  d@HWWWWM@MMMMMM@#YYYWM@MHHHHM@; .@
                          d@  dM?????d@ZuZuZXMz????d@Zttttd@; .@
                          d8` dM?????d@ZuZuuXMz????d@Zttttd@; .@
          `     `         dP  d@mggggH@HQQQQH@HggggH@HmmmQH@; .@
                          d@  d@MMMMMM@YYYYYM@#YYYYM@MMMMMM@; .@
       `                ` dE  d@ZZZZZWM_...~JM<::::J@VyyyyW@; .@
                    `     dP  d@ZZuZZWM_~.~.JM<::::J@VyyyyW@; .@
           `    `         d@  d@HQQQQH@m&&&&W@mggggW@HQQQkH@; .@
                          d@` d@YYYYYM@YYYYYM@#YYYYM@#YYYYM@; .@
                          d@  dM`````JM_````(M_````,@<~:~:J@; .@
       `                  d@  dM`````JM_`.`.(M_`` `,@<:~::J@; .@
           `              d@  d@mJJJJW@m++++W@mJJJJd@mggggW@; .@
                `         d@` d@MMMMM@@MHHHHM@MMMMMM@MMMMMM@; .@
                    `     d@  d@bpppbHMtttttd@Zuuuud@Xzzzzd@; .@
                          d@  d@bbpppHMttltld@Zuuuud@Xzzzzd@; .@
       `   `              d@` d@HHHHHH@mmmmmH@HQQQQH@HQQQQH@; .@
                          d@  d@@@@@@@@@@@@M@WMM@@@@@@@@@@@@; .@
                `         d@  d@HHHHHM@WYYYWM@HYYYWM@HWWWWM@; .@
                    `     d@` d@vvrrvdMl====d@I=l=ld@wrrrrd@; .@
           `              d@  dHvrvrrXHl=l==dHI====dmwrttrdH; .@
       `                  d@  dmHQQQkqmHQQQQHmHQQQQHmHQQQQHH; .@
                          d@` ?77777777777777777777777777777` .@
                          d@                                  .@
           `    `         d@                                  .@
                    `     d@`                                 .@
       `                  dN-                                 (F
                          dMNa...............................gF}
           `              -!??!!!!!!!??!!!!!!!?!!!!!!!!?!!!!!!!`
                `
                    `   `

 ----------------------------------------------------------*/



@media screen and (max-width: 480px) {
body{
	font-family: GenJyuuGothic-Regular, serif,'メイリオ',Meiryo, cabin;
	font-size:13px;
	position:relative;
	min-width:100%;
	color: #313f54;
}
.spLogo {
	margin: 17px 0px 17px 12px;
}
.spLogo img {
	width: 72%;
}
.content {
	background: url(../img/kv-sp.png) repeat-x center 0;
	background-size: auto 450px;
	margin-top: 0px;
}
.logo {
	display: none;
}
#header {
	visibility: hidden;
	opacity: 0;
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	width: auto;
	height: 100%; 
	margin: 0;
	padding: 60px 0 !important;
	background-color: #3089c5;
	background-repeat: no-repeat,repeat;
	background-position: center;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: transform 0.50s;
	transition: transform 0.50s;
}
input#drawer:checked + #header {
	visibility: visible;
	opacity: 0.95;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: transform 0.50s;
	transition: transform 0.50s;
}
nav a{
	display: block;
	width: 100%;
	padding: 24px 0px;
	text-decoration: none;
	border-bottom: solid 1px #80bae1;
}
nav p:first-child {
	font-family: GenJyuuGothic-Bold, sans-serif;
	color: #ffe400;
	letter-spacing: 0.1em;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
nav p {
	color: #ffffff;
	font-size: 18px;
	text-align: center;
}
#drawerBtn {
	display: block;
	position: fixed;
	top: 27px;
	right: 15px;
	z-index: 9999;
}
#drawerBtn label {
	display: block;
	position: relative;
	width: 38px;
	height: 30px;
	color: #000;
	cursor: pointer;
}
#drawerBtn span,
#drawerBtn span::before,
#drawerBtn span::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #313f54;
	line-height: 1;
	content: "";
	-webkit-transition: all 1.00s;
	transition: all 1.00s;
}
#drawerBtn span {
	top: 14px;
}
/*input#drawer:checked ~ #drawerBtn span  {
	background-color: transparent !important;
}*/
#drawerBtn span::before {
	-webkit-transform: translateY(-14px);
	transform: translateY(-14px);
}
/*input#drawer:checked ~ #drawerBtn span::before {
	-webkit-transform: translateY(0px) rotate(-45deg);
	transform: translateY(0px) rotate(-45deg);
}*/
#drawerBtn span::after {
	-webkit-transform: translateY(14px);
	transform: translateY(14px);
}
/*input#drawer:checked ~ #drawerBtn span::after {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}*/
input#drawer:checked ~ #drawerBtn span,
input#drawer:checked ~ #drawerBtn span::before,
input#drawer:checked ~ #drawerBtn span::after {
	background-color: #313f54;
}

.main {
	display: flex;
	flex-direction: column;
}
.news{
	order: 2;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 85px;
	background-color: #fff;
	color: #000;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
	padding: 30px 0px 10px 0px;
}
.news span:nth-child(1){
	color: #004f84;
	font-size: 16px;
	font-family: GenJyuuGothic-Medium;
	margin-left: 20px;
	margin-right: 50px;
	text-align: center;
}
.news span:nth-child(2){
	font-size: 14px;
	font-family: "Cabin";
	margin-right: 20px;
	margin-left: 10px;
	text-align: left;
}
.newsLine {
	display: none;
}
.news span:nth-child(4){
	font-size: 14px;
	margin-left: 10px;
}
.mv {
	order: 1;
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	width: 100%;
	position: unset;
	}
.mv-iPhone {
	display: inline;
	width: 30%;
	position: relative;
	left:35%;
	z-index: 1;
}
.mv-iPhone img {
	width: 100%;
	margin-top: 15px;
}
.drInfo{
	display: flex;
	justify-content: center;
	border-radius: 10px;
	background-color: rgba(98, 173, 223, 0.7);
	width: 95%;
	margin-top: 10px;
	position: relative;
	top:-65px;
}
.drInfoWrap{
	width: 95%;
}
.drInfo p:first-child {
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	text-align: left;
}
.drInfo p{
	color: #ffe400;
	font-size: 38px;
	line-height: 46px;
	margin: 18px 10px 20px;
	font-weight: bold;
	text-align: left;
}
.qrBtn{
	margin: 0px 0px 0px;
}
.line{
	background: #ffffff;
	height: 1px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 19px;
	width: 100%;
}
.qr {
	display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.qrLeft {

}
.qrRight {
    margin-left: 5px
}
.qrcode {
	display: none;
}
.qrBtn {
	width: 100%;
}
.processDescription img {
	width: 210px;	
}

.about {
	order: 3;
}
.howto {
	order: 4;
}
.faq {
	order: 5;
}
.contact {
	order: 6;
}
.footer {
	order: 7;
}

.headingEN{
	color: #ffe933;
    min-width: 110px;
	background: #3089c5;
	border-radius: 16px;
	display: inline-block;
	font-family: Cabin, sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 5px 15px 2px;
	margin-bottom: 10px;
}
h2{
	font-size:24px;
	color: #015b98;
	margin-bottom: 50px;
	letter-spacing: 0.001em;
}
h2 span{
	font-size:14px;
	color: #015b98;
	margin-bottom: 50px;
	line-height: 33px;
}
h2:before,h2:After {
      content:"";
      display:inline-block;
      width:5%;
      height:1px;
      background-color: #94caee;
      vertical-align: middle;
}
.Privacy h2:before,.Privacy h2:After {
      content:"";
      display:inline-block;
      width:12%;
      height:1px;
      background-color: #94caee;
      vertical-align: middle;
}
h2:before {
      margin-right: 20px;
}
h2:After {
      margin-left: 20px;
}

.about{
	padding-top: 40px;
	text-align:center;
	margin-bottom: 10px;
	overflow: hidden;
}
.aboutDescription {
	margin: 0 0 50px 0;
	display: flex;
	flex-direction: column;
	align-items: center;

}
.aboutDescription img {
	width: auto;
}
.aboutImg {
	margin: 30px 0 60px;
	width: 100%;
}
.aboutTxt1 {
	color: #333333;
	font-size: 16px;
}
.aboutTxt2 {
	display: inline-block;
	color: #333333;
	font-size: 22px;
	margin-bottom: 20px;
}
.aboutTxt2 span {
	background:linear-gradient(transparent 70%, #FFFF00 0%);
}
.aboutTxt2:before {
	content:"";
	display:inline-block;
	height: 19px;
	width:26px;
	background: url(../img/check.png) no-repeat 0px 0px;
}
.aboutTxt3 {
	color: #333333;
	font-size: 16px;
	margin-top: 20px;
	padding: 0 10px;
}
.howto{
	padding-top: 40px;
	text-align:center;
	margin-bottom: 0px;
	overflow: hidden;
	background-image: radial-gradient(#c0c0c0 10%, transparent 0), radial-gradient(#c0c0c0 10%, transparent 0);
	background-position: 0 0, 5px 5px;
	background-size: 5px 5px;
}
.stepHeading{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #daeefd;
	border-radius: 26px;
	padding: 10px 10px 5px 10px;
	position: relative;
	width: 80%;
	text-align: center;
	margin-bottom: 30px;
}
.stepHeading span:nth-child(2) {
	display: inline;
	font-size: 22px;
}
.stepNo{
	display: inline-block;
	font-family: Cabin, sans-serif;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
 }

.stepNo span:nth-child(1) {
	display: block;
	font-size: 12px;
 }
.stepNo span:nth-child(2) {
	font-family: GenJyuuGothic-Regular, serif,'メイリオ',Meiryo, cabin;
	display: block;
	font-size: 30px;
	margin-top: -6px;
	letter-spacing: 2px;
 }
.howtoTxt1{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
}
.howtoTxt1 span{
	background:linear-gradient(transparent 70%, #FFFF00 0%);
}
.howtoTxt1:before {
	content:"";
	display:inline-block;
	height: 19px;
	width:26px;
	background: url(../img/check.png) no-repeat 0px 0px;
}
.process{
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	background: #fff;
	padding: 10px 10px 5px 10px;
	position: relative;
	width: 80%;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.processDescription {
	margin: 0px 0px 20px;
}
.processDescription p{
	font-size: 16px;
	line-height: 24px;
	margin: 15px 0px 10px;
}
.process2{
	display: inline-flex;
	flex-direction: column;
	padding: 0px 10px 5px 10px;
	width: 82%;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.process2Description {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.process2Description span{
	display: inline-block;
	color: #fff;
	background-color: #62addf;
	font-size: 16px;
	line-height: 24px;
	padding: 20px 30px 20px 30px;
	margin: 0px 0px 20px;
}
.process2Description p {
	display: inline;
	line-height: 2.0em;
    font-size: 17px;
    font-weight: 500;
	background:linear-gradient(transparent 70%, #FFFF00 0%);
}
.process2Img img {
	width: 100%;
}
.howtoBtn {
    margin: 10px 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 0 10px;
}
.faq {
	padding-top: 40px;
	text-align:center;
	margin-bottom: 0px;
	overflow: hidden;
}
.faqDescription:nth-child(odd) {
	background-color: #f0f9ff;
}
.faqDescription {
	display: inline-block;
	background: #fff;
	padding: 20px 10px 20px 10px;
	position: relative;
	width: 85%;
	text-align: left;
}
.q {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.q span {
	font-size: 22px;
	font-family: cabin ,GenJyuuGothic-Regular;
	border-style: solid;
	border-width: 3px;
	border-color: rgb(255, 228, 0);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0);
	padding: 6px 12px;
	width: 20px;
	height: 30px;
}
.qTxt {
	display: inline-block; 
	font-size: 18px;
	margin-left: 10px;
}
.a {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.a span {
	font-size: 22px;
	font-family: cabin ,GenJyuuGothic-Regular;
	color: rgb(48, 137, 197);
	padding: 6px 28px 6px 16px;
	margin-top: 20px;
}
.aTxt {
	font-size: 15px;
	margin-top: 20px;
}
.contact {
	padding-top: 40px;
	text-align:center;
	overflow: hidden;
}
form {
	margin-top: -50px;
}
table {
	border-spacing:0 30px;
	font-size: 15px;
	padding: 0 10px;
	width: 100%;
}
tbody {
	width: 100%;
}
#form-tbl{
	margin-bottom: 80px;
}
#form {
	margin: auto;
}
#form tr {
	height: 42px;
}
#form th {
	height: 28px;
	vertical-align: middle;
	text-align: left;
	padding-right: 20px;
	display: block;
	width: 100%;
}
#form td {
	display: block;
	width: 100%;
}
#form td input, select {
	font-family: YuGothic, "游ゴシック体", "游ゴシック",'Yu Gothic','ヒラギノ角ゴシック','Hiragino', serif,'メイリオ',Meiryo, cabin;
	display: block;
	height: 42px;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(208, 208, 208);
	background-color: rgb(255, 255, 255);
	border-radius: 0;
	text-indent: 10px;
}

#form td select {
	background: url(../img/arw_select_down.png) no-repeat;
	background-position: 95% 50%;
}

#form td textarea {
	font-family: YuGothic, "游ゴシック体", "游ゴシック",'Yu Gothic','ヒラギノ角ゴシック','Hiragino', serif,'メイリオ',Meiryo, cabin;
	height: 142px;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(208, 208, 208);
	background-color: rgb(255, 255, 255);
	text-indent: 10px;
}
.confTbl td {
	vertical-align: middle;
	text-align: left;
}
.btn{
	text-align: center;
}
.submitBtn {
	font-family: GenJyuuGothic-Bold, serif,'メイリオ',Meiryo, cabin;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	height: 50px;
	width: 280px;
	background-color: rgb(255, 228, 0);
	margin: 20px auto 0px;
}
.backBtn {
	font-family: GenJyuuGothic-Bold, serif,'メイリオ',Meiryo, cabin;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	height: 50px;
	width: 280px;
	background-color: rgb(100, 100, 100);
	color: #fff;
	margin: 40px auto 0px;
}
.footerIphone {
	width: 90%;
	z-index: 1;
}
.footerImg {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 0px;
}
.footerImgRight {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	margin-left: 0px;
}
.footerImgRightBtn {
	margin: 10px 0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	padding: 0 10px;
}
.footerBtnLeft img {
	width: 100%;
}
.footerBtnRight {
	margin-left: 5px;
}
.footerBtnRight img {
	width: 100%;
}
.footerNav {
	position: relative;
	top: 0px;
}
.footerLink01 {
	display: flex;
	background: #d3edff;
	padding: 30px 0px 5px 10px;
}
.footerLink02 {
	display: flex;
	background: #d3edff;
	padding: 5px 0px 30px 10px;
}
.footerLink01 p, .footerLink02 p {
	color: #007fd4;
	font-size: 13px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 8%;
	text-decoration: underline;
	z-index: 9;
}
.copyright {
	font-family: GenJyuuGothic-Regular, serif,'メイリオ',Meiryo, cabin;
	font-size: 12px;
	text-align: center;
	padding: 20px 0px 20px 0px;
}
.conf > p:last-child {
	display: none;
}
.thanks > p:last-child {
	display: none;
}
.thanksMsg {
	font-size: 16px;
	margin-bottom: 50px;
}
.underInner {
	width: 90%;
	margin: 0 auto;
}
.underInner h3 {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 0px; 
}
.underInner p {
	text-align: left;
	margin: 10px 0 20px; 
}
.underInner p {
	text-align: left;
	margin: 5px 0 5px;
	line-height: 1.6em; 
}
.underInner span {
	display: block;
	text-align: right;
	margin: 5px 0 5px;
	line-height: 1.6em; 
}
.underInner ol {
	list-style: disc inside;
}
.underInner li {
	list-style-type: decimal;
	text-align: left;
	margin: 10px 0 0px; 
}
.paddingLeft01 {
	padding-left: 0.5em;
}
.paddingLeft02 {
	padding-left: 1.0em;
}
.paddingLeft03 {
	padding-left: 1.5em;
}
.pcbr {
	display: none;
}
.downloadPage {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 200px;
}
}