@charset "UTF-8";
/* CSS Document */
#main_box {
	background-image: url(../image/tuuyaku_main_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0%;
}
#gaijin {
	background-image: url(../image/tuuyaku_main_gaijin.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto 95%;
}
#nihonjin {
	background-image: url(../image/tuuyaku_main_nihonjin.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 95%;
}
#main_text h1 {
	font-size: 16px;
	color: #16850a;
}
#main_text p {
	font-size: 16px;
	font-weight: bold;
	color: #16850a;
}

.inner {
	width: 98%;
	margin: 0 auto;
}







 




#main_img {
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 100px;
}
#main_img img {
	width: 100%;
}
#main_text_box {
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#check_btn a {
	font-size: 40px;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 3px;
	color: #269E1A;
	display: block;
	padding-bottom: 45px;
	background-image: url(../image/check_line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#main_text {
	margin-top: 30px;
	padding-bottom: 60px;
}
#sc1 {
	width: 1075px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../image/s1_bg.png);
	background-repeat: no-repeat;
	background-position: 0% 20px;
	padding-top: 120px;
	padding-bottom: 100px;
}
#sc1 h2 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 5px;
}
#sc4 h2 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 5px;
}
#sc6 h2 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 5px;
}
#sc5 h2 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 5px;
}
#sc1 h3 {
	font-size: 60px;
	text-align: center;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 3px;
}
#sc4 h3 {
	font-size: 60px;
	text-align: center;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 3px;
}
#sc6 h3 {
	font-size: 60px;
	text-align: center;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 3px;
}
#sc5 h3 {
	font-size: 60px;
	text-align: center;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 3px;
}
#sc2_header h3 {
	font-size: 60px;
	text-align: center;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 3px;
}

.lines-on-sides, h3 {
  display: table;
  text-align: center;
  white-space: nowrap;
}
.lines-on-sides:after, h3:after, .lines-on-sides:before, h3:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 3px), transparent -webkit-calc(50% + 3px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 3px)), to(transparent calc(50% + 3px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 3px), transparent calc(50% + 3px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.lines-on-sides:after, h3:after {
  border-left: 1em solid transparent;
}
.lines-on-sides:before, h3:before {
  border-right: 1em solid transparent;
}

.text_cnter {
	text-align: center;
	font-size: 20px;
}
.dotto {
	font-size: 40px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
#sc1 dl {
	width: 31%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
}
#sc1 dl dt img {
	width: 100%;
	height: auto;
}
#sc1 dl dd {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin-top: 15px;
}
#under_dl {
	clear: both;
	overflow-y: hidden;
	width: 64%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}
#sc1 #under_dl dl {
	width: 48%;
}
.btn a {
	clear: both;
	display: block;
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	font-size: 35px;
	text-align: center;
	line-height: 120px;
	border-radius: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #262626;
	-webkit-box-shadow: 10px 10px #B7B7B7;
	box-shadow: 10px 10px #B7B7B7;
}
.btn_form input {
	clear: both;
	display: block;
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	font-size: 35px;
	text-align: center;
	line-height: 120px;
	border-radius: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #262626;
	-webkit-box-shadow: 10px 10px #B7B7B7;
	box-shadow: 10px 10px #B7B7B7;
	margin-top: 90px;
}
#sc6 #footer_box table {
	width: 100%;
	border: 1px solid #262626;
	margin-top: 40px;
}
#footer_box table tr th {
	background-color: #262626;
	color: #FFFFFF;
	width: 30%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 16px;
	border-bottom: 1px solid #000000;
}
#footer_box table tr td {
	background-color: #FFFFFF;
	padding-left: 20px;
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}
#sc2 {
	background-image: url(../image/sc1_mainbg.png);
	background-repeat: repeat;
}
#sc2_header {
	height: 380px;
	text-align: center;
	background-image: url(../image/sc1_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.sc2_h_inner {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
}
.nonber {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 28px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 3px solid #000000;
	margin-bottom: 50px;
}
.sc2_h_inner h2 {
	font-size: 22px;
	margin-bottom: 5px;
}
#sc2_main {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 80px;
}
#sc2_main dl {
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
}
#sc2_main dl dt {
	margin-top: 20px;
}
#sc2_main dl dt img {
	width: 100%;
	height: auto;
}
#sc2_main dl dd {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
#sc2_main .bottom {
	clear: both;
	overflow-y: hidden;
	padding-bottom: 80px;
}
#sc3_main .bottom {
	clear: both;
	overflow-y: hidden;
	padding-bottom: 80px;
}
.sc3_h_inner {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
}
#sc3_header {
	height: 380px;
	background-image: url(../image/sc2_bg.png);
	background-position: center 0%;
	background-repeat: no-repeat;
	background-size: cover;
}
#sc3_5_header {
	height: 380px;
	background-image: url(../image/sc3_bg.png);
	background-position: center 0%;
	background-repeat: no-repeat;
	background-size: cover;
}
.sc3_h_inner h2 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 5px;
}
.sc3_5_h_inner h2 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 5px;
}
#sc3_header h3 {
	font-size: 60px;
	text-align: center;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 3px;
}
#sc3_5_header h3 {
	font-size: 60px;
	text-align: center;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 3px;
}
#sc3 {
	background-image: url(../image/sc1_mainbg.png);
	background-repeat: repeat;
	padding-bottom: 80px;
	width: 100%;
}
#sc3_main {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}
#sc3_5_main {
	width: 1006px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}
