@charset "utf-8";

body {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

p {
	margin: 0;
	padding: 0;
	font-size: 15px;
	/* font-weight: 500; */
	line-height: 2;
	letter-spacing: 1px;
}


.line_gray {
	border-bottom: 1px solid #999
}

/**
 *
 *  事業内容
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
#pageHeader .lead {
	margin-bottom: 0;
	font-size: 124%;
	font-weight: normal;
}

#pageHeader .lead br {
	display: block;
}



/* リスト
-----------------------------------------------------------------*/

.txt {

	width: 100%;
	margin: 10px 0px 20px;
	/*	border: 1px solid #ccc;
	padding: 5px;*/
}


.txt p {
	font-size: 10px;
	line-height: 1.2em;
	padding-bottom: 10px;
}

.txt p.way {
	padding-top: 15px;
	font-size: 25px;
	font-weight: bold;
	color: #4f4f4f;
}

.txt p.way_rblue {
	padding-top: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #098eb2;
}

.txt p.way_rgreen {
	padding-top: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #098eb2;
}

.txt p.way_orange {
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #098eb2;
}

.txt p.way_red {
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #e93862;
}


.txt p.sub {
	padding-top: 5px;
	/*	border-top:1px solid #CCC;*/
	font-size: 12px;
	color: #00a56e;
}

.txt hr.line01 {
	border-top: 1px #00a56e solid;
}






/* ----------------------------------------------------------
   
   FORM
   
   ---------------------------------------------------------- */

#w_area_box {
	padding: 10px 5%;
	position: relative;
	z-index: 1;
	/* border-top: #a3d9e0 1px solid; */
	/* background:url(../images/noise.png) repeat; */
	/* background: #fafafa; */
	overflow: auto;
}

#w_area_box:before {
	position: absolute;
	top: -1px;
	left: 0%;
	right: 0%;
	width: 100%;
	height: 0;
	content: "";
	border-top: #ededed 1px solid;
	z-index: 2;
}

@media only screen and (max-width: 800px) {
	#w_area_box {
		padding: 0px 5% 80px;
		/* top: 120px; */
		z-index: 0;
	}
}

@media only screen and (max-width: 738px) {
	#w_area_box {
		top: 0px;
		padding: 70px 5%;
		/* background: url(../images/noise2.png) repeat #fefefe; */
	}
}

@media only screen and (max-width: 414px) {
	#w_area_box {
		padding: 0px 5%;
		z-index: 0;
	}
}



/* --- .contentBox --- */
.formArea {
	position: relative;
	z-index: 2;
	padding: 10px 0%;
	font-size: 15px;
}



.formArea:before {
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 7px;
	right: 0;
	content: "";
	/* border: #ddd 1px solid; */
	/* background:#fefefe; */
	z-index: -2;
}

.formArea:after {
	position: absolute;
	top: 0;
	left: 7px;
	bottom: 0;
	right: 7px;
	content: "";
	/* border: #ddd 1px dotted; */
	z-index: -2;
}




.formArea {
	/* margin-bottom:20px; */
	/* overflow: auto; */
	/* margin-bottom: 20px; */
	/* overflow: auto; */
	width: 100%;
	max-width: 1200px;
	/* margin: 0 auto; */
}

.formArea h2 {
	position: relative;
	padding: 0.2em 0.5em;
	background: #FF9800;
	background: #2599bf;
	color: #fefefe;
	font-weight: 400;
}

.formArea h2::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #898883;
}

.formArea h3 {
	/* margin-bottom:20px; */
	/* font-size: 25px; */
	/* font-weight: 600; */
	/* padding: 0.5em; */
	/*文字周りの余白*/
	/* color: #494949; */
	/*文字色*/
	/* background: #fff1f1; */
	/*背景色*/
	/* border-left: solid 10px #e70000; */
	/* margin-top: 50px; */
}


.title_a {
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	/* width: 250px; */
	font-size: 20px;
	/* padding: 5px; */
	margin-bottom: 20px;
}

.title_a:before,
.title_a:after {
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	/* height: -webkit-calc(100% + 14px); */
	/* height: calc(100% + 14px); */
	background-color: black;
}


.under_a {
	background: linear-gradient(transparent 70%, #fd9195 70%);
	font-weight: 500;
}



.under_b {
	text-decoration: underline wavy #e8410c;
	font-weight: 600;
}

.under_c {
	text-decoration: underline wavy #ffb300;
	font-weight: 600;
}

.under_d {
	/* background: linear-gradient(transparent 10%, #eadcd7 1%); */
	/* background: #4c4948; */
	/* line-height: 2; */
	font-weight: 500;
	/* color: #fff; */
	/* padding: 1.5%; */
}




@media only screen and (max-width: 500px) {
	#w_area_box .formArea h3 {
		font-size: 18px;
	}
}


.margin-b-typeA {
	/* margin-bottom:50px; */
}


.title_A {
	padding: 5px;
	font-size: 24px;
	background: #075fa5;
	color: #fff;
}


@media only screen and (max-width: 800px) {
	.title_A {
		font-size: 20px;
	}
}



.area_A {
	margin: 20px 0 40px;
}

.area_A h2 {
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	/* padding-bottom:20px; */
}

.area_A p {
	margin: 10px 0 20px;
}


.mane {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
}


.mane h2 {
	/* font-size: 25px; */
	/* font-weight:400; */
	/* text-align:left; */
	/* padding-left:30px; */
}

.mane h2 {
	/* position: relative; */
	/* color: white; */
	/* background: #137b3b; */
	/* line-height: 2; */
	/* font-size: 16px; */
	/* margin-bottom: 20px; */
}

.mane h2:before {
	/*ç–‘ä¼¼è¦ç´ */
	font-family: 'FontAwesome';
	content: "\f14a";
	position: absolute;
	left: 0.5em;
	/*å·¦ç«¯ã‹ã‚‰ã®ã‚¢ã‚¤ã‚³ãƒ³ã¾ã§ã®è·é›¢*/
}

.mane h3 {
	position: relative;
	color: #075fa5;
	text-align: left;
	font-size: 19px;
	line-height: 1.5;
	padding-left: 30px;
	/* border-bottom:solid 1px; */
	font-weight: 600;
}

.mane h3:before {
	/*ç–‘ä¼¼è¦ç´ */
	font-family: 'FontAwesome';
	content: "\f00c";
	position: absolute;
	left: 0;
	/*å·¦ç«¯ã‹ã‚‰ã®ã‚¢ã‚¤ã‚³ãƒ³ã¾ã§ã®è·é›¢*/
	font-size: 20px;
	top: -1px;
}

.mane p {
	font-size: 16px;
	text-align: left;
	padding-left: 0px;
	margin-top: 30px;
}


/* .sozai_title  */
.sozai_title {
	font-size: 17px;
	padding: 15px 0;
}



/* .txtQcds */
.txtQcds {
	float: left;
	width: 100%;
	padding: 1%;
	margin-bottom: 0;
}

.txtQcds p {
	font-size: 17px;
	line-height: 1.7;
}



/*----------------------------------------------------
   QCDS
   ------------------*/

.boxQcds {
	position: relative;
	/* margin: 2em 0; */
	/* padding: 3%; */
	/* border: solid 1px #eee; */
	border-radius: 0px;
	/* border: dashed 1px #eee; */
	/* margin-bottom: 30px; */
}

.boxQcds .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 18px;
	background: #FFF;
	color: #137b3b;
	font-weight: bold;
}

.boxQcds h2 {
	font-size: 20px;
}

.boxQcds p {
	/* margin: 0; */
	padding: 15PX 5px;
	/* color: #075fad; */
	font-weight: 400;
	text-align: left;
	/* border-bottom: 1px solid #eee; */
}



.boxQcds img {
	/* padding: 3%; */
}







@media only screen and (max-width: 800px) {
	.formArea {
		padding: 50px 5%;
	}
}

@media only screen and (max-width: 738px) {
	.formArea {
		padding: 40px 0%;
	}
}


/* -----------------------------
	  .detailBox
	  ----------------------------- */
.formBox {
	padding: 40px 0;
	text-align: left;
	border-top: #ddd 1px dashed;
}

.formBox .leftBox {
	float: left;
	width: 25%;
}

