@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section {
	display: block;
}
body {
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシク', 'MS PGothic', sans-serif;
	background-color: #fffff0;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
														/*　ヘッダー　*/

.header {
	position: fixed;
	width: 100%;
	z-index: 5;
	top: 0;
}
.color {
	height: 5px;
	display: flex;
}
.color #blue {
	width: 25%;
	background-color: #479FFF;
}
.color #orange {
	width: 25%;
	background-color: #EFA546;
}
.color #red {
	width: 25%;
	background-color: #DE6A7C;
}
.color #green {
	width: 25%;
	background-color: #79B644;
}
#headerlogo {
	padding: 2% 2% 0% 2%;
	font-family: 'Bitter', serif;
}
#headerlogo a {
	padding: 10px;
	text-decoration: none;
	font-size: 2.5vw;
	color: #fff;
	background-color: rgba(255,0,0,0.80);
	border-radius: 5px;
}
														/*　グローバルナビ　*/

.sidemenu {
	width: 6%;
	height: 100%;
	position: fixed;
	z-index: 3;
	display: flex;
}
.menubtn {
	width: 50%;
	height: 100%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align: center;
	background-color: #E2E6E8;
	position: relative;
	color: #333;
}

.menubtn:hover {
	background-color: cornflowerblue;
	transition: 0.5s;
	color: #fff;
}
.menubtn p {
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 25%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}

.menubtn span {
	 display: block;
    position: absolute;
    width: 20px;
    border-bottom: solid 3px #333;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 0px;
}

.menubtn span:nth-child(1) {
	top: 9px;
}
.menubtn span:nth-child(2) {
	top: 15px;
}
.menubtn span:nth-child(3) {
	top: 21px;
}
.menubtn span:nth-child(4) {
	border: none;
	color: #333;
	font-size: 9px;
	font-weight: bold;
	top: 34px;
}
.menubtn.active span:nth-child(1) {
	top: 20px;
    left: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menubtn.active span:nth-child(2),
.menubtn.active span:nth-child(3) {
    top: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
#slide {
	width: 50%;
	height: 100%;
	display: none;
	position: relative;
	background-color: rgba(0,0,0,0.3);
}
#gnavi {
	width: 100%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#gnavi ul li a {
	width: 90%;
	padding: 10px 0;
	display: block;
	font-size: 1.35vw;
	font-family: '游明朝';
	color: #fff;
	text-decoration: none;
	background-color: rgba(0,121,255,1);
	margin: 0 auto;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
}
#gnavi ul li .top {
	 font-size: 0.9rem;
	padding: 40px 0;
}
#gnavi ul li .navi02 {
	background-color: rgba(236,133,1,1);
}
#gnavi ul li .navi03 {
	background-color: rgba(223,0,34,1);
}
#gnavi ul li .navi04 {
	background-color: rgba(85,184,0,1);
}
#gnavi ul li a:hover {
	background-color: rgba(64,75,128,1.00);
	transition: 0.5s;
}
														/*　トップメイン　*/