#sc3_main dl {
	width: 48%;
	float: left;
	padding-left: 2%;
}
#sc3_main dl dd {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}
#sc3_main dl dt img {
	width: 100%;
	height: auto;
}
#sc4 {
	clear: both;
}
#sc4_main {
	width: 1006px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 120px;
	padding-bottom: 100px;
}
#regular_list1 {
	width: 490px;
	float: left;
	margin-right: 13px;
	margin-top: 70px;
	border: 1px solid #17C0B5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 90px;
}
#regular_list3 {
	width: 100%;
	margin-top: 70px;
	border: 1px solid #17C0B5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 90px;
}
#regular_list2 {
	width: 490px;
	margin-left: 13px;
	float: left;
	margin-top: 70px;
	border: 1px solid #F2688A;
	margin-bottom: 90px;
}
#kotoba {
	height: 470px;
	background-image: url(../image/kotoba1.png);
	background-position: center 0%;
	background-size: cover;
}
#kotoba h2 {
	text-align: center;
	font-size: 45px;
	color: #FFFFFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 470px;
}
#regular_list1 h4 {
	background-color: #17C0B5;
	height: 120px;
	line-height: 120px;
	text-align: center;
	font-size: 40px;
	color: #FFFFFF;
}
#regular_list3 h4 {
	background-color: #17C0B5;
	height: 120px;
	line-height: 120px;
	text-align: center;
	font-size: 40px;
	color: #FFFFFF;
}
#regular_list2 h4 {
	height: 120px;
	text-align: center;
	line-height: 120px;
	font-size: 40px;
	color: #FFFFFF;
	background-color: #F2688A;
}
.regular_inner {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 75px;
	padding-right: 75px;
}
.peso {
	font-size: 30px;
	font-weight: bold;
}
.peso span {
	font-size: 70px;
	display: block;
	float: left;
	width: 190px;
	padding-top: 20px;
	font-weight: bold;
}
.peso2 span {
	font-size: 50px;
	display: block;
	width: 100%;
	padding-top: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 1.5em;
}
.peso strong {
	display: block;
	float: right;
	width: 130px;
	line-height: 1.3em;
}
.color1 {
	color: #00C9C2;
	clear: both;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
}
.color4 {
	color: #F2688A;
	clear: both;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	font-size: 16px;
}
.color2 {
	text-align: center;
	color: #00C9C1;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 5px solid #00C9C1;
}
.color5 {
	text-align: center;
	color: #F2688A;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 5px solid #F2688A;
}
.color3 {
	font-weight: bold;
	text-align: center;
}
#sc5 {
	background-image: url(../image/from_bg.png);
	background-repeat: repeat;
}
#regular_list1 h5 {
	background-color: #04C9C2;
	text-align: center;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 30px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#regular_list2 h5 {
	background-color: #F2688A;
	text-align: center;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 30px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#sc5_inner {
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
.regular_inner figure {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
#sc6 {
	background-color: #DCE653;
}
#footer_box {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 910px;
	margin-left: auto;
	margin-right: auto;
}
#sc6 small {
	display: block;
	background-color: #262626;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#sc5_inner p {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px;
}
#form_block {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#form_block .syousai_box {
	width: 100%;
}
.syousai_box tr th {
	width: 20%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dedfdf;
}
.syousai_box tr td {
	border-bottom: 1px solid #DEDFDF;
	padding-top: 20px;
	padding-bottom: 20px;
}
#form_bottom th {
	border-bottom-style: none;
}
#form_bottom td {
	border-bottom-style: none;
}
.back_btn a {
	display: block;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background-color: #16850a;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 30px;
}
#thanks {
	margin-top: 80px;
}
#sp {
	display: none;
}
.tyui {
	width: 1067px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 5px;
}
.tyui h2 {
	color: #F48400;
	font-size: 36px;
	margin-bottom: -40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.tyui article {
	border: 3px solid #F89600;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: -30px;
}
.tyui article p {
	font-size: 24px;
	color: #F48400;
}


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

.lines-on-sides:after, h3:after, .lines-on-sides:before, h3:before {
	content: '';
	display: none;
	width: 50%;
	background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 3px), transparent -webkit-calc(50% + 3px));
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 3px)), to(transparent calc(50% + 3px)));
	background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 3px), transparent calc(50% + 3px));
	-webkit-background-clip: padding;
	background-clip: padding;
}
#sc1 {
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pc {
	display: none;
}
#sp {
	display: block;
}
.buddy {
	width: 100%;
	clear: both;
}
.buddy2 {
	width: 100%;
	clear: both;
}
#sp .buddy dl {
	width: 48%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
}
#sp .buddy2 dl {
	width: 49%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	display: block;
	clear: both;
	float: none;
}
#sc2_main #sp dl {
	width: 48%;
}
#sc1 h3 {
	text-align: center;
	display: block;
	font-size: 33px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#sc2 h3 {
	text-align: center;
	display: block;
	font-size: 40px;
}
#sc3 h3 {
	text-align: center;
	display: block;
	font-size: 25px;
}
#sc3_5 h3 {
	text-align: center;
	display: block;
	font-size: 25px;
}
#sc4 h3 {
	text-align: center;
	display: block;
	font-size: 25px;
}
#sc5 h3 {
	text-align: center;
	display: block;
	font-size: 30px;
}
#sc6 h3 {
	text-align: center;
	display: block;
	font-size: 30px;
}
#sc2_header .sc2_h_inner {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2%;
	padding-right: 2%;
}
#sc2_main {
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sc3_header {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2%;
	padding-right: 2%;
}
#sc4 #sc4_main {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2%;
	padding-right: 2%;
}
#sc3_5 #sc3_5_main {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2%;
	padding-right: 2%;
}
#sc4_main #regular_list1 {
	width: 49%;
	margin-right: 1%;
}
#sc4_main #regular_list2 {
	width: 49%;
	margin-left: 1%;
}
#sc5 #sc5_inner {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 30px;
}
#sc6 #footer_box  {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2%;
	padding-right: 2%;
}
.btn_form input {
	width: 80%;
}
.btn a {
	width: 90%;
	font-size: 24px;
	height: 80px;
	line-height: 80px;
}
#sc3_main {
	width: 100%;
}
.buddy2 dl dt img {
	width: 48%;
}
	.tyui {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}
}