.formBox .leftBox h3 {
	font-size: 14px;
	font-family: "ÃƒÂ¦Ã‚Â¸Ã‚Â¸ÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚Â", YuMincho, "ÃƒÂ£Ã†â€™Ã¢â‚¬â„¢ÃƒÂ£Ã†â€™Ã‚Â©ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â®ÃƒÂ£Ã†â€™Ã…Â½ÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚Â ProN W3", "Hiragino Mincho ProN", "HGÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚ÂE", "ÃƒÂ¯Ã‚Â¼Ã‚Â­ÃƒÂ¯Ã‚Â¼Ã‚Â³ ÃƒÂ¯Ã‚Â¼Ã‚Â°ÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚Â", "ÃƒÂ¯Ã‚Â¼Ã‚Â­ÃƒÂ¯Ã‚Â¼Ã‚Â³ ÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚Â", Verdana, serif;
	letter-spacing: 1px;
}

.formBox .rightBox {
	/* float: right; */
	width: 70%;
	/* border-left: #ddd 1px dotted; */
	padding: 0 5%;
	margin: 0 15%;
}

@media only screen and (max-width: 738px) {

	.formBox {
		padding: 40px 2.5%;
		text-align: left;
		border-top: #ddd 1px dashed;
	}

	.formBox:first-child {
		padding: 0 2.5% 40px;
		border-top: none;
	}

	.formBox .leftBox {
		float: none;
		width: 100%;
	}

	.formBox .leftBox h3 {
		text-align: center;
	}

	.formBox .rightBox {
		float: none;
		width: 100%;
		border-left: none;
		padding: 25px 0 0;
		margin: 0;
	}
}



/* -----------------------------
	  
	  .detailArea
	  
	  ----------------------------- */

#form .detailArea {
	margin-top: 30px;
	position: relative;
	z-index: 4;
}

/* h3, h4*/
#form .detailArea h3 {
	font-size: 15px;
	font-family: "ÃƒÂ¦Ã‚Â¸Ã‚Â¸ÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚Â", YuMincho, "ÃƒÂ£Ã†â€™Ã¢â‚¬â„¢ÃƒÂ£Ã†â€™Ã‚Â©ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â®ÃƒÂ£Ã†â€™Ã…Â½ÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚Â ProN W3", "Hiragino Mincho ProN", "HGÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚ÂE", "ÃƒÂ¯Ã‚Â¼Ã‚Â­ÃƒÂ¯Ã‚Â¼Ã‚Â³ ÃƒÂ¯Ã‚Â¼Ã‚Â°ÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚Â", "ÃƒÂ¯Ã‚Â¼Ã‚Â­ÃƒÂ¯Ã‚Â¼Ã‚Â³ ÃƒÂ¦Ã‹Å“Ã…Â½ÃƒÂ¦Ã…â€œÃ‚Â";
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.8;
}

#form .detailArea h4 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}

#form .detailArea h5.quiz {
	margin: 5px 0;
	font-size: 16px;
	/*line-height:1; */
	letter-spacing: 2px;
}

#form .detailArea h5.quiz span {
	font-size: 14px;
	letter-spacing: 0;
}

/* -----------------------------
	  .detailBox
	  ----------------------------- */
#form .detailBox {
	padding: 40px 0;
	text-align: left;
	border-top: #a276c9 1px dotted;
}

/* -----------------------------
	  .leftBox, .rightBox
	  ----------------------------- */
#form .detailBox .leftBox {
	float: left;
	width: 15%;
}

#form .detailBox .rightBox {
	float: right;
	width: 80%;
	border-left: #a276c9 1px dotted;
	padding-left: 5%;
}


/* -----------------------------
	  
	  ol.formlist
	  
	  ----------------------------- */

ol.formlist {
	width: 100%;
	margin: 0;
	list-style: none;
}

ol.formlist li {
	list-style: none;
	margin-top: 30px;
}

ol.formlist li ol.plan {
	font-size: 0;
	margin: -10px -10px 0;
	padding: 0;
}

ol.formlist li ol.plan li {
	display: inline-block;
	margin: 20px 10px 0;
	padding: 0;
}

@media only screen and (max-width: 414px) {
	ol.formlist li ol.plan {
		margin: 0 -5px;
		padding: 0;
	}

	ol.formlist li ol.plan li {
		margin: 10px 5px 0;
		padding: 0;
	}
}

/* -----------------------------
	  
	  form
	  
	  ----------------------------- */

/* contact-form
   --------------------------- */

.contact-form>dt {
	position: absolute;
	padding: 1.8em 0 0 10px;
}

.contact-form>dd {
	position: relative;
	padding: 1em 0 1em 12em;
	margin-bottom: 30px;
	border-bottom: 1px solid #4d4d4d;
}

.contact-form>dd>i {
	color: #999;
	display: block;
	cursor: text;
	position: absolute;
	bottom: 1.8em;
	z-index: -1;
}

.contact-form>dd.active>i {
	display: none;
}

.contact-confirm .contact-form>dd>i {
	display: none;
}

.contact-confirm .contact-form>dd>span {
	display: block;
	line-height: 3.6em;
	min-height: 3.6em;
}

.contact-confirm .contact-form>dd>span {
	display: block;
	line-height: 3.6em;
}

.contact-confirm .contact-form>dd.message>span {
	line-height: 2;
	padding: 1em 0;
	min-height: 1.6em;
}

.contact-form .contact-form>dd .error {
	color: red;
	position: absolute;
	top: -1.5em;
}

.contact-form>dd.active textarea {
	height: 18em;
}

.contact-complete {
	min-height: 480px;
}


.contact-form_btn {
	margin-bottom: 120px;
}

.contact-form .c-submitset>li:first-child {
	display: none;
}

.contact-confirm .c-submitset>li:first-child>.c-submit {
	background-color: #808080;
}

.contact-confirm .c-submitset>li:first-child>.c-submit:before {
	background-color: #666;
}



form {
	font-size: 14px;
	letter-spacing: 1px;
}

input,
button,
textarea,
select {
	-webkit-appearance: none;
	border-radius: 0;
}

input,
select {
	vertical-align: middle;
}

@media only screen and (max-width: 738px) {
	form {
		font-size: 13px;
	}
}

@media only screen and (max-width: 414px) {
	form {
		font-size: 12px;
	}
}

/* ----- label ----- */
label {
	display: block;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 30px 0 5px;
	position: relative;
}

@media only screen and (max-width: 738px) {
	label {
		font-size: 13px;
	}
}

@media only screen and (max-width: 500px) {
	label {
		font-size: 13px;
	}

	.contact-form>dt {
		width: 100%;
		padding: 1em 0 0 0px;
		display: block;
	}

	.contact-form>dd {
		/* position: relative; */
		padding: 4em 0 1em 0em;
		margin-bottom: 30px;
		border-bottom: 1px solid #4d4d4d;
		display: block;
		width: 100%;
	}







}

/* ----- input ----- */
input.st {
	margin: 0;
	padding: 10px;
	border: #ddd 1px solid;
	webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
}

/* input */
input.col-100 {
	max-width: 100%;
	display: block;
}

input.col-half {
	max-width: 450px;
	display: block;
}

input.col-address1 {
	max-width: 80px;
	margin: 0 5px 0 0;
	padding: 10px;
	border: #ddd 1px solid;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input.col-address2 {
	max-width: 120px;
	margin: 0 0 0 5px;
	padding: 10px;
	border: #ddd 1px solid;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input.col-address {
	max-width: 120px;
	margin: 0;
	padding: 10px;
	border: #ddd 1px solid;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input:focus {
	border: #7eccd6 solid 1px;
}

input.other {
	margin: 0;
	padding: 5px 10px;
	border: #7eccd6 1px solid;
	background: #f8f8f8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
	max-width: 400px;
}

/* ----- select ----- */
select {
	border: #ddd 1px solid;
	background: #fefefe;
	padding: 5px 10px;
	letter-spacing: 1px;
}

option {
	border: #ddd 1px solid;
	margin: -1px 0 0;
	padding: 5px;
	font-weight: normal;
	line-height: 1;
}

