@charset "utf-8";
/*breakpoint
@media screen and ( max-width:1080px) and ( min-width:768px) {}
@media screen and ( max-width:767px) {}
*/

/*for_lower_custum*/
header h1.logo_main {
	width: 130px;
	margin: 9px 0 10px 10px;
}
@media screen and ( max-width:375px) { header h1.logo_main {width: 120px;margin: 10px 0 0 10px;}}

.btn_service, .btn_recruit, .btn_contact {
	outline: 6px solid #fff;
}
.content {
	margin: 75px auto 0;
}
@media screen and ( max-width:375px) { .content { margin: 180px auto 0; } }

.container {
	width: 760px;
    height: auto !important;
    min-height: 100%;
	margin: 200px auto 0;
    position: relative;
}
@media screen and ( max-width:375px) { .container { width: 95%; margin: 150px auto 0;} }

.tel {
	text-align: center;
	margin: 0 auto ;
}
.tel p {
	font-size: 21px;
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 600;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	color: #1eaae1;
}
.tel a {
	font-size: 36px;
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 600;
	display: block;
	margin-top: 10px;
	letter-spacing: 2px;
}
.tel a::before {
	content: url("../img/icon_tel_copyright.gif");
	margin-right: 10px;
}
.btn_tel {
	width: 100%;
	margin: 40px auto 0;
	border: 3px solid #f7931e;
	border-radius: 30px;
	box-sizing: border-box;
	background: #FFF;
	text-align: center;
}
.btn_tel a {
	color: #f7931e;
	padding: 10px 0 ;
	font-size: 21px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	display: block;
	position: relative;
	left: 10px;
}
@media screen and ( min-width:376px) { .btn_tel { display: none;} }
@media screen and ( max-width:375px) { .btn_tel { margin-top: 30px; } }

/*underlayer_head*/
.underlayer_head {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 0;
	min-height: 290px;
	max-height: 290px;
	border-bottom: none;
	position: relative;
	background: url("../img/ph_banner_comingsoon.jpg") no-repeat center;
	background-size: cover;
}
@media screen and ( max-width:375px) { .underlayer_head { display: none; } }

.tmp_banner p {
	font-size: 32px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.9);
}
@media screen and ( max-width:375px) { .tmp_banner p,.tmp_decision .origin p { font-size: 18px; } }

.tmp_smartphone {
    width: 165px;
    height: auto;
    bottom: -9px;
}

.tmp_banner::before,
.tmp_banner::after {
	display: none;
}

/*hamberger_fix*/
.toggle_btn {
	position: fixed;
}
@media screen and ( max-width:767px) { .toggle_btn { top: 20px;} }

/*category*/
.category {
	width: 1024px;
	margin: 400px auto 0;
	position: relative;
}
@media screen and ( max-width:375px) { .category { width: 95%; margin: 280px auto 0;} }

.category::before {
	content:url("../img/menu_un_dott.gif");
	width: 6px;
	height: 46px;
	margin: 0 auto;
    position: absolute;
	left: 0;
	right: 0;
	top: -230px;
}
@media screen and ( max-width:375px) { .category::before { top: -150px; } }

.category h2 {
}
.category p.ttl {
	color: #0078be;
	font-size: 21px;
	font-weight: 700;
	text-align: center;
	position: relative;
	top: -160px;
}
@media screen and ( max-width:375px) { .category p.ttl { top: -115px; } }

.category p.ttl::before {
	content: url("../img/icon_caut_l_min.gif");
	margin-right: 20px;
}
.category p.ttl::after {
	content: url("../img/icon_caut_r_min.gif");
	margin-left: 20px;
}

.category ul {
	width: 1024px;
	height: 560px;
	position: relative;
}
@media screen and ( max-width:375px) { .category ul { width: 100%; height: 1530px; } }

.category ul::before {
	content: "";
	width: 480px;
	height: 2px;
	background: #FFF;
	display: inline-block;
	position: absolute;
	top: -2px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and ( max-width:375px) { .category ul::before { display: none; } }

.category ul li {
	width: 320px;
	padding: 25px 20px;
	float: left;
	text-align: center;
	border: 2px solid #283c50;
    border-radius: 10px;
    box-sizing: border-box;
	margin-right: 32px;
	background-color: #fff;
	position: relative;
}
@media screen and ( max-width:375px) { .category ul li { width: 100%; margin: 50px auto 0; } }
@media screen and ( max-width:375px) { .category ul li:first-child { margin: -40px auto 0; } }

.category ul li:last-child {
	margin-right: 0;
}
.category ul li img {
	width: 200px;
	margin: 0 auto;
}
.category ul li h3 {
	font-size: 26px;
	margin-top: 15px;
}
.category ul li p {
	width: 105%;
	margin-top: 14px;
    text-align: left;
}
.category ul li:nth-child(1) h3 {
	color: #004696;
}
.category ul li:nth-child(2) h3 {
	color: #0078be;
}
.category ul li:nth-child(3) h3 {
	color: #29abe2;
}
.category ul li::after {
    content: "";
    width: 320px;
    height: 487px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1999;
}
@media screen and ( max-width:375px) { .category ul li::after { width: 100%; height: 482px; } }


.category ul li:nth-child(1)::after {
	background-color: #ff7bac;
}
.category ul li:nth-child(2)::after {
	background-color: #faaa14;
}
.category ul li:nth-child(3)::after {
	background-color: #92c41d;
}

.category ul li .bt {
	margin-top: 25px;
	border-radius: 5px;
}
.category ul li .bt a {
	display: block;
	padding: 10px 0 ;
	font-size: 17px;
	color: #FFF;
	font-weight: 600;
}
.category ul li:nth-child(1) .bt {
	background: #004696;
}
.category ul li:nth-child(2) .bt {
	background: #0078be;
}
.category ul li:nth-child(3) .bt {
	background: #29abe2;
}