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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/*@import url(font-awesome.min.css);*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html {
	width: 100%;
}

.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto 3rem;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
.instagram-title {
	font-size: 1.5rem;
	color: #333;
	border-bottom: 1px solid #0066cc;
	width: 100%;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	text-align: center;
}
.instagram-gallery__list {
	max-width: 96%;
	margin: 0 auto;
    height: auto;
	display: flex;
	justify-content: space-between;
	align-content: space-around;
}
.instagram-gallery__item {
	width: 30%;
	display: block;
	align-content: space-around;
}
.instagram-gallery__item img {
	width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
}
.instagram-gallery__item a {
	font-size: 0.9rem;
	color: #333;
	text-decoration: none;
}
/*.instagram-gallery {
	max-width: 100%;
    height: auto;
	display: flex;
	align-content: space-between;
}
.instagram-gallery > div {
	width: 30%;
	height: auto;
}
.instagram-gallery > div img {
	width: 100%;
	height: auto;
}*/

/*@media screen , print {*/
@media print,screen and (min-width: 768px) {
	body {
		padding-top: 120px
		/*width: 1000px;
		margin: 0 auto;*/
	}

	/*--ヘッダ設定--*/
	header {
		width: 100%;
		margin: -120px auto 0;
		background: white;
		position: fixed;
		height: 130px;
		z-index: 999;
	}
	header .head_content {
		width: 1000px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 0;
		height: 90px;
	}
	header h1 {
		margin: 15px 0 0;
	}
	header h1 img {
		width: 300px;
		height: 55px
	}
	header .contact_box {
		width: 440px;
		height: 95px;
		background-color: #0066cc;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	header .contact_box li {
		margin: 7px;
	}
	header .contact_box li p {
		color: white;
		font-weight: 600;
		white-space: nowrap;
		line-height: 1.2rem;
	}
	header .contact_box li p span {
		font-size: 1.2rem;
	}
	header .contact_box li a {
		color: white;
		font-weight: 600;
		white-space: nowrap;
		text-decoration: none;
	}
	header #head_nav {
		width: 1000px;
		height: 35px;
		background-color: #eee;
		display: block;
		margin: 0 auto 0;
	}
	header #head_nav label,
	header #head_nav input {
		display: none;
	}
	header #head_nav ul {
		margin: 5px 5px;
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		background-color: #eee;
	}
	header #head_nav li {
		display: block;
		width: 16%;
		text-align: center;
	}
	header #head_nav li a {
		width: 100%;
		padding: 10px 0 10px;
		display: block;
		vertical-align: middle;
		color: #999;
		text-decoration: none;
		font-weight: 500;
		font-family: 'Noto Sans Japanese';
	}
	header #mainNav li:first-child,
	footer #foot_nav li:first-child {
		display: none;
	}
	header #head_nav li a:hover {
		color: #bbb;
		background-color: #ddd;
	}
	header hr {
		border: 0;
	}
	/*--本文設定--*/
	#page_wrap {
		width: 1000px;
		margin: 0 auto 2em;
	}

	/*--フッター設定--*/
	footer {
		width: 100%;
		margin: 2em 0 0;
		background-color: #014099;
	}
	footer #foot_nav {
		background-color: #ccc;
	}
	footer #foot_nav ul {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	footer #foot_nav li {
		width: 7em;
	}
	footer #foot_nav li a {
		color: #666;
		width: 100%;
		padding: 10px 0 10px;
		display: block;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		font-weight: 500;
		font-family: 'Noto Sans Japanese';
	}
	footer #foot_nav li a:hover {
		color: #999;
		background-color: #ddd;
	}

	footer .foot_body address {
		width: 1000px;
		margin: 15px auto 15px;
		display: flex;
		justify-content: space-between;
	}
	footer .foot_body h2 {
		width: 300px;
	}
	footer .foot_body dl.company_address {
		color: white;
		font-size: 12px;
		width: 680px;
		display: flex;
		flex-wrap: wrap;
		font-weight: 300;
		font-family: 'Noto Sans Japanese';
	}
	footer .foot_body dl.company_address dt {
		width: 6em;
	}
	footer .foot_body dl.company_address dd.add_txt {
		width: 340px;
	}
	footer .foot_body dl.company_address dd.tel_txt {
		width: 260px;
	}
	footer .foot_body dl.company_address dd.tel_txt a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		color: white;
	}
	footer .copyright_box {
		font-size: 12px;
		color: #999;
		background: white;
		text-align: center;
		padding: 8px 0;
		font-family: 'Noto Sans Japanese';
	}
	.toggle2 {
		display: none;
	}
	
	/*--トップのコピーまわり--*/
	#page_wrap .slidewrapper {
		z-index: 1;
		position: absolute;
		overflow: hidden;
		margin: 80px 0 2rem;
		width: 880px;
		height: 480px;
		/*background-color: white;*/
		border-radius: 20px 0 20px 0;
		filter: drop-shadow(120px -80px 0px #014099);
		background-image: url("../img/main_image.jpg");
	}
	#page_wrap .slidewrapper .slide_item p.top_catchcopy {
		font-size: 2.5rem;
		font-weight: 600;
	}
	#page_wrap .slidewrapper .slide_item p {
		color: white;
		letter-spacing: 0.1em;
		position: relative;
		line-height: 130%;
		font-size: 1.6rem;
		font-weight: 400;
		top: 2rem;
		left: 2rem;
		font-family: 'Sawarabi Mincho';
		filter: drop-shadow(0 0 3px black);
	}
	#page_wrap .slide_item {
		/*width: 100%;
		height: 200px;
		position:absolute;
		display: block;
		overflow: hidden;
		top:0;
		left:0;*/
		position   : absolute;
		/*transform: translate(-50%, -50%);*/
		width: 100%;
		height: 100%;
		background-size: cover;
		min-width: 100%;
		top: 0;
		left: 0;
		transform: translateX(100%);
	}
	#page_wrap .slide_item:nth-child(1){
		/*background-image: url("../img/main_image.jpg");*/
		background-image: url("../img/spacer.png");
		animation: sliderAnime 8s ease-in-out infinite;
    	z-index: 6;
	}
	#page_wrap .slide_item:nth-child(2){
		/*background-image: url("../img/main_image.jpg");*/
		background-image: url("../img/spacer.png");
		animation: sliderAnime2 8s ease-in-out 0s infinite;
		z-index: -1;
	}
	/*#page_wrap .slide_item:nth-child(3){
		/*background-image: url("../img/main_image.jpg");*/
		/*background-image: url("../img/spacer.png");
		animation: sliderAnime3 12s ease-in-out 5.999s infinite;
    	z-index: -2;
	}
	/*#page_wrap .slide_item:nth-child(4){
		/*background-image: url("../img/main_image.jpg");*/
		/*background-image: url("../img/spacer.png");
		animation: sliderAnime2 12s ease-in-out 9.999s infinite;
    	z-index: -3;
	}*/
	/*#page_wrap .slide_item:nth-child(3){
		/*background-image: url("../img/main_image.jpg");*/
		/*background-image: url("../img/spacer.png");
		animation: sliderAnime3 12s ease-in-out 5.999s infinite;
		z-index: -1;
	}*/
	
	/*#page_wrap .top_copy .slide_item:nth-child(1){
		animation-name:slider;
		animation-delay:-8s;
		background-image: url(../img/pc_main_image.jpg);
	}
	#page_wrap .top_copy .slide_item:nth-child(2){
		animation-name:slider;
		animation-delay:0s;
		background-image: url(../img/pc_main_image.jpg);
		opacity:0;
	}*/
	@keyframes sliderAnime{
		0%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
		25.0%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
		35.0%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0)
		}
		80.0%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0)
		}
		100%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
	}
 
	@keyframes sliderAnime2{
		0%{
			opacity: 0;
			transform: translateX(0);
		}
		30.0%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0)
		}
		40.0%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
		70.0%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
		85%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0);
		}
		100%{
			opacity: 0;
			transform: translateX(0);
		}
	}
	
	/*@keyframes sliderAnime{
		0%{
			z-index: 5;
			transform: translateX(0);
		}
		12.5%{
			transform: translateX(0);
		}
		25.0%{
			transform: translateX(-100%);
		}
		50.0%{
			z-index: -1;
			opacity: 0;
			transform: translateX(-100%);
		}
		74%{
			opacity: 0;
			transform: translateX(100%);
		}
		75%{
			opacity: 1;
			transform: translateX(100%);
		}
		100%{
			z-index: 5;
			transform: translateX(0);
		}
	}
 
	@keyframes sliderAnime2{
		0%{
			z-index: 5;
			transform: translateX(100%);
		}
		16.6%{
			transform: translateX(0);
		}
		33.3%{
			transform: translateX(0);
		}
		50%{
			opacity: 1;
			transform: translateX(-100%);
		}
		66.6%{
			opacity: 0;
			z-index: -1;
			transform: translateX(-100%);
		}
		83.2%{
			opacity: 0;
			transform: translateX(100%);
		}
		100%{
			opacity: 0;
			z-index: 5;
			transform: translateX(100%);
		}
	}*/
	/*@keyframes sliderAnime3{
		0%{
			z-index: 5;
			transform: translateX(100%);
		}
		16.6%{
			transform: translateX(0);
		}
		33.3%{
			transform: translateX(0);
		}
		50%{
			opacity: 1;
			transform: translateX(-100%);
		}
		66.6%{
			opacity: 0;
			z-index: -1;
			transform: translateX(-100%);
		}
		83.2%{
			opacity: 0;
			transform: translateX(100%);
		}
		100%{
			opacity: 0;
			z-index: 5;
			transform: translateX(100%);
		}
	}*/

	/*--トップページの写真--*/
	#page_wrap .top_image {
		display: block;
		width: 100%;
		height: 550px;
		background-size: cover;
		margin: 50px 0 2em;
	}
	#page_wrap .top_image img {
		border-radius: 20px 0 20px 0;
		filter: drop-shadow(120px -60px 0px #014099);
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
	}
	
	#page_wrap .camp_banner {
		margin: 10px auto 30px;
		width: 700px;
	}
	
	#page_wrap .camp_banner img {
		width: 700px;
		height: auto;
	}
	
	#page_wrap .camp_banner .ny_vac {
		margin: 0 auto 1.5em;
		padding: 20px;
		border: 5px solid red;
	}
	#page_wrap .camp_banner .ny_vac dt {
		text-align: center;
		font-family: 'Sawarabi Mincho';
		font-weight: 600;
		color: red;
		font-size: 1.6em;
		margin-bottom: 10px;
	}
	#page_wrap .camp_banner .ny_vac dd {
		font-family: 'Sawarabi Mincho';
		font-weight: 400;
		line-height: 150%;
	}
	#page_wrap .camp_banner .ny_vac dd strong {
		font-weight: 600;
	}
	
	.top_topics {
		width: 100%;
		margin-bottom: 3rem;
		display: flex;
		justify-content: space-between;
	}
	#page_wrap .top_topics a {
		text-decoration: none;
	}
	.top_topics .top_topics_01,
	.top_topics .top_topics_02,
	.top_topics .top_topics_03 {
		width: 32%;
	}
	#page_wrap .top_topics div a div {
		background-size: cover;
		display: block;
		height: 250px;
		padding: 1rem 0.5rem;
	}
	#page_wrap .top_topics .top_topics_01 a div {
		background-image: url("../img/topics_01.jpg");
	}
	#page_wrap .top_topics .top_topics_02 a div {
		background-image: url("../img/topics_02.jpg");
	}
	#page_wrap .top_topics .top_topics_03 a div {
		background-image: url("../img/topics_03.jpg");
	}
	#page_wrap .top_topics .top_topics_01 a div p {
		text-align: center;
		font-family: 'Noto Sans Japanese';
		font-weight: 800;
		color: white;
		font-size: 1.8rem;
		line-height: 120%;
		margin: 0 auto;
		filter: drop-shadow(4px 4px 0px #014099);
	}
	#page_wrap .top_topics .top_topics_02 a div p {
		text-align: center;
		font-family: 'Noto Sans Japanese';
		font-weight: 800;
		color: #014099;
		font-size: 1.8rem;
		line-height: 120%;
		margin: 0 auto;
		filter: drop-shadow(2px 2px 0px white);
	}
	#page_wrap .top_topics .top_topics_03 a div p {
		text-align: center;
		font-family: 'Noto Sans Japanese';
		font-weight: 800;
		color: #014099;
		font-size: 1.8rem;
		line-height: 120%;
		margin: 0 auto;
		filter: drop-shadow(2px 2px 0px white);
	}
	#page_wrap .top_topics div a p.link_btn {
		background-color: #014099;
		width: 8rem;
		text-align: center;
		margin: 0.5rem auto 0;
		padding: 0.5rem 1rem;
		color: white;
		font-family: 'Noto Sans Japanese';
		font-weight: 500;
		border-radius: 0.8rem;
	}
	
	/*--トップページnews--*/
	#page_wrap {
		margin: -10px auto 0;
	}
	#page_wrap .top_news {
		width: 80%;
		margin: 0 auto;
		justify-content: space-between;
		display: flex;
		flex-flow: wrap;
	}
	#page_wrap .top_news h3 {
		width: 100%;
		text-align: center;
		font-size: 1.4em;
		line-height: 150%;
		color: #663300;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
		border-bottom: 1px solid #663300;
		padding: 0 0 10px;
		margin: 0 0 1rem;
	}
	#page_wrap .top_news .news_box {
	}
	#page_wrap .top_news .news_box a {
		text-decoration: none;
	}
	#page_wrap .top_news .news_box {
		padding: 2rem;
		background-color: #eee;
		margin: 0 0 2rem;
		filter: drop-shadow(8px 8px 0 #014099);
		width: 100%;
	}
	#page_wrap .top_news .news_box div {
		/*display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		padding: 0.5rem 0;
		border-bottom: dashed 1px #666;*/
	}
	#page_wrap .top_news .news_box ul li {
		margin-bottom: 1.5rem;
	}
	#page_wrap .top_news .news_box div:last-child {
		border-bottom: none;
	}
	/*#page_wrap .top_news .news_box div img {
		width: 100%;
		height: auto;
	}*/
	#page_wrap .top_news .news_box p {
		color: #333;
		font-family: 'Noto Sans Japanese';
		line-height: 150%;
	}
	#page_wrap .top_news .news_box p::after {
		content: "";
		display: block;
		clear: both;
	}
	#page_wrap .top_news .news_box img {
		float: left;
		margin-right: 2rem;
		width: 30%;
	}
	#page_wrap .top_news .news_box .date_txt {
		display: inline-block;
		text-align: right;
		margin-top: 0.7rem;
		margin-left: auto;
		font-weight: 200;
		font-style: italic;
	}

	/*--下部ページ共通--*/
	#page_wrap .sub_tit {
		width: 100%;
		height: 100px;
		background-image: url(../img/sub_img.jpg);
		background-position: left center;
		margin: 0 0 0;
		background-repeat:no-repeat;
		-moz-background-size: 1000px auto;
		background-size: 1000px auto;
		display: table;
	}
	#page_wrap .sub_tit h2 {
		font-size: 2em;
		color: #014099;
		font-family: 'Noto Sans Japanese';
		font-weight: 700;
		align-items: center;
		display: table-cell;
		vertical-align: middle;
		padding-left: 15px;
		filter: drop-shadow(5px 5px 2px #aaa);
		margin-bottom: 1.5rem;
		letter-spacing: 0.5rem;
	}
	.pankuzu {
		margin: 25px 20px;
	}
	.pankuzu ol {
		display: flex;
		flex-wrap: wrap;
		color: #999;
		font-family: 'Noto Sans Japanese';
		font-weight: 200;
	}
	.pankuzu ol li {
		font-size: 0.9em;
		align-items: center;
		display: table-cell;
		vertical-align: middle;
	}
	.pnakuzu ol li a {
		color: #333;
	}
	.pankuzu ol li::before {
		content: "＞";
		margin: 0 0.7em;
		color: #999;
	}
	.pankuzu ol li:first-child::before {
		content: "　";
		background-image: url(../img/icon.gif);
		background-size: 1rem;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.pagelink_btn {
		width: 150px;
		background-color: white;
		border: 1px solid #999;
		border-radius: 30px 0 0 30px;
		padding: 15px 10px;
		position: fixed;
		z-index: 10;
		right: -20px;
		bottom: 80px;
		filter: drop-shadow(0 0 3px #999);
		opacity: 0.7;
	}
	.pagelink_btn:hover {
		opacity: 1;
	}
	.pagelink_btn {
		bottom: 110px;
	}
	.pagelink_btn ul li {
		padding: 5px 0;
	}
	.pagelink_btn a {
		font-size: 14px;
		color: #666;
		font-family: 'Noto Sans Japanese';
		font-weight: 600;
		text-decoration: none;
	}
	.pagelink_btn a:hover {
		color: #333;
	}
	.pagelink_btn a::before {
		content: "　";
		text-decoration: none;
		margin: 0 0.7em;
		background-image: url(../img/icon.gif);
		background-size: 1em;
		background-repeat: no-repeat;
		background-position: center center;
	}
	/*--会社概要--*/
	.content_wrap.outline_page .intro_wrap {
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 900px;
		background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0)), url(../outline/img/back_img.png);
		background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0)), url(../outline/img/back_img.png);
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0)), url(../outline/img/back_img.png);
	}
	.content_wrap.outline_page .intro_wrap ul {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.content_wrap.outline_page .intro_wrap ul li {
		font-size: 20px;
		font-weight: 600;
		font-family: 'Sawarabi Mincho';
		width: 130px;
		height: 130px;
		text-align: center;
		padding: 15px;
		margin: 20px -10px 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 80px;
		opacity: 0.7;
	}
	.content_wrap.outline_page .intro_wrap ul li:nth-child(1) {
		background: -moz-radial-gradient(white, #f99); 
		background: -webkit-radial-gradient(white, #f99); 
		background: radial-gradient(white, #f99); 
	}
	.content_wrap.outline_page .intro_wrap ul li:nth-child(2) {
		background: -moz-radial-gradient(white, #9cf); 
		background: -webkit-radial-gradient(white, #9cf); 
		background: radial-gradient(white, #9cf); 
	}
	.content_wrap.outline_page .intro_wrap ul li:nth-child(3) {
		background: -moz-radial-gradient(white, #9fc); 
		background: -webkit-radial-gradient(white, #9fc); 
		background: radial-gradient(white, #9fc); 
	}
	.content_wrap.outline_page .intro_wrap dl {
		font-family: 'Sawarabi Mincho';
		margin: 10px auto 100px;
		color: #666;
	}
	.content_wrap.outline_page .intro_wrap dl dt {
		font-size: 24px;
		font-weight: 500;
		margin: 0 auto 1em;
		text-align: center;
	}
	.content_wrap.outline_page .intro_wrap dl dt span {
		position: relative;
		display: inline-block;
		padding: 0 45px;
	}
	.content_wrap.outline_page .intro_wrap dl dd {
		/*margin-left: 0.5em;*/
	}
	.content_wrap.outline_page .intro_wrap dl dt span::before,
	.content_wrap.outline_page .intro_wrap dl dt span::after  {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 35px;
		height: 1px;
		background-color: gray;
	}
	.content_wrap.outline_page .intro_wrap dl dt span::before {left: 0;}
	.content_wrap.outline_page .intro_wrap dl dt span::after {right: 0;}
	.content_wrap.outline_page .intro_wrap dl dd {
		margin: 0 auto;
		width: 6em;
		text-align: center;
		font-size: 40px;
		font-weight: 700;
		letter-spacing: 0.3em;
	}
	.content_wrap.outline_page .intro_wrap p {
		width: 700px;
		margin: 0 auto 8em;
		line-height: 1.8em;
		font-family: 'Noto Sans Jpanese';
		font-weight: 300;
	}
	.content_wrap.outline_page dl.outline_list {
		width: 600px;
		margin: 2em auto;
		display: flex;
		flex-wrap: wrap;
		font-family: 'Noto Sans Japanese';
		font-size: 1.1em;
		line-height: 110%;
		border-bottom: 1px dotted #999;
	}
	.content_wrap.outline_page dl.outline_list dt {
		width: 100px;
		padding: 1em 10px;
		text-align: center;
		border-top: 1px dotted #999;
		background-color: #0066CC;
		color: white;
		font-weight: 400;
	}
	.content_wrap.outline_page dl.outline_list dd {
		width: 460px;
		padding: 1em 10px;
		border-top: 1px dotted #999;
		font-weight: 300;
	}
	.outline_page dl.outline_list dd:nth-child(4n-2) {
		background-color: #eee;
	}

	/*--会社沿革--*/
	.content_wrap.history_page dl {
		width: 670px;
		margin: 2em auto 2em;
		display: flex;
		flex-wrap: wrap;
		font-family: 'Noto Sans Japanese';
		font-size: 1.1em;
		line-height: 110%;
		border-bottom: 1px dotted #999;
	}
	.content_wrap.history_page dl dt {
		width: 130px;
		padding: 1em 10px;
		text-align: center;
		border-top: 1px dotted #999;
		background-color: #0066CC;
		font-weight: 400;
		color: white;
		justify-content: center;
	}
	.content_wrap.history_page dl dd {
		width: 500px;
		padding: 1em 10px;
		border-top: 1px dotted #999;
		font-weight: 300;
	}
	.history_page dl dd:nth-child(4n-2) {
		background-color: #eee;
	}
	/*--営業品目--*/
	.item_page .item_list {
		width: 100%;
		margin: 50px auto 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.item_page .item_list li {
		margin: 0 1% 2rem;
		width: 31%;
		height: 78.3%;
		display: block;
	}
	.item_page .item_list li dl {
		width: 100%;
	}
	.item_page .item_list li a {
		font-size: 2rem;
		font-family: 'Noto Sans Japanese';
		font-weight: 600;
		text-decoration: none;
		color: #0066CC;
		text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
		width: 100%;
		height: 12rem;
		display: flex;
		justify-content: center;
		align-items: center;
		background-size: contain;
		background-position: center;
		position: relative;
	}
	.item_page .item_list li a::after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		display: block;
		background-color:rgba(0,0,0,0.15);
	}
	.item_page .item_list li a p {
		z-index: 1;
		text-align: center;
		padding: 0 2rem;
	}
	.item_page .item_list li a:hover::after {
		background-color: rgba(0,102,204,0.40);
	}
	.item_page .item_list li:nth-child(1) a {
		background-image: url("../item/img/item_01.png");
	}
	.item_page .item_list li:nth-child(2) a {
		background-image: url("../item/img/item_02.png");
	}
	.item_page .item_list li:nth-child(3) a {
		background-image: url("../item/img/item_03.png");
	}
	/*.item_page .item_list li dl dt {
		font-size: 1.3em;
		width: calc(100% - 40px);
		text-align: center;
		color: white;
		font-weight: 600;
		font-family: 'Noto Sans Japanese';
		background: -webkit-linear-gradient(left, white 0%, #039 20%, #039 80%, white 100%);
		background: -o-linear-gradient(left, white 0%, #039 20%, #039 80%, white 100%);
		background: linear-gradient(to right, white 0%, #039 20%, #039 80%, white 100%);
		padding: 5px 20px 5px;
		margin-bottom: 10px;
	}*/
	.item_page .item_list li dl dd {
		margin-bottom: 1rem;
	}
	.item_page .item_list li dl dd img {
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
	}
	.item_page .inquiry_box {
		width: 60%;
		margin:  0 auto 50px;
		padding: 15px;
		border: 3px solid #039;
		border-radius: 15px;
		background-image: linear-gradient(
			-45deg,
			#fff 25%,
			#cff 25%, #cff 50%,
			#fff 50%, #fff 75%,
			#cff 75%, #cff
		);
		background-size: 8px 8px;
	}
	.item_page .inquiry_box p {
		font-size: 1.2em;
		text-align: center;
		color: #039;
		font-weight: 600;
		font-family: 'Noto Sans Japanese';
		margin-bottom: 20px;
	}
	.item_page .inquiry_box dl {
		width: 85%;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		font-family: 'Noto Sans Japanese';
	}
	.item_page .inquiry_box > div {
		margin: 2rem auto 3rem;
	}
	.item_page .inquiry_box > div a {
		color: white;
		text-decoration: none;
		font-size: 18px;
		background-color: #039;
		padding: 2% 2rem;
		font-weight: 500;
		text-align: center;
		border-radius: 1rem;
		box-shadow: 5px 5px 0 #999;
	}
	.item_page .inquiry_box > div a:hover {
		background-color: #8AF;
	}
	.item_page .inquiry_box dt {
		font-size: 18px;
		background-color: #039;
		padding: 2%;
		color: white;
		font-weight: 500;
		width: 38%;
		text-align: center;
	}
	.item_page .inquiry_box dd {
		font-size: 24px;
		font-weight: 600;
		width: 56%;
		padding: 2% 0 2% 2%;
		text-align: center;
		color: #039;
	}
	
	.item_page.detail_page ul {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 2rem;
	}
	.item_page.detail_page ul li {
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		margin: 0 0 0.5rem;
	}
	.item_page.detail_page ul li a {
		font-size: 0.8rem;
		padding: 0.5rem 2rem;
		display: block;
	}
	.item_page.detail_page .detail_text {
		width: 100%;
		display: flex;
		overflow: hidden;
		margin-bottom: 3rem;
	}
	.item_page.detail_page .detail_text:nth-child(even) {
		flex-direction: row-reverse;
	}
	.item_page.detail_page .detail_text:nth-child(odd) div {
		width: 50%;
		background-color: #039;
		z-index: 1;
		transform: skewX(-5deg);
		transform-origin: top left;
	}
	.item_page.detail_page .detail_text:nth-child(odd) div * {
		transform: skewX(5deg);
		transform-origin: top left;
	}
	.item_page.detail_page .detail_text div h3 {
		font-size: 2rem;
		color: white;
		font-family: 'Noto Sans Japanese';
		font-weight: 600;
		padding: 2rem 2rem 0;
	}
	.item_page.detail_page .detail_text div p {
		color: white;
		font-family: 'Noto Sans Japanese';
		padding: 2rem;
		line-height: 150%;
	}
	.item_page.detail_page .detail_text:nth-child(odd) img {
		margin-left: -10%;
		z-index: 0;
	}
	.item_page.detail_page .detail_text:nth-child(even) div {
		width: 50%;
		background-color: #039;
		z-index: 1;
		transform: skewX(5deg);
		transform-origin: top right;
	}
	.item_page.detail_page .detail_text:nth-child(even) div * {
		transform: skewX(-5deg);
		transform-origin: top right;
	}

	.item_page.detail_page .detail_text:nth-child(even) img {
		margin-right: -10%;
		z-index: 0;
	}
	
	
	/*--地図--*/
	.content_wrap.access_page {
		position: relative;
		width: 900px;
		margin: 0 auto;
	}
	/*.access_page #map_custmomize {
		width: 100%;
		height: 600px;
		margin: 80px auto 80px;
	}*/
	.access_page iframe {
		width: 100%;
		height: 600px;
		margin: 30px auto 80px;
	}
	.access_page .company_data {
		position: absolute;
		top: 50px;
		right: 50px;
		box-sizing: border-box;
		background: #ffffff;
		width: 260px;
		height: 320px;
		padding: 20px 0;
		z-index: 98 !important;
		font-family: 'Noto Sans Japanese';
		border-radius: 20px;
		opacity: 0.7;
	}
	.access_page .company_data:hover {
		opacity: 1;
	}
	.access_page .company_data dt {
		font-size: 1.2rem;
		text-align: center;
		font-weight: 600;
		color: #039;
	}
	.access_page .company_data dd {
		width: 230px;
		margin: 0 auto;
		line-height: 1.4rem;
		font-weight: 300;
		text-align: justify;
	}
	.access_page .company_data dd img {
		width: 230px;
		height: auto;
		border-radius: 30px;
		margin: 10px 0;
	}
	/*--採用案内--*/
	.recruit_page .intro_txt {
		width: 900px;
		padding: 100px 0;
		font-size: 2rem;
		margin: 60px auto;
		background-image: url(../recruit/img/rec_image.jpg);
		background-size: cover;
		background-position: center center;
		position: relative;
		z-index: 0;
		overflow: hidden;
		background-color: rgb(0,163,175);
	}
	.recruit_page .intro_txt:before{
		content: '';
		background: inherit;/*.bgImageで設定した背景画像を継承する*/
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		position: absolute;
		opacity: 0.8;
		/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
		top: -5px;
		left: -5px;
		right: -5px;
		bottom: -5px;
		z-index: -1;/*重なり順序を一番下にしておく*/
	}
	.recruit_page .intro_txt p {
		color: #FF0004;
		font-weight: 600;
		font-family: 'Sawarabi Mincho';
		filter: drop-shadow(0 3px 3px #aaa);
		text-align: center;
	}
	.recruit_page .recruit_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin-bottom: 2em;
	}
	.recruit_page .recruit_box {
		width: 450px;
		font-family: 'Noto Sans Japanese';
		border: 1px solid #039;
		border-radius: 10px;
	}
	.recruit_page .recruit_box h3 {
		text-align: center;
		margin-top: 1em;
		margin-bottom: 0.6em;
		font-weight: 600;
		font-size: 1.4em;
		color: #039;
	}
	.recruit_page .recruit_box dl {
		width: 430px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 10px;
	}
	
	.recruit_page .recruit_box dt {
		flex: 0 0 100px;
		text-align: center;
		background-color: #039;
		color: white;
		font-weight: 500;
		padding: 0.5em 0;
		margin: 0 3px 5px 0;
	}
	.recruit_page .recruit_box dd {
		flex: 0 0 300px;
		padding: 0.5em 5px;
		margin-bottom: 5px;
		font-weight: 300;
		background-color: #eee;
		line-height: 150%;
		text-align: justify;
	}
	.recruit_page .recruit_box dd ul li,
	.recruit_page .recruit_box dd p.com_txt {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	.recruit_page .recruit_contact {
		width: 45%;
		margin:  0 auto 50px;
		padding: 15px;
		border: 3px solid #039;
		border-radius: 15px;
		background-image: linear-gradient(
			-45deg,
			#fff 25%,
			#cff 25%, #cff 50%,
			#fff 50%, #fff 75%,
			#cff 75%, #cff
		);
		background-size: 8px 8px;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
	}
	.recruit_page .recruit_bottom {
		text-align: center;
		font-size: 1.0em;
		margin-bottom: 2em;
		font-family: 'Noto Sans Japanese';
		font-weight: 300;
	}
	.recruit_page .recruit_contact p {
		font-size: 1.2em;
		text-align: center;
		color: #039;
		font-weight: 600;
		font-family: 'Noto Sans Japanese';
		margin-bottom: 20px;
	}
	.recruit_page .recruit_contact dl {
		width: 75%;
		margin: 0 auto;
		font-family: 'Noto Sans Japanese';
	}
	.recruit_page .recruit_contact dt {
		font-size: 20px;
		padding: 2%;
		color: #039;
		font-weight: 500;
		text-align: center;
	}
	.recruit_page .recruit_contact dd {
		font-size: 16px;
		line-height: 1.5rem;
		font-weight: 400;
		text-align: justify;
		color: #039;
	}
	
	/*ドローン*/
	.content_wrap.drone_content .intro_txt {
		background-image: url("../drone/img/bg_image.jpg");
		display: flex;
		background-size: cover;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.content_wrap.drone_content .intro_txt h3 {
		margin: 0rem 2rem 1rem;
		font-size: 2rem;
		font-weight: 600;
		color: white;
		filter: drop-shadow(3px 3px 0 #333);
		width: 28rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.drone_content .intro_txt p {
		margin: 1rem 2rem 4rem;
		width: 28rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.drone_content .intro_txt div {
		padding-top: 3rem;
	}
	.content_wrap.drone_content .intro_txt img {
		width: 95%;
		height: 95%;
		margin: 0 auto;
		animation: 1s 1 alternate drone-slide;
	}
	@keyframes drone-slide {
		from {
			margin-top: -30%;
			width: 120%;
			opacity: 0;
		}

		to {
			margin-top: 0%;
			width: 95%;
			opacity: 100;
		}
	}
	.content_wrap.drone_content table {
		width: 80%;
		margin: 2rem auto 3rem;
	}
	.content_wrap.drone_content table th {
		color: white;
		background-color: #039;
		padding: 0.5rem;
		border-collapse: separate;
		border-spacing: 1px 0;
		border-bottom: 1px solid white;
		padding: 1rem;
		vertical-align: middle;
	}
	.content_wrap.drone_content table td {
		padding: 1rem;
		line-height: 150%;
	}
	.content_wrap.drone_content table tr:nth-child(2n){
		background-color: #eee;
	}
	.content_wrap.drone_content table td .license_list{
		list-style: disc;
		margin-left: 1rem;
		padding-left: 0;
	}
	.content_wrap.drone_content table td .license_list li {
		padding-left: 0;
		margin-left: 0;
	}
	.content_wrap.drone_content table td img {
		float: right;
		width: 10rem;
		margin-left: 1.5rem;
	}
	.content_wrap.drone_content h4 {
		width: 80%;
		text-align: center;
		font-size: 1.4em;
		line-height: 150%;
		color: #663300;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
		border-bottom: 1px solid #663300;
		padding: 0 0 10px;
		margin: 0 auto 1rem;
		
	}
	.content_wrap.drone_content .license_detail {
		width: 80%;
		margin: 0 auto 4rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.drone_content .sample_detail {
		width: 90%;
		margin: 0 auto 4rem;
		
	}
	.content_wrap.drone_content .sample_detail .youtube_mov {
		width: 90%;
		position: relative;
		padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
		height: 0;
		overflow: hidden;
		margin: 0 auto 2rem;
	}
	.content_wrap.drone_content .sample_detail .youtube_mov iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.content_wrap.drone_content .sample_detail .sample_photo {
		width: 90%;
		margin: 0 auto 2rem;
		height: auto;
		display: flex;
		justify-content: space-between;
	}
	.content_wrap.drone_content .sample_detail .sample_photo img {
		width: 48%;
		height: auto;
	}
	
	/*データ入稿*/
	.content_wrap.print_content .intro_txt {
		background-image: url("../printing/img/bg_image.jpg");
		background-size: 40rem;
		background-position: top right;
		background-repeat: no-repeat;
		display: flex;
		justify-content: space-between;
		margin-bottom: 3rem;
	}
	.content_wrap.print_content .intro_txt h3 {
		margin: 0rem 1rem 1rem;
		font-size: 2rem;
		font-weight: 700;
		color: #039;
		filter: drop-shadow(3px 3px 0 #bbb);
		width: 40rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.print_content .intro_txt .print_icon {
		display: flex;
		justify-content: space-between;
		width: 70%;
		margin: 0 10%;
	}
	.content_wrap.print_content .intro_txt .print_icon li {
		width: 28%;
	}
	.content_wrap.print_content .intro_txt .print_icon li img {
		width: 100%;
		height: auto;
	}
	.content_wrap.print_content .intro_txt p {
		margin: 1rem 2rem 0rem;
		width: 34rem;
		text-align: right;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.print_content .intro_txt ul {
		margin: 1rem 2rem;
		width: 34rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.print_content .intro_txt .print_txt li {
		font-size: 1.3rem;
		line-height: 150%;
		font-weight: 600;
		padding: 0.5rem 1rem;
		margin-bottom: 1rem;
		border-radius: 0.6rem;
		background-color: #9cf;
	}
	.content_wrap.print_content h4 {
		width: 100%;
		text-align: center;
		font-size: 1.4em;
		line-height: 150%;
		color: #663300;
		font-family: 'Noto Sans Japanese';
		font-weight: 600;
		border-bottom: 1px solid #663300;
		padding: 0 0 10px;
		margin: 0 auto 1rem;
		
	}
	.content_wrap.print_content .print_detail {
		width: 80%;
		margin: 0 auto 4rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.print_content .create_detail {
		width: 80%;
		padding: 1rem;
		background-color: #9cf;
		margin: 0 auto 4rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
		border-radius: 1rem;
	}
	.content_wrap.print_content .create_detail img {
		width: 13%;
		height: auto;
		float: right;
		margin-left: 1rem;
	}
	.content_wrap.print_content .create_detail p::after {
		content: " ";
		clear: both;
	}
	/*ワンストップ*/
	.content_wrap.onestop_content .intro_txt {
		background-image: url("../onestop/img/bg_image.jpg");
		background-size: 40rem;
		background-position: top right;
		background-repeat: no-repeat;
		display: flex;
		justify-content: space-between;
		margin-bottom: 3rem;
	}
	.content_wrap.onestop_content .intro_txt h3 {
		margin: 1rem 1rem 2rem;
		font-size: 2rem;
		font-weight: 700;
		color: #039;
		filter: drop-shadow(3px 3px 0 #bbb);
		width: 16em;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.onestop_content .intro_txt p {
		margin: 1rem 2rem 3rem;
		width: 30rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.onestop_content h4 {
		width: 100%;
		text-align: center;
		font-size: 1.4em;
		line-height: 150%;
		color: #663300;
		font-family: 'Noto Sans Japanese';
		font-weight: 600;
		border-bottom: 1px solid #663300;
		padding: 0 0 10px;
		margin: 0 auto 1rem;
	}
	.content_wrap.onestop_content .onestop_flow {
		width: 90%;
		margin: 0 auto 3rem;
	}
	.content_wrap.onestop_content .onestop_flow dl {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.content_wrap.onestop_content .onestop_flow dt {
		background-color: #039;
		color: white;
		font-size: 1.2rem;
		width: 30%;
		text-align: center;
		display: flex;
		align-items: center;
		position: relative;
		margin-bottom: 3rem;
	}
	.content_wrap.onestop_content .onestop_flow dt:not(:last-of-type)::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: -2rem;
		left: 0;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: #039 transparent transparent transparent;
		border-width: 2rem 2rem 0 2rem;
	}
	
	.content_wrap.onestop_content .onestop_flow dt p {
		margin: 1rem auto;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.onestop_content .onestop_flow dd {
		width: calc(39% - 1.2rem);
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
		margin-left: 1rem;
		margin-bottom: 2rem;
	}
	.content_wrap.onestop_content .onestop_flow dd.flow_image{
		width: 25%;
		overflow: hidden;
		position: relative;
	}
	.content_wrap.onestop_content .onestop_flow dd.flow_image:before {
      content: "";
      display: block;
      padding-top: 100%; 
    }
	.content_wrap.onestop_content .onestop_flow dd.flow_image img{
		width: 100%;
		height: calc(100% - (2rem * 0.6));
		object-fit: cover;
		position: absolute;
		top: 0;
		letter-spacing: 0;
	}


}
@media screen and (max-width: 767px) {
	body {
		padding: 0;
	}
	/*--ヘッダ--*/
	header {
		padding: 0;
		/*background-color: #0066CC*/
	}
	header .head_content {
		width: 100%;
	}
	header .head_content h1 {
		width: 360;
		background-color: white;
	}
	header .head_content h1 img {
		width: 80%;
		max-width: 300px;
		height: auto;
		max-height: 6rem;
		margin: 1rem 2rem;
	}
	header .head_content .contact_box {
		flex: 1;
		background-color: #0066CC;
		padding: 10px;
		text-align: center;
		display: none;
	}
	header .head_content .contact_box li img {
		width: 80%;
		margin-bottom: 5px;
		height: auto;
	}
	header hr {
		display: none;
	}
	#mainNav {
		position: fixed;
		top: 0;
		right: -80%; 
		width: 80%; 
		height: 100%;
		transition: left .5s, right .5s; 
		background-color: rgba(86, 86, 86, .9);
    	z-index: 50001;
	}
	#mainNav li a {
		font-size: 18px;
		width: 100%;
		padding: 15px 0 15px 15px;
		display: block;
		border: 1px #ccc solid;
		background-color: #555;
		text-decoration: none;
		font-weight: 700;
		color: white;
	}
	.toggle {
		position: fixed;
		left: 0;
		bottom: 95px;
		padding: 15px;
		font-size: 24px;
		color: #333;
		cursor: pointer;
		background-color: rgba(255, 255, 255, .9);
		border-radius: 0 10px 10px 0;
		z-index: 5000;
	}

	.toggle:hover {
		text-decoration: underline;
	}

	.toggle2 {
		position: fixed;
		left: 0;
		bottom: 25px;
		padding: 15px 17px;
		font-size: 16px;
		color: #333;
		cursor: pointer;
		background-color: rgba(255, 255, 255, .9);
		border-radius: 0 10px 10px 0;
		z-index: 9;
	}
	.toggle2 a {
		color: #333;
		text-decoration: none;
	}
	
	#open {
		display: none;
	}

	#open:checked + #mainNav {
		right: 0;
	}
	
	/*--トップページ--*/
	/*.slidewrapper {
		display: none;
	}
	#page_wrap .top_image {
		width: 100%;
		margin: 0 0 15px;
		background: url(../img/main_image.jpg) 0 0 no-repeat;
		height: 0;
		padding-top: 54.54%;
		background-size: contain;
	}
	#page_wrap .top_news h3 {
		width: 94%;
		font-size: 1.2em;
		color: #663300;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
		text-align: center;
		border-bottom: 1px solid #663300;
		padding: 0 0 10px;
		margin: 0 auto 1em;
	}*/
	#page_wrap .top_image {
		width: 100%;
		/*aspect-ratio: 16 / 9;*/
		margin: 0 0 15px;
		height: 0;
		padding-top: clamp(400px, 60%, 600px);
		display: block;
	}

	/*--トップのコピーまわり--*/
	#page_wrap .slidewrapper {
		z-index: 1;
		position: absolute;
		overflow: hidden;
		top: 5rem;
		margin: 0 0 6rem;
		width: 100%;
		height: 50%;
		min-height: 400px;
		background-image: url("../img/main_image.jpg");
		background-size: cover;
		background-position: center center;
		min-width: 100%;
	}
	#page_wrap .slidewrapper .slide_item p.top_catchcopy {
		font-size: 2rem;
		font-weight: 500;
		width: clamp(250px,80vw,100%);
	}
	#page_wrap .slidewrapper .slide_item p {
		color: white;
		letter-spacing: 0.1em;
		position: relative;
		line-height: 130%;
		font-size: 1.4rem;
		font-weight: 300;
		top: 2rem;
		left: 2rem;
		font-family: 'Sawarabi Mincho';
		filter: drop-shadow(0 0 3px black);
	}
	#page_wrap .slide_item {
		/*width: 100%;
		height: 200px;
		position:absolute;
		display: block;
		overflow: hidden;
		top:0;
		left:0;*/
		position   : absolute;
		/*transform: translate(-50%, -50%);*/
		width: clamp(290px,80vw,100%);
		height: 100%;
		background-size: cover;
		min-width: 100%;
		top: 0;
		left: 0;
		transform: translateX(100%);
	}
	/*#page_wrap .slide_item:nth-child(1){
		/*background-image: url("../img/main_image.jpg");*/
		/*background-image: url("../img/spacer.png");
		animation: sliderAnime 12s ease-in-out infinite;
    	z-index: 6;
	}
	#page_wrap .slide_item:nth-child(2){
		/*background-image: url("../img/main_image.jpg");*/
		/*background-image: url("../img/spacer.png");
		animation: sliderAnime2 12s ease-in-out 1.999s infinite;
		z-index: -1;
	}
	#page_wrap .slide_item:nth-child(3){
		/*background-image: url("../img/main_image.jpg");*/
		/*background-image: url("../img/spacer.png");
		animation: sliderAnime2 12s ease-in-out 5.999s infinite;
		z-index: -1;
	}*/
	#page_wrap .slide_item:nth-child(1){
		/*background-image: url("../img/main_image.jpg");*/
		background-image: url("../img/spacer.png");
		animation: sliderAnime 8s ease-in-out infinite;
    	z-index: 6;
	}
	#page_wrap .slide_item:nth-child(2){
		/*background-image: url("../img/main_image.jpg");*/
		background-image: url("../img/spacer.png");
		animation: sliderAnime2 8s ease-in-out 0s infinite;
		z-index: -1;
	}
	/*#page_wrap .slide_item:nth-child(3){
		/*background-image: url("../img/main_image.jpg");*/
		/*background-image: url("../img/spacer.png");
		animation: sliderAnime3 12s ease-in-out 3.999s infinite;
    	z-index: -2;
	}
	.facebook-wrapper {
		margin: 18rem 5% 3rem;
	}
	/*@keyframes sliderAnime{
		0%{
			z-index: 5;
			transform: translateX(0);
		}
		16.6%{
			transform: translateX(0);
		}
		33.3%{
			transform: translateX(-100%);
		}
		50%{
			z-index: -1;
			transform: translateX(-100%);
		}
		66.6%{
			transform: translateX(100%);
		}
		83.2%{
			z-index: 5;
			transform: translateX(100%);
		}
		100%{
			z-index: 5;
			transform: translateX(0);
		}
	}
 
	@keyframes sliderAnime2{
		0%{
			z-index: 5;
			transform: translateX(100%);
		}
		16.6%{
			transform: translateX(0);
		}
		33.3%{
			transform: translateX(0);
		}
		50%{
			transform: translateX(-100%);
		}
		66.6%{
			z-index: -1;
			transform: translateX(-100%);
		}
		83.2%{
			transform: translateX(100%);
		}
		100%{
			z-index: 5;
			transform: translateX(100%);
		}
	}*/
	@keyframes sliderAnime{
		0%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
		25.0%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
		35.0%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0)
		}
		80.0%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0)
		}
		100%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
	}
 
	@keyframes sliderAnime2{
		0%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0);
		}
		30.0%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0)
		}
		40.0%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
		65.0%{
			filter: blur(0);
			opacity: 1;
			transform: translateX(0)
		}
		80%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0);
		}
		100%{
			filter: blur(1rem);
			opacity: 0;
			transform: translateX(0);
		}
	}
	
	.top_news {
		width: 86vw;
		margin: 0 auto 2rem;
	}
	.top_news > .news_box {
		width: 86vw;
		margin: 0 auto 2rem;
	}
	.top_news > .news_box li {
		margin-bottom: 1rem;
	}
	.top_news > .news_box img {
		width: 50%;
		height: auto;
		margin: 0 1rem 0.5rem 0;
		float: left;
	}
	#page_wrap .top_news .news_box p::after {
		content: "";
		display: block;
		clear: both;
	}
	.top_news > .news_box li a {
		color: #333;
		line-height: 150%;
	}
	.top_news > .news_box li a .date_txt {
		padding-left: 1rem;
		font-style: oblique;
	}
	
	.instagram-gallery {
		width: 100%;
		margin: 0 auto 2rem;
	}
	.instagram-title {
		border: none;
		margin: 0 auto 5px;
		padding: 0;
	}
	.instagram-gallery__list {
		flex-flow: column;
		border: 1px solid #ccc;
		padding: 1rem;
	}
	.instagram-gallery__item {
		width: 90%;
		text-align: justify;
		margin-bottom: 1rem;
		background-color: #eee;
		padding: 5%;
	}
	.instagram-gallery__item:nth-child(3) {
		margin-bottom: 0;
	}
	.instagram-gallery__item img {
		width: 43%;
		height: auto;
		margin: 0 1rem 1rem 0;
		float: left;
	}
	.instagram-gallery__item a {
		font-size: 0.9rem;
		color: #333;
		text-decoration: none;
		line-height: 130%;
	}
	
	.top_topics {
		width: 94%;
		margin: 0 auto 3rem;
		background-image: url("../img/topics_02.jpg");
	}
	#page_wrap .top_topics a {
		text-decoration: none;
	}
	.top_topics .top_topics_01,
	.top_topics .top_topics_02,
	.top_topics .top_topics_03 {
		width: 100%;
	}
	#page_wrap .top_topics div a div {
		background-size: cover;
		background-position: center bottom;
		display: block;
		height: 10rem;
		padding: 1rem 0.5rem;
	}
	#page_wrap .top_topics .top_topics_01 a div {
	}
	#page_wrap .top_topics .top_topics_02 a div {
	}
	#page_wrap .top_topics .top_topics_03 a div {
		/*background-image: url("../img/topics_01.jpg");*/
	}
	#page_wrap .top_topics .top_topics_01 a div p {
		text-align: center;
		font-family: 'Noto Sans Japanese';
		font-weight: 800;
		color: white;
		font-size: 1.8rem;
		line-height: 130%;
		margin: 0 auto;
		filter: drop-shadow(4px 4px 0px #014099);
	}
	#page_wrap .top_topics .top_topics_02 a div p {
		text-align: center;
		font-family: 'Noto Sans Japanese';
		font-weight: 800;
		color: #014099;
		font-size: 1.8rem;
		line-height: 130%;
		margin: 0 auto;
		filter: drop-shadow(2px 2px 0px white);
	}
	#page_wrap .top_topics .top_topics_03 a div p {
		text-align: center;
		font-family: 'Noto Sans Japanese';
		font-weight: 800;
		color: #014099;
		font-size: 1.8rem;
		line-height: 130%;
		margin: 0 auto;
		filter: drop-shadow(2px 2px 0px white);
	}
	#page_wrap .top_topics div a p.link_btn {
		background-color: #014099;
		width: 8rem;
		text-align: center;
		margin: -3rem auto 4rem;
		padding: 0.5rem 1rem;
		color: white;
		font-family: 'Noto Sans Japanese';
		font-weight: 500;
		border-radius: 0.8rem;
	}
	#page_wrap .top_news {
		width: 94%;
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}
	#page_wrap .top_news h3 {
		width: 100%;
		text-align: center;
		font-size: 1.4em;
		line-height: 150%;
		color: #663300;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
		border-bottom: 1px solid #663300;
		padding: 0 0 10px;
		margin: 0 0 1rem;
	}
	#page_wrap .top_news .news_box {
		width: 100%;
		margin: 0 0 2em;
		padding: 3%;
		background-color: #eee;
	}
	#page_wrap .top_news .news_box a {
		text-decoration: none;
	}
	#page_wrap .top_news .news_box div {
		width: 100%;
		padding: 1rem 0;
		border-bottom: 1px dashed #666;
	}
	#page_wrap .top_news .news_box div:last-child {
		border-bottom: none;
	}
	
	#page_wrap .top_news .news_box div img {
		max-width: 95%;
		height: auto;
		width /***/:auto;
		margin: 0 auto ;
	}
	#page_wrap .top_news .news_box dt {
		margin: 3%;
		color: #333;
		font-family: 'Noto Sans Japanese';
		text-align: justify;
	}

	#page_wrap .top_news .news_box dd {
		width: 92%;
		text-align: right;
		margin-top: auto;
		font-weight: 200;
		font-style: italic;
		margin: 3%;
	}
	#foot_nav {
		width: 100%;
		padding: 0;
		background-color: #eee;
	}
	#foot_nav ul li a {
		width: 100%;
		font-size: 0.9em;
		text-align: center;
		padding: 15px 0;
		display: block;
		color: #111;
		text-decoration: none;
		font-weight: 700;
		font-family: 'Noto Sans Japanese';
		border: 1px solid #fff;
	}
	footer {
		background-color: #014099;
	}
	.foot_body {
		margin: 15px 0 25px;
	}
	.foot_body h2 img {
		width: 70%;
		height: auto;
		margin: 0 15% 15px;
	}
	.foot_body .company_address {
		width: 90%;
		padding: 3%;
		margin: 0 auto 5px;
		background-color: #ddd;
		border-radius: 5px;
	}
	.foot_body .company_address dt {
		font-size: 13px;
		width: 6rem;
	}
	.foot_body .company_address dd {
		font-size: 12px;
		text-align: justify;
		line-height: 130%;
		display: inline-block;
	}
	.foot_body .company_address dd.add_txt {
		margin-right: 1rem;
	}
	.foot_body .company_address dd.tel_txt {
		margin-bottom: 10px;
		display: inline-block;
	}

	footer .copyright_box {
		font-size: 10px;

		width: 100%;
		color: #999;
		background: white;
		text-align: center;
		padding: 8px 0;
		font-family: 'Noto Sans Japanese';
	}
	.pagelink_btn {
		font-size: 0.9em;
		line-height: 2em;
		display: block;
		width: 9em;
		margin: 10px 0 10px auto;
	}
	.pagelink_btn ul {
		display: none;
	}
	
	.sub_tit {
		background-color: #ddd;
		padding: 4% 2%;
		font-family: 'Noto Sans Japanese';
		color: #014099;
		font-size: 140%;
		font-weight: 600;
		border-bottom: #014099 1px solid;
	}
	.sub_tit h2 {
		filter: drop-shadow(5px 5px 2px #aaa);
	}
	.pankuzu {
		border-bottom: #014099 1px solid;
		background-color: #014099;
	}
	.pankuzu ol {
		width: 96%;
		margin: 0 auto;
	}
	.pankuzu ol li {
		font-size: 90%;
		padding: 10px 0;
		display: inline-block;
		color: white;
	}
	.pankuzu ol li a {
		color: white;
	}
	.pankuzu ol li::before {
		content: " > ";
	}
	.pankuzu ol li:first-child::before {
		content: " ";
	}
	
	/*会社概要*/
	.content_wrap.outline_page .intro_wrap {
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100vw;
		background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0)), url(../outline/img/back_img.png);
		background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0)), url(../outline/img/back_img.png);
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0)), url(../outline/img/back_img.png);
	}
	.content_wrap.outline_page .intro_wrap ul {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		max-width: 540px;
		margin: 0 auto;
	}
	.content_wrap.outline_page .intro_wrap ul li {
		font-size: 1.2rem;
		font-weight: 600;
		font-family: 'Sawarabi Mincho';
		width: 30vw;
		max-width: 174px;
		height: 30vw;
		max-height: 174px;
		text-align: center;
		padding: 3vw;
		margin: 0 -20px 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 19vw;
		opacity: 0.7;
	}
	.content_wrap.outline_page .intro_wrap ul li:nth-child(1) {
		background: -moz-radial-gradient(white, #f99); 
		background: -webkit-radial-gradient(white, #f99); 
		background: radial-gradient(white, #f99);
		margin-top: 8rem;
	}
	.content_wrap.outline_page .intro_wrap ul li:nth-child(2) {
		background: -moz-radial-gradient(white, #9cf); 
		background: -webkit-radial-gradient(white, #9cf); 
		background: radial-gradient(white, #9cf);
		margin-top: -2rem;
	}
	.content_wrap.outline_page .intro_wrap ul li:nth-child(3) {
		background: -moz-radial-gradient(white, #9fc); 
		background: -webkit-radial-gradient(white, #9fc); 
		background: radial-gradient(white, #9fc);
		margin-top: 8rem;
	}
	.content_wrap.outline_page .intro_wrap dl {
		font-family: 'Sawarabi Mincho';
		margin: 1rem auto 4rem;
		color: #666;
	}
	.content_wrap.outline_page .intro_wrap dl dt {
		font-size: 1.8rem;
		font-weight: 500;
		margin: 0 auto 1em;
		text-align: center;
	}
	.content_wrap.outline_page .intro_wrap dl dt span {
		position: relative;
		display: inline-block;
		padding: 0 3rem;
	}
	.content_wrap.outline_page .intro_wrap dl dd {
		/*margin-left: 0.5em;*/
	}
	.content_wrap.outline_page .intro_wrap dl dt span::before,
	.content_wrap.outline_page .intro_wrap dl dt span::after  {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 2.3rem;
		height: 1px;
		background-color: gray;
	}
	.content_wrap.outline_page .intro_wrap dl dt span::before {left: 0;}
	.content_wrap.outline_page .intro_wrap dl dt span::after {right: 0;}
	.content_wrap.outline_page .intro_wrap dl dd {
		margin: 0 auto;
		width: 6em;
		text-align: center;
		font-size: 3rem;
		font-weight: 700;
		letter-spacing: 0.3em;
	}
	.content_wrap.outline_page .intro_wrap p {
		width: 90%;
		margin: 0 auto 4em;
		line-height: 1.5em;
		font-family: 'Noto Sans Jpanese';
		font-weight: 300;
		text-align: justify;
	}
	.content_wrap.outline_page dl.outline_list {
		width: 90%;
		margin: 0 auto 2em;
		display: flex;
		flex-direction: column;
		font-family: 'Noto Sans Japanese';
		font-size: 1.1em;
		line-height: 110%;
		border-bottom: 1px dotted #999;
	}
	.content_wrap.outline_page dl.outline_list dt {
		padding: 1em 10px;
		text-align: center;
		border-top: 1px dotted #999;
		background-color: #0066CC;
		color: white;
		font-weight: 400;
	}
	.content_wrap.outline_page dl.outline_list dd {
		padding: 1em 10px;
		border-top: 1px dotted #999;
		font-weight: 300;
		margin-bottom: 0.5rem;
	}
	
	/*会社沿革*/
	.content_wrap.history_page dl {
		width: 90%;
		margin: 2rem auto 2rem;
		display: flex;
		flex-direction: column;
		font-family: 'Noto Sans Japanese';
		font-size: 1rem;
		line-height: 140%;
		border-bottom: 1px dotted #999;
	}
	.content_wrap.history_page dl dt {
		width: calc(100% - 2rem);
		padding: 0.5rem 1rem;
		text-align: justify;
		border-top: 1px dotted #999;
		background-color: #0066CC;
		font-weight: 400;
		color: white;
	}
	.content_wrap.history_page dl dd {
		width: calc(100% - 2rem);
		padding: 0.5rem 1rem;
		border-top: 1px dotted #999;
		font-weight: 300;
		margin-bottom: 0.5rem;
	}
	
	/*--営業品目--*/
	.item_page .item_list {
		width: 90%;
		margin: 2rem auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.item_page .item_list li {
		width: 49%;
		margin: 0 0 2rem;
	}
	.item_page .item_list  li a {
		
	}
	.item_page .item_list  li a dt {
		
	}
	/*.item_page .item_list li dl dt {
		font-size: 1rem;
		width: calc(100% - 4rem);
		text-align: center;
		color: white;
		font-weight: 600;
		font-family: 'Noto Sans Japanese';
		background: -webkit-linear-gradient(left, white 0%, #039 20%, #039 80%, white 100%);
		background: -o-linear-gradient(left, white 0%, #039 20%, #039 80%, white 100%);
		background: linear-gradient(to right, white 0%, #039 20%, #039 80%, white 100%);
		padding: 0.5rem 2rem;
		margin-bottom: 1rem;
	}*/
	.item_page .item_list li dl dd img {
		width: 100%;
		height: auto;
	}
	.item_page .inquiry_box {
		width: calc(90% - 2rem);
		margin:  0 auto 3rem;
		padding: 1rem;
		border: 2px solid #039;
		border-radius: 1rem;
		background-image: linear-gradient(
			-45deg,
			#fff 25%,
			#cff 25%, #cff 50%,
			#fff 50%, #fff 75%,
			#cff 75%, #cff
		);
		background-size: 1rem 1rem;
	}
	.item_page .inquiry_box p {
		font-size: 1.2rem;
		text-align: center;
		color: #039;
		font-weight: 600;
		font-family: 'Noto Sans Japanese';
		margin-bottom: 1rem;
	}
	.item_page .inquiry_box dl {
		width: 90%;
		margin: 0 auto;
		font-family: 'Noto Sans Japanese';
	}
	.item_page .inquiry_box dt {
		font-size: 1.2rem;
		background-color: #039;
		padding: 2%;
		color: white;
		font-weight: 500;
		width: 80%;
		text-align: center;
		margin: 0 auto;
	}
	.item_page .inquiry_box dd {
		font-size: 1.6rem;
		font-weight: 600;
		width: 100%;
		padding: 2% 0 2% 2%;
		text-align: center;
		color: #039;
	}
	/*--地図--*/
	.content_wrap.access_page {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	/*.access_page #map_custmomize {
		width: 100%;
		height: 600px;
		margin: 80px auto 80px;
	}*/
	.access_page iframe {
		width: 100%;
		height: 75vw;
		margin: 2rem auto 3rem;
	}
	.access_page .company_data {
		width: 90%;
		font-family: 'Noto Sans Japanese';
		border-radius: 20px;
		margin: 2rem auto;
	}
	.access_page .company_data dt {
		width: 49%;
		font-size: 1.2rem;
		font-weight: 600;
		color: #039;
	}
	.access_page .company_data dd {
		width: 49%;
		margin: 0 auto;
		line-height: 1.4rem;
		font-weight: 300;
		text-align: justify;
		float: left;
	}
	.access_page .company_data dd.add_image {
		float: right;
	}
	.access_page .company_data dd img {
		width: 100%;
		height: auto;
		border-radius: 2rem;
		margin: 1rem 0;
	}
	/*--採用案内--*/
	.recruit_page .intro_txt {
		width: calc(100% - 5rem);
		padding: 4rem 2.5rem;
		font-size: 1.4rem;
		line-height: 140%;
		margin: 2rem auto;
		background-image: url(../recruit/img/rec_image.jpg);
		background-size: cover;
		background-position: center center;
		position: relative;
		z-index: 0;
		overflow: hidden;
		background-color: rgb(0,163,175);
	}
	.recruit_page .intro_txt:before{
		content: '';
		background: inherit;/*.bgImageで設定した背景画像を継承する*/
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		position: absolute;
		opacity: 0.8;
		/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
		top: -5px;
		left: -5px;
		right: -5px;
		bottom: -5px;
		z-index: -1;/*重なり順序を一番下にしておく*/
	}
	.recruit_page .intro_txt p {
		color: #FF0004;
		font-weight: 600;
		font-family: 'Sawarabi Mincho';
		filter: drop-shadow(0 0.5rem 0.5rem #aaa);
		text-align: center;
	}
	.recruit_page .recruit_wrap {
		margin-bottom: 2rem;
	}
	.recruit_page .recruit_box {
		width: 90%;
		font-family: 'Noto Sans Japanese';
		border: 1px solid #039;
		border-radius: 1rem;
		margin: 0 auto;
	}
	.recruit_page .recruit_box h3 {
		text-align: center;
		margin: 1rem 2rem 0.5rem;
		font-weight: 600;
		font-size: 1.4rem;
		color: #039;
	}
	.recruit_page .recruit_box dl {
		width: calc(100% - 2rem);
		padding: 0.5rem 1rem;
	}
	
	.recruit_page .recruit_box dt {
		text-align: center;
		background-color: #039;
		color: white;
		font-weight: 500;
		padding: 0.5rem 0;
		margin: 0 0.5rem 0;
	}
	.recruit_page .recruit_box dd {
		padding: 0.5rem 1rem;
		margin-bottom: 1rem;
		font-weight: 300;
		text-align: center;
	}
	.recruit_page .recruit_box dd ul li,
	.recruit_page .recruit_box dd p {
		padding-left: 1rem;
		text-indent: -1rem;
		text-align: left;
	}
	.recruit_page .recruit_contact {
		width: 90%;
		margin:  0 auto 3rem;
		padding: 0.5rem ;
		border: 3px solid #039;
		border-radius: 1rem;
		background-image: linear-gradient(
			-45deg,
			#fff 25%,
			#cff 25%, #cff 50%,
			#fff 50%, #fff 75%,
			#cff 75%, #cff
		);
		background-size: 0.5rem 0.5rem;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
	}
	.recruit_page .recruit_bottom {
		text-align: center;
		line-height: 140%;
		font-size: 1rem;
		margin-bottom: 2rem;
		font-family: 'Noto Sans Japanese';
		font-weight: 300;
	}
	.recruit_page .recruit_contact p {
		font-size: 1.2em;
		text-align: center;
		color: #039;
		font-weight: 600;
		font-family: 'Noto Sans Japanese';
		margin-bottom: 2rem;
	}
	.recruit_page .recruit_contact dl {
		width: 100%;
		margin: 0 auto 0.5rem;
		font-family: 'Noto Sans Japanese';
	}
	.recruit_page .recruit_contact dt {
		font-size: 1.4rem;
		padding: 2%;
		color: #039;
		font-weight: 500;
		text-align: center;
	}
	.recruit_page .recruit_contact dd {
		font-size: 1rem;
		/*width: 21rem;*/
		padding: 0 1rem;
		line-height: 1.5rem;
		font-weight: 400;
		text-align: justify;
		color: #039;
		margin: 0 auto;
	}
	
	
	/*ドローン*/
	.content_wrap.drone_content .intro_txt {
		background-image: url("../drone/img/bg_image.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		z-index: -5;
	}
	.content_wrap.drone_content .intro_txt h3 {
		margin: 0rem 4rem 1rem  1rem;
		font-size: 1.4rem;
		font-weight: 600;
		color: white;
		filter: drop-shadow(3px 3px 0 #333);
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
		position: relative;
		z-index: 0;
	}
	.content_wrap.drone_content .intro_txt p {
		margin: 1rem 1rem 2rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
		position: relative;
		z-index: 0;
	}
	
	.content_wrap.drone_content .intro_txt img {
		width: 50%;
		max-width: 14rem;
		height: auto;
		position: absolute;
		right: 0.5rem;
		z-index: 0;
		/*animation: 1s 1 alternate drone-slide;*/
	}
	
	/*@keyframes drone-slide {
		from {
			margin-top: -30%;
			width: 120%;
			opacity: 0;
		}

		to {
			margin-top: 0%;
			width: 95%;
			opacity: 100;
		}
	}*/
	.content_wrap.drone_content table {
		width: 90%;
		margin: 2rem auto 3rem;
	}
	.content_wrap.drone_content table th {
		color: white;
		background-color: #039;
		padding: 0.5rem;
		border-spacing: 1px 0;
		border-bottom: 1px solid white;
		padding: 0.5rem 0;
		vertical-align: middle;
		width: 100%;
		display: block;
	}
	.content_wrap.drone_content table td {
		padding: 0.5rem 0rem;
		line-height: 150%;
		width: 100%;
		display: block;
	}
	.content_wrap.drone_content table td .license_list{
		list-style: disc;
		margin-left: 1rem;
		padding-left: 0;
	}
	.content_wrap.drone_content table td .license_list li {
		padding-left: 0;
		margin-left: 0;
	}
	.content_wrap.drone_content table td img {
		float: right;
		width: 7rem;
		margin-left: 1.5rem;
	}
	.content_wrap.drone_content h4 {
		width: 90%;
		text-align: center;
		font-size: 1.4em;
		line-height: 150%;
		color: #663300;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
		border-bottom: 1px solid #663300;
		padding: 0 0 0.5rem;
		margin: 0 auto 0.7rem;
		
	}
	.content_wrap.drone_content .license_detail {
		width: 80%;
		margin: 0 auto 4rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.drone_content .sample_detail {
		width: 90%;
		margin: 0 auto 4rem;
		
	}
	.content_wrap.drone_content .sample_detail .youtube_mov {
		width: 90%;
		position: relative;
		padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
		height: 0;
		overflow: hidden;
		margin: 0 auto 2rem;
	}
	.content_wrap.drone_content .sample_detail .youtube_mov iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.content_wrap.drone_content .sample_detail .sample_photo {
		width: 90%;
		margin: 0 auto 2rem;
		height: auto;
	}
	.content_wrap.drone_content .sample_detail .sample_photo img {
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
	}
	
	/*データ入稿*/
	.content_wrap.print_content .intro_txt {
		background-image: url("../printing/img/bg_image.jpg");
		background-size: 80%;
		background-position: top right;
		background-repeat: no-repeat;
		padding: 1rem 0;
	}
	.content_wrap.print_content .intro_txt h3 {
		margin: 0rem 1rem 1rem;
		font-size: 2rem;
		font-weight: 700;
		color: #039;
		filter: drop-shadow(3px 3px 0 #bbb);
		text-align: justify;
		line-height: 130%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.print_content .intro_txt .print_icon {
		display: flex;
		justify-content: space-between;
		width: 70%;
		margin: 0 auto;
	}
	.content_wrap.print_content .intro_txt .print_icon li {
		width: 28%;
	}
	.content_wrap.print_content .intro_txt .print_icon li img {
		width: 100%;
		height: auto;
	}
	.content_wrap.print_content .intro_txt p {
		margin: 1rem 2rem 0rem;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.print_content .intro_txt ul {
		margin: 1rem 2rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.print_content .intro_txt .print_txt li {
		font-size: 1.2rem;
		line-height: 150%;
		font-weight: 600;
		padding: 0.5rem 1rem;
		margin-bottom: 1rem;
		border-radius: 0.6rem;
		background-color: #9cf;
	}
	.content_wrap.print_content h4 {
		width: 100%;
		text-align: center;
		font-size: 1.4em;
		line-height: 150%;
		color: #663300;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
		border-bottom: 1px solid #663300;
		padding: 0 0 10px;
		margin: 0 auto 1rem;
		
	}
	.content_wrap.print_content .print_detail {
		width: 90%;
		margin: 0 auto 4rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
	}
	.content_wrap.print_content .create_detail {
		width: 80%;
		padding: 1rem;
		background-color: #9cf;
		margin: 0 auto 4rem;
		text-align: justify;
		line-height: 150%;
		font-family: 'Noto Sans Japanese';
		border-radius: 1rem;
		
	}
	.content_wrap.print_content .create_detail img {
		width: 30%;
		float: right;
		margin-left: 1rem;
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 500px) {
	#page_wrap .top_image {
		padding-top: clamp(300px, 60%, 300px);
	}
	#page_wrap .slidewrapper {
		height: 30%;
		min-height: 280px;
	}
	#page_wrap .slide_item {
		width: clamp(290px,80vw,100%);
	}
	#page_wrap .slidewrapper .slide_item p.top_catchcopy {
		font-size: 1.6rem;
		font-weight: 500;
		width: clamp(250px,80vw,100%);
	}
	#page_wrap .slidewrapper .slide_item p {
		color: white;
		letter-spacing: 0.1em;
		position: relative;
		line-height: 130%;
		font-size: 1.2rem;
		font-weight: 300;
		top: 2rem;
		left: 2rem;
		font-family: 'Sawarabi Mincho';
		filter: drop-shadow(0 0 3px black);
	}
	
	.top_news > .news_box li {
		margin-bottom: 1rem;
	}
	.top_news > .news_box img {
		width: 100%;
	}
	.foot_body .company_address dt {
		font-size: 11px;
	}
	.foot_body .company_address dd {
		font-size: 10px;
		display: block;
	}
	
	footer .copyright_box {
		font-size: 10px;

		width: 100%;
		color: #999;
		background: white;
		text-align: center;
		padding: 8px 0;
		font-family: 'Noto Sans Japanese';
	}
}