/* ----- textarea ----- */
textarea {
	width: 100%;
	line-height: 1.7;
	padding: 10px;
	letter-spacing: 1px;
	border: #ddd 1px solid;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

textarea.talentname {
	height: 5em;
}

textarea.small {
	height: 10em;
}

textarea.detail {
	height: 15em;
}

textarea:focus {
	border: #7eccd6 solid 1px;
}

/* ----- span / br ----- */
span.small-category {
	display: block;
	margin-top: 5px;
	vertical-align: 0;
}

span.birthday {
	padding: 0 15px 0 5px;
	vertical-align: 0;
}

span.block {
	display: block;
	vertical-align: 0;
}

br.block-1150 {
	display: none;
}

span.import {
	color: #fefefe;
	background: #2ea2aa;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding: 2px 5px;
	margin-left: 5px;
	font-weight: 500;
}

p.small {
	font-size: 12px;
	line-height: 1.8;
	margin-top: 5px;
}

.mustTxt {
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #fefefe;
	background: #e803a4;
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type=radio],
input[type=checkbox] {
	display: none;
}

/* ----- .radio,.checkbox ----- */
.radio,
.checkbox {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 10px 15px 10px 42px;
	/* border-radius: 8px; */
	background: #f5f5f5;
	vertical-align: middle;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.radio:hover,
.checkbox:hover {
	background: #f0fafe;
}

.radio:hover:after,
.checkbox:hover:after {
	border-color: #7eccd6;
}

.radio:after,
.checkbox:after {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #bbb;
	border-radius: 0;
	content: '';
	background: #fefefe;
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.radio:after {
	border-radius: 100%;
}

.radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 19px;
	display: block;
	margin-top: -6px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #7eccd6;
	content: '';
	opacity: 0;
}

input[type=radio]:checked+.radio:before {
	opacity: 1;
}

.checkbox:before {
	position: absolute;
	top: 50%;
	left: 21px;
	display: block;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #7eccd6;
	border-bottom: 2px solid #7eccd6;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input[type=checkbox]:checked+.checkbox:before {
	opacity: 1;
}


input[type=liquidation],
input[type=checkbox] {
	display: none;
}

/* ----- .liquidation,.checkbox ----- */
.liquidation,
.checkbox {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 10px 15px 10px 42px;
	/* border-radius: 8px; */
	background: #f5f5f5;
	vertical-align: middle;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.liquidation:hover,
.checkbox:hover {
	background: #f0fafe;
}

.liquidation:hover:after,
.checkbox:hover:after {
	border-color: #7eccd6;
}

.liquidation:after,
.checkbox:after {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #bbb;
	border-radius: 0;
	content: '';
	background: #fefefe;
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.liquidation:after {
	border-radius: 100%;
}

.liquidation:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 19px;
	display: block;
	margin-top: -6px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #7eccd6;
	content: '';
	opacity: 0;
}

input[type=liquidation]:checked+.liquidation:before {
	opacity: 1;
}

.checkbox:before {
	position: absolute;
	top: 50%;
	left: 21px;
	display: block;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #7eccd6;
	border-bottom: 2px solid #7eccd6;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input[type=checkbox]:checked+.checkbox:before {
	opacity: 1;
}


form#mail_form dl dt span.required {
	background: #b860a3;
	color: #fff;
	padding: 3px;
	border-radius: 5px;
	margin-right: 5px;
}





/* ----- label ----- */
ol.formlist li ol.plan li label {
	display: block;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 0;
	position: relative;
}

@media only screen and (max-width: 738px) {
	ol.formlist li ol.plan li label {
		font-size: 12px;
	}

	ol.formlist li ol.plan li label {
		margin: 0;
		position: relative;
	}
}


/* ul.notice */
ol.formlist ul.notice {
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
	text-align: left;
}

ol.formlist ul.notice li {
	margin-top: 3px;
	padding-left: 1.5em;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2;
	position: relative;
}

ol.formlist ul.notice li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â»";
	z-index: 0;
}

@media only screen and (max-width: 800px) {
	ol.formlist ul.notice li {
		font-size: 13px;
	}
}

@media only screen and (max-width: 738px) {
	ol.formlist ul.notice li {
		font-size: 12px;
	}
}



/* -----------------------------
   
	  .btnArea
   
	  ----------------------------- */

/* -----------------------------
   
	  #formWrap
   
	  ----------------------------- */

.formWrap {
	position: relative;
	z-index: 4;
	text-align: center;
}

.formWrap h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 2.2;
	letter-spacing: 1px;
}

@media only screen and (max-width: 800px) {
	.formWrap h4 {
		font-size: 13px;
		line-height: 2;
	}
}

@media only screen and (max-width: 738px) {
	.formWrap h4 {
		padding: 0 5%;
		font-size: 12px;
		line-height: 2;
		text-align: left;
	}
}



/*@media screen and (max-width: 768px) {
   #formWrap { text-align:left; }
   }
   */


/* -----------------------------
	  
	  table.formTable
	  
	  ----------------------------- */

table.formTable {
	width: 100%;
	margin: 30px auto 0;
	border-collapse: collapse;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2;
	background: #fefefe;
}

table.formTable tr {
	border: #ddd 1px solid;
}

table.formTable th {
	padding: 15px;
	font-weight: bold;
	background: #fafafa;
	width: 30%;
}

table.formTable td {
	padding: 15px;
	border-left: #ddd 1px dotted;
}

.noticeTxt {
	margin: 20px auto 0;
	width: 100%;
}

.noticeTxt p {
	margin-top: 10px;
	padding: 12px 15px;
	color: #7eccd6;
	background: #ccc;
}


#w_area_box .formWrap .btnArea {
	margin-top: 40px;
}

@media only screen and (max-width: 800px) {
	table.formTable {
		font-size: 13px;
	}
}

@media only screen and (max-width: 738px) {
	table.formTable {
		margin: 20px auto 0;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 2;
	}

	table.formTable tr {
		border: none;
		border-top: 10px solid transparent;
	}

	table.formTable th {
		padding: 10px 5%;
		display: block;
		width: 100%;
		border: #ddd 1px solid;
		border-bottom: #ddd 1px dotted;
	}

	table.formTable td {
		padding: 10px 5%;
		display: block;
		border: #ddd 1px solid;
		border-top: none;
	}

	.noticeTxt p {
		text-align: left;
	}

}



/* =============================================================
   
	   Forms
   
   * ============================================================= */

textarea,
input,
select {
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "Hiragino Kaku Gothic Pro", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, Osaka, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif;
	font-size: 100%;
	/* 14px base */
	color: #333;
	letter-spacing: 1px;
}

input[type="text"],
textarea {
	display: block;
	width: 100%;
	height: 3.6em;
	margin: 0;
	padding: 0 10px;
	background-color: rgba(255, 255, 255, .1);
	border: none;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	border: 1px solid #eee;
}

html.IE8 input[type="text"] {
	line-height: 3.6em;
}

textarea {
	padding: 10px;
	max-width: none;
	transition: height .3s;
}

input[type="text"]:focus,
textarea:focus {
	background-color: #f2f2f2;
}

textarea:focus {
	height: 18em;
}

input[type="submit"] {
	background: none;
	border: none;
	-webkit-appearance: none;
}

/*
   .c-submitset input[type="submit"]:hover {
	   background-color: #262626;
   }
   */


.c-submit {
	text-align: center;
	display: inline-block;
	background-color: #3f3f3f;
	position: relative;
	overflow: hidden;
}

.c-submit>input {
	color: #fff;
	font-size: 0.929em;
	line-height: 1.6;
	display: inline-block;
	background-color: transparent;
	padding: 20px 30px;
	min-width: 240px;
	cursor: pointer;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	z-index: 1;
}

.c-submit:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #262626;
	position: absolute;
	left: 0;
	top: 100%;
	-webkit-transition: -webkit-transform .12s ease-out;
	transition: transform .12s ease-out;
}

.c-submit:hover:before {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.IE8 .c-submit:hover {
	background-color: #262626;
}

.c-submit:after {
	content: "";
	width: 8px;
	height: 14px;
	background: url(../images/sprite1.png) no-repeat -250px 0;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	opacity: 0;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all .15s ease-in;
	transition: all .15s ease-in;
}

.c-submit:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}

.IE8 .c-submit:after {
	content: none;
}

.IE8 .c-submit:hover:after {
	content: "";
}

.c-submitset {
	text-align: center;
}

.c-submitset>li {
	display: inline-block;
	margin: 0 5px;
}







/* -----------------------------
	  
	  .confirmTxt
	  
	  ----------------------------- */

.confirmArea {
	margin: 0 auto;
	max-width: 600px;
}

.confirmTxt {
	margin: 40px auto 0;
	width: 100%;
}

.confirmTxt p {
	margin-top: -1px;
	padding: 15px 5%;
	color: #e803a4;
	border: #e803a4 1px solid;
	line-height: 1.8;
}

/*@media screen and (max-width: 768px) {
   .confirmTxt { margin: 35px auto 0; }
   }
   @media screen and (max-width: 738px) {
   .confirmTxt { margin: 30px auto 0; }
   }*/


/* -----------------------------
	  
	  #form .txtArea
	  
	  ----------------------------- */
