@charset "utf-8";

/* E-mailアドレス（確認用）折り返さない幅に調整 bootstrap.css を上書き */
.ss_form table th { width: 24%; }

.alignleft { text-align: left !important;}
.alignright { text-align: right !important;}
.aligncenter { text-align: center !important;}
.mHauto { margin-left: auto!important;margin-right: auto !important;}

.v-aligntop{ vertical-align: top !important;}
.v-alignmiddle{ vertical-align: middle !important;}
.v-alignbottom{ vertical-align: bottom !important;}

.floatleft, .fl{ float: left;}
.floatright, .fr { float: right;}

/* display
---------------------------------------------------------- */
.inline { display:inline;}
.ib { display:inline-block;}
.db { display:block;}

@media screen and (max-width:767px) and (min-width:1px) {
	.sp-inline { display:inline !important;}
	.sp-ib { display:inline-block !important;}
	.sp-db { display:block !important;}
}

/* PCとSPでの表示切り替え
---------------------------------------------------------- */
.pc { display: block!important;}
.pc-only-inline { display: inline!important;}
.pc-only-ib { display: inline-block!important;}
.sp { display: none!important;}
.sp-only-inline { display: none!important;}
.sp-only-ib { display: none!important;}

@media screen and (max-width:767px) and (min-width:1px) {
	.pc { display: none!important;}
	.pc-only-inline { display: none!important;}
	.pc-only-ib { display: none!important;}
	.sp-only-inline{ display: inline!important;}
	.sp-only-ib{ display: inline-block!important;}
	.sp { display: block!important;}
}
.sp640-436_br,
.sp640_br,.sp570_br,.sp435_br,.sp414_br,.sp380_br,.sp360_br,.sp320_br{
display: none!important;
}
@media screen and (max-width:640px) {
	.sp640-436_br{ display: block!important; }
	.sp640_br{ display: block!important; }
	.sp640_none{ display: none!important; }
}
@media screen and (max-width:570px) {
	.sp570_br{ display: block!important; }
	.sp570_none{ display: none!important; }
}
@media screen and (max-width:435px) {
	.sp640-436_br{ display: none!important; }
	.sp435_br{ display: block!important; }
	.sp435_none{ display: none!important; }
}
@media screen and (max-width:414px) {
	.sp414_br{ display: block!important; }
	.sp414_none{ display: none!important; }
}
@media screen and (max-width:380px) {
	.sp380_br{ display: block!important; }
	.sp380_none{ display: none!important; }
}
@media screen and (max-width:360px) {
	.sp360_br{ display: block!important; }
	.sp360_none{ display: none!important; }
}
@media screen and (max-width:320px) {
	.sp320_br{ display: block!important; }
	.sp320_none{ display: none!important; }
}