.contents {
	position: relative;
	overflow: hidden;
	margin-left: 3%;
	padding: 100px 0 0 0;
	z-index: 1;
}
.contents:before {
	content: '';
	position: absolute;
	top: 5%;
	left: 10%;
	width: 120%;
	height: 50%;
	margin: 3% -20% 0;
	background: rgba(0,82,168,1.00);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: -1;
}
.contents_inner {
	box-sizing: boder-box;
	width: 100%;
	height: 100%;
	margin: 100px auto 0;
	color: #fff;
	display: flex;
}
.contents:after {
	content: '';
	position: absolute;
	top: 0%;
	left: 10%;
	width: 120%;
	height: 70%;
	margin: 3% -20% 0;
	background: rgb(255, 175, 81);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -2;
}
.news {
	width: 50%;
	overflow-x: hidden;
	background-color: rgba(255,255,255,1);
}
.news {
	height: auto;
	position: relative;
}
.news h1 {
	padding: 20px 0;
	font-size: 24px;
	text-align: center;
	font-family: 'Wellfleet', cursive;
	color: rgba(255,71,0,1.00);
}
.news::before {
	content: '';
	display: block;
	padding-top: 100%;
}
.news__content {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.news ul li {
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
}
.news time {
	font-weight: bold;
	float: left;
	width: 100px;
	color: #479FFF;
	padding-left: 20px;
}
.news .text {
	float: none;
	width: auto;
	color: #333333;
	margin-left: 120px;
	line-height: 1.5rem;
}
 .news::-webkit-scrollbar {
 width: 5px;
}
.news::-webkit-scrollbar-track {
 background: #fff;
 border: none;
 border-radius: 15px;
 box-shadow: inset 0 0 2px #777;
}
.news::-webkit-scrollbar-thumb {
 background: rgba(91,178,223,1.00);
 border-radius: 10px;
 box-shadow: none;
}
.slide {
	width: 50%;
}
.contents1 {
	position: relative;
	overflow: hidden;
	margin-left: 3%;
	padding: 100px 0 100px 0;
	z-index: 1;
}
.contents1:before {
	content: '';
	position: absolute;
	top: -70%;
	left: 10%;
	width: 120%;
	height: 70%;
	margin: 3% -20% 0;
	background: rgba(0,82,168,1.00);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: -1;
}
.contents1:after {
	content: '';
	position: absolute;
	top: -70%;
	left: 10%;
	width: 120%;
	height: 50%;
	margin: 3% -20% 0;
	background: rgb(255, 175, 81);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}
.slide div {
	position: relative;
}

html.top{
	height: 100%;
}
body.top{
	height: 100%;
}
.topimage{
	height: 100%;
	display: flex;
}
.topnews{
	background-color: #DE6A7C;
	width: 20%;
}
.topnews h1{
	margin-top: 10%;
	text-align: center;
	font-size: 24px;
	color: #FFFFFF;
}
.news01 {
	padding: 30px 15px;
	position: relative;
	overflow: hidden;
	width: 90%;
	height: 80%;
	background-color: rgba(255,255,255,0.85);
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
}
.news01 ul li {
	margin-bottom: 15px;
	border-bottom: dotted 2px #dddddd;
	padding-bottom: 15px;
}
.news01 time {
	display: block;
	width: 90px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF6868;
	padding: 3px;
}
.news01 .text {
	display: block;
	width: auto;
	color: #333333;
	font-weight: bold;
	margin-top: 5px;
}
.news01 .text a {
	font-weight: bold;
	color: #5B72FF;
}
.mainimage{
	background-image: url("../images/main.jpg");
	height: 100%;
	width: 80%;
	background-size:auto 100%;
	background-position: center;
}
															/*　会社案内　*/

main {
	padding-bottom: 5%;
}
.annai {
	font-size: 30px;
	text-align: center;
	padding: 3%;
	color: #FFFFFF;
	background: linear-gradient(270deg, #de6a7c, #efa546);
	background-size: 100% 100%;
}
.annai_textimg {
	position: relative;
	margin-top: 3%;
	margin-bottom: 0%;
	padding: 0 0% 15% 0%;
}
.annai_textimg h2 {
	text-align: center;
	font-size: 26px;
	line-height: 1.5;
	position: relative;
}
.annai_textimg h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 1em 1em;
	background-color: #fffff0;
	text-align: left;
}
.annai_textimg h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}
.annai_textimg p {
	padding: 1% 3%;
	font-size: 20px;
	line-height: 2;
	color: #000;
	background-color: rgba(255,255,229,1.00);
}
.annai_text04 {
	position: relative;
}
.annai_text04::before, .annai_text04::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.annai_text04::before {
	top: 100%;
	left: 0;
	border-width: 0 30px 30px 0;
	border-right-color: rgba(0,0,0,0.50);
}
.annai_text04::after {
	top: 100%;
	right: 0;
	border-style: solid;
	border-width: 30px 30px 0px 0px;
	border-top-color: rgba(0,0,0,0.50);
}
.annai_text {
	margin-top: 3%;
	padding: 10%;
	background-image: url(../images/gaiyou01.png);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.annai_text01 {
	margin-top: 5%;
	padding: 10%;
	background-image: url(../images/gaiyou03.png);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.annai_text02 {
	margin-top: 5%;
	padding: 10%;
	background-image: url(../images/gaiyou02.png);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.scroll_annai01 {
	position: absolute;
	top: 80%;
	left: 48%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	margin-top: 5%;
	padding-top: 60px;
	color: #333333;
}
.scroll_annai01 span {
	position: absolute;
	top: 0;
	left: 45%;
	width: 50px;
	height: 50px;
	margin-left: -23px;
	border: 2px solid #333333;
	border-radius: 100%;
	box-sizing: border-box;
}
.scroll_annai01 span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 16px;
	height: 16px;
	margin: -12px 0 0 -8px;
	border-left: 2px solid #333333;
	border-bottom: 2px solid #333333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.scroll_annai01 span::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 48px;
	height: 48px;
	box-shadow: 0 0 0 0 rgba(0,0,0,.1);
	border-radius: 100%;
	opacity: 0;
	-webkit-animation: sdb 3s infinite;
	animation: sdb 3s infinite;
	box-sizing: border-box;
}
 @-webkit-keyframes sdb {
 0% {
 opacity: 0;
}
 30% {
 opacity: 1;
}
 60% {
 box-shadow: 0 0 0 45px rgba(0,0,0,.1);
 opacity: 0;
}
 100% {
 opacity: 0;
}
}
@keyframes sdb {
 0% {
 opacity: 0;
}
 30% {
 opacity: 1;
}
 60% {
 box-shadow: 0 0 0 45px rgba(0,0,0,.1);
 opacity: 0;
}
 100% {
 opacity: 0;
}
}
.annai_text03 {
	background-image: url(../images/korekara.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;
}
#text02 {
	padding: 0;
}
															/*　会社概要　*/

.table {
	margin: 0 5%;
}
.table h2 {
	text-align: center;
	font-size: 26px;
	line-height: 1.5;
	position: relative;
}
.table h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 1em 1em;
	background-color: #fffff0;
	text-align: left;
}
.table h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}
.company {
	margin: 0 auto;
	border: solid 3px #ccc;
	border-radius: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.company th {
	width: 40%;
	vertical-align: middle;
	border-bottom: solid 1px #ccc;
	text-align: center;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.company td {
	width: 60%;
	padding: 20px 10px;
	border-bottom: solid 1px #ccc;
	color: #333333;
	font-size: 16px;
	line-height: 1.3;
	text-align: left;
}
.company td ul li {
	margin-left: 15px;
	list-style-type: disc;
}
.company tr:last-child td {
	border-bottom: none;
}
.company tr:last-child th {
	border-bottom: none;
}
 .scroll::-webkit-scrollbar {
 width: 5px;
}
.scroll::-webkit-scrollbar-track {
 background: #fff;
 border: none;
 border-radius: 15px;
 box-shadow: inset 0 0 2px #777;
}
.scroll::-webkit-scrollbar-thumb {
 background: #EFA546;
 border-radius: 10px;
 box-shadow: none;
}
															/*　採用情報　*/

.saiyou_container {
	padding: 0;
}

.saiyou {
	font-size: 30px;
	text-align: center;
	padding: 3%;
	color: #FFFFFF;
	background: linear-gradient(270deg, #79b644, #479fff);
	background-size: 100% 100%;
}
.head {
	display: flex;
	height: 345px;
	cursor: pointer;
}
#head {
	flex-direction: row-reverse;
}
.row {
	display: none;
	padding-top: 3%;
	padding-bottom: 5%;
}
.row p {
	line-height: 1.3;
	font-size: 18px;
}
.gaiyou {
	padding: 0 10%;
}
.head div {
	width: 100%;
	position: relative;
}
.saiyou_hover:hover {
	border: solid 15px #479FFF;
	transition: .2s;
}
.saiyou_hover h2 div {
	margin-top: 5%;
	width: 100%;
	display: flex;
	justify-content: center;
}
.saiyou_hover h2 div p {
	width: 10px;
	height: 10px;
	background-color: #ff5722;
	margin: 5%;
}
.row h2 {
	position: relative;
	line-height: 1.4;
	padding: 0.25em 1em;
	margin-bottom: 1%;
	display: inline-block;
	font-size: 28px;
}
.row h2:before, .row h2:after {
	content: '';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}
.row h2:before {
	border-left: solid 2px #ff5722;
	border-top: solid 2px #ff5722;
	top: 0;
	left: 0;
}
.row h2:after {
	border-right: solid 2px #ff5722;
	border-bottom: solid 2px #ff5722;
	bottom: 0;
	right: 0;
}
.head h2 {
	font-size: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
	transform : translate(-50%, -50%);
}
.saiyou_text {
	width: 50%;
}
.saiyou_text h2 {
	margin-left: 40%;
	margin-bottom: 3%;
}
.saiyou_text ol {
	font-size: 18px;
	line-height: 1.3;
	padding: 0 15%;
	list-style-type: decimal;
	margin-bottom: 5%;
}
.saiyou_text01 {
	padding: 0 10%;
}
.text_container {
	display: flex;
}
.contact {
	width: 50%;
	height: 345px;
	position: relative;
}
.contact01 {
	background-color: #F499A7;
}
.contact01 h2 {
	font-weight: bold;
	color: #fff;
}
.contact02 {
	background-color: #FFBF6D;
}
.contact02 h2 {
	font-weight: bold;
	color: #fff;
}
.contact01:hover {
	background-color: #E16C7E;
}
.contact02:hover {
	background-color: #DF891A;
}
.contact_text {
	margin-left: 10%;
	margin-right: 10%;
}
.contact_text p {
	line-height: 1;
	font-size: 16px;
	text-align: center;
}
.contact_text01 {
	margin-left: 20%;
	margin-right: 20%;
}
.contact01 i, .contact02 i {
	font-size: 32px;
	color: #FFFFFF;
}
table {
	border-collapse: collapse;
	width: 100%;
	border-left: solid 1px #C9C9C9;
	border-right: solid 1px #c9c9c9;
	border-bottom: solid 1px #c9c9c9;
}
th.t_top {
	border-top: #ff5722 4px solid;
	text-align: center;
}
th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: center;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: center;
	padding: 10px;
}
.saiyou_photo01 {
	background-image: url(../images/saiyouphoto01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.saiyou_photo02 {
	background-image: url(../images/saiyouphoto02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.saiyou_imgtext {
	margin-left: 3%;
}
															/*　フッター　*/

footer p {
	padding: 30px;
	color: #333333;
	font-size: 20px;
	text-align: center;
	background-color: #E2E6E8;
	border-top: solid 1px #333333;
}
													/*　ページトップボタン　*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 5;
}
.pagetop a {
	display: block;
	background-color: #333333;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	padding: 20px 30px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a:hover {
	display: block;
	background-color: #B5B5B5;
	text-align: center;
	color: #333333;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a i {
	font-size: 200%;
}

														/*　959px以下　*/

@media (max-width: 959px) {
.contents {
	padding: 10% 0 0 0;
}
.contents:before {
	top: 12%;
	left: 10%;
}
.contents:after {
	top: 0%;
	left: 10%;
	margin: 10% -20% 0;
}
.contents1 {
	margin: 0% 0 0 3%;
}
.contents1:before {
	top: -70%;
	left: 10%;
	width: 120%;
	height: 80%;
}
.contents1:after {
	width: 120%;
	height: 70%;
}
#headerlogo {
	margin-top: 1%;
}
#headerlogo a {
	font-size: 3vw;
}
.annai, .saiyou {
	margin-top: 5%;
}
.scroll_annai01 {
	top: 90%;
}
}

															/*　599px以下　*/

@media (max-width: 599px) {
.annai, .saiyou, .kotoba {
	font-size: 20px;
	margin-top: 15%;
}
.contents_inner {
	width: 200%;
	flex-direction: column;
}
#headerlogo {
	margin-top: 15px;
}
#headerlogo a {
	font-size: 20px;
}
.contents {
	padding: 5% 0 0 0;
	margin-left: 0%;
}
.contents:before {
	top: 5%;
	left: 10%;
}
.contents:after {
	top: 0%;
	left: 10%;
	margin: 10% -20% 0;
}
.contents1 {
	margin: 0% 0 0 0%;
}
.contents1:before {
	top: -70%;
	left: 10%;
	width: 120%;
	height: 80%;
}
.contents1:after {
	width: 120%;
	height: 70%;
}
.slide div p {
	top: 45%;
	left: 15%;
	font-size: 6vw;
}
.scroll_annai01 {
	top: 100%;
	left: 45%;
}
.annai_textimg {
	margin-top: 20%;
}
														/*　グローバルナビ　*/
	
.sidemenu {
	width: 100%;
	position: static;
	display: block;
}
.menubtn {
	width: 100%;
	display: none;
}
#slide {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	background-color: #fffff0;
	padding-top: 30%;
}
#gnavi {
	width: 100%;
	position: static;
	-ms-transform: translateY(0%);
	-webkit-transform : translateY(0%);
	transform : translateY(0%);
}
	
	#gnavi ul li .top {
		font-size: 1rem;
		padding: 10px 0;
	}