#form .txtArea {
	padding: 0;
	position: relative;
	z-index: 4;
	text-align: left;
}


/* -----------------------------
	  .applyArea2
	  ----------------------------- */

#form .applyArea {
	border-top: #a276c9 1px dotted;
	margin-top: 45px;
	position: relative;
	z-index: 4;
}

/* h3, h4*/
#form .applyArea h3 {
	font-size: 15px;
	font-family: font-family: "Ã¦Â¸Â¸Ã¦ËœÅ½Ã¦Å“Â", YuMincho, "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¦ËœÅ½Ã¦Å“Â ProN W3", "Hiragino Mincho ProN", "HGÃ¦ËœÅ½Ã¦Å“ÂE", "Ã¯Â¼Â­Ã¯Â¼Â³ Ã¯Â¼Â°Ã¦ËœÅ½Ã¦Å“Â", "Ã¯Â¼Â­Ã¯Â¼Â³ Ã¦ËœÅ½Ã¦Å“Â";
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.8;
}

#form .applyArea h4 {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.8;
}


/* -----------------------------
	  .applyBox, .applyBox2
	  ----------------------------- */

#form .applyBox,
#form .applyBox2 {
	padding: 35px 0;
	text-align: left;
}

#form .applyBox {
	border-bottom: none;
}

#form .applyBox2 {
	border-top: #a276c9 1px dotted;
}


/* -----------------------------
	  .leftBox, .rightBox
	  ----------------------------- */

#form .applyBox .leftBox,
#form .applyBox2 .leftBox {
	float: left;
	width: 20%;
}

#form .applyBox .rightBox,
#form .applyBox2 .rightBox {
	float: right;
	width: 75%;
	border-left: #a276c9 1px dotted;
	padding-left: 5%;
}

/* ul li */
#form .applyBox ul {
	list-style: disc;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}

#form .applyBox ul li {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.9;
	margin-bottom: 5px;
}

#form .applyBox ul li:last-child {
	margin-bottom: 0;
}

#form .applyBox ul li a {
	border-bottom: #111 1px dotted;
}

#form .applyBox ul li a:hover {
	color: #fefefe;
	background: #111;
	border-bottom: #111 1px solid;
}

/* ul li ul */
#form .applyBox ul li ul {
	list-style: decimal
}

#form .applyBox ul li ul li {
	margin-bottom: 0;
}

/* table */
#form table.info {
	border-collapse: collapse;
	margin-top: 10px;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.9;
}

#form table.info tr {
	padding-bottom: 3px;
	display: block;
}

#form table.info tr:last-child {
	margin-bottom: 0;
}

#form table.info th {
	width: 90px;
}

#form .linkArea {
	border-top: #a276c9 1px dotted;
	margin-top: 0px;
	padding-top: 30px;
}


.otaku {
	padding: 10px;
	/* margin-top: 50px; */
}

.otaku ol {
	counter-reset: number;
	list-style-type: none !important;
	padding: 0.3em 0.8em;
	border: solid 2px #ffb107;
}

.otaku ol li {
	border-bottom: dashed 1px orange;
	position: relative;
	padding: 0.5em 0.5em 0.5em 30px;
	line-height: 1.5em;
}

.otaku ol li:before {
	/* ä»¥ä¸‹æ•°å­—ã‚’ã¤ã‘ã‚‹ */
	position: absolute;
	counter-increment: number;
	content: counter(number);

	display: inline-block;
	background: #ffb107;
	color: white;
	font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	/*ä»¥ä¸‹ ä¸Šä¸‹ä¸­å¤®å¯„ã›ã®ãŸã‚*/
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.otaku ol li:last-of-type {
	border-bottom: none;
}


.otaku2 {
	padding: 50px;
	text-align: center;
	font-size: 20px;
}

.otaku2 ol {
	counter-reset: number;
	list-style-type: none !important;
	padding: 0.3em 0.8em;
	/* border: solid 2px #ffb107; */
}

.otaku2 ol li {
	/* border-bottom: dashed 1px orange; */
	position: relative;
	padding: 0.5em 2em 0.5em 2em;
	line-height: 1.5em;
	display: inline;
	font-size: 25px;
}

.otaku2 ol li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	background: #009688;
	color: white;
	font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 20px;
	border-radius: 50%;
	left: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.otaku2 ol li:last-of-type {
	border-bottom: none;
}


.otaku3 {
	padding: 0;
	/* margin-top: 50px; */
}

.otaku3 ol {
	counter-reset: number;
	list-style-type: none !important;
	padding: 0.3em 0.8em;
	/* border: solid 2px #dedede; */
}

.otaku3 ol li {
	border-bottom: dashed 1px #9E9E9E;
	position: relative;
	padding: 0.5em 0.5em 0.5em 30px;
	line-height: 1.5em;
	/* font-weight: 600; */
}

.otaku3 ol li:before {
	position: absolute;
	counter-increment: number;
	content: '\e6b4';
	display: inline-block;
	color: #e90505;
	/*       color: white; */
	font-family: themify;
	font-weight: bold;
	font-size: 16px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.otaku3 ol li:last-of-type {
	border-bottom: none;
}





@media only screen and (max-width: 500px) {

	.otaku2 {
		padding: 10px 15px;
		text-align: left;

	}



	.otaku2 ol {
		counter-reset: number;
		list-style-type: none !important;
		padding: 0.3em 1em;
		/* border: solid 2px #ffb107; */
	}




	.otaku2 ol li {
		/* border-bottom: dashed 1px orange; */
		position: relative;
		padding: 0.5em 2em 0.5em 2em;
		line-height: 1.5em;
		display: block;
		font-size: 18px;
	}

}






/*----------------------------------------------------
柔軟な対応力
------------------*/

.boxFlexible {
	position: relative;
	margin: 3em 0 1em;
	padding: 1em 1em;
	border: solid 1px #0a0a0a;
}

.boxFlexible2 {
	position: relative;
	margin: 0 0 1em;
	padding: 1em 1em;
}



@media only screen and (max-width: 1200px) {
	.boxFlexible {
		position: relative;
		margin: 0em 0 2em;
		padding: 1em 1em;
		border: solid 1px #0a0a0a;
	}

}

.boxFlexible .box-title {
	position: absolute;
	display: inline-block;
	top: -37px;
	left: -3px;
	padding: 0 9px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	font-size: 18px;
	/* background: #999; */
	color: #0083ae;
	font-weight: bold;
	/* border-radius: 5px 5px 0 0; */
}

.boxFlexible p {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 2;
	/* font-weight: 600; */
}

.boxFlexible p span {
	border-bottom: 1px solid #ddd;
	/* font-weight: 500; */
}

.img_floatR {
	float: right;
}



.boxBest {
	margin: 2em 0;
	background: #f1f1f1;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.boxBest .box-title {
	font-size: 1.2em;
	background: #009a3d;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.boxBest p {
	padding: 25px;
	margin: 0;
}

.icon_img {
	width: 80px;
}



.item_c1,
.item_c2,
.item_c3,
{
width: 100%;
}

.item_c1 img,
.item_c2 img,
.item_c3 img {
	width: 96%;
	padding: 2%;
}

.item2 {
	width: 100%;
}

.item1 img,
.item2 img,
.item3 img,
.item4 img,
.item5 img,
{
width: 100%;
padding: 1%;
}


.item3 {
	width: 100%;
}


.item4 {
	width: 96%;
	padding: 1% 2% 0%;
}


.item2 img,
{
width: 100%;
padding: 2%;
}


@media (min-width : 800px) {
	.flexbox {
		display: flex;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -moz-flex;
		display: -moz-box;
		display: -ms-flex;
		display: -ms-flexbox;
		display: -o-flex;
		width: 100%;
		/* max-width: 1200px; */
		justify-content: left;
		/* 子要素をflexboxにより中央に配置する */
		align-items: center;
		/* 子要素をflexboxにより中央に配置する */
		margin-bottom: 40px;
	}


	.item_c1 {
		width: 100%;
		padding: 0;
	}

	.item_c2 {
		width: 46%;
		padding: 2%;
	}

	.item_c3 {
		width: 31.111111%;
		padding: 1%;
	}


	.item2 {
		width: 46%;
		padding: 2%;
	}

	.item2 img {
		width: 96%;
		padding: 2%;
	}



	.item3 {
		width: 56.66666%;
		padding: 2%;
	}

	.item1 {
		width: 33.33333%;
		padding: 0%;
		vertical-align: middle;
	}


	.item1 img {
		width: 98%;
		padding: 5% 1% 1%;
	}


	.item p {}


}

.boxContact {
	margin: 10px 0 0;
	padding: 0px 20px;
	/* border:1px solid #ddd; */
}


.boxContact img {
	/* width:100%; */
	/* padding: 10px; */
}

.imgArea {
	margin: 20px 0;
	/* padding:20px; */
}

.p_phone a {
	font-size: 30px;
	color: #1e843a;
	border-bottom: 1px dashed;
}

.p_phone a:hover {
	font-size: 50px;
	color: #FF9800;
}

@media (min-width : 600px) {
	.p_phone a {
		font-size: 50px;
		color: #1e843a;
		border-bottom: 1px dashed;
	}

	.p_phone a:hover {
		font-size: 50px;
		color: #FF9800;
	}

}




.list_sec {
	/* border: 1px solid #e5e5e5; */
	background: #fff;
	padding: 30px 40px;
	margin: 50px auto 80px;
	/* max-width: 880px; */
	-webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
	-moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
	/* box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff; */
	padding: 80px 10%;
	position: relative;
	z-index: 1;
	/* border-top: #a3d9e0 1px solid; */
	/* background: url(../images/noise.png) repeat; */
	/* background: #fafafa; */
	font-size: 16px;
}


.list_sec section {
	margin: 0 -10px;
	padding: 20px 10px;
	border-top: 1px solid #d9d9d9;
}

.list_sec section:first-child {
	border: none;
	padding-top: 0;
}

.list_sec h3 {
	font-size: 110%;
	line-height: 1.5;
	padding-bottom: 15px;
}

.list_sec p,
.list_sec li {
	/* font-size: 110%; */
	/* line-height: 1.8; */
}

.list_sec p {
	/* margin-left: 1.4em; */
}

.list_sec p+ol {
	margin-top: 10px;
}

.list_sec ul li {
	list-style: disc;
	margin-left: 2.4em;
}

.list_sec ol li {
	list-style: decimal;
	margin-left: 3.2em;
}

.list_sec .establish {
	text-align: right;
	font-weight: bold;
	padding-top: 20px;
}


/* ---------------------------------------
		max-width: 719px
	--------------------------------------- */

@media screen and (max-width: 719px) {

	.list_sec {
		padding: 20px;
		margin: 0 auto 40px;
	}

	.list_sec section {
		margin: 0 -10px;
		padding: 15px 10px;
	}

	.list_sec h3 {
		font-size: 1.1rem;
		padding-bottom: 10px;
	}

	.list_sec .establish {
		padding-top: 10px;
	}

}

/* ---------------------------------------
		max-width: 479px
	--------------------------------------- */

@media screen and (max-width: 479px) {

	.list_sec p {
		margin-left: 0;
	}

	.list_sec ul li {
		margin-left: 1.4em;
	}

	.list_sec ol li {
		margin-left: 1.8em;
	}

}

/*     #list_a {margin-top:5px} */
#list_a {
	margin-bottom: 20px
}

#list_a dt {
	/* margin-top: 1em; */
	padding: 0 0;
	color: #030303;
	font-size: 20px;
	font-weight: 600;
	/* text-shadow: 1px 1px rgba(0,0,0,.4); */
	/* background-color: #00796d; */
}

