@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
html {
	font-size: 62.5%;
}

body {
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", YuGothic, sans-serif;
	background-repeat: no-repeat;
	font-size: 2rem;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	line-height: 1.7;
	margin: 0px;
	padding: 0px;
	color: #000000;
}

p {
	margin: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: bottom;
	max-width: 100%;
	width/***/: auto;
	/* IE8のみ */
	height: auto;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a {
	color: #2D00B2;
	text-decoration: none;
}


/*
a:visited { color: purple; }
*/

a:hover {
	text-decoration: underline;
	opacity: 0.95;
	color: #FF6161;
}

.page-up {
	text-align: right;
	background-color: #FFF;
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.page-up a {
	/* [disabled]color: #000066;
	*/
}

.strong {
	color: #ff0000;
	font-weight: bold;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.vcenter {
	display: flex;
	align-items: center;/*vertical*/
}

.hcenter {
	display: flex;
	justify-content: center;/*horizonal*/
}

.wrapper{
	width:100%;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
}

h1 {
	display: inline-block;
	text-align: center;
	padding: 20px;
	width: 75%;
	margin: 0px;
	line-height: 1!important;
}

.h1-wrap {
	box-shadow: 0px 3px 5px #444;
}

h2 {
	
}

.triangles01 {
	position: relative;
	text-align: center;
	background: #ED6C00;
	/* margin-bottom: 50px; */
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #fff;
}

.triangles01:before {
	position: absolute;
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	border-top-color: #ED6C00;
	border-width: 20px;
	margin-left: -20px;
}

h4 {
	font-size: 3rem;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: normal;
}

h5 {
	font-size: 2.6rem;
	color: #ED6C00;
	border-bottom: 1px solid #ED6C00;
	padding-bottom: 5px;
}


.text-yellow {
	color: #FFE100;
	font-size: 1.6rem;
	display: block;
	/* margin-top: 5px; */
}

.text-red {
	color: #ED6C00;
}

.text-white {
	color: #fff;
}

.bg1 {
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.bg2 {
	background-image: url(../images/bg2.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;;
}

.bg3 {
	background-image: url(../images/bg3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.bg4 {
	background-image: url(../images/bg4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.bg5 {
	background-image: url(../images/bg5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.bg6 {
	background-image: url(../images/bg6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.bg7 {
background-image:linear-gradient(-135deg, #0DB993 3%, #0FC89F 3%, #0FC89F 6%, #0DB993 6%, #0DB993 9%, #0FC89F 9%, #0FC89F 12%, #0DB993 12%, #0DB993 15%,
 #0FC89F 15%, #0FC89F 18%, #0DB993 18%, #0DB993 21%, #0FC89F 21%, #0FC89F 24%, #0DB993 24%, #0DB993 27%, #0FC89F 27%, #0FC89F 30%, #0DB993 30%, #0DB993 33%,
 #0FC89F 33%, #0FC89F 36%, #0DB993 36%, #0DB993 39%, #0FC89F 39%, #0FC89F 42%, #0DB993 42%, #0DB993 45%, #0FC89F 45%, #0FC89F 48%, #0DB993 48%, #0DB993 51%,
 #0FC89F 51%, #0FC89F 54%, #0DB993 54%, #0DB993 57%, #0FC89F 57%, #0FC89F 60%, #0DB993 60%, #0DB993 63%, #0FC89F 63%, #0FC89F 66%, #0DB993 66%, #0DB993 69%,
 #0FC89F 69%, #0FC89F 72%, #0DB993 72%, #0DB993 75%, #0FC89F 75%, #0FC89F 78%, #0DB993 78%, #0DB993 81%, #0FC89F 81%, #0FC89F 84%, #0DB993 84%, #0DB993 87%,
 #0FC89F 87%, #0FC89F 90%, #0DB993 90%, #0DB993 93%, #0FC89F 93%, #0FC89F 96%, #0DB993 96%, #0DB993);
background-attachment: fixed;
}

.bg8 {
background-image:linear-gradient(-135deg, #0DB993 3%, #0FC89F 3%, #0FC89F 6%, #0DB993 6%, #0DB993 9%, #0FC89F 9%, #0FC89F 12%, #0DB993 12%, #0DB993 15%,
 #0FC89F 15%, #0FC89F 18%, #0DB993 18%, #0DB993 21%, #0FC89F 21%, #0FC89F 24%, #0DB993 24%, #0DB993 27%, #0FC89F 27%, #0FC89F 30%, #0DB993 30%, #0DB993 33%,
 #0FC89F 33%, #0FC89F 36%, #0DB993 36%, #0DB993 39%, #0FC89F 39%, #0FC89F 42%, #0DB993 42%, #0DB993 45%, #0FC89F 45%, #0FC89F 48%, #0DB993 48%, #0DB993 51%,
 #0FC89F 51%, #0FC89F 54%, #0DB993 54%, #0DB993 57%, #0FC89F 57%, #0FC89F 60%, #0DB993 60%, #0DB993 63%, #0FC89F 63%, #0FC89F 66%, #0DB993 66%, #0DB993 69%,
 #0FC89F 69%, #0FC89F 72%, #0DB993 72%, #0DB993 75%, #0FC89F 75%, #0FC89F 78%, #0DB993 78%, #0DB993 81%, #0FC89F 81%, #0FC89F 84%, #0DB993 84%, #0DB993 87%,
 #0FC89F 87%, #0FC89F 90%, #0DB993 90%, #0DB993 93%, #0FC89F 93%, #0FC89F 96%, #0DB993 96%, #0DB993);
background-size: cover;
}

.bg9 {
background-image: linear-gradient(90deg, rgba(255, 242, 58, 1), rgba(224, 162, 8, 1) 80%);
}


.bg-white {
	background-color: #fff;
}

.bg-black {
	background-color: #000;
}

.bg-red {
	background-color: #ED6C00;
}

.bg-pink {
	background-color: #e60064;
}

.bg-pink2 {
	background-color: #000;
	border: 5px solid #e60064;
    padding: 10px;
}

.bg-green {
	background-color: #0DB993;
}

.bg-yellow {
	background-color: #FFEE00;
}

.bg-a1 {
	background-color: #433670;
}

.maintit {
	padding: 15px;
	text-align: center;
	
}

.maintxt {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bg-gray {
	background-color: #F2E7DC;
}

.bg-gray2 {
	background-color: #383838;
}

.red {
	color: #ff0000;
}

.red_u {
	color: #ff0000;
	text-decoration: underline;
}


#pageTop {
	position: fixed;
	bottom: 30px;
	right: 20px;
	z-index: 9999;
}

#pageTop a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 40px;
	text-decoration: none;
	text-align: center;
	background: #fff000;
	width: 45px;
	height: 45px;
	border-radius: 40px;
	line-height: 1.1em;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.footer-wrap {
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	padding: 0px;
}

#main {
	background-image: url(../images/main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.photo {
	position: absolute;
	right: 0px;
	top: -50%;
	width: 40%;
	box-shadow: 0px 3px 5px #444;
}

.photo2 {
	position: absolute;
	left: 0px;
	top: -50%;
	width: 40%;
	box-shadow: 0px 3px 5px #444;
}

.photo-wrap {
	position: relative;
}

.voice {
	margin-bottom: 180px;
}

.fig1 {
	text-align: center;
}

.arrow {
	width: 10%;
	margin-bottom: 20px;
}

.flogo {
	width: 50%;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media (max-width: 1199px) {
	
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media (max-width: 991px) {
	.br-sp {
		display: none;
	}
	
	
	.photo {
		top: -40%;
	}
	
	.photo2 {
		top: -40%;
	}
	
	.voice {
		margin-bottom: 100px;
	}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media (max-width: 767px) {
	h1 {
	padding: 10px 0;
	width: 100%;
}
	.flogo {
		width: 75%;
	}
	
	.voice-wrap {
		display: flex;
		justify-content: center;/*horizontal*/
	}
	
	.voice-wrap .col-md-12, .voice-wrap .col-md-6 {
		text-align: center;
	}
	
	.fig1 {
		text-align: center;
	}
	
	.fig3 {
		text-align: center;
	}
	
	.voice {
		margin-bottom: 20px;
	}
	
	.photo {
		position: static;
		width: 70%;
		margin: 15px;
	}
	
	.photo2 {
		position: static;
		width: 70%;
		margin: 15px;
	}
	
	h2 {
		font-size: 2.6rem;
	}
	
	h4 {
		text-align: center;
	}
	
	.logo {
		width: 50%;
	}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media (max-width: 543px) {
	
}


@media screen and (min-width: 768px) {
.sp_only{
display:none !important;
}
}

@media screen and (max-width: 768px) {
.pc_only{
display:none !important;
}
}

/* =================================
 margin・padding
================================= */

/*margin right*/
.mr05 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr35 {
  margin-right: 35px;
}
.mr40 {
  margin-right: 40px;
}
.mr45 {
  margin-right: 45px;
}
.mr50 {
  margin-right: 50px;
}
/*margin left*/
.ml05 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml35 {
  margin-left: 35px;
}
.ml40 {
  margin-left: 40px;
}
.ml45 {
  margin-left: 45px;
}
.ml50 {
  margin-left: 50px;
}
/*margin top*/
.mt00 {
  margin-top: 0px !important;
}
.mt05 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
/*margin bottom*/
.mb00 {
  margin-bottom: 0px !important;
}
.mb05 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb100 {
  margin-bottom: 100px;
}
/*padding right*/
.pr05 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr25 {
  padding-right: 25px;
}
.pr30 {
  padding-right: 30px;
}
.pr35 {
  padding-right: 35px;
}
.pr40 {
  padding-right: 40px;
}
.pr45 {
  padding-right: 45px;
}
.pr50 {
  padding-right: 50px;
}
/*padding left*/
.pl05 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.pl35 {
  padding-left: 35px;
}
.pl40 {
  padding-left: 40px;
}
.pl45 {
  padding-left: 45px;
}
.pl50 {
  padding-left: 50px;
}
/*padding top*/
.pt05 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pt35 {
  padding-top: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pt45 {
  padding-top: 45px;
}
.pt50 {
  padding-top: 50px;
}
.pt80 {
  padding-top: 80px;
}
.pt100 {
  padding-top: 100px;
}
/*padding bottom*/
.pb05 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb35 {
  padding-bottom: 35px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb45 {
  padding-bottom: 45px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb100 {
  padding-bottom: 100px;
}

/* =================================
font
================================= */
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal !important;
}
.font50 {
	font-size: 50% !important;
}
.font60 {
	font-size: 60% !important;
}
.font70 {
	font-size: 70% !important;
}
.font80 {
	font-size: 80% !important;
}
.font90 {
	font-size: 90% !important;
}
.font100 {
	font-size: 100% !important;
}
.font110 {
	font-size: 110% !important;
}
.font120 {
	font-size: 120% !important;
	line-height:1.8em;
}
.font130 {
	font-size: 130% !important;
	line-height:2em !important;
}
.font150 {
	font-size: 150% !important;
	line-height:1.8em;
}
.font180 {
	font-size: 180% !important;
line-height:2em;
}
.font200 {
	font-size: 200% !important;
	line-height:2em;
}
.font230 {
	font-size: 230% !important;
	line-height:2em;
}
.font250 {
	font-size: 250% !important;
	line-height:2em;
}
.white{
	color:#fff;
}
.red{
	color:#c80000;
}
.yellow{
	color:#cfd621;
}
.orange{
	color:#ff6600;
}

.yu_font{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.yugo_font{
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
.heisei_font{
	font-family: "heisei-kaku-gothic-std";
}

.txtCenter{
	text-align: center;
}
.txtJustify{
	text-align: justify;
}

.lh15{
	line-height: 1.5em;
}
.lh18{
	line-height: 1.8em;
}
.lh20{
	line-height: 2.0em;
}

/* =================================
triangles
================================= */
.triangles01{
	position: relative;
    text-align: center;
    background: #E7E7D3;
    margin-bottom: 20px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	color:#fff;
}
.triangles01:before {
    position: absolute;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    border-top-color: #E7E7D3;
    border-width: 30px;
    margin-left: -30px;
}

.square{
	position: relative;
    text-align: center;
    background: #000;
	max-width: 768px;
    padding-top:30px;
	padding-bottom:30px;
	font-weight:bold;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
}

.square_1{
	position: relative;
    text-align: center;
    background: #433670;
	max-width: 768px;
    padding-top:30px;
	padding-bottom:30px;
	font-weight:bold;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
}

.square_2{
	position: relative;
    text-align: center;
	max-width: 768px;
    padding-top:30px;
	padding-bottom:30px;
	font-weight:bold;
	color:#000;
	margin-left:auto;
	margin-right:auto;
}


@media screen and (max-width: 768px) {
.square{
    padding-right:30px;
	padding-left:30px;
}

.square_1{
    padding-right:30px;
	padding-left:30px;
}
}

.square2{
	position: relative;
    text-align: center;
    background: #000;
	max-width: 100%;
	font-weight:bold;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
}


.inner1000{
	width: 1000px;
	max-width:calc(100% - 30px);
	margin-left:auto;
	margin-right:auto;
}
.inner1000-a{
	width: 1000px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
.inner100per{
	position: relative;
    background: #000;
	max-width: 100%;
	margin-left:auto;
	margin-right:auto;
}

.inner100per2{
	position: relative;
    background: #433670;
	max-width: 100%;
	margin-left:auto;
	margin-right:auto;
}

.inner100per3{
	position: relative;
	max-width: 100%;
	margin-left:auto;
	margin-right:auto;
}

img.imgCenter{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.dashed{
border-bottom: 2px dashed #fff;
}

table {
  border-collapse: collapse;
}
 
txtp {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
 
input[type="submit"],
input[type="text"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}
 
 
input[type="text"],
textarea {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  	max-width:100%;
  transition: 0.8s;
  border-radius: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
input[type="text"],
textarea {
  width: 300px;
}
}
 
input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
textarea[name="content"] {
  display: inline-block;
  width: 100%;
  height: 200px;
}
 
input::placeholder,
textarea::placeholder {
  color: #ccc;
}
 
::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
 
:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
.form-table {
  width: 1000px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
.form-table {
	  width: 300px;
}
}
 
 
.form-table th,
.form-table td {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  max-width: 100%;

}

@media screen and (max-width: 768px) {
.form-table th,
.form-table td  {
	  width: 300px;
}
}
 
.form-table th {
  background: #000;
  border: 3px solid #e60064;
  position: relative;
  text-align: center;
  width: 300px;
  color: #fff;
}
 

.form-table th,
.form-table td {
  display: block;
  max-width: 300px;
}


.checkbox-input{
  display: none;
}
.checkbox-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
  color: #d01137;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 6px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #d01137;
  border-right: 3px solid #d01137;
}

form.app_form .submit_btn{
	border: 0;
	background: url("../images/btm-f.png") no-repeat 0 0;
	background-size:contain;
	max-width:90%;
	width:100%;;
	padding-top: 11.5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.submit_btn:hover{
	cursor: pointer;
	opacity: 0.5;
}

@media screen and (max-width: 768px) {
form.app_form .submit_btn {
	background: url("../images/btm.png") no-repeat 0 0;
	background-size:contain;
}
}