@charset "UTF-8";

/*** 理念 ***/
@media (max-width: 640px) {
#catch-frame {
	width: 100%;
	background: #fff;
	padding: 2% 0 4%;
}

#catch-frame #header-bana {
}




#catch-frame #header-bana a {
	background: url(../images/common/bn_koukoku.png) center center / cover no-repeat;
	display: inline-block;
	width: 100%;
	height: 0px;
	padding-top: calc(111 / 714 * 100%);
	margin: 0 0 2%;

}




#catch-group {
	width: 89.6%;
	text-align: center;
	margin: 0 auto;
}
#catch-group p {
	font-size: 1.125rem;
	line-height: 2.0;
	font-weight: bold;
}
#catch-group p span {
	font-size: 1.625rem;
	color: #ffad31;
}
}

@media (min-width: 641px) {
#catch-frame {
	width: 100%;
	background: #fff;
	padding: 0px 0 40px;
}

#catch-frame #header-bana {
	background: #f8f400;
	padding: 0px 0 0px;
}




#catch-frame #header-bana a {
	background: url(../images/common/bn_koukoku.png) no-repeat 0 0;
	height: 111px;
	width: 714px;
	z-index: 2;
    display: block;
    margin-left: auto;
    margin-right: auto
}



#catch-group {
	width: 1220px;
	text-align: center;
	margin: 40px auto 0;
}
#catch-group p {
	font-size: 1.75rem;
	line-height: 2.0;
	font-weight: bold;
}
#catch-group p span {
	font-size: 3rem;
	color: #ffad31;
}
}


/*** 事業案内 ***/
@media (max-width: 640px) {
#service-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 10%;
}
#service-group {
}
#service-group #service-head {
	display: block;
	background: url(../images/sp/head-service.jpg) no-repeat center;
	padding: 66.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 0 7%;
}
#service-group #service-head-inner {
	width: 42.533%;
	margin: -47.68% auto 0;
}
#service-group #service-head h2 {
	display: block;
	background: url(../images/common/t-service.png) no-repeat center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 68.652% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-head p {
	overflow: hidden;
	height: 0px;
}


#service-group #service-catch {
	width: 89.6%;
	padding: 0 0 7.2%;
	margin: 0 auto;

}
#service-group #service-catch h3 {
	font-size: 1.0rem;
	line-height: 1.8;
	font-weight: normal;
}



#service-group #service-text {
	width: auto;
	height: 190px;
	text-align: center;
	margin: 0px auto;
}

#service-group #service-text h4 {
	font-size: 1rem;
	font-weight: normal;
	color: #000;
	margin: 70px 10px 10px;
}


#service-group #service-text h5 {
	font-size: 0.5rem;
	font-weight: normal;
	color: #000;
	margin: 0px 15px 0;
}








#service-group #service-box {
	width: 89.6%;
	margin: 0 auto;
}