#list_a dt:first-letter {
	font-size: 1.5em;
	color: #c11920;
}



#list_a dd {
	padding: 1em 0;
	margin-left: 0;
	font-size: 16px;
	font-weight: 400;
	border-width: 0 1px 1px;
	/* border-style: none solid solid; */
	/* border-color: #00796d; */
	border-bottom: 1px solid #ddd;
}





/*============================================================
  voice
============================================================*/
#voice {
	text-align: center;
}

#voice .list-voice {
	display: block;
	width: 100%;
	font-size: 0;
	text-align: left;
	padding: 0 3.5vw;
	margin-top: 4.4vw;
}

#voice .list-voice>li {
	display: inline-block;
	width: calc(100% / 3);
	vertical-align: top;
	padding: 0 1.4vw 4vw;
	position: relative;
}

html.ie #voice .list-voice>li {
	width: 33.333%;
}

#voice .list-voice>li:nth-of-type(n+4) {
	display: none;
}

#voice .list-voice.isAll>li:nth-of-type(n+4) {
	display: inline-block;
	-webkit-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	-moz-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	-ms-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	-o-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

#voice .block-front,
#voice .block-back {
	overflow: hidden;
	border-radius: 5px;
}

#voice .block-front .ico-sns {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background-color: #fff;
	padding: 0.4rem;
	overflow: hidden;
	position: absolute;
	right: 0.7vw;
	top: 0.7vw;
}

#voice .block-back {
	width: 100%;
	height: 100%;
	background-size: 40vw auto;
}

#voice .block-back.orn {
	background-color: #e8652b;
}

#voice .block-back.grn {
	background-color: #009688;
}


#voice .block-back.beige {
	background-color: #ecd9a0;
}



#voice .block-back .block-content {
	display: table;
	width: 100%;
	height: 100%;
}

#voice .block-back .block-content .block-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 0 10%;
}

#voice .block-profile {
	text-align: left;
	margin-top: 1.6rem;
	position: relative;
}

#voice .txt-name {
	display: inline-block;
	letter-spacing: 0.1em;
	line-height: 1;
}

#voice .txt-child {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media (max-width: 768px) and (orientation: portrait) {
	#voice .list-voice {
		p: 0 6vw;
		margin-top: 8vw;
	}

	#voice .list-voice>li {
		width: 100%;
		padding: 0 0 8vw 0;
	}

	#voice .block-front .ico-sns {
		width: 4rem;
		height: 4rem;
		right: 2vw;
		top: 2vw;
	}

	#voice .block-back {
		background-size: 100vw auto;
	}

	#voice .block-profile {
		margin-top: 1.2rem;
	}

	#voice .btn-more {
		margin-top: 1vw;
	}
}





/*----------------------------------------------------
実績
------------------*/

section table {
	width: 100%;
	font-size: 15px;
}

section th,
section td {
	padding: 10px;
	border: 1px solid #ddd;
}

section th {
	background: #f4f4f4;
}

.w01 {
	width: 10em;
}

.w02 {
	width: 5em;
}

.w03 {
	width: 6em;
}

.w04 {
	width: 5em
}

.w05 {
	width: 2em
}

.w06 {
	width: 2em
}

.w07 {
	width: 2em
}

.w08 {
	width: 15em;
}


/*----------------------------------------------------
  .actual
----------------------------------------------------*/
.actual th {
	/* width: 0; */
}

.actual td {
	text-align: left;
}

.actual td:first-child {
	text-align: left;
}

.r1 {
	width: 5em;
}

.r2 {
	width: 25em;
}

.r3 {
	width: 25em;
}

.r4 {
	width: 8em;
}


@media only screen and (max-width: 800px) {
	.actual {
		display: block;
		width: 96%;
		margin: 0 2%;
	}

	.actual thead {
		display: block;
		float: left;
		overflow-x: scroll;
	}

	.actual tbody {
		display: block;
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}

	.actual th {
		display: block;
		width: auto;
	}

	.actual tbody tr {
		display: inline-block;
		margin: 0 0 0 0.5%;
	}

	.actual td {
		display: block;
	}


	.r1 {
		width: 100%;
	}

	.r2 {
		width: 100%;
	}

	.r3 {
		width: 100%;
	}

	.r4 {
		width: 100%;
	}



}


.mane {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 0px;
}


.mane_title {
	position: relative;
	color: white;
	background: #4c4948;
	line-height: 2;
	font-size: 22px;
	padding-left: 40px;
	margin-bottom: 20px;
	text-align: left;
}


.mane_title:before {
	/*疑似要素*/
	FONT-WEIGHT: 100;
	font-family: 'FontAwesome';
	content: "\f14a";
	position: absolute;
	left: 0.5em;
	/*左端からのアイコンまでの距離*/
	position: absolute;
	top: 0px;
	left: 10px;
	bottom: 7px;
	right: 0;
}






.mane h3 {
	position: relative;
	color: #222426;
	text-align: left;
	font-size: 16px;
	line-height: 2.3;
	padding-left: 40px;
	border-bottom: solid 1px #4c4948;
	font-weight: 400;
}

.mane h3:before {
	/*疑似要素*/
	font-family: 'FontAwesome';
	content: "\f192";
	position: absolute;
	left: 0.6em;
	/*左端からのアイコンまでの距離*/
	font-size: 16px;
	top: 0px;
}




