@charset "utf-8";
@media screen and (max-width : 480px), screen and (max-width : 740px) and (orientation: landscape) {
/* ==================================================
reset
================================================== */
body {
	-webkit-text-size-adjust: none;
	background: none;
	line-height: 1.5;
	font-size: 100%;
}
li,
dt,
dd,
table {
	line-height: 1.5;
}
input[type="text"],
textarea,
select {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
}
#wrap_header,
#wrap_title,
#main .wrap_contents1,
#main .wrap_contents2,
#top_main,
#top_slide,
#wrap_top_service,
#wrap_top_companystaff,
#wrap_top_news,
#wrap_fcontact,
#wrap_fnavi,
#wrap_footer {
	width: 100%;
	min-width: 320px;
	clear: both;
}
#header,
#title,
#pnavi,
#main .contents1,
#main .contents2,
#top_service,
#top_companystaff,
#top_news,
#fcontact,
#fnavi,
#footer {
	width: 100%;
	box-sizing: border-box;
}
.sp_only {
	display: block;
}
.pc_only {
	display: none !important;
}
body,
#wrap_main input[type="submit"],
#wrap_main input[type="button"],
#wrap_main input[type="text"],
#wrap_main textarea,
#wrap_main select,
body.mceContentBody {
	font-family: sans-serif;
}
/* ==================================================
header
================================================== */
#wrap_header {
	height: 50px;
	padding: 0;
	background-color: #fff;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
	box-sizing: border-box;
	position: fixed;
	z-index: 20;
}
#header {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#hlogo {
	display: block;
	height: 100%;
	padding: 7px 10px;
	box-sizing: border-box;
}
#hlogo h1,
#hlogo p {
	padding: 0;
}
#hlogo p a {
	display: inline-block;
}
#hlogo h1,
#hlogo p a {
	padding: 3px 40px 2px 0;
	height: 100%;
	box-sizing: border-box;
}
#hlogo h1 img,
#hlogo p a img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
/* sp_menu
--------------------------- */
#sp_menu {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#sp_menu span {
	display: block;
	position: absolute;
	top: 50%;
	left: 25%;
	width: 50%;
	height: 2px;
	margin-top: -1px;
	background-color: #888;
	font-size: 0;
}
#sp_menu span::before {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #888;
}
#sp_menu span::after {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #888;
}
#sp_menu.open {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 40;
	background-color: rgba(0,0,0,0.5);
}
#sp_menu.open span {
	position: static;
	height: auto;
	background: none;
}
#sp_menu.open span::before {
	content: none;
}
#sp_menu.open span::after {
	content: "×";
	position: static;
	height: auto;
	padding: 5px 10px;
	background: none;
	font-size: 1rem;
	color: #fff;
}
/* ==================================================
gnavi
================================================== */
#gnavi {
	display: none;
}
/* ==================================================
snavi
================================================== */
#snavi {
	display: none;
}
/* ==================================================
pnavi
================================================== */
#pnavi {
	display: none;
}
/* ==================================================
title
================================================== */
#wrap_title {
	padding: 50px 0 0;
	margin: 0;
	min-height: auto;
	background: #F1FAFC;
}
#wrap_title .title_img {
	position: static;
}
#wrap_title .title_img::before {
	display: none;
}
#wrap_title .title_img::after {
	display: none;
}
#wrap_title .title_img img {
	width: 100%;
	max-width: 100%;
	border-radius: 0;
}
#title {
	padding: 20px 0;
}
#title p.eng {
	font-size: 90%;
}
#title h1,
#title p.ttl {
	font-size: 120%;
}
/* ==================================================
fnavi
================================================== */
#wrap_fnavi {
	padding: 0;
	border: none;
}
#fnavi {
	display: block;
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 50;
	width: 80%;
	height: 100%;
	background: none;
	background-color: #fff;
	border: none;
	transition: 0.3s;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	text-align: left;
}
#fnavi.active {
	right: 0;
}
#fnavi ul {
	display: block;
	margin: 0;
	padding: 0;
}
#fnavi ul li {
	display: block;
	padding: 0;
	border-bottom: #ccc 1px solid;
}
#fnavi ul li a {
	display: block;
	padding: 12px 18px;
	box-sizing: border-box;
	font-size: 100%;
	text-align: left;
}
#fnavi ul li.child a {
	font-size: 95%;
}
#fnavi ul li a::before {
	left: auto;
	right: 10px;
}
#fnavi ul li a:hover {
	text-decoration: none;
}
/* ==================================================
fcontact
================================================== */
#wrap_fcontact {
	padding: 15px 0;
	border-bottom: 5px solid #1BADCF;
}
#fcontact {
	padding: 0 10px;
	border: none;
}
#fcontact img {
	width: 100%;
}
#fcontact .title {
	position: static;
	transform: none;
}
#fcontact .title::before {
	display: none;
}
#fcontact .title h2 {
	font-size: 100%;
	font-weight: 600;
	padding: 5px 10px;
	text-align: center;
	background: none;
	color: #1BADCF;
	border: 1px solid #1BADCF;
}
#fcontact .fcontact1 {
	display: block;
	background: none;
	padding: 10px 30px;
}
#fcontact .fcontact2 {
	display: block;
	padding: 0 30px;
}
#fcontact .fcontact1 .ttl,
#fcontact .fcontact2 .ttl {
	font-size: 80%;
	font-weight: 600;
	margin: 0 0 3px;
	padding: 0;
	background: none;
}