#gnavibtn {
	height: 35px;
	width: 45px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: rgba(135,135,135,0.8);
	position: absolute;
	top: 16px;
	right: 3%;
	z-index: 6;
	font-size: 30px;
	cursor: pointer;
}
	
	#gnavibtn span {
		display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
	}
	
	#gnavibtn span:nth-child(1) {
    top: 6px;
}
 
#gnavibtn span:nth-child(2) {
    top: 15px;
}
 
#gnavibtn span:nth-child(3) {
    top: 24px;
}
 
#gnavibtn span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}
	#gnavibtn.active span:nth-child(1) {
    top: 15px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
#gnavibtn.active span:nth-child(2),
#gnavibtn.active span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
#gnavibtn:hover {
	background-color: #777777;
}
#gnavibtn:focus {
	outline: none;
}
#gnavibtn .menu {
	display: inline-block;
	text-indent: -9999px;
}
	
	#gnavi ul li a {
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	font-size: 1rem;
	margin-bottom: 0px;
}
															/*　会社案内　*/
	
.annai_textimg h2 {
	font-size: 22px;
	line-height: 1.3;
}
.annai_textimg p {
	font-size: 16px;
	line-height: 1.7;
}
.company td {
	font-size: 14px;
}
														/*　ページトップボタン　*/