table.brwsr1 {
	width: 98%;
	font-size: 110%;
	margin: 20px 100px;
	border-collapse: separate;
	border-spacing: 0px 1px;
	margin-bottom: 10px;
	margin-left: 5px
}

table.brwsr1 img {
	margin: 10px;
}

table.brwsr1 th {
	padding: 8px 0;
	padding-left: 5px;
	vertical-align: middle;
	text-align: left;
	border-bottom: #999 1px solid;
	/*border-bottom: #999 1px solid;
    color: #fff;*/
}

table.brwsr1 td {
	padding: 8px 0;
	text-align: left;
	border-bottom: #999 1px solid;
}

table.brwsr1 th.r1 {
	width: 25%;
	text-align: left;
	font-size: 16px;
	/* border-right: #999 1px solid;
     background: #447791;*/
}

table.brwsr1 td.r2 {
	width: 75%;
	text-align: left;
	font-size: 16px;
	/* border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;*/
}







@media only screen and (min-width: 751px) {




	#sub_contents #l-header.type-white {
		border-bottom: 1px solid #dedede;
	}

	#sub_contents #l-header.type-white #l-header-title svg path {
		fill: #222426;
	}

	#sub_contents #l-header.type-white #l-header__inner {
		background-color: #fff;
	}

	#sub_contents #l-header.type-white #l-header__list>li>a {
		color: #222426;
	}

	#sub_contents #l-header.type-white #l-header__sns li svg path {
		fill: #222426;
	}
}

@media only screen and (max-width: 750px) {
	#sub_contents #l-header.type-white #l-header-title svg path {
		fill: #222426;
	}

	#sub_contents #l-header.type-white #l-header__inner {
		background-color: #fff;
	}

	#sub_contents #l-header.type-white #l-header-shop .icon svg>* {
		stroke: #222426;
	}

	#sub_contents #l-header.type-white #l-header-shop .icon svg ellipse {
		fill: #222426;
	}

	#sub_contents #l-header.type-white #l-header-shop .text {
		color: #222426;
	}

	#sub_contents #l-header.type-white #l-header-btn::before,
	#sub_contents #l-header.type-white #l-header-btn::after,
	#sub_contents #l-header.type-white #l-header-btn .line {
		background-color: #222426;
	}

	#sub_contents #l-header.type-white #l-header-btn .text {
		color: #222426;
	}
}

#sub_contents #p-kv {
	position: relative;
	padding-top: 50px;
}

#sub_contents #p-kv__copy {
	display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -moz-box;
	display: -ms-flex;
	display: -ms-flexbox;
	display: -o-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	line-height: 28px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 90px;
	margin: auto;
	background: url(../images/hanabi/hanabi_title.jpg) no-repeat top center;
	/* width: 100%; */
	/* height: 60vw; */
	-webkit-transition: all 1.2s ease;
	transition: all 1.2s ease;
	background-size: contain;
	/* background-size: cover; */
}

#sub_contents #p-kv__copy:after {
	contents: '';

}

#sub_contents #p-kv__copy>* {
	color: #222426;
}

#sub_contents #p-kv__copy .jp {
	/* font-family: "A1Ã¦ËœÅ½Ã¦Å“Â" , "A1 Mincho" , "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¦ËœÅ½Ã¦Å“Â ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¦ËœÅ½Ã¦Å“Â ProN", "Hiragino Mincho ProN", "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¦ËœÅ½Ã¦Å“Â Pro", "Hiragino Mincho Pro","HGSÃ¦ËœÅ½Ã¦Å“ÂB","Ã¯Â¼Â­Ã¯Â¼Â³ Ã¯Â¼Â°Ã¦ËœÅ½Ã¦Å“Â",serif,YuMincho, "Ã¦Â¸Â¸Ã¦ËœÅ½Ã¦Å“ÂÃ¤Â½â€œ", "YuMincho", "Ã¦Â¸Â¸Ã¦ËœÅ½Ã¦Å“Â", "Yu Mincho","Meiryo","Ã£Æ’Â¡Ã£â€šÂ¤Ã£Æ’ÂªÃ£â€šÂª","Ã¯Â¼Â­Ã¯Â¼Â³ Ã¯Â¼Â°Ã£â€šÂ´Ã£â€šÂ·Ã£Æ’Æ’Ã£â€šÂ¯",sans-serif; */
	/* white-space: nowrap; */
}

#sub_contents #p-kv__copy .en {
	font-family: 'Crimson', serif;
	font-style: italic;
}

@media only screen and (min-width: 751px) {
	#sub_contents #p-kv {
		width: 100%;
		height: 250px;
		padding-top: 70px;
	}

	#sub_contents #p-kv__copy .jp {
		font-size: 26px;
		font-weight: 600;
		letter-spacing: 8px;
	}
}

@media only screen and (max-width: 750px) {
	#sub_contents #p-kv {
		width: 100%;
		height: 52vw;
	}

	#sub_contents #p-kv__copy {
		padding-top: 14.66667vw;
		/* background: #ddd; */
	}

	#sub_contents #p-kv__copy .jp {
		text-align: center;
		font-size: 5.6vw;
		line-height: 2;
	}

	#sub_contents #p-kv__copy .en {
		font-size: 2.93333vw;
	}
}

@media only screen and (min-width: 751px) {
	#sub_contents .p-sub-content {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 65px;
		margin-top: -35px;
	}
}

@media only screen and (min-width: 751px) and (max-width: 1080px) and (min-width: 751px) {
	#sub_contents .p-sub-content {
		width: initial;
		margin-left: 45px;
		margin-right: 45px;
	}
}

@media only screen and (min-width: 751px) {
	#sub_contents .p-sub-content__last {
		margin-bottom: 100px;
	}

	#sub_contents .p-sub-content__last .p-sub-content-list li:first-child {
		margin-top: 23px;
	}

	#sub_contents .p-sub-content__title {
		font-weight: 600;
		font-size: 16px;
		border-bottom: solid 1px #dddde4;
		padding-bottom: 15px;
	}

	#sub_contents .p-sub-content__text {
		margin-top: 24px;
		line-height: 26px;
	}

	#sub_contents .p-sub-content-list li {
		margin-top: 30px;
	}

	#sub_contents .p-sub-content-list__title {
		display: flex;
		display: -webkit-box;
		display: -moz-flex;
		display: -moz-box;
		display: -ms-flex;
		display: -ms-flexbox;
		display: -o-flex;
		align-items: center;
	}

	#sub_contents .p-sub-content-list__title span {
		font-family: 'Crimson', serif;
		font-style: italic;
		font-size: 22px;
		margin-right: 10px;
	}

	#sub_contents .p-sub-content-list__title p {
		font-weight: 600;
	}

	#sub_contents .p-sub-content-list__text {
		line-height: 26px;
		letter-spacing: 0.06em;
	}

	#sub_contents .p-sub-content-list__text02 {
		margin-top: 15px;
	}

	#sub_contents .p-sub-content-list__note {
		margin-top: 25px;
		padding: 22px 35px;
		background-color: #ededed;
		line-height: 26px;
		margin-bottom: 40px;
	}

	#sub_contents .p-sub-content-list__note span {
		font-weight: 600;
		display: block;
	}

	#sub_contents .p-sub-content-signature {
		text-align: right;
		line-height: 26px;
		margin-top: 26px;
	}

	#sub_contents .p-sub-content__logo {
		margin-top: 32px;
		display: flex;
		display: -webkit-box;
		display: -moz-flex;
		display: -moz-box;
		display: -ms-flex;
		display: -ms-flexbox;
		display: -o-flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	#sub_contents .p-sub-content__logo img {
		width: 70px;
		height: 72px;
		transition-property: all;
		transition-duration: .3s;
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	}

	#sub_contents .p-sub-content__logo img:hover {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 750px) {
	#sub_contents .p-sub-content {
		margin: 0 30px;
		margin-bottom: 90px;
	}

	#sub_contents .p-sub-content__last {
		margin-bottom: 110px;
	}

	#sub_contents .p-sub-content__last .p-sub-content-list li:first-child {
		margin-top: 13px;
	}

	#sub_contents .p-sub-content__title {
		font-weight: 600;
		border-bottom: solid 1px #dddde4;
		padding-bottom: 10px;
	}

	#sub_contents .p-sub-content__text {
		margin-top: 16px;
		line-height: 25px;
	}

	#sub_contents .p-sub-content-list li {
		margin-top: 22px;
	}

	#sub_contents .p-sub-content-list:last-child li:first-child {
		margin-top: 0px;
	}

	#sub_contents .p-sub-content-list__title {
		display: flex;
		display: -webkit-box;
		display: -moz-flex;
		display: -moz-box;
		display: -ms-flex;
		display: -ms-flexbox;
		display: -o-flex;
		align-items: baseline;
		margin-bottom: 3px;
	}

	#sub_contents .p-sub-content-list__title span {
		font-family: 'Crimson', serif;
		font-style: italic;
		font-size: 19px;
		margin-right: 5px;
	}

	#sub_contents .p-sub-content-list__title p {
		font-weight: 600;
	}

	#sub_contents .p-sub-content-list__text {
		line-height: 26px;
		letter-spacing: 0.06em;
	}

	#sub_contents .p-sub-content-list__text02 {
		margin-top: 8px;
	}

	#sub_contents .p-sub-content-list__note {
		margin-top: 21px;
		padding: 22px;
		background-color: #ededed;
		line-height: 25px;
		margin-bottom: 27px;
		letter-spacing: 0.001em;
	}

	#sub_contents .p-sub-content-list__note span {
		font-weight: 600;
		display: block;
		margin-bottom: 4px;
	}

	#sub_contents .p-sub-content-signature {
		text-align: right;
		line-height: 26px;
		margin-top: 26px;
	}

	#sub_contents .p-sub-content a {
		color: #222426;
		text-decoration: none;
	}

	#sub_contents .p-sub-content__logo {
		margin-top: 20px;
		display: flex;
		display: -webkit-box;
		display: -moz-flex;
		display: -moz-box;
		display: -ms-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	#sub_contents .p-sub-content__logo img {
		width: 70px;
		height: 72px;
	}
}