/* ==================================================
footer
================================================== */
#wrap_footer {
	display: none;
}

#pagetop {
	display: none !important;
}
/* ==================================================
contents
================================================== */
#wrap_main {
	margin: 0 0 15px;
	padding: 0;
}
#main .contents1 {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
#main .wrap_contents2 {
	padding: 15px; 
	margin: 15px 0;
	box-sizing: border-box;
}
#main .contents2 {
	width: 100%;
	padding: 7px 10px;
	box-sizing: border-box;
	border-radius: 0;
}
#wrap_main #wrap_main_top {
	margin-bottom: 10px;
}
#top_main img,
#wrap_main img,
#wrap_main table img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
.wp-caption.alignleft,
.wp-caption.alignright,
#wrap_main img.alignleft,
#wrap_main img.alignright {
	margin: 0 0 10px;
	float: none;
	display: block;
}
#wrap_main iframe {
	width: 100%;
	height: 50%;
	box-sizing: border-box;
}
#wrap_main p {
	margin-bottom: 5px;
}
#wrap_main p.update {
	margin: 10px 0 -20px;
	font-size: 80%;
}
#wrap_main h1 {
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: 600;
	text-align: left;
}
#wrap_main h2 {
	margin: 15px 0;
	padding: 5px 0 10px;
	font-size: 110%;
	font-weight: 600;
	background-size: 8px auto;
}
#wrap_main h2::before {
	width: 50px;
}
#wrap_main h3 {
	margin: 10px 0;
	padding: 2px 0;
	font-size: 107%;
	font-weight: 600;
	background: none;
}
#wrap_main h4 {
	margin: 10px 0;
	font-size: 103%;
	font-weight: 600;
}
#wrap_main h5 {
	margin: 10px 0;
	padding: 0;
	font-size: 100%;
	font-weight: 600;
}
#wrap_main h5::before {
	display: none;
}
#wrap_main ul,
#wrap_main ul ul {
	margin: 0 0 5px 1em;
}
#wrap_main ul li {
	margin: 5px 0;
}
#wrap_main ul li::before {
	left: -0.8em;
}
#wrap_main ol li {
	margin: 5px 0;
}
#wrap_main input[type="submit"],
#wrap_main input[type="button"] {
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto 5px;
	padding: 10px;
	border-radius: 4px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	font-weight: 600;
}
/* table
--------------------------- */
#wrap_main table,
#wrap_main tbody,
#wrap_main tr,
#wrap_main td,
#wrap_main th {
	display: block;
	width: auto !important;
	height: auto !important;
	border-collapse: collapse;
}
#wrap_main table {
	margin: 10px 0;
	border-radius: 0;
	border-top: 1px solid #999999;
}
#wrap_main table th {
	padding: 10px 5px 0;
	word-break: break-all;
	border-radius: 0;
	font-size: 100%;
	border: none;
}
#wrap_main table td {
	padding: 2px 5px 10px;
	word-break: break-all;
	border-radius: 0;
}
/* sp_table
--------------------------- */
#wrap_main div.wrap_sp_table {
	margin: 10px 0;
	overflow-x: scroll;
}
#wrap_main table.sp_table {
	display: table;
	margin: 0;
	font-size: 80%;
}
#wrap_main table.sp_table tbody {
	display: table-row-group;
}
#wrap_main table.sp_table tr {
	display: table-row;
}
#wrap_main table.sp_table td,
#wrap_main table.sp_table th {
	display: table-cell;
	padding: 5px;
	border: #888 1px solid;
	white-space: nowrap;
}
#wrap_main table.sp_table td.break {
	white-space: normal;
	min-width: 18em;
}
/* form_table
--------------------------- */
#wrap_main form.contact {
	padding: 0;
	background-color:transparent;
}
#wrap_main table.form_table th,
#wrap_main table.form_table td {
	padding: 0;
	text-align:left;
}
#wrap_main .form_btn {
	margin: 5px 0;
}
#wrap_main table.form_table th span::before {
	content: none;
}
#wrap_main table.form_table th span::after {
	content: "※";
	margin-left: 0.2em;
	color: #ff0000;
}
#wrap_main table.form_table input[type="text"],
#wrap_main table.form_table textarea {
	width: 100%;
}
/* archive_list
--------------------------- */
#wrap_main ul.archive_list {
	margin: 0;
	border-top: #ccc 1px solid;
}
#wrap_main ul.archive_list li {
	position: relative;
	margin: 0;
	padding: 10px 20px 10px 10px;
	box-sizing: border-box;
	background: none;
	border: #ccc 1px solid;
	border-top: none;
}
#wrap_main ul.archive_list li p {
	display: block !important;
	width: auto !important;
	margin: 0;
}
#wrap_main ul.archive_list li::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #ccc;
	border-right: solid 2px #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#wrap_main ul.archive_list li p a {
	text-decoration: none;
}
#wrap_main ul.archive_list li p.ttl {
	font-size: 100%;
	line-height: 1.3;
}
#wrap_main ul.archive_list li p.date {
	margin-bottom: 0.2em;
	padding: 0;
	font-size: 80%;
	color: #888888;
	white-space: normal;
}
/* backblog
--------------------------- */
#wrap_main div.backblog {
	margin: 15px 0 10px;
	padding: 0;
	border: none;
}
#wrap_main div.backblog p{
	padding:10px 0 0;
}
#wrap_main div.backblog a {
	padding: 5px 20px;
	border-radius: 4px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	font-weight: 600;
}
/* link_list
--------------------------- */
#wrap_main ul.link_list {
	margin-left: 1em;
}
/* sdgs_list
--------------------------- */
#wrap_main ul.sdgs_list {
	display: block;
}
#wrap_main ul.sdgs_list li {
	width: auto;
	padding: 10px;
}
#wrap_main ul.sdgs_list p.img img{
	width: 50px;
}
/* ==================================================
wp-pagenavi
================================================== */
.wp-pagenavi {
	margin: 0;
}
/* ==================================================
style class
================================================== */
/* border_box
--------------------------- */
#wrap_main p.border_box {
	margin: 10px 0;
	padding: 5px;
	border-width: 2px;
}
/* fill_box
--------------------------- */
#wrap_main p.fill_box {
	margin: 10px 0;
	padding: 5px;
}
/* layout_table
--------------------------- */
#wrap_main table.layout_table {
	border: none;
}
#wrap_main table.layout_table p,
#wrap_main table.layout_table ul,
#wrap_main table.layout_table ol,
#wrap_main table.layout_table ul li,
#wrap_main table.layout_table ol li {
	margin-bottom: 5px !important;
}
#wrap_main table.layout_table > tbody > tr {
	margin-bottom: 0;
}
#wrap_main table.layout_table > tbody > tr > td {
	padding: 0 !important;
}
/* layout_table2
--------------------------- */
#wrap_main table.layout_table2 {
	border: none;
}
#wrap_main table.layout_table2 tr {
	margin-bottom: 0;
}
#wrap_main table.layout_table2 > tbody > tr > td {
	margin-bottom: 5px;
	padding: 0;
}
/* link_btn
--------------------------- */
#wrap_main a.link_btn {
	display:block;
	margin: 10px 0;
	padding: 10px 30px 10px 20px;
	border-radius: 4px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	font-weight: 600;
}
/* mincho
--------------------------- */
#wrap_main h4.mincho {
	margin: 15px 0;
	font-size: 110%;
	font-weight: 700;
	line-height: 1.5;
}
#wrap_main span.mincho {
	font-size: 110%;
	font-weight: 700;
	line-height: 1.5;
}
#wrap_main ol.mincho {
	margin: 15px 0 15px 2em;
	font-size: 110%;
	font-weight: 700;
	line-height: 1.5;
}
#wrap_main li.mincho span {
	font-size: 105%;
	font-weight: 700;
}
#wrap_main ul li.mincho::before {
	top: 0.6em;
}
/* ==================================================
top
================================================== */
/* top_slide
--------------------------- */
#top_slide {
	padding: 50px 0 0;
	height: 250px;
}
#top_slide ul::before {
	display: none;
}
#top_slide .image::before {
	display: none;
}
#top_slide .image img {
	height: 250px;
	width: auto;
}
#top_slide .slide_text {
	width: 96%;
	left: 2%;
	top: auto;
	bottom: 10px;
	transform: none;
}
#top_slide .slide_text .txt1 {
	font-size: 100%;
	font-weight: 600;
	padding: 10px 15px 5px 10px;
	margin: 0 0 5px;
	background-size: contain;
	min-width: inherit;
	min-height: inherit;
}
#top_slide .slide_text .txt2 {
	font-size: 130%;
	font-weight: bold;
}
#top_slide .slide_text .txt2 span {
	font-size: 130%;
}
#top_slide .slide_text .txt2 br {
	display: none;
}
#top_slide .slide_text .txt3 {
	font-size: 81%;
	font-weight: bold;
}
/* top_service
--------------------------- */
#wrap_top_service {
	padding: 15px 0;
	background: none;
}
#top_service {
	padding: 0 10px;
}
#top_service h2 {
	font-size: 120%;
	margin: 0 0 15px;
	padding: 10px 0 5px;
	background-size: contain;
	text-align: center;
	background-position: center center;
}
#top_service .text {
	float: none;
	width: 100%;
	padding: 0 0 10px;
}
#top_service p.txt {
	font-size: 100%;
	margin: 0 0 10px;
	line-height: inherit;
}
#top_service .image {
	float: none;
	text-align: center;
	padding: 0 0 15px;
}
#top_service .image img {
	width: 75%;
	height: auto;
}
#top_service p.more {
	display: block;
	text-align: center;
	position: static;
	width: 90%;
	margin: 0 auto;
}
#top_service p.more::before {
	display: none;
}
#top_service p.more a {
	box-sizing: border-box;
	border-radius: 4px;
	font-weight: bold;
	padding: 10px 50px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