#service-group #service-box #service-menu-sp {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 96%;
	margin: 0 auto 3.2%;
}
#service-group #service-box #service-menu-sp li {
	float: left;
	width: 21.4%;
	display: block;
	background-color: #bfbfbf;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	margin: 0 4.8% 4.8% 0;
	cursor: pointer;
	border-bottom: 7px solid #fff;
	position: relative;
}
#service-group #service-box #service-menu-sp li:before {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 3px solid #fff;
	position: absolute;
	bottom: 0;
	margin-bottom: -3px;
}
#service-group #service-box #service-menu-sp li:nth-child(4n) {
	margin: 0;
}
#service-group #service-box #service-menu-sp li.active {
	background-color: #eb6767;
	border-bottom: 7px solid #ff0200;
	position: relative;
}
#service-group #service-box #service-menu-sp li.active:before {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 3px solid #fff;
	position: absolute;
	bottom: 0;
	margin-bottom: -3px;
}
#service-group #service-box #service-menu-sp li#service01-menu {
	background-image: url(../images/common/service01.png);
	padding: 21.4% 0 0; /* w100% = 100% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box #service-menu-sp li#service02-menu {
	background-image: url(../images/common/service02.png);
	padding: 21.4% 0 0; /* w100% = 100% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box #service-menu-sp li#service03-menu {
	background-image: url(../images/common/service03.png);
	padding: 21.4% 0 0; /* w100% = 100% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box #service-menu-sp li#service04-menu {
	background-image: url(../images/common/service04.png);
	padding: 21.4% 0 0; /* w100% = 100% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box #service-menu-sp li#service05-menu {
	background-image: url(../images/common/service05.png);
	padding: 21.4% 0 0; /* w100% = 100% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box #service-menu-sp li#service06-menu {
	background-image: url(../images/common/service06.png);
	padding: 21.4% 0 0; /* w100% = 100% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box #service-menu-sp li#service07-menu {
	background-image: url(../images/common/service07.png);
	padding: 21.4% 0 0; /* w100% = 100% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box #service-menu-sp li#service08-menu {
	background-image: url(../images/common/service08.png);
	padding: 21.4% 0 0; /* w100% = 100% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}

#service-group #service-box .service-detail {
}
#service-group #service-box .service-detail .service-head {
	display: none;
}

#service-group #service-box .service-detail .service-info {
}
#service-group #service-box .service-detail .service-info h5 {
	background: #000;
	color: #fff;
	font-size: 1.0rem;
	line-height: 1.0;
	text-align: center;
	padding: 0.4em 0.4em 0.2em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 1.0em;
}
#service-group #service-box .service-detail .service-info p {
	line-height: 1.8;
}







#service-group .work-record-box {
	background: #000;
	font-size: 0.9375em;
	line-height: 1.0;
	color: #fff;
	text-align: center;
	padding: 6.4% 0 0;
	margin: 0 auto 12.6%;
}
#service-group .work-record-box ul {
	width: 90%;
	margin: 0 auto;
}
#service-group .work-record-box ul li {
	padding: 0 0 2.8em;
}
#service-group .work-record-box ul li img {
	margin: 0 0 1.5em;
}
#service-group .work-record-box ul li p {
}
#service-group .work-record-box input#btnClick {
	background: #000;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 0.6em 1.6em;
	margin: 0 0 2.0em;
}


#service-group .work-profile-box {
	width: 89.6%;
	font-size: 0.875em;
	text-align: center;
	margin: 0 auto;
}
#service-group .work-profile-box h4 {
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.0;
	padding: 0.3em 0.4em 0.2em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 1.0em;
}
#service-group .work-profile-box li {
	margin: 0 0 1.0em;
}
#service-group .work-profile-box01 {
	padding: 0 0 1.6em;
}
#service-group .work-profile-box02 {
}
#service-group .work-profile-box02-inner {
}
#service-group .work-profile-box02-inner ul {
}











}

@media (min-width: 641px) {
#service-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 70px;
}
#service-group {
}
#service-group #service-head {
	width: 100%;
	height: 350px;
	display: block;
	background: url(../images/pc/head-service.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#service-group #service-head-inner {
	width: 1140px;
	position: relative;
	margin: 0 auto;
}
#service-group #service-head h2 {
	display: block;
	background: url(../images/common/t-service.png) no-repeat center bottom;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 274px;
	height: 188px;
	padding: 40px 0 0;
	margin: 0 auto;
}
#service-group #service-head p {
	overflow: hidden;
	height: 0px;
}


#service-group #service-catch {
	width: 1140px;
	text-align: center;
	margin: -100px auto 30px;
}
#service-group #service-catch h3 {
	font-size: 1.4rem;
	font-weight: normal;
	color: #fff;
}


#service-group #service-text {
	width: 1140px;
	text-align: center;
	margin: 0px auto;
}

#service-group #service-text h4 {
	font-size: 1rem;
	font-weight: normal;
	color: #000;
}


#service-group #service-text h5 {
	font-size: 0.5rem;
	font-weight: normal;
	color: #000;
}






#service-group #service-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 1140px;
	margin: 0 auto;
}
#service-group #service-box #service-menu-sp {
	display: none;
}


#service-group #service-box .service-detail:nth-child(odd) {
	float: left;
	width: 48%;
	margin: 0 0 86px;
}
#service-group #service-box .service-detail:nth-child(even) {
	float: right;
	width: 48%;
	margin: 0 0 86px;
}
#service-group #service-box .service-detail .service-head {
	float: left;
	width: 20%;
}
#service-group #service-box .service-detail .service-head h4 {
	display: block;
	background-color: #bfbfbf;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
}
#service-group #service-box .service-detail .service-head h4:hover {
	background-color: #eb6767;
}

#service-group #service-box .service-detail#service01 .service-head h4 {
	background-image: url(../images/common/service01.png);
	padding: 100% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box .service-detail#service02 .service-head h4 {
	background-image: url(../images/common/service02.png);
	padding: 100% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box .service-detail#service03 .service-head h4 {
	background-image: url(../images/common/service03.png);
	padding: 100% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box .service-detail#service04 .service-head h4 {
	background-image: url(../images/common/service04.png);
	padding: 100% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box .service-detail#service05 .service-head h4 {
	background-image: url(../images/common/service05.png);
	padding: 100% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box .service-detail#service06 .service-head h4 {
	background-image: url(../images/common/service06.png);
	padding: 100% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box .service-detail#service07 .service-head h4 {
	background-image: url(../images/common/service07.png);
	padding: 100% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#service-group #service-box .service-detail#service08 .service-head h4 {
	background-image: url(../images/common/service08.png);
	padding: 100% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}

#service-group #service-box .service-detail .service-info {
	float: right;
	width: 76.8%;
}
#service-group #service-box .service-detail .service-info h5 {
	background: #000;
	color: #fff;
	font-size: 1.0rem;
	line-height: 1.0;
	padding: 0.4em 0.4em 0.2em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 0.4em;

}


#service-group .work-record-box {
	background: #000;
	font-size: 1.125rem;
	line-height: 1.0;
	color: #fff;
	text-align: center;
	padding: 80px 0 60px;
	margin: 0 auto 64px;
}
#service-group .work-record-box ul {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 1140px;
	margin: 0 auto;
}
#service-group .work-record-box ul li {
	float: left;
	width: 280px;
	margin: 0 0 16px;
}
#service-group .work-record-box ul li img {
	margin: 0 0 16px;
}
#service-group .work-record-box ul li p {
		font-size: 0.8rem;
		margin: 0 auto 10px;
}
#service-group .work-record-box input {
	display: none !important;
}




}


/*** 制作実績 ***/
@media (max-width: 640px) {
#work-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 19.6%;
}
#work-group {
}
#work-group #work-head {
	display: block;
	background: url(../images/sp/head-work.jpg) no-repeat center;
	padding: 66.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 0 0;
}
#work-group #work-head-inner {
	width: 42.533%;
	margin: -47.68% auto 0;
}
#work-group #work-head h2 {
	display: block;
	background: url(../images/common/t-work.png) no-repeat center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 68.652% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#work-group #work-head p {
	overflow: hidden;
	height: 0px;
}