#contents {
	width: 100%;
}

#cnt-copy1,
#cnt-copy2 {
	width: 100%;
	position: relative;
	padding-top: 30px;
}

#cnt-copy1 .text-box,
#cnt-copy2 .text-box2 {
	max-width: 1280px;
	margin: 0px auto 0;
	box-sizing: border-box;
	background: #fffad2;
	padding: 30px 30px 10px;
	margin: 50px auto;
}

#cnt-copy1 .text-box h1,
#cnt-copy2 .text-box2 h1 {
	font-size: 2.2em;
	text-align: center;
	line-height: 3;
}

#cnt-copy1 .text-box h1 span,
#cnt-copy2 .text-box2 h1 span {
	color: #ffbf01;

	letter-spacing: 4px;
	/* 文字間 */
	text-shadow:
		2px 2px 1px #fefefe,
		-2px 2px 1px #fefefe,
		2px -2px 1px #fefefe,
		-2px -2px 1px #fefefe,
		2px 0px 1px #fefefe,
		0px 2px 1px #fefefe,
		-2px 0px 1px #fefefe,
		0px -2px 1px #fefefe;
	/* 文字の影 */

}

#cnt-copy1 .text-box h2,
#cnt-copy2 .text-box2 h2 {
	font-size: 1.8em;
	color: #fefefe;
	opacity: 1;
	font-weight: normal;
	font-weight: 600;
	line-height: 1.3em;
	background: #067f4e;
	position: relative;
	color: white;
	background: #FF9800;
	line-height: 1.4;
	padding: 0.5em 0.5em 0.5em 0.5em;
	text-align: center;
}

#cnt-copy2 .text-box2 {
	max-width: 1280px;
	margin: 0px auto 0;
	box-sizing: border-box;
	background: #fcefea;
	padding: 30px 30px 10px;
}

#cnt-copy2 .text-box2 h2 {
	background: #ee85a6;
}





#cnt-copy1 .text-box h2:before,
#cnt-copy2 .text-box2 h2:before {
	font-family: "FontAwesome";
	content: "";
	font-weight: 500;
	position: absolute;
	left: 0.5em;
	/*左端からのアイコンまでの距離*/
	/* font-family: 'themify'; */
	/* content: "\e642"; */
	line-height: 1.4;
	top: 20px;
}






#cnt-copy1 .text-box h2 span,
#cnt-copy2 .text-box2 h2 span {
	font-weight: 600;
}


#cnt-copy1 .text-box h2 span,
#cnt-copy2 .text-box2 h2 span {
	position: relative;
	line-height: 1.4;
	padding: 0.25em 0.4em;
	display: inline-block;
	top: 0;
	color: #fff;
	letter-spacing: 4px;
	/* 文字間 */
	text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000, -2px -2px 1px #000000, 2px 0px 1px #000000, 0px 2px 1px #000000, -2px 0px 1px #000000, 0px -2px 1px #000000;
	/* 文字の影 */
	font-size: 1em;
}

#cnt-copy1 .text-box h2 span:before,
#cnt-copy1 .text-box h2 span:after,
#cnt-copy2 .text-box2 h2 span:before,
#cnt-copy2 .text-box2 h2 span:after {
	position: absolute;
	top: 0;
	content: '';
	width: 8px;
	height: 100%;
	display: inline-block;
}

#cnt-copy1 .text-box h2 span:before {}

#cnt-copy1 .text-box h2 span:after {}



#cnt-copy1 .text-box h3,
#cnt-copy2 .text-box2 h3 {
	font-size: 1.4em;
	opacity: 1;
	font-weight: normal;
	font-weight: 600;
	line-height: 2.5em;
}



#cnt-copy1 .text-box p,
#cnt-copy2 .text-box2 p {
	/* 	margin-top: 40px; */
	font-size: 17px;
	padding: 5px;
	line-height: 2;
}

#cnt-copy1 .text-box p span.fontB-o,
#cnt-copy2 .text-box2 p span.fontB-o {
	font-size: 40px;
	color: #ff9100;
	font-weight: 600;
	line-height: 1.1;
}

#cnt-copy1 .text-box p span.fontB1-o,
#cnt-copy2 .text-box2 p span.fontB1-o {
	font-size: 25px;
	color: #FF5722;
	font-weight: 600;
	line-height: 1.1;
}








p.link a {
	position: relative;
	letter-spacing: .2em;
	padding: 15px 0;
	text-align: center;
	display: inline-block;
	font-size: 1em;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	transition: all ease 0.4s;
	overflow: hidden;
}

p.link a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	background: #90596a;
	width: 100%;
	display: block;
	transition: width .4s cubic-bezier(.25, .1, .25, 1);
}

p.link a svg.icn_new_window {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	fill: #333;
	transition: all ease 0.4s;
}

p.link a:hover {
	color: #777;
}

p.link a:hover:after {
	width: 0;
	left: 100%;
	transition: all .4s cubic-bezier(.25, .1, .25, 1);
}






@media screen and (max-width: 1580px),
(max-device-width : 1580px) {

	#cnt-copy1 .text-box,
	#cnt-copy2 .text-box2 {
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 1380px),
(max-device-width : 1380px) {

	#cnt-copy1 .text-box,
	#cnt-copy2 .text-box2 {
		/* width: calc(100% - 100px); */
		/* width: -webkit-calc(100% - 100px); */
	}
}


@media screen and (max-width: 1000px),
(max-device-width : 1000px) {

	#cnt-copy1 .text-box p br,
	#cnt-copy2 .text-box2 p br {
		display: none;
	}
}

@media screen and (max-width: 920px),
(max-device-width : 920px) {
	/* 	#cnt-item-box .cnt-item{
		display:block;
		height:auto;
	}
	#cnt-item-box .cnt-item .text-box{
		width:100%;
	}
	#cnt-item-box .cnt-item .text-box .text-box-in{
		top:0;
		padding: 0 20px;
		transform: translate(0,0);
	}
	#cnt-item-box .cnt-item .image-box{
		width:100%;
		height:400px;
		padding:0;
		margin-top:30px;
	} */
}

@media screen and (max-width: 800px),
(max-device-width : 800px) {

	/* 	#main-top .image{
		width:calc(100% - 100px);
		width:-webkit-calc(100% - 100px);
	}
	#main-top .main-text{
		padding: 70px;
	} */
	#cnt-copy1 .text-box,
	#cnt-copy2 .text-box2 {
		padding: 80px;
	}

	#cnt-copy1 .text-box h2,
	#cnt-copy2 .text-box2 h2 {
		font-size: 2em;
	}






	/* 	#cnt-item-box .cnt-item .image-box{
		height:350px;
	} */
}

