@charset "utf-8";
/* CSS Document */
@media screen and (max-width:850px){

html {
  font-size: 8px;
}
body {
	max-width: 850px;
}


	/*header*/
	#header {
		height: 75px;
	}
	.inner {
		width: 98%;
	}
	.head-logo {
		width: 220px;
	}
	.head-nav ul {
		gap:2rem;
	}
	.head-nav ul li a {
		font-size: 13px;
	}
	.head-nav ul li a.hntel {
		font-size: 20px;
	}
	.head-nav ul li a.hntel i {
		margin-right: 3px;
	}
	.hn-link {
		position: relative;
	}
	.hn-link::before {
		content: "";
		width: 20px;
		height: 3px;
		position: absolute;
		bottom: 1px;
		left: 50%;
		transform: translate(-50%);
	}


	/*mainvisual*/
	.mainvisual {
		height: 70vh;
		position: relative;
	}
	.catch-copy {
		position: absolute;
		top: 3rem;
		right: 3rem;
		flex-direction: row-reverse;
	}
	.catch-copy h2,
	.catch-copy h3 {
		writing-mode: vertical-rl;;
	}
	.catch-copy h2 {
		font-size: 40px;
	}
	.catch-copy h3 {
		font-size: 20px;
		margin-right: -4rem;
		margin-top: 25rem;
	}


	/*company*/
	#company {
		padding: 10rem 0;
		position: relative;
	}
	#company::before {
		content: "";
		width: 85%;
		height: 100px;
		position: absolute;
		top:5rem;
		right: 0;
	}
	#company .inner {
		width: 80%;
		margin: auto;
		flex-direction: column-reverse;
		gap:3rem;
	}
	#company .inner .img{
		width: 100%;
	}
	#company .inner .txt {
		width: 100%;
		margin-top: 10rem;
	}
	#company .inner .txt p {
		font-size: 17px;
		line-height: 2;
	}
	


	/*recruit*/
	#recruit {
		padding: 5rem 0 15rem 0;
	} 
	.ttl01 h4 {
		text-align: center;
		font-style: italic;
		font-size: 40px;
	}
	.ttl01 h4 span {
		font-size: 20px;
	}
	.recruit-message {
		font-size: 26px;
		text-align: center;
	}
	#recruit .inner {
		width: 90%;
		margin-top:5rem;
		margin-left: auto;
		margin-right: auto;
	}
	#recruit .inner .img {
		width: 50%;
	}
	#recruit .inner .txt p {
		font-size: 18px;
		line-height: 2;
		margin-bottom: 3rem;
		z-index: 2;
	}
	#recruit .inner .txt {
		width: 65%;
		padding: 6rem 3rem 6rem 5rem;
		margin-left: -3rem;
	}


	/*work*/
	#work {
		padding-top: 10rem;
		padding-bottom: 15rem;
		position: relative;
	}
	#work::before {
		content: "";
		width: 65%;
		height: 100px;
		position: absolute;
		bottom:0;
		left: 0;
	}
	#work::after {
		content: "";
		width: 70%;
		height: 80%;
		position: absolute;
		bottom:0;
		right: 0;
		z-index: -1;
	}
	.work-inner {
		width: 75%;
		padding: 5rem 0;
	}
	.work-inner h5 {
		font-size: 32px;
		margin-bottom: 3rem;
		text-align: center;
	}
	.work-inner p {
		font-size: 18px;
		line-height: 2;
		width: 60%;
		margin: 0 auto 3rem auto;
	}

	

	/*news*/
	#news {
		padding: 10rem 0;
			}
	#news .inner {
		width: 90%;
		margin: auto;
	}
	#news .inner dl {
		width: 90%;
		margin: auto;
		align-items: center;
		justify-content: space-between;
	}
	#news .inner dl dt {
		width: 25%;
		text-align: center;
		font-size: 18px;
		margin-bottom: 1rem;
	}
	#news .inner dl dd {
		width: 75%;
		font-size: 16px;
		margin-bottom: 1rem;
		margin-left: 0;
	}


	/*contact*/
	#contact {
		padding: 5rem 0 10rem 0;
		background: url("../img/bg03.png");
		background-size: cover;
		background-position: center;
	}
	#contact .ttl01 h4 {
		color: #085794;
	}
	#contact .ttl01 h4 span {
		color: #333;
	}
	.contact-message {
		font-size: 20px;
		line-height: 2;
		text-align: center;
	}
	.contact-bnr {
		width: 90%;
		margin: auto;
		justify-content: space-between;
		align-items: center;
	}
	.contact-link {
		width: 45%;
		padding: 2rem 0;
	}
	.contact-link a i {
		margin-right: 1rem;
		font-size: 28px;
	}
	.tel-link a {
		font-size: 34px;
	}
	.web-link a {
		font-size: 24px;
	}


	/*footer*/
	#footer {
		padding-top: 5rem;
	}
	#footer .inner {
		width: 90%;
		margin: auto;
	}
	.foot-logo {
		width: 380px;
		margin: auto;
	}
	.foot-adress {
		font-size: 20px;
		text-align: center;
	}
	.foot-tel {
		display: block;
		font-size: 32px;
	}
	.foot-tel i {
		margin-right: 1rem;
	}
	.foot-map {
		width: 100%;
		margin-top: 5rem;
	}
	.foot-map iframe {
		width: 100%;
	}



	/*下層*/
	.s-mainvisual {
		height: 40vh;
		position: relative;
	}
	.pagettl {
		position: absolute;
		top: 50%;
		left: 20rem;
	}
	.pagettl h2 {
		font-size: 36px;
	}
	.ttl02 h4 {
		text-align: center;
		font-size: 32px;
		line-height: 1;
	}
	.ttl02 {
		position: relative;
	}
	.ttl02::before {
		content: "";
		width: 150px;
		height: 5px;
		position: absolute;
		bottom:-1.5rem;
		left: 50%;
		transform: translate(-50%);
	}


	/*work*/
	.work-contents {
		padding: 5rem  0;
	}
	.work-contents .inner {
		width: 95%;
		margin: 5rem auto;
		justify-content: space-between;
		align-items: center;
	}
	.work-contents .inner .img,
	.work-contents .inner .txt {
		width: 45%;
	}
	.work-contents .inner .txt p {
		font-size: 16px;
		line-height: 2;
	}



	/*recruit*/
	#recruit-top {
		margin-top: 5rem;
		padding: 10rem 0;
	}
	#recruit-top .inner {
		width: 95%;
		margin: auto;
		justify-content: space-between;
		align-items: center;
	}
	#recruit-top .inner .img,
	#recruit-top .inner .txt {
		width: 48%;
	}
	#recruit-top .inner .txt .b-txt {
		font-size: 22px;
		margin-bottom: 3rem;
	}
	#recruit-top .inner .txt .s-txt {
		font-size: 16px;
		line-height: 2;
	}

	#requirements {
		padding: 10rem 0;
	}
	.requirements-inner {
		width: 90%;
		margin: 5rem auto;
	}
	.t01
	{
			width: 90%;
			margin: 5rem auto;
			border-top: 1px solid #005699;
	}
	.t01 th,.t01 td
	{
			padding: 3rem 2rem;
			border-bottom: 1px solid #005699;
			font-size: 1.8rem;
			font-weight: 500;
	}
	.t01 th
	{
			background: #F7F7F7;
			width: 30%;
			text-align: center;
	}


	/*interview*/
	#interview {
		padding: 10rem 0;
		background: #E8F0F6;
	}
	#interview .inner {
		width: 95%;
		margin: 10rem auto 0 auto;
		align-items: flex-start;
	}
	#interview .inner .item {
		width: 48%;
	}
	.q-txt {
		font-size: 20px;
		padding-left: 2rem;
		position: relative;
		line-height: 1.5;
		margin-bottom: 3rem;
	}
	.q-txt::before {
		content: "";
		height: 40px;
		width: 5px;
		position: absolute;
		top: 10%;
		left: 0.5rem;
	}
	.a-txt {
		font-size: 14px;
		line-height: 2;
	}


	/*company*/
	#greeting {
		padding: 10rem 0 0 0;
	}
	#greeting .inner {
		width: 95%;
		margin: 5rem auto;
	}
	.greeting-txt {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 2rem;
	}
	.name {
		font-size: 24px;
		text-align: right;
	}

	#company-info {
		padding: 10rem 0;
	}
	#company-info .inner {
		width: 95%;
		margin: 5rem auto;
	}
	.info-table {
		width: 100%;
	}
	.info-table th {
		width: 30%;
		background: #F3F3F3;
		font-size: 16px;
		padding: 1rem 0;
		border-top: 1px solid #085794;
	}
	.info-table td {
		width: 70%;
		font-size: 16px;
		padding: 1rem 0 1rem 3rem;
		border-top: 1px solid #085794;
	}
	.info-table .last {
		border-bottom: 1px solid #085794;
	}



	/*contact*/
	#contact-form {
		padding: 10rem 0;
		border-bottom: 1px solid #085794;
	}

	.contact-note {
		font-size: 14px;
		text-align: center;
	}

	.box_con02 {
		max-width: 95%;
		margin: 0  auto;
	}
	@media only screen and (max-width: 768px) {
		.box_con02 {
			width: 95%;
		}
	}
	.box_con02 form {
		width: 100%;
	}
	.box_con02 form table {
		width: 100%;
	}
	.box_con02 form table tr {
		position: relative;
	}
	.box_con02 form table tr:first-child td:before {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		height: 1px;
		border-bottom: solid 1px rgba(28, 46, 83, 0.5);
	}
	@media only screen and (max-width: 768px) {
		.box_con02 form table tr:first-child td:before {
			display: none;
		}
	}
	.box_con02 form table tr th {
		width: 30%;
		font-weight: normal;
		padding: 1em .5em;
		background: #085794;
		color: #fff;
		position: relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
	}
	@media only screen and (max-width: 768px) {
		.box_con02 form table tr th {
			text-align: center;
			width: 100%;
			display: block;
			padding: .8em .2em;
		}
	}
	.box_con02 form table tr th span {
		background: #cd6f55;
		padding: 0 .3em;
		color: #fff;
		margin-left: .5em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.box_con02 form table tr th:after {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		height: 1px;
		border-bottom: solid 1px #fff;
	}
	.box_con02 form table tr td {
		position: relative;
		padding: 1em .5em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
			font-size: 1.4em;
	}
	@media only screen and (max-width: 768px) {
		.box_con02 form table tr td {
			padding: 1.5em .5em;
			display: block;
			width: 100%;
		}
	}
	.box_con02 form table tr td:after {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		height: 1px;
		border-bottom: solid 1px rgba(28, 46, 83, 0.5);
	}
	.box_con02 form table tr .box_br {
		display: block;
	}
	.box_con02 form table tr select, .box_con02 form table tr textarea, .box_con02 form table tr .wide {
		width: 100%;
		height: 3em;
		padding: .5em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
			border: 1px solid #CCCCCC;
	}
	.box_con02 form table tr textarea {
		height: 10em;
	}

	/*プライバシーのデザインcss↓*/
	.con_pri {
		max-width: 700px;
		margin: 0  auto;
	}
	@media only screen and (max-width: 768px) {
		.con_pri {
			width: 95%;
		}
	}
	.con_pri .box_pri {
		height: 300px;
		overflow-y: scroll;
		border: 1px solid #cdcdcd;
		background: #f7f7f7;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 20px;
		padding: 20px 55px;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri {
			margin-top: 4%;
			padding: 3%;
		}
	}
	@media only screen and (min-width: 769px) and (max-width: 1024px) {
		.con_pri .box_pri {
			padding: 4%;
		}
	}
	.con_pri .box_pri .box_tori {
		text-align: left;
		margin-top: 40px;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_tori {
			margin-top: 4%;
		}
	}
	.con_pri .box_pri .box_tori h4 {
		font-weight: normal;
		margin-bottom: 30px;
		font-size: 200%;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_tori h4 {
			margin-bottom: 4%;
		}
	}
	.con_pri .box_pri .box_tori .txt {
		padding: 0 20px;
			font-size: 1.4em;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_tori .txt {
			padding: 0;
				font-size: 1.4em;
		}
	}
	.con_pri .box_pri .box_num {
		margin-top: 30px;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_num {
			margin-top: 5%;
		}
	}
	.con_pri .box_pri .box_num h4 {
		font-weight: normal;
		font-size: 200%;
	}
	.con_pri .box_pri .box_num .txt {
		padding: 10px 0 0 20px;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_num .txt {
			padding: 3% 0 0 3%;
		}
	}
	.box_num li
	{
			font-size: 1.4em;
			list-style: disc;
			margin-bottom: 1rem;
			margin-left: 2rem;
	}

	.box_check {
		text-align: center;
		margin: 1em auto;
	}
	.box_check label {
		display: inline-block;
	}
	.box_check label span {
		margin-left: .3em;
			font-size: 1.4em
	}


	.btn {
		text-align: center;
	}
	.btn input {
		display: inline-block;
		background: #005699;
		padding: 1.5em 5em;
		color: #FFFFFF;
		text-decoration: none;
		cursor: pointer;
		border: none;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		font-size: 16px;
	}
	.btn input:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}

}