.pagetop a {
	font-size: 12px;
	padding: 10px 15px;
}
															/*　採用情報　*/
	
.saiyou {
	font-size: 18px;
}
.head {
	display: flex;
	flex-direction: column;
	height: 350px;
}
.head div {
	width: 100%;
	position: relative;
}
#head {
	display: flex;
	flex-direction: column;
}
.saiyou_hover {
	height: 175px;
}
.saiyou_imgtext {
margin-left: 0;
}
.saiyou_photo01 {
	height: 175px;
	order: -1;
}
.saiyou_photo02 {
	height: 175px;
	order: -1;
}
.saiyou_hover h2 {
	font-size: 18px;
}
.gaiyou {
	padding: 0 3%;
}
.gaiyou h2 {
	font-size: 16px;
	display: block;
	text-align: center;
}
.gaiyou p {
	font-size: 14px;
}
.row h2:before, .row h2:after {
	width: 15px;
	height: 20px;
}
.saiyou_text h2 {
	font-size: 18px;
}
.saiyou_text01 p {
	font-size: 14px;
}
.row li {
	font-size: 14px;
}
.text_container {
	display: block;
}
.saiyou_text {
	width: 100%;
}
.saiyou_text h2 {
	display: block;
	text-align: center;
	margin: 0 3%;
}
.contact01 {
	height: 175px;
}
.contact01 h2 {
	font-size: 18px;
}
.contact02 {
	height: 175px;
}
.contact02 h2 {
	font-size: 18px;
}
.contact_text01 p {
	font-size: 14px;
}
.contact_head {
	height: 175px;
}
.contact_text01 {
	margin-left: 3%;
	margin-right: 3%;
}
html.top{
	height: 100%;
}
body.top{
	height: 100%;
}
.topimage{
	height: 100%;
	display: block;
	position: absolute;
	top: 30%;
	left: 0%;
}
.topnews{
	padding-top: 10%;
	background-color: #DE6A7C;
	width: 100%;
}
.topnews h1{
	margin-top: 0%;
	text-align: center;
	font-size: 24px;
	color: #FFFFFF;
}
.news01 {
	padding: 30px 15px;
	position: relative;
	overflow: hidden;
	width: 90%;
	height: 700px;
	background-color: rgba(255,255,255,0.85);
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
}
.news01 ul li {
	margin-bottom: 15px;
	border-bottom: dotted 2px #dddddd;
	padding-bottom: 15px;
}
.news01 time {
	display: block;
	width: 90px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF6868;
	padding: 3px;
}
.news01 .text {
	display: block;
	width: auto;
	color: #333333;
	font-weight: bold;
	margin-top: 5px;
}
.news01 .text a {
	font-weight: bold;
	color: #5B72FF;
}
.mainimage{
	background-image: url("../images/main.jpg");
	height: 100%;
	width: 100%;
	background-size:auto 100%;
	background-position: center;
}
}

@media (min-width: 600px) {
#gnavibtn {
	display: none;
}
.gnavi {
	display: block !important;
}
	.contact_wrapper {
		display: flex;
		margin-left: 3%;
	}
	
	.contact_wrapper1 {
		width: 50%;
	}
}