@media screen and (max-width: 700px),
(max-device-width : 700px) {
	#main-top .main-text {
		padding: 50px;
	}

	#cnt-copy1 .text-box,
	#cnt-copy2 .text-box2 {
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
	}

	#cnt-copy1 .text-box h1,
	#cnt-copy2 .text-box2 h1 {
		font-size: 1.4em;
	}

	#cnt-copy1 .text-box h2,
	#cnt-copy2 .text-box2 h2 {
		font-size: 1.7em;
		font-weight: 700;
	}

	#cnt-copy1 .text-box p,
	#cnt-copy2 .text-box2 p {
		margin-top: 10px;
		/* padding: 10px; */
	}

}

@media screen and (max-width: 600px),
(max-device-width : 600px) {

	#cnt-copy1,
	#cnt-copy2 {
		margin: 40px auto 0;
		padding-top: 0;
	}

	/* 	#cnt-item-box{
		padding: 10px 0 40px;
		width:100%;
		box-sizing:border-box;
	} */
	#cnt-copy1 .text-box,
	#cnt-copy2 .text-box2 {
		padding: 0px 10px;
		box-sizing: border-box;
		margin: 40px auto 0;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 10px);
	}

	/* 	#cnt-item-box .cnt-item,
    #cnt-item-box .cnt-item2{
		margin: 30px auto 0;
		z-index: 1;
	} */
	#cnt-copy1 .text-box h2,
	#cnt-copy2 .text-box2 h2 {
		font-size: 1.2em;
		/* margin: 2%; */
	}

	/* 	#cnt-item-box .cnt-item .text-box h2{
		font-size:1.4em;
	}
	#cnt-item-box .cnt-item .text-box h3,
	#cnt-item-box .cnt-item .text-box p{
		text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	#cnt-item-box .cnt-item .image-box {
		height: 250px;
	} */
	p.link a {
		letter-spacing: 0;
	}

}

@media screen and (max-width: 400px),
(max-device-width : 400px) {
	.link-style a {
		font-size: .8em;
		padding: 20px;
	}
}


.txt_l {
	text-align: left
}

.txt_c {
	text-align: center
}

.txt_r {
	text-align: right
}




.section_youtube {
	width: 100%;
	/* width: 100%; */
	display: inline-block;
	vertical-align: top;
	margin: 0 0 20px;
	/*     border: 1px solid #ddd; */
	padding: 1%;
}


.section_youtube p {
	font-size: 18px
}

.section_youtube p span {
	padding-left: 30px;
	font-size: 14px
}

.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 10px;
}

.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}








/* ======== table.tableOther ======== */
table.info {
	border-collapse: collapse;
	text-align: left;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 18px;
	width: 100%;
	background: #fff;
}

table.info tr {}

table.info th {
	width: 20%;
	padding: 5px 20px;
	vertical-align: 0;
	border: #ddd 1px solid;
	border-right: #ddd 1px dashed;
	border-right: #ddd 1px solid;
	background: #f6f6f6;
	font-size: 18px;
}

table.info td {
	padding: 10px;
	vertical-align: 0;
	border: #ddd 1px solid;
	border-left: none;
	font-size: 17px;
}

table.info td .linkArea {
	margin-top: 10px;
	text-align: left;
}

table.info td .linkArea a.btn {
	margin: 0;
}


.mark_td {
	background: #fdc2c1;
	border-radius: 30px;
	padding: 3px 10px;
	margin: 0 5px 0 0;
	color: #333333;
}

@media only screen and (max-width: 950px) {
	table.info th {
		width: 30%;
		padding: 20px;
		/* background: #fdf6f6; */
	}

	table.info td {
		padding: 20px;
	}
}

@media only screen and (max-width: 500px) {
	table.info {
		margin-top: 10px;
		margin-bottom: 40px;
	}

	table.info th {
		width: calc(100% - 30px);
		padding: 15px;
		display: block;
	}

	table.info td {
		padding: 15px;
		width: calc(100% - 30px);
		display: block;
		border: 1px solid #ddd;
		line-height: 2;
	}
}






/* ======== table.tableOther ======== */

#tousen {
	margin: 10px 0 50px;
	border: 1px solid #ddd;
	padding: 20px;
	background: #fff;
}

#tousen h3 {
	font-size: 25px;
	color: #FF5722;
	text-align: center
}


#tousen table.happyou {
	margin-top: 0;
	border-collapse: collapse;
	text-align: left;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 18px;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
}

#tousen table.happyou tr {}

#tousen table.happyou th {
	width: 20%;
	padding: 5px 20px;
	vertical-align: 0;
	border: #ddd 1px solid;
	border-right: #ddd 1px dashed;
	border-right: #ddd 1px solid;
	background: #fff9f9;
	font-size: 18px;
}

#tousen table.happyou td {
	padding: 10px;
	vertical-align: 0;
	border: #ddd 1px solid;
	border-left: none;
	font-size: 17px;
}

#tousen table.happyou td .linkArea {
	margin-top: 10px;
	text-align: left;
}

#tousen table.happyou td .linkArea a.btn {
	margin: 0;
}

/*    @media only screen and (max-width: 950px) {
	   
   #tousen table.happyou th {width:30%;padding:20px;background: #fdf6f6;}
   #tousen table.happyou td {padding:20px;}	
   } */

@media only screen and (max-width: 780px) {
	#tousen {
		margin: 10px 0 50px;
		border: 1px solid #ddd;
		padding: 20px;
		background: #fff;
		overflow-y: scroll;
	}

	#tousen table.happyou {
		margin-top: 10px;
		margin-bottom: 40px;
		width: 120%;
		overflow-y: scroll;
	}

	/*    #tousen table.happyou th {width: calc(100% - 30px);padding:15px;display: block;}
	#tousen table.happyou td {padding:15px;width: calc(100% - 30px);display: block;border: 1px solid #ddd;line-height: 2;} */
	#tousen table.happyou th {
		font-size: 14px;
		padding: 5px;
		width: 25%;
	}

	#tousen table.happyou td {
		font-size: 14px;
		padding: 5px;
	}
}



.btn_box .btn {
	display: inline-block;
	font-size: 18px;
	background-color: #098b3b;
	border: 1px solid #098b3b;
	padding: 5px 15px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	transition: .5s;
	/* width:250px; */
	height: 40px;
	line-height: 40px;
}

.btn_box .btn:hover {
	background-color: #fff;
	color: #337175;
}

.btn_box a {
	color: #098b3b
}

.btn_box a:hover {
	color: #FF9800
}

.btn_box .btn1 {
	display: inline-block;
	font-size: 20px;
	background-color: #b73640;
	border: 1px solid #b73640;
	padding: 10px 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	transition: .5s;
	/* width: 250px; */
}

@media only screen and (max-width:600px) {

	.btn_box .btn {
		width: 250px;
		margin-bottom: 10px;
	}

	.btn_box .btn1 {
		width: 250px;
		margin-bottom: 10px;
	}


	.btn_box .btn:after {
		content: "\f105";
		font-size: 15px;
		/* font-style: normal;
	    font-weight: normal;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale; */
		position: relative;
		right: -10px;
		z-index: 1;
		line-height: 40px;

	}

}

/* ======== table.tableOther ======== */
table.nittei {
	border-collapse: collapse;
	text-align: left;
	/* font-size: 14px; */
	letter-spacing: 1px;
	line-height: 2;
	width: 100%;
}

table.nittei tr {
	border-right: none;
	font-size: 15px;
}

table.nittei th {
	width: 10em;
	padding: 5px;
	vertical-align: 0;
	font-weight: 400;
	border: none;
	border-bottom: #ddd 1px solid;
	background: #fff;
	font-size: 16px;
}

table.nittei td {
	padding: 5px;
	vertical-align: 0;
	border: none;
	border-bottom: #ddd 1px solid;
	font-size: 16px;
}

table.nittei td .linkArea {
	margin-top: 10px;
	text-align: left;
}

table.nittei td .linkArea a.btn {
	margin: 0;
}

@media only screen and (max-width: 950px) {
	table.nittei th {
		width: 95%;
		/* padding:20px; */
		border-bottom: none;
	}

	table.nittei td {
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 800px) {
	table.nittei {
		font-size: 13px;
	}
}

@media only screen and (max-width: 738px) {
	table.nittei {
		/* font-size:12px; */
	}
}

@media only screen and (max-width: 414px) {
	table.nittei th {
		width: 95%;
		padding: 0 5px;
		border-bottom: none;
		font-weight: 500;
	}

	table.nittei td {
		padding: 0 5px 5px;
		border-bottom: 2px solid #ddd;
		padding-left: 18px;
	}
}