@media screen and (max-width: 640px) {
  
#main_box {
	background-image: url(../image/tuyaku_main_bg_sp.png);
	background-size: cover;
	background-position: center 0%;
}
#gaijin {
	background-image: none;
}
#nihonjin {
	background-image: none;
}

#sc3 #sc3_main {
	width: 100%;
}
#sc3_header .sc3_h_inner {
	width: 100%;
}
#sc4_main #regular_list1 {
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 40px;
}
#sc4_main #regular_list2 {
	width: 100%;
	margin-bottom: 40px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
}
.nonber {
	width: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	margin-bottom: 20px;
}
}


@media only screen and (max-width: 480px) {
		#form_table {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}
#form_table tr th {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	display: block;
}
#form_table{
	display: inline-block;
	width: 100%;
	font-size:16px;
	}
#form_table tr,
#form_table tr th,
#form_table tr td{
	display: block;
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	}
/*#form_table tr th,
#form_table tr td{
	border: none;
	}*/
.text_cnter {
	font-size: 16px;
}
#sc1  br {
	display: none;
}
#sc1 {
	padding-top: 40px;
	padding-bottom: 40px;
}
#sc1 h2 {
	font-size: 18px;
}
#sc2_header .sc2_h_inner h2 {
	font-size: 18px;
}
#sc2 h3 {
	font-size: 22px;
}
#sc4_main {
	padding-top: 40px;
	padding-bottom: 40px;
}
#sp .buddy dl dd {
	font-size: 18px;
}
#sp .buddy2 dl dd {
	font-size: 18px;
}
#main_text_box {
	width: 60%;
}
#main_img {
	width: 80%;
	padding-top: 65px;
}
#check_btn a {
	font-size: 24px;
	padding-bottom: 20px;
}
#main_text h1 {
	font-size: 12px;
}
#main_text p {
	font-size: 12px;
}
#sc1 h3 {
	font-size: 22px;
	height: auto;
}
#kotoba {
	height: 300px;
	background-size: cover;
}
#kotoba h2 {
	font-size: 24px;
	line-height: 300px;
}
#sc2_header {
	height: 280px;
}
.regular_inner {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
#sc2_main  dl {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
#sc2_main .bottom {
	padding-bottom: 20px;
	overflow-y: hidden;
}
#sc2_main #sp dl dd {
	font-size: 16px;
}
#sc3_main dl dd {
	font-size: 16px;
}
#sc3_main dl {
	padding-bottom: 20px;
}
#form_block {
	padding-left: 20px;
	padding-right: 20px;
}
.peso span {
	width: 60%;
	font-size: 60px;
}
.peso strong {
	width: 40%;
}
#sc3_header {
	height: 320px;
}
.btn_form input {
	height: 60px;
	width: 60%;
	font-size: 18px;
	line-height: 1px;
}
.btn a {
	font-size: 18px;
	-webkit-box-shadow: 3px 3px #585858;
	box-shadow: 3px 3px #585858;
}
.tyui {
	padding-bottom: 20px;
}
	.tyui h2 img {
	width: 40%;
	height: auto;
}
.tyui article p {
	font-size: 15px;
}
	
}
@media only screen and (max-width: 356px) {
.peso span {
	font-size: 50px;
	padding-top: 10px;
}
.peso {
	font-size: 22px;
}
#sp_wrap {
	background-image: url(../image/tuyaku_main_bg_sp.png);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
#main_box {
	background-size: 100% auto;
	background-position: 0% bottom;
}
}