/* width
---------------------------------------------------------- */
.w100 { width: 100px !important;}
.w110 { width: 110px !important;}
.w120 { width: 120px !important;}
.w130 { width: 130px !important;}
.w140 { width: 140px !important;}
.w150 { width: 150px !important;}
.w160 { width: 160px !important;}
.w170 { width: 170px !important;}
.w180 { width: 180px !important;}
.w185 { width: 185px !important;}
.w190 { width: 190px !important;}
.w195 { width: 195px !important;}
.w200 { width: 200px !important;}
.w210 { width: 210px !important;}
.w220 { width: 220px !important;}
.w230 { width: 230px !important;}
.w240 { width: 240px !important;}
.w250 { width: 250px !important;}
.w260 { width: 260px !important;}
.w270 { width: 270px !important;}
.w280 { width: 280px !important;}
.w290 { width: 290px !important;}
.w300 { width: 300px !important;}
.w310 { width: 310px !important;}
.w320 { width: 320px !important;}
.w330 { width: 330px !important;}
.w340 { width: 340px !important;}
.w350 { width: 350px !important;}
.w360 { width: 360px !important;}
.w370 { width: 370px !important;}
.w380 { width: 380px !important;}
.w385 { width: 385px !important;}
.w390 { width: 390px !important;}
.w400 { width: 400px !important;}
.w410 { width: 410px !important;}
.w420 { width: 420px !important;}
.w430 { width: 430px !important;}
.w440 { width: 440px !important;}
.w450 { width: 450px !important;}
.w460 { width: 460px !important;}
.w470 { width: 470px !important;}
.w480 { width: 480px !important;}
.w490 { width: 490px !important;}
.w500 { width: 500px !important;}
.w510 { width: 510px !important;}
.w520 { width: 520px !important;}
.w530 { width: 530px !important;}
.w540 { width: 540px !important;}
.w550 { width: 550px !important;}
.w560 { width: 560px !important;}
.w570 { width: 570px !important;}
.w580 { width: 580px !important;}
.w590 { width: 590px !important;}
.w600 { width: 600px !important;}
.w610 { width: 610px !important;}
.w620 { width: 620px !important;}
.w630 { width: 630px !important;}
.w640 { width: 640px !important;}
.w650 { width: 650px !important;}
.w660 { width: 660px !important;}
.w670 { width: 670px !important;}
.w680 { width: 680px !important;}
.w690 { width: 690px !important;}
.w700 { width: 700px !important;}
.w710 { width: 710px !important;}
.w720 { width: 720px !important;}
.w730 { width: 730px !important;}
.w740 { width: 740px !important;}
.w750 { width: 750px !important;}
.w760 { width: 760px !important;}
.w770 { width: 770px !important;}
.w780 { width: 780px !important;}
.w790 { width: 790px !important;}
.w800 { width: 800px !important;}
.w810 { width: 810px !important;}
.w820 { width: 820px !important;}
.w830 { width: 830px !important;}
.w840 { width: 840px !important;}
.w850 { width: 850px !important;}
.w860 { width: 860px !important;}
.w870 { width: 870px !important;}
.w880 { width: 880px !important;}
.w890 { width: 890px !important;}
.w900 { width: 900px !important;}
.w910 { width: 910px !important;}
.w920 { width: 920px !important;}
.w930 { width: 930px !important;}
.w940 { width: 940px !important;}
.w950 { width: 950px !important;}
.w960 { width: 960px !important;}
.w970 { width: 970px !important;}
.w980 { width: 980px !important;}

.pw05 { width: 5% !important;}
.pw10 { width: 10% !important;}
.pw15 { width: 15% !important;}
.pw20 { width: 20% !important;}
.pw25 { width: 25% !important;}
.pw30 { width: 30% !important;}
.pw33 { width: 33% !important;}
.pw34 { width: 34% !important;}
.pw35 { width: 35% !important;}
.pw40 { width: 40% !important;}
.pw45 { width: 45% !important;}
.pw50 { width: 50% !important;}
.pw55 { width: 55% !important;}
.pw60 { width: 60% !important;}
.pw65 { width: 65% !important;}
.pw70 { width: 70% !important;}
.pw75 { width: 75% !important;}
.pw80 { width: 80% !important;}
.pw85 { width: 85% !important;}
.pw90 { width: 90% !important;}
.pw95 { width: 95% !important;}
.pw100 { width: 100% !important;}

@media screen and (max-width:767px) and (min-width:1px) {
.sp-width-auto {width:auto!important;} /* 20190205 */
/* percent wide：2016/12/13 */
.sp-auto { width: auto !important;}
.sp-pw10 { width: 10% !important;height: auto;}
.sp-pw15 { width: 15% !important;height: auto;}
.sp-pw20 { width: 20% !important;height: auto;}
.sp-pw25 { width: 25% !important;height: auto;}
.sp-pw30 { width: 30% !important;height: auto;}
.sp-pw33 { width: 33% !important;height: auto;}
.sp-pw34 { width: 34% !important;height: auto;}
.sp-pw35 { width: 35% !important;height: auto;}
.sp-pw40 { width: 40% !important;height: auto;}
.sp-pw45 { width: 45% !important;height: auto;}
.sp-pw50 { width: 50% !important;height: auto;}
.sp-pw55 { width: 55% !important;height: auto;}
.sp-pw60 { width: 60% !important;height: auto;}
.sp-pw65 { width: 65% !important;height: auto;}
.sp-pw70 { width: 70% !important;height: auto;}
.sp-pw75 { width: 75% !important;height: auto;}
.sp-pw80 { width: 80% !important;height: auto;}
.sp-pw85 { width: 85% !important;height: auto;}
.sp-pw90 { width: 90% !important;height: auto;}
.sp-pw95 { width: 95% !important;height: auto;}
.sp-pw100, section.sp-pw100{ width: 100% !important;height: auto;}

}