/* top_companystaff
--------------------------- */
#wrap_top_companystaff {
	padding: 5px 0 15px;
}
#top_companystaff {
	padding: 0 20px;
}
#top_companystaff .company {
	float: none;
	width: 100%;
	margin: 0 0 15px;
}
#top_companystaff .staff {
	float: none;
	width: 100%;
}
#top_companystaff .company::before,
#top_companystaff .staff::before {
	display: none;
}
#top_companystaff .image img {
	width: 100%;
	height: auto;
}
#top_companystaff .title {
	top: 15px;
	left: 15px;
	box-sizing: border-box;
	padding: 0 0 0 5px;
}
#top_companystaff .eng {
	font-size: 90%;
}
#top_companystaff h2 {
	font-size: 120%;
	font-weight: bold;
}
#top_companystaff .more a {
	padding: 10px 30px 10px 20px;
	font-weight: 600;
}

/* top_news
--------------------------- */
#wrap_top_news {
	padding: 15px 0 10px;
}
#top_news {
	width: auto;
	padding: 0 10px;
}
#top_news h2 {
	font-size: 120%;
	margin: 0 0 15px;
	padding: 10px 0 5px;
	background-size: contain;
}
#top_news ul {
	margin: 0 0 10px;
	border-top: #ccc 1px solid;
}
#top_news ul li {
	position: relative;
	margin: 0;
	padding: 10px 20px 10px 10px;
	box-sizing: border-box;
	background: none;
	border: #ccc 1px solid;
	border-top: none;
	background-color: #ffffff;
}
#top_news ul li p {
	display: block !important;
	width: auto !important;
	margin: 0;
}
#top_news ul li::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #ccc;
	border-right: solid 2px #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#top_news ul li p a {
	text-decoration: none;
}
#top_news ul li p.date {
	color: #888888;
	font-size: 80%;
}
#top_news p.more {
	display: none;
}
/* ==================================================
page
================================================== */
#wrap_main table.staff_table {
	margin: 0;
	height: auto;
	border: none;
}
#wrap_main table.staff_table:first-of-type {
	margin: 30px 0 0;
}
#wrap_main table.staff_table > tbody > tr > td {
	padding: 0 0 10px;
	height: auto;
}
#wrap_main table.staff_table > tbody > tr > td .staff_data {
	position: static;
	border: none;
	height: auto;
	border-radius: 10px;
}
#wrap_main table.staff_table > tbody > tr > td .image::before {
	display: none;
}
#wrap_main table.staff_table > tbody > tr > td .image .image_name {
	position: static;
	border: none;
	padding: 5px 10px;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#wrap_main table.staff_table > tbody > tr > td .image .image_name .date {
	font-size: 90%;
}
#wrap_main table.staff_table > tbody > tr > td .image .image_name .name {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0.5em 0 0;
	display: inline-block;
}
#wrap_main table.staff_table > tbody > tr > td .image .image_name .kana {
	font-size: 90%;
	display: inline-block;
}
#wrap_main table.staff_table > tbody > tr > td .image .img {
	border-radius: 0;
}
#wrap_main table.staff_table > tbody > tr > td .image .image_data {
	position: static;
	background: none;
	padding: 9px 5px 1px;
}
#wrap_main table.staff_table > tbody > tr > td .image .data1 {
	margin: 0;
}
#wrap_main table.staff_table > tbody > tr > td .image .data1 span.q,
#wrap_main table.staff_table > tbody > tr > td .image .data2 span.q {
	font-size: 95%;
	width: auto;
	border: none;
	font-weight: 600;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
	color: #1AACCE;
	padding: 0 8px 0 0;
	
}
#wrap_main table.staff_table > tbody > tr > td .image .data1 span.a,
#wrap_main table.staff_table > tbody > tr > td .image .data2 span.a {
	font-size: 100%;
	display: inline-block;
	vertical-align: top;
	line-height: 1.4;
	color: #333333;
	padding: 0;
}
#wrap_main table.staff_table > tbody > tr > td .text {
	padding: 5px;
}














}