#work-group .record-box {
	background: #000;
	font-size: 0.9375em;
	line-height: 1.0;
	color: #fff;
	text-align: center;
	padding: 10% 0 0;
	margin: 0 auto 12.6%;
}
#work-group .record-box ul {

	margin: 0 auto;
}
#work-group .record-box ul li {
	padding: 0 0 2.8em;
}
#work-group .record-box ul li img {
	margin: 0 0 1.5em;
}

#work-group .record-box ul li iframe {
	margin: 0 0 1.5em;
	height: 240px;
}


#work-group .record-box ul li p {
	font-weight: bold;
	font-size: 1.2em;	
}

#work-group .record-box ul li span {
	display: inline-block;
	font-size: 0.8em;	
	margin: 0.8em auto 0;
}


#work-group .record-box input#btnClick {
	background: #000;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 0.6em 1.6em;
	margin: 0 0 2.0em;
}


#work-group .work-profile-box {
	width: 89.6%;
	font-size: 0.875em;
	text-align: center;
	margin: 0 auto;
}
#work-group .work-profile-box h4 {
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.0;
	padding: 0.3em 0.4em 0.2em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 1.0em;
}
#work-group .work-profile-box li {
	margin: 0 0 1.0em;
}
#work-group .work-profile-box01 {
	padding: 0 0 1.6em;
}
#work-group .work-profile-box02 {
}
#work-group .work-profile-box02-inner {
}
#work-group .work-profile-box02-inner ul {
}













}

@media (min-width: 641px) {
#work-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 60px;
}
#work-group {
}
#work-group #work-head {
	width: 100%;
	height: 350px;
	display: block;
	background: url(../images/pc/head-work.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	margin: 0 auto 0px;
}
#work-group #work-head-inner {
	width: 1140px;
	position: relative;
	margin: 0 auto;
}
#work-group #work-head h2 {
	display: block;
	background: url(../images/common/t-work.png) no-repeat center bottom;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 215px;
	height: 188px;
	padding: 80px 0 0;
	margin: 0 auto;
}
#work-group #work-head p {
	overflow: hidden;
	height: 0px;
}


#work-group .record-box {
	background: #000;
	font-size: 1.125rem;
	line-height: 1.0;
	color: #fff;
	text-align: center;
	padding: 80px 0 60px;
	margin: 0 auto 64px;
}
#work-group .record-box ul {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 1140px;
	margin: 0 auto;
}
#work-group .record-box ul li {
	float: left;
	width: 380px;
	margin: 0 0 15px;
}
#work-group .record-box ul li img {
	margin: 0 0 16px;
}
#work-group .record-box ul li iframe {
	margin: 0 0 11px;
	height: 214px;
}
#work-group .record-box ul li p {
	font-weight: bold;
	font-size: 1.125rem;	
}
#work-group .record-box ul li span {
	display: inline-block;
	font-size: 0.9rem;
	margin: 8px auto 6px;
}

#work-group .record-box input {
	display: none !important;
}


#work-group .work-profile-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 1100px;
	font-size: 0.875rem;
	margin: 0 auto;
}
#work-group .work-profile-box h4 {
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 1.375rem;
	line-height: 1.0;
	padding: 0.3em 0.4em 0.1em;
	margin: 0 0 0.6em;
}
#work-group .work-profile-box li.other {
	padding: 0 0 0 0.5em;
}
#work-group .work-profile-box01 {
	float: left;
	width: 360px;
}
#work-group .work-profile-box02 {
	float: right;
	width: 720px;
}
#work-group .work-profile-box02-inner {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
}
#work-group .work-profile-box02-inner ul {
	float: left;
	width: 50%;
}
}


/*** 制作の流れ ***/
@media (max-width: 640px) {
#flow-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 19.6%;
}
#flow-group {
}
#flow-group #flow-head {
	display: block;
	background: url(../images/sp/head-flow.jpg) no-repeat center;
	padding: 66.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 0 8%;
}
#flow-group #flow-head-inner {
	width: 28.667%;
	margin: -47.68% auto 0;
}
#flow-group #flow-head h2 {
	display: block;
	background: url(../images/common/t-flow.png) no-repeat center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 97.333% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#flow-group #flow-head p {
	overflow: hidden;
	height: 0px;
}