/* margin
---------------------------------------------------------- */
.mB05em { margin-bottom: 0.5em !important;}
.mB1em { margin-bottom: 1em !important;}
.mB15em { margin-bottom: 1.5em !important;}
.mB2em { margin-bottom: 2em !important;}
.mB25em { margin-bottom: 2.5em !important;}
.mB3em { margin-bottom: 3em !important;}
.mB35em { margin-bottom: 3.5em !important;}
.mB4em { margin-bottom: 4em !important;}
.mB45em { margin-bottom: 4.5em !important;}
.mB5em { margin-bottom: 5em !important;}
.mL05em { margin-left: 0.5em !important;}
.mL1em { margin-left: 1em !important;}
.mL15em { margin-left: 1.5em !important;}
.mL2em { margin-left: 2em !important;}
.mL25em { margin-left: 2.5em !important;}
.mL3em { margin-left: 3em !important;}
.mL35em { margin-left: 3.5em !important;}
.mL4em { margin-left: 4em !important;}
.mL45em { margin-left: 4.5em !important;}
.mL5em { margin-left: 5em !important;}
.mR05em { margin-right: 0.5em !important;}
.mR1em { margin-right: 1em !important;}
.mR15em { margin-right: 1.5em !important;}
.mR2em { margin-right: 2em !important;}
.mR25em { margin-right: 2.5em !important;}
.mR3em { margin-right: 3em !important;}
.mR35em { margin-right: 3.5em !important;}
.mR4em { margin-right: 4em !important;}
.mR45em { margin-right: 4.5em !important;}
.mR5em { margin-right: 5em !important;}

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


.txt-warning {
	/*警告*/
	color: #f00 !important;
	font-weight: bold;
}

.txt-caution {
	/*注意喚起*/
	color: #f90 !important;
	font-weight: bold;
}

.txt-info {
	/*お知らせ*/
	color: #567 !important;
}

.txt-note {
	/*メモ*/
	color: #567 !important;
}

.txt-annotation {
	/*補足*/
	color: #9ab !important;
}


/* 個人情報注意書き
---------------------------------------------------------- */
div.form-notes{
}

div.form-notes2{
}

/* 個人情報注意書き
---------------------------------------------------------- */
.otoiawase-bikou{
	text-align:center;
	margin-top:1em;
}

/* 完了画面　メッセージ
---------------------------------------------------------- */
div.complete-messsage-box{
text-align:center;
}

div.complete-messsage-inner,
div.complete-messsage-inner2{
display:inline-block;
text-align:left;
}
div.complete-messsage-inner p{
line-height:0.8em;
}
div.complete-messsage-inner2 p{
line-height:1.6em;
}

/* 完了画面　製品・サービスページへのリンク
---------------------------------------------------------- */
div.seihinlink-box{
border: 1px solid #007AFF;
padding:1em;
margin-bottom:1em;
}

/* フレックスボタン、flex-btn-XXXX
---------------------------------------------------------- */
a[class*="flex-btn-"] {
border-radius: 2px;
background-color: #007aff;
border: 1px solid #007AFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
color: #FFFAFA;
text-decoration: none !important;
font-size: 16px;
text-align:center;
padding-left:1.8em;
padding-right:1.8em;
padding-top:1em;
padding-bottom:1em;

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;         /* 子要素の配置方向：横*/
justify-content: center;     /* 子要素の水平方向の揃え方：中央 */
align-items: stretch;        /* 子要素の垂直方向の揃え方：上下一杯 */
align-content: center;       /* 複数行になった時の揃え方：中央 */
flex-wrap: wrap; /* 折り返し */
}
a[class*="flex-btn-"]:hover {
color: #007AFF !important;
background-color: #FFFFFF;
transition: .2s;
}
/* 細いボタン */
a[class*="flex-btn-"].btn-thin {
padding-left:0;
padding-right:0;
padding-top:0.3em;
padding-bottom:0.2em;
}