@media screen and (max-width:420px){
	html {
  font-size: 6px;
	}
	body {
		max-width: 420px;
	}
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	
	
	/*header*/
	#header {
		height: 75px;
	}
	.inner {
		width: 98%;
	}
	.head-logo {
		width: 280px;
	}
	


	/*mainvisual*/
	.mainvisual {
		height: 60vh;
		position: relative;
	}
	.catch-copy {
		width: 98%;
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translate(-50%);
		flex-direction: column;
	}
	.catch-copy h2,
	.catch-copy h3 {
		writing-mode:horizontal-tb;
		text-align: center;
	}
	.catch-copy h2 {
		font-size: 40px;
	}
	.catch-copy h3 {
		font-size: 20px;
		margin-right: 0;
		margin-top: 1rem;
	}


	/*company*/
	#company {
		padding: 3rem 0;
		position: relative;
	}
	#company::before {
		content: "";
		width: 95%;
		height: 50px;
		position: absolute;
		top:5rem;
		right: 0;
	}
	#company .inner {
		width: 95%;
		margin: auto;
		flex-direction: column-reverse;
		gap:3rem;
	}
	#company .inner .img{
		width: 100%;
	}
	#company .inner .txt {
		width: 100%;
		margin-top: 5rem;
	}
	#company .inner .txt p {
		font-size: 14px;
		line-height: 1.5;
	}
	


	/*recruit*/
	#recruit {
		padding: 5rem 0 15rem 0;
	} 
	.ttl01 h4 {
		text-align: center;
		font-style: italic;
		font-size: 40px;
	}
	.ttl01 h4 span {
		font-size: 20px;
	}
	.recruit-message {
		font-size: 24px;
		text-align: center;
	}
	#recruit .inner {
		width: 95%;
		margin-top:5rem;
		margin-left: auto;
		margin-right: auto;
		flex-direction: column;
	}
	#recruit .inner .img {
		width: 100%;
	}
	#recruit .inner .txt p {
		font-size: 18px;
		line-height: 2;
		margin-bottom: 3rem;
		z-index: 2;
	}
	#recruit .inner .txt {
		width: 100%;
		padding: 6rem 3rem 6rem 5rem;
		margin-left: auto;
	}


	/*work*/
	#work {
		padding-top: 10rem;
		padding-bottom: 15rem;
		position: relative;
	}
	#work::before {
		content: "";
		width: 90%;
		height: 60px;
		position: absolute;
		bottom:0;
		left: 0;
	}
	#work::after {
		content: "";
		width: 90%;
		height: 80%;
		position: absolute;
		bottom:0;
		right: 0;
		z-index: -1;
	}
	.work-inner {
		width: 100%;
		padding: 5rem 0;
	}
	.work-inner h5 {
		font-size: 28px;
		margin-bottom: 3rem;
		text-align: center;
	}
	.work-inner p {
		font-size: 16px;
		line-height: 2;
		width: 90%;
		margin: 0 auto 3rem auto;
	}

	

	/*news*/
	#news {
		padding: 10rem 0;
			}
	#news .inner {
		width: 90%;
		margin: auto;
	}
	#news .inner dl {
		width: 90%;
		margin: auto;
		flex-direction: column;
	}
	#news .inner dl dt {
		width: 25%;
		text-align: center;
		font-size: 16px;
		margin-bottom: 1rem;
	}
	#news .inner dl dd {
		width: 100%;
		font-size: 14px;
		margin-bottom: 1rem;
		margin-left: 0;
		text-align: center;
	}


	/*contact*/
	#contact {
		padding: 5rem 0 10rem 0;
	}
	.contact-message {
		font-size: 18px;
		line-height: 2;
		text-align: center;
	}
	.contact-bnr {
		width: 90%;
		margin: auto;
		flex-direction: column;
		gap:3rem;
	}
	.contact-link {
		width: 100%;
		padding: 2rem 0;
	}
	.contact-link a i {
		margin-right: 1rem;
		font-size: 28px;
	}
	.tel-link a {
		font-size: 34px;
	}
	.web-link a {
		font-size: 24px;
	}


	/*footer*/
	#footer {
		padding-top: 5rem;
	}
	#footer .inner {
		width: 90%;
		margin: auto;
	}
	.foot-logo {
		width: 300px;
		margin: auto;
	}
	.foot-adress {
		font-size: 14px;
		text-align: center;
	}
	.foot-tel {
		display: block;
		font-size: 26px;
	}
	.foot-tel i {
		margin-right: 1rem;
	}
	.foot-map {
		width: 100%;
		margin-top: 5rem;
	}
	.foot-map iframe {
		width: 100%;
	}



	/*下層*/
	.s-mainvisual {
		height: 20vh;
		position: relative;
	}
	.pagettl {
		position: absolute;
		top: 20%;
		left: 20rem;
	}
	.pagettl h2 {
		font-size: 28px;
	}
	.ttl02 h4 {
		text-align: center;
		font-size: 26px;
		line-height: 1;
	}
	.ttl02 {
		position: relative;
	}
	.ttl02::before {
		content: "";
		width: 120px;
		height: 3px;
		position: absolute;
		bottom:-1.5rem;
		left: 50%;
		transform: translate(-50%);
	}


	/*work*/
	.work-contents {
		padding: 5rem  0;
	}
	.work-contents .inner {
		width: 95%;
		margin: 5rem auto;
		justify-content: space-between;
		align-items: center;
		gap:3rem;
	}
	.work-contents .inner .img,
	.work-contents .inner .txt {
		width: 100%;
	}
	.work-contents .inner .txt p {
		font-size: 14px;
		line-height: 2;
	}
	#work02 {
		margin-bottom: 3rem;
	}


	/*recruit*/
	#recruit-top {
		margin-top: 5rem;
		padding: 5rem 0;
	}
	#recruit-top .inner {
		width: 95%;
		margin: auto;
		flex-direction: column-reverse;
		gap:3rem;
	}
	#recruit-top .inner .img,
	#recruit-top .inner .txt {
		width: 100%;
	}
	#recruit-top .inner .txt .b-txt {
		font-size: 22px;
		margin-bottom: 3rem;
	}
	#recruit-top .inner .txt .s-txt {
		font-size: 16px;
		line-height: 2;
	}

	#requirements {
		padding: 10rem 0;
	}
	.requirements-inner {
		width: 99%;
		margin: 5rem auto;
	}
	.t01
	{
			width: 90%;
			margin: 5rem auto;
			border-top: 1px solid #005699;
	}
	.t01 th,.t01 td
	{
			padding: 3rem 2rem;
			border-bottom: 1px solid #005699;
			font-size: 14px;
			font-weight: 500;
	}
	.t01 th
	{
			background: #F7F7F7;
			width: 30%;
			text-align: center;
	}


	/*interview*/
	#interview {
		padding: 10rem 0;
		background: #E8F0F6;
	}
	#interview .inner {
		width: 95%;
		margin: 10rem auto 0 auto;
		align-items: flex-start;
	}
	#interview .inner .item {
		width: 100%;
	}
	.q-txt {
		font-size: 18px;
		padding-left: 2rem;
		position: relative;
		line-height: 1.5;
		margin-bottom: 3rem;
	}
	.q-txt::before {
		content: "";
		height: 40px;
		width: 5px;
		position: absolute;
		top: 10%;
		left: 0.5rem;
	}
	.a-txt {
		font-size: 14px;
		line-height: 2;
	}


	/*company*/
	#greeting {
		padding: 10rem 0 0 0;
	}
	#greeting .inner {
		width: 95%;
		margin: 5rem auto;
	}
	.greeting-txt {
		font-size: 14px;
		line-height: 1.8;
		margin-bottom: 2rem;
	}
	.name {
		font-size: 20px;
		text-align: right;
	}

	#company-info {
		padding: 10rem 0;
	}
	#company-info .inner {
		width: 98%;
		margin: 5rem auto;
	}
	.info-table {
		width: 100%;
	}
	.info-table th {
		width: 30%;
		background: #F3F3F3;
		font-size: 14px;
		padding: 1rem 0;
		border-top: 1px solid #085794;
	}
	.info-table td {
		width: 70%;
		font-size: 14px;
		padding: 1rem 0 1rem 3rem;
		border-top: 1px solid #085794;
	}
	.info-table .last {
		border-bottom: 1px solid #085794;
	}



	/*contact*/
	#contact-form {
		padding: 10rem 0;
		border-bottom: 1px solid #085794;
	}

	.contact-note {
		font-size: 12px;
		text-align: left;
		width: 95%;
		margin: 0 auto 3rem auto;
	}

	.box_con02 {
		max-width: 95%;
		margin: 0  auto;
	}
	@media only screen and (max-width: 768px) {
		.box_con02 {
			width: 95%;
		}
	}
	.box_con02 form {
		width: 100%;
	}
	.box_con02 form table {
		width: 100%;
	}
	.box_con02 form table tr {
		position: relative;
	}
	.box_con02 form table tr:first-child td:before {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		height: 1px;
		border-bottom: solid 1px rgba(28, 46, 83, 0.5);
	}
	@media only screen and (max-width: 768px) {
		.box_con02 form table tr:first-child td:before {
			display: none;
		}
	}
	.box_con02 form table tr th {
		width: 30%;
		font-weight: normal;
		padding: 1em .5em;
		background: #085794;
		color: #fff;
		position: relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
	}
	@media only screen and (max-width: 768px) {
		.box_con02 form table tr th {
			text-align: center;
			width: 100%;
			display: block;
			padding: .8em .2em;
		}
	}
	.box_con02 form table tr th span {
		background: #cd6f55;
		padding: 0 .3em;
		color: #fff;
		margin-left: .5em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.box_con02 form table tr th:after {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		height: 1px;
		border-bottom: solid 1px #fff;
	}
	.box_con02 form table tr td {
		position: relative;
		padding: 1em .5em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
			font-size: 14px;
	}
	@media only screen and (max-width: 768px) {
		.box_con02 form table tr td {
			padding: 1.5em .5em;
			display: block;
			width: 100%;
		}
	}
	.box_con02 form table tr td:after {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		height: 1px;
		border-bottom: solid 1px rgba(28, 46, 83, 0.5);
	}
	.box_con02 form table tr .box_br {
		display: block;
	}
	.box_con02 form table tr select, .box_con02 form table tr textarea, .box_con02 form table tr .wide {
		width: 100%;
		height: 3em;
		padding: .5em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
			border: 1px solid #CCCCCC;
	}
	.box_con02 form table tr textarea {
		height: 10em;
	}

	/*プライバシーのデザインcss↓*/
	.con_pri {
		max-width: 700px;
		margin: 0  auto;
	}
	@media only screen and (max-width: 768px) {
		.con_pri {
			width: 95%;
		}
	}
	.con_pri .box_pri {
		height: 300px;
		overflow-y: scroll;
		border: 1px solid #cdcdcd;
		background: #f7f7f7;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 20px;
		padding: 20px 55px;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri {
			margin-top: 4%;
			padding: 3%;
		}
	}
	@media only screen and (min-width: 769px) and (max-width: 1024px) {
		.con_pri .box_pri {
			padding: 4%;
		}
	}
	.con_pri .box_pri .box_tori {
		text-align: left;
		margin-top: 40px;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_tori {
			margin-top: 4%;
		}
	}
	.con_pri .box_pri .box_tori h4 {
		font-weight: normal;
		margin-bottom: 30px;
		font-size: 200%;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_tori h4 {
			margin-bottom: 4%;
		}
	}
	.con_pri .box_pri .box_tori .txt {
		padding: 0 20px;
			font-size: 1.4em;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_tori .txt {
			padding: 0;
				font-size: 1.4em;
		}
	}
	.con_pri .box_pri .box_num {
		margin-top: 30px;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_num {
			margin-top: 5%;
		}
	}
	.con_pri .box_pri .box_num h4 {
		font-weight: normal;
		font-size: 200%;
	}
	.con_pri .box_pri .box_num .txt {
		padding: 10px 0 0 20px;
	}
	@media only screen and (max-width: 768px) {
		.con_pri .box_pri .box_num .txt {
			padding: 3% 0 0 3%;
		}
	}
	.box_num li
	{
			font-size: 1.4em;
			list-style: disc;
			margin-bottom: 1rem;
			margin-left: 2rem;
	}

	.box_check {
		text-align: center;
		margin: 1em auto;
	}
	.box_check label {
		display: inline-block;
	}
	.box_check label span {
		margin-left: .3em;
			font-size: 1.4em
	}


	.btn {
		text-align: center;
	}
	.btn input {
		display: inline-block;
		background: #005699;
		padding: 1.5em 5em;
		color: #FFFFFF;
		text-decoration: none;
		cursor: pointer;
		border: none;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		font-size: 16px;
	}
	.btn input:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}
}