#flow-group #flow-box {
	width: 90%;
	margin: 0 auto;
}
#flow-group #flow-box .flow-head.flow01,
#flow-group #flow-box .flow-head.flow03 {
}
#flow-group #flow-box .flow-head.flow02,
#flow-group #flow-box .flow-head.flow04 {
}
#flow-group #flow-box .flow-head.flow01 {
	background: url(../images/common/flow01.jpg) no-repeat center;
	padding: 55.789% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#flow-group #flow-box .flow-head.flow02 {
	background: url(../images/common/flow02.jpg) no-repeat center;
	padding: 55.789% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#flow-group #flow-box .flow-head.flow03 {
	background: url(../images/common/flow03.jpg) no-repeat center;
	padding: 55.789% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#flow-group #flow-box .flow-head.flow04 {
	background: url(../images/common/flow04.jpg) no-repeat center;
	padding: 55.789% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#flow-group #flow-box .flow-detail {
	background: #f5f5f5;
	padding: 2.0em 0 2.2em;
}
#flow-group #flow-box .flow-detail h3 {
	font-size: 1.75rem;
	text-align: center;
	margin: 0 auto 0.4em;
}
#flow-group #flow-box .flow-detail-inner:after {
	content: '';
	display: block;
	background: url(../images/common/arrow.png) no-repeat center bottom;
	width: 48px;
	height: 48px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	padding: 1.4em 0 0;
	margin: 0 auto;
}

#flow-group #flow-box .flow-detail.flow01,
#flow-group #flow-box .flow-detail.flow03 {
}
#flow-group #flow-box .flow-detail.flow02,
#flow-group #flow-box .flow-detail.flow04 {
}
#flow-group #flow-box .flow-detail .flow-detail-inner {
	width: 89.6%;
	margin: 0 auto
}

#flow-group #flow-inquiry {
	text-align: center;
	padding: 1.6em 0 0;
}
#flow-group #flow-inquiry a {
	display: inline-block;
	width: 72%;
	background: #fd3e3e;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	letter-spacing: 0.1em;
	padding: 1.0em 3.2em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
}
}

@media (min-width: 641px) {
#flow-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 160px;
}
#flow-group {
}
#flow-group #flow-head {
	width: 100%;
	height: 350px;
	display: block;
	background: url(../images/pc/head-flow.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	margin: 0 auto 0px;
}
#flow-group #flow-head-inner {
	width: 1140px;
	position: relative;
	margin: 0 auto;
}
#flow-group #flow-head h2 {
	display: block;
	background: url(../images/common/t-flow.png) no-repeat center bottom;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 193px;
	height: 188px;
	padding: 80px 0 0;
	margin: 0 auto;
}
#flow-group #flow-head p {
	overflow: hidden;
	height: 0px;
}


#flow-group #flow-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
	margin: 0 auto;
}
#flow-group #flow-box .flow-head.flow01,
#flow-group #flow-box .flow-head.flow03 {
	float: left;
	width: 50%;
}
#flow-group #flow-box .flow-head.flow02,
#flow-group #flow-box .flow-head.flow04 {
	float: right;
	width: 50%;
}
#flow-group #flow-box .flow-head.flow01 {
	background: url(../images/common/flow01.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#flow-group #flow-box .flow-head.flow02 {
	background: url(../images/common/flow02.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#flow-group #flow-box .flow-head.flow03 {
	background: url(../images/common/flow03.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#flow-group #flow-box .flow-head.flow04 {
	background: url(../images/common/flow04.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#flow-group #flow-box .flow-detail {
	background: #f5f5f5;
	padding: 72px 0;
}
#flow-group #flow-box .flow-detail h3 {
	font-size: 2.0rem;
	text-align: center;
	margin: 0 auto 0.4em;
}
#flow-group #flow-box .flow-detail-inner:after {
	content: '';
	display: block;
	background: url(../images/common/arrow.png) no-repeat center bottom;
	width: 78px;
	height: 78px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	padding: 1.4em 0 0;
	margin: 0 auto;
}

#flow-group #flow-box .flow-detail.flow01,
#flow-group #flow-box .flow-detail.flow03 {
	float: right;
	width: 50%;
}
#flow-group #flow-box .flow-detail.flow02,
#flow-group #flow-box .flow-detail.flow04 {
	float: left;
	width: 50%;
}
#flow-group #flow-box .flow-detail.flow01 .flow-detail-inner,
#flow-group #flow-box .flow-detail.flow03 .flow-detail-inner {
	float: left;
	width: 90%;
	max-width: 640px;
	padding: 0 3.0em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#flow-group #flow-box .flow-detail.flow02 .flow-detail-inner,
#flow-group #flow-box .flow-detail.flow04 .flow-detail-inner {
	float: right;
	width: 90%;
	max-width: 640px;
	padding: 0 3.0em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


#flow-group #flow-inquiry {
	text-align: center;
	padding: 86px 0 0;
}
#flow-group #flow-inquiry a {
	display: inline-block;
	background: #fd3e3e;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 0.8em 4.8em;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
}
#flow-group #flow-inquiry a:hover {
	opacity: 0.6;
}
}


/*** 会社概要 ***/
@media (max-width: 640px) {
#company-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 19.6%;
}
#company-group {
}
#company-group #company-head {
	display: block;
	background: url(../images/sp/head-company.jpg) no-repeat center;
	padding: 66.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 0 12.6%;
}
#company-group #company-head-inner {
	width: 54%;
	margin: -47.68% auto 0;
}
#company-group #company-head h2 {
	display: block;
	background: url(../images/common/t-company.png) no-repeat center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 54.074% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#company-group #company-head p {
	overflow: hidden;
	height: 0px;
}


#company-group #company-detail {
}
#company-group #company-detail dl {
	width: 89.6%;
	line-height: 1.6;
	margin: 0 auto;
}
#company-group #company-detail dt {
	font-weight: bold;
	padding: 0.2em 0;
	position: relative;
	z-index: 99;
}
#company-group #company-detail dd {
	padding: 0.2em 0;
	margin: 0;
}
#company-group #company-detail a {
	color: #000;
	text-decoration: none;
}
#company-group #company-detail a.link-box {
	background: #ff0000;
	color: #fff;
	line-height: 1.0;
	text-decoration: none;
	padding: 0.12em 0.4em 0.12em 0.6em;
}
}

@media (min-width: 641px) {
#company-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 160px;
}
#company-group {
}
#company-group #company-head {
	width: 100%;
	height: 350px;
	display: block;
	background: url(../images/pc/head-company.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	margin: 0 auto 40px;
}
#company-group #company-head-inner {
	width: 1140px;
	position: relative;
	margin: 0 auto;
}
#company-group #company-head h2 {
	display: block;
	background: url(../images/common/t-company.png) no-repeat center bottom;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 348px;
	height: 188px;
	padding: 80px 0 0;
	margin: 0 auto;
}
#company-group #company-head p {
	overflow: hidden;
	height: 0px;
}


#company-group #company-detail {
}
#company-group #company-detail dl {
	width: 1220px;
	line-height: 2.2;
	margin: 0 auto;
	overflow: hidden;
}
#company-group #company-detail dt {
	float: left;
	width: 290px;
	font-weight: normal;
	padding: 0.2em 0 0.2em 220px;
	position: relative;
	z-index: 99;
}
#company-group #company-detail dd {
	padding: 0.2em 220px 0.2em 510px;
}
#company-group #company-detail .list-head {
	border-bottom: 1px dotted #bababa;
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
}
#company-group #company-detail a {
	color: #000;
	text-decoration: none;
}
#company-group #company-detail a.link-box {
	background: #ff0000;
	color: #fff;
	line-height: 1.0;
	text-decoration: none;
	padding: 0.16em 0.4em 0 0.6em;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
}
#company-group #company-detail a:hover.link-box {
	opacity: 0.6;
}
}


/*** アクセス ***/
@media (max-width: 640px) {
#access-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 19.6%;
}
#access-group {
}
#access-group #access-head {
	display: block;
	background: url(../images/sp/head-access.jpg) no-repeat center;
	padding: 66.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 0 12.6%;
}
#access-group #access-head-inner {
	width: 41.867%;
	margin: -47.68% auto 0;
}
#access-group #access-head h2 {
	display: block;
	background: url(../images/common/t-access.png) no-repeat center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 69.745% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#access-group #access-head p {
	overflow: hidden;
	height: 0px;
}


#access-group #campus-map {
	background: #666;
	width: 100%;
	height: 360px;
}

#access-group #access-detail {
	width: 89.6%;
	text-align: center;
	margin: 0 auto;
}
#access-group #access-detail p {
	text-align: left;
	padding: 2.2em 0;
}
#access-group #access-detail p span {
	color: #fd3e3e;
}
#access-group #access-detail a.googlelink {
	display: inline-block;
	background: #fd3e3e;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 1.0em 1.2em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
}
#access-group #access-detail a.googlelink:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-size: 1.0em;
	color: #fff;
	padding: 0 0 0 0.4em;
}
}

@media (min-width: 641px) {
#access-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 160px;
}
#access-group {
}
#access-group #access-head {
	width: 100%;
	height: 350px;
	display: block;
	background: url(../images/pc/head-access.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	margin: 0 auto 0px;
}
#access-group #access-head-inner {
	width: 1140px;
	position: relative;
	margin: 0 auto;
}
#access-group #access-head h2 {
	display: block;
	background: url(../images/common/t-access.png) no-repeat center bottom;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 270px;
	height: 188px;
	padding: 80px 0 0;
	margin: 0 auto;
}
#access-group #access-head p {
	overflow: hidden;
	height: 0px;
}


#access-group #campus-map {
	background: #666;
	height: 400px;
	margin: 0 auto;
}

#access-group #access-detail {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 1160px;
	padding: 1.2em 0 0;
	margin: 0 auto;
}
#access-group #access-detail p {
	float: left;
	margin: 0 2.0em 0 10em;
}
#access-group #access-detail p span {
	color: #fd3e3e;
}
#access-group #access-detail a.googlelink {
	float: left;
	background: #fd3e3e;
	color: #fff;
	line-height: 1.0;
	text-decoration: none;
	padding: 0.16em 0.6em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
}
#access-group #access-detail a.googlelink:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-size: 1.0em;
	color: #fff;
	padding: 0 0 0 0.4em;
}
#access-group #access-detail a:hover.googlelink {
	opacity: 0.6;
}
}


/*** お問い合わせ ***/
@media (max-width: 640px) {
#contact-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 19.6%;
}
#contact-group {
}
#contact-group #contact-head {
	display: block;
	background: url(../images/sp/head-contact.jpg) no-repeat center;
	padding: 66.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 0 0%;
}
#contact-group #contact-head-inner {
	width: 51.333%;
	margin: -47.68% auto 0;
}
#contact-group #contact-head h2 {
	display: block;
	background: url(../images/common/t-contact.png) no-repeat center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 56.883% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#contact-group #contact-head p {
	overflow: hidden;
	height: 0px;
}





#contact-group #contact-list {
	display: block;
	background: #fff;
	margin: 20px 20px;
	padding: 15px 0px 10px 0px;
	border-radius: 15px;
	text-align: center;
}

#contact-group #contact-list h3 {
	font-size: 1.5rem;	
	font-weight: bold;
	color: #CC0000;
}





#contact-group #contact-list p {
	display: block;

	font-weight: bold;	
	font-size: 0.9rem;
	color: #002e73;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#contact-group #contact-list span {
	display: block;

	font-weight: bold;	
	font-size: 0.7rem;
	color: #000;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
















#contact-group #contact-detail {
	width: 89.6%;
	margin: 0 auto;
}
#contact-group #contact-detail h3 {
	width: 88%;
	font-weight: normal;
	text-align: center;
	padding: 2.4em 0;
	margin: 0 auto;
}

#contact-group #contact-inquiry {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}












#contact-group #contact-inquiry #inquiry-web h4 {
	background: #000;
	font-size: 1rem;
	line-height: 1.0;
	font-weight: normal;
	color: #fff;
	padding: 0.3em 0.8em 0.3em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 0 1em;
}

#contact-group #contact-inquiry #inquiry-web {
	padding: 0em 0 0.3em;
}









#contact-group #contact-inquiry .inquiry-web-box {

	width: 100%;
	font-size: 1rem;
	line-height: 1.4;
	color: #fff;
	margin: 0 auto;
}

#contact-group #contact-inquiry .inquiry-web-box ul {
	position: relative;
	margin: 0 auto;
	padding: 0em 0 0em;
}
#contact-group #contact-inquiry .inquiry-web-box ul li {
	background-color: rgba(0,0,0,0.1);
	padding: 5px 0px 10px 0px;
}

#contact-group #contact-inquiry .inquiry-web-box .triangle {	
  display: inline-block;
  width: 0;
  height: 0;
  margin: 10px 0px 10px 0px;
  border: 10px solid transparent;
  border-bottom: 0 solid transparent;
  border-top: 16px solid #000;
  vertical-align: bottom;

}

#contact-group #contact-inquiry .inquiry-web-box .triangle2 {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 10px 0px 10px 0px;
  border: 10px solid transparent;
  border-bottom: 0 solid transparent;
  border-top: 16px solid #000;
  vertical-align: bottom;

}


#contact-group #contact-inquiry .inquiry-web-box ul li h5 {
	font-size: 1rem;
	display: block;
	text-align: center;
	color: #000;
	background-color: #fff;
	border-radius: 20px;
	padding: 0px 0px 0px 0px;
	margin: 10px 60px 0px;
}



#contact-group #contact-inquiry .inquiry-web-box ul li h6 {
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	margin: 10px auto 0px;
}

#contact-group #contact-inquiry .inquiry-web-box ul li p {
	font-size: 0.7em;
	color: #000;

	margin: 5px auto;
}













#contact-group #contact-inquiry #inquiry-tel,
#contact-group #contact-inquiry #inquiry-mail {
	margin: 0 auto 9.6%;
}
#contact-group #contact-inquiry #inquiry-tel {
	margin: 0 auto 0;
}
#contact-group #contact-inquiry #inquiry-mail {
	margin: 0 auto 0;
}
#contact-group #contact-inquiry #inquiry-tel h4,
#contact-group #contact-inquiry #inquiry-mail h4 {
	background: #000;
	font-size: 1rem;
	line-height: 1.0;
	font-weight: normal;
	color: #fff;
	padding: 0.3em 0.8em 0.3em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 2em 0 0em;
}
#contact-group #contact-inquiry #inquiry-tel h5 {
	font-size: 2rem;
	margin: 0.1em 0 0em;
}
#contact-group #contact-inquiry #inquiry-tel h5 a {
	color: #000;
	text-decoration: none;
	margin: 0 0 0em;
}
#contact-group #contact-inquiry #inquiry-tel p {
	margin: 0 0 0em;
}
#contact-group #contact-inquiry #inquiry-mail h5 {
	font-size: 0.9rem;
	font-weight: bold;
	margin: 0.8em 0 0.5em;
}
#contact-group #contact-inquiry #inquiry-mail p {
	display: block;
	font-size: 0.5rem;
	text-align: center;
	margin: 0em 0 3em;
}


/* お問い合わせフォーム */
#contact-group .contactFormBox {
}
#contact-group .contactFormTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: "Soft Gothic Bold",Meiryo,sans-serif;
	font-weight:normal;
	text-align: center;
	margin: 0 0 2.4em;
}

#contact-group .contactFormTable .caution {
	font-size: 0.9375em;
	font-weight: normal;
	text-align: center;
	margin: 0 0 1.8em;
}

#contact-group .contactFormTable abbr {
	text-decoration: none;
	border: none;
}

#contact-group .contactFormTable dl {
	text-align: center;
	padding: 0 0 2.4em;
}
#contact-group .contactFormTable dt {
	letter-spacing: 0.1em;
}
#contact-group .contactFormTable dd {
	padding: 0.6em 0 0;
}

#contact-group .contactFormTable #radioboxArea {
	text-align: left;
	border-top: 0.25em solid white;
	vertical-align: top;
	letter-spacing: 0.1em;
	margin: 0 0 0.6em;
}
#contact-group .contactFormTable #radioboxArea input[type="radio"] {
	display: none;
}
#contact-group .contactFormTable #radioboxArea label.radio {
	width: 70%;
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 3px 12px 0 30px;
	vertical-align: text-bottom;
	cursor: pointer;
	margin: 2% 0 2% 20%;
}
#contact-group .contactFormTable #radioboxArea label.radio:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 3px;
	display: block;
	margin-top: -9px;
	width: 16px;
	height: 16px;
	border: solid #cccccc;
		border-top-width: medium;
		border-right-width: medium;
		border-bottom-width: medium;
		border-left-width: medium;
	border-width: 2px;
	border-radius: 50%;
	content: "";
}
#contact-group .contactFormTable #radioboxArea label.radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	margin-top: -4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border-spacing: 0;
	background: #e60012;
	content: "";
	opacity: 0;
}
#contact-group .contactFormTable #radioboxArea input[type="radio"]:checked + .radio::before {
	opacity: 1;
}

#contact-group .contactFormTable input,
#contact-group .contactFormTable textarea {
	width: 100%;
	background: #f5f5f5;
	font-family: "Soft Gothic Bold",Meiryo,sans-serif;
	font-weight:normal;
	border: 1px solid #a2a2a2;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 0.5em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contact-group .contactFormTable input {
}
#contact-group .contactFormTable textarea {
	overflow: auto;
}

#contact-group .contactFormTable input:hover,
#contact-group .contactFormTable textarea:hover {
	border: 1px solid #e60012;
}
#contact-group .contactFormTable input:focus,
#contact-group .contactFormTable textarea:focus {
	outline: 0 none;
	border: 1px solid #e60012;
}

#contact-group .contactFormTable input[type="submit"] {
	display: inline-block;
	width: auto;
	height: 54px;
	background: #fd3e3e;
	color: #fff;
	border: 1px solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	letter-spacing: 0.1em;
	padding: 0 3.2em;
	cursor: pointer;
}
}

@media (min-width: 641px) {
#contact-frame {
	width: 100%;
	background: #fff;
	padding: 0 0 160px;
}
#contact-group {
}
#contact-group #contact-head {
	width: 100%;
	height: 350px;
	display: block;
	background: url(../images/pc/head-contact.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	margin: 0 auto 0px;
}
#contact-group #contact-head-inner {
	width: 1140px;
	position: relative;
	margin: 0 auto;
}
#contact-group #contact-head h2 {
	display: block;
	background: url(../images/common/t-contact.png) no-repeat center bottom;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 331px;
	height: 188px;
	padding: 80px 0 0;
	margin: 0 auto;
}
#contact-group #contact-head p {
	overflow: hidden;
	height: 0px;
}




#contact-group #contact-list {
	display: block;
	background: #fff;
	width: 930px;
	margin: 35px auto 35px;
	padding: 15px 10px 10px 15px;
	border-radius: 15px;
}

#contact-group #contact-list #contact-list-hold {


}



#contact-group #contact-list h3 {
	text-align: center;
	display: block;
	font-size: 2rem;
	color: #CC0000;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#contact-group #contact-list span {
	display: block;
	text-align: center;
	font-weight: bold;	
	font-size: 1rem;
	color: #000;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#contact-group #contact-list p {
	display: block;
	text-align: center;
	font-weight: bold;	
	font-size: 1.4rem;
	color: #002e73;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}











#contact-group #contact-detail {
	width: 1220px;
	margin: 0 auto;
}
#contact-group #contact-detail h3 {
	font-size: 1.25rem;
	font-weight: normal;
	text-align: center;
	padding: 0 0 2.4em;
	margin: 0 0 0em;
}

#contact-group #contact-inquiry {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
	text-align: center;
	margin: 0 auto 30px ;
}




#contact-group #contact-inquiry #inquiry-web {
	padding: 0em 0 2em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom: 1px dotted #bababa;
	margin: 0px auto 20px ;
}

#contact-group #contact-inquiry #inquiry-web {

}


#contact-group #contact-inquiry #inquiry-web h4 {
	background: #ffea00;
	font-size: 1.25rem;
	line-height: 1.0;
	color: #000;
	padding: 0.4em 1.2em 0.2em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 2em 1.2em;
}

#contact-group #contact-inquiry .inquiry-web-box {
	position:relative;
	font-size: 1rem;
	line-height: 1.4;
	color: #fff;
	margin: 0 auto;
}

#contact-group #contact-inquiry .inquiry-web-box ul {
	display: inline-block;
	overflow: hidden;
	position: relative;
	zoom: 1;
	padding: 0 0 0;
}
#contact-group #contact-inquiry .inquiry-web-box ul li {
	background-color: rgba(0,0,0,0.1);
	float: left;
	width: 350px;
	height: 145px;
	margin: 10px 15px 10px 15px;
	border-radius: 6px;
}

#contact-group #contact-inquiry .inquiry-web-box .triangle {
	display: inline-block;
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #000;
	top: 70px;
	left: 373px;
}

#contact-group #contact-inquiry .inquiry-web-box .triangle2 {
	display: inline-block;
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #000;
	top: 70px;
	left: 754px;
}


#contact-group #contact-inquiry .inquiry-web-box ul li h5 {
	font-size: 1.3rem;
	display: block;
	text-align: center;
	width: 230px;
	color: #000;
	background-color: #fff;
	border-radius: 20px;
	padding: 4px 0px 0px 0px;
	margin: 20px auto 15px;
}



#contact-group #contact-inquiry .inquiry-web-box ul li h6 {
	font-weight: bold;
	font-size: 1.3em;
	color: #000;
	width: 190px;
	margin: 0px auto;
}

#contact-group #contact-inquiry .inquiry-web-box ul li p {
	font-size: 0.7em;
	color: #000;
	width: 250px;
	margin: 5px auto;
}











#contact-group #contact-inquiry #inquiry-tel,
#contact-group #contact-inquiry #inquiry-mail {
	float: left;
	width: 50%;
	padding: 1.4em 0 1.4em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contact-group #contact-inquiry #inquiry-tel {
	border-right: 1px dotted #bababa;
}
#contact-group #contact-inquiry #inquiry-mail {
	float: right;
}
#contact-group #contact-inquiry #inquiry-tel h4,
#contact-group #contact-inquiry #inquiry-mail h4 {
	background: #ffea00;
	font-size: 1.25rem;
	line-height: 1.0;
	color: #000;
	padding: 0.4em 1.2em 0.2em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 2em 0.8em;
}
#contact-group #contact-inquiry #inquiry-tel h5 {
	line-height: 50px;
	font-size: 2.5rem;
	margin: 0px 0 0 0px;
}
#contact-group #contact-inquiry #inquiry-tel h5 a {
	color: #000;
	text-decoration: none;
}
#contact-group #contact-inquiry #inquiry-tel p {
	color: #000;
	margin: 0px 0 0 0px;	
}

#contact-group #contact-inquiry #inquiry-tel span {
	display: none;
}



#contact-group #contact-inquiry #inquiry-mail h5 {
	color: #000;
	font-size: 1.4rem;
	margin: 0px 0 0 0px;
}
#contact-group #contact-inquiry #inquiry-mail p {
	color: #000;
	font-size: 0.6rem;
	text-align: left;
	margin: 4px 0 0 130px;
}


/* お問い合わせフォーム */
#contact-group .contactFormBox {
}
#contact-group .contactFormTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: "Soft Gothic Bold",Meiryo,sans-serif;
	font-weight:normal;
	text-align: center;
}

#contact-group .contactFormTable .caution {
	font-size: 1.0rem;
	font-weight:normal;
	text-align: center;
	margin: 0 0 1.8em;
}

#contact-group .contactFormTable .caution span {
	font-size: 1.0rem;
	font-weight:bold;
	text-align: center;
	margin: 0 0 1.8em;
	color: #0000FF;
}

#contact-group .contactFormTable abbr {
	text-decoration: none;
	border: none;
}

#contact-group .contactFormTable dl {
	text-align: center;
	padding: 0 0 2.4em;
}
#contact-group .contactFormTable dt {
	letter-spacing: 1px;
}
#contact-group .contactFormTable dd {
	padding: 0.6em 0 0;
}

#contact-group .contactFormTable #radioboxArea {
	text-align: left;
	border-top: 0.25em solid white;
	vertical-align: top;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 0 0 1.2em;
}
#contact-group .contactFormTable #radioboxArea input[type="radio"] {
	display: none;
}
#contact-group .contactFormTable #radioboxArea label.radio {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 3px 12px 0 30px;
	vertical-align: text-bottom;
	cursor: pointer;
}
#contact-group .contactFormTable #radioboxArea label.radio:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 3px;
	display: block;
	margin-top: -9px;
	width: 16px;
	height: 16px;
	border: solid #cccccc;
		border-top-width: medium;
		border-right-width: medium;
		border-bottom-width: medium;
		border-left-width: medium;
	border-width: 2px;
	border-radius: 50%;
	content: "";
}
#contact-group .contactFormTable #radioboxArea label.radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	margin-top: -4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border-spacing: 0;
	background: #ff4500;
	content: "";
	opacity: 0;
}
#contact-group .contactFormTable #radioboxArea input[type="radio"]:checked + .radio::before {
	opacity: 1;
}

#contact-group .contactFormTable input,
#contact-group .contactFormTable textarea {
	width: 85%;
	background: #f5f5f5;
	font-family: "Soft Gothic Bold",Meiryo,sans-serif;
	font-weight:normal;
	border: 1px solid #a2a2a2;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 0.5em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contact-group .contactFormTable input {
	height: 48px;
}
#contact-group .contactFormTable textarea {
	overflow: auto;
}

#contact-group .contactFormTable input:hover,
#contact-group .contactFormTable textarea:hover {
	border: 1px solid #e60012;
}
#contact-group .contactFormTable input:focus,
#contact-group .contactFormTable textarea:focus {
	outline: 0 none;
	border: 1px solid #e60012;
}

#contact-group .contactFormTable input[type="submit"] {
	display: inline-block;
	width: auto;
	height: 54px;
	background: #000;
	color: #fff;
	border: 1px solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	letter-spacing: 0.1em;
	padding: 0 3.2em;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
}
#contact-group .contactFormTable input[type="submit"]:hover {
	border: 1px solid;
	opacity: 0.6;
}
}