/*
Theme Name: besow
Text Domain: twentytwenty
Version: 2.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html {
 margin-top: 0px !important;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, address, cite, code,
del, dfn, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: "游ゴシック","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	/*font-family: "メイリオ", Meiryo, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	line-height: 1.7em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #000;
	font-size: 18px;
}

em {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, sans-serif;
	color: #000;
	font-size: 16px;
	font-style: italic;	
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
/*blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
	color: #333;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
   /* border-collapse:collapse;*/
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/*li {
	list-style: none;	
}*/

img {
	vertical-align: bottom;
}

/*end reset*/

/* ----------------------------------------------------
    text
---------------------------------------------------- */

.selif {
	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.sans-serif {
	font-family: "游ゴシック","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.tc {text-align: center !important;}
.tr {text-align: right !important;}
.tl {text-align: left !important;}

.bold {font-weight:bold;}
 
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font27{font-size:27px !important;}
.font28{font-size:28px !important;}
.font29{font-size:29px !important;}
.font30{font-size:30px !important;}
.font32{font-size:32px !important;}
.font34{font-size:34px !important;}
.font36{font-size:36px !important;}
.font40{font-size:40px !important;}
 
/* ----------------------------------------------------
    float
---------------------------------------------------- */
.fr {float: right !important;}
.fl {float: left !important;}
 
.clear {clear: both;}
 
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
 

/* ----------------------------------------------------
    margin
---------------------------------------------------- */
 
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
 
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr6_5 { margin-right: 6.5% !important; }
 
.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb76 { margin-bottom: 76px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
 
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
 
/* ----------------------------------------------------
    padding
---------------------------------------------------- */
 
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt80 { padding-top: 80px !important; }
 
.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
 
.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb80 { padding-bottom: 80px !important; }
 
.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

/* ----------------------------------------------------
    
	追加共通項目
	
---------------------------------------------------- */

li {
	list-style-type:none;
}

h2,h3,h4 {
	font-weight:normal;
}

img {
	max-width: 100%;
	height: auto;
}

/* ----------------------------------------------------

    header

---------------------------------------------------- */

.header-section01 {
	box-sizing: border-box;
	background-color: #76a7b3;
	height: 80px;
}

.header-section02 {
	box-sizing: border-box;
	background-color: #d1dcda;
	height: 40px;
}

.header-box01 {
	max-width: 1200px;
	width: 96%;
	box-sizing: border-box;
	margin: 0 auto;
}

.header-box02 {
	max-width: 1200px;
	width: 96%;
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: 8px;
}

.header-logo{
	float: left;
	box-sizing: border-box;
	padding-top: 13px;
}

.header-contact {
	float: right;
	box-sizing: border-box;
}

.header-tel {
	display: inline-block;
	box-sizing: border-box;
    margin-right: 20px;
	line-height: 0;
	position: relative;
	top: 27px;
}

.header-mail {
	display: inline-block;
	box-sizing: border-box;
	background-color: #316dbe;
	border-radius: 10px;
	position: relative;
	top: 22px;
}

.header-mail a {
	display: block;
    box-sizing: border-box;
    padding: 10px 20px 9px;
    line-height: 0;
}

.header-mail a:hover {
	opacity: 0.8;
}

.header-box02 li {
	float: left;
	width: 16.66%;
}

.header-box02 li a {
	display: block;
	text-align: center;
	box-sizing: border-box;
	color: #000;
	border-right: solid 2px #000;
	font-size: 18px;
	height: 25px;
}

.header-box02 li:first-child a {
	border-left: solid 2px #000;
}

.header-box02 li a:hover {
	color: #f39a44;
}

/* ----------------------------------------------------

    footer

---------------------------------------------------- */

#site-footer {
	background-color: #76a7b3;
	box-sizing: border-box;
}

.footer-box01 {
	max-width: 1200px;
	width: 96%;
	box-sizing: border-box;
	margin: 0 auto;
}

.footer-left {
	float: left;
	padding-top: 50px;
}

.footer-right {
	float: right;
	padding-top: 75px;
}


.footer-copyright {
	background-color: #182a2a;
	margin-top: 50px;
}

.footer-copyright p {
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 4px 0 1px;
}

.footer-text01 {
	color: #fff;
	margin-top: 30px;
}

.footer-text02 {
	color: #fff;
	margin-top: 10px;
}


.footer-right-box01 {
	float: left;
	box-sizing: border-box;
}

.footer-right-box02 {
	float: left;
	box-sizing: border-box;
}

.footer-right-box02 ul {
	float: left;
	margin-left: 40px;
	margin-top: 15px;
}

.footer-right-box02 ul li {
	margin-bottom: 7px;
}

.footer-right-box02 ul li a {
	color: #fff;
}

.footer-right-box02 ul li a:hover {
	color: #f39a44;
}

/*フッターお問い合わせブロック*/
#footer-sub {
	box-sizing: border-box;
	background-image: url("images/footer/back01.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0 100px;
}

.footer-sub-title {
	text-align: center;
}

.footer-sub-title h1 {
	
}

.footer-sub-title h2 {
	color: #fff;
    padding-top: 14px;
}

.footer-sub-text01 {
	text-align: center;
	color: #fff;
	padding: 30px 0 40px;
}

.footer-sub-tel {
	text-align: center;
}

.footer-sub-button {
	display: block;
    margin: 36px auto 0;
    max-width: 340px;
    width: 90%;
    text-align: center;
    color: #fff;
    border: solid 1px #fff;
    box-sizing: border-box;
    padding: 10px 0 7px;
}

.footer-sub-button:hover {
	background-color: #fff;
	color: #0f232a;
}


/* ----------------------------------------------------

    common

---------------------------------------------------- */

#page-main {
	height: 400px;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.company-container #page-main {background-image: url("images/company/main.jpg");}
.business-container #page-main {background-image: url("images/business/main.jpg");}
.result-container #page-main {background-image: url("images/result/main.jpg");}
.recruit-container #page-main {background-image: url("images/recruit/main.jpg");}
.news-container #page-main {background-image: url("images/news/main.jpg");}
.contact-container #page-main {background-image: url("images/contact/main.jpg");}

.page-title-box {
	background-color: rgba(133,178,150,0.9);
	box-sizing: border-box;
	position: relative;
    display: inline-block;
    left: 5vw;
    top: 95px;
    padding: 40px 90px 50px;
}

.page-title-box:before {
	content: "";
    display: block;
    width: 98%;
    height: 94%;
    top: 3%;
    left: 1%;
    position: absolute;
    border: solid 1px #fff;
    box-sizing: border-box;
}

.page-title-box h1 {
	color: #fff;
	font-weight: bold;
	font-size: 50px;
	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.page-title-box h2 {
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

.section-title01 {
	text-align: center;
}

.section-subtitle {
	display: inline-block;
    text-align: center;
    color: #fff;
    font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    padding: 2px 50px 0px;
    letter-spacing: 1px;
    font-size: 20px;
    border-radius: 50px;
    margin-top: 8px;
}

.section-subtitle.subtitle01 {background-color: #76a7b3;}
.section-subtitle.subtitle02 {background-color: #85b296;}

.section-inbox01 {
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
}

.section-inbox02 {
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
}



/* ----------------------------------------------------

    トップページ

---------------------------------------------------- */

/*top01*/
#top01 {
}

#top01 h1 {
	text-align: center;
    padding: 80px 0 50px;
}

.top01-box-left {
	float: left;
	width: 30%;
	box-sizing: border-box;
}


.top01-box {
	box-sizing: border-box;
	height: 480px;
	padding: 80px 0;
	position: relative;

    background-repeat: no-repeat;
	background-size: auto 100%;
}

.top01-box01,
.top01-box03 {
	background-color: #eff6ef;
}

.top01-box02,
.top01-box04 {
	background-color: #f1f7f9;
}

.top01-box-content {
	max-width: 780px;
}

.top01-box-content h2 {
	display: inline-block;
    margin-right: 15px;
}

.top01-box-text {
	padding-top: 40px;
}

.top01-box03 .section-subtitle,
.top01-box04 .section-subtitle {
	position: relative;
    top: -28px;
}

.top01-box03 .top01-box-text,
.top01-box04 .top01-box-text {
	padding-top: 25px;
}

.top01-box01 {
    background-image: url(images/top/photo01.png);
    background-position: -12vw;
}

.top01-box02 {
    background-image: url(images/top/photo02.png);
    background-position: right -12vw center;
}

.top01-box03 {
    background-image: url(images/top/photo03.png);
    background-position: -12vw;
}

.top01-box04 {
    background-image: url(images/top/photo04.png);
    background-position: right -12vw center;
}

.top01-box01 .top01-box-content{
	width: 53%;
    position: relative;
    margin-left: 45%;
    background-color: rgba(239,246,239,0.5);
    padding: 30px;
    box-sizing: border-box;
}

.top01-box02 .top01-box-content{
	width: 53%;
    position: relative;
    margin-right: 45%;
    background-color: rgba(241,247,249,0.5);
    padding: 30px;
    box-sizing: border-box;
}

.top01-box03 .top01-box-content{
	width: 53%;
    position: relative;
    margin-left: 45%;
    background-color: rgba(239,246,239,0.5);
    padding: 30px;
    box-sizing: border-box;
}

.top01-box04 .top01-box-content{
	width: 53%;
    position: relative;
    margin-right: 45%;
    background-color: rgba(241,247,249,0.5);
    padding: 30px;
    box-sizing: border-box;
}

/*top02*/
#top02 {
	padding: 10px 0 100px;
}

#top02 h1 {
	text-align: center;
    padding: 80px 0 50px;
}

.top02-box ul li {
	float: left;
	width: 31%;
	box-sizing: border-box;
	text-align: center;
	height: 200px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
    margin-bottom: 40px;
}

.top02-box ul li p {
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.top02-box ul li:nth-child(2n) {background-color: #d1dcda;}
.top02-box ul li:nth-child(2n+1) {background-color: #ebeeec;}

.top02-box ul li:nth-child(2),
.top02-box ul li:nth-child(5) {
	margin: 0 3.5%;
}

.top-button01 {
	max-width: 310px;
    width: 90%;
    box-sizing: border-box;
    margin: 30px auto 0;
    background: linear-gradient(180deg, #a7cfca, #62849d);
    color: #fff;
    display: block;
    text-align: center;
    padding: 21px 0 14px;
    border-radius: 50px;
}

.top-button01:hover {
	opacity: 0.7;
}

/*top03*/
#top03 {
	background-color: #eff6f2;
	padding-bottom: 80px;
}

#top03 h1 {
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #fff;
    background-color: #85b296;
    box-sizing: border-box;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding: 12px 2% 8px;
    margin-bottom: 40px;
}

.top-news-box {
	max-width: 600px;
    width: 90%;
    margin: 60px auto 60px;
}

.top-news-box dl {
	position: relative;
    border-bottom: dotted 1px #76a7b3;
    padding-bottom: 10px;
    margin-bottom: 19px;
}

.top-news-box dl dt {
	color: #76a7b3;
	float: left;
	width: 17%;
	box-sizing: border-box;
	margin-right: 3%;
}

.top-news-box dl dd {
	float: left;
	width: 80%;
}

.top-button02 {
	display: block;
    max-width: 260px;
    margin: 40px auto 0;
    border: solid 1px #76a7b3;
    text-align: center;
    padding: 16px 10px 12px;
	color: #76a7b3;
}

.top-button02:hover {
	background-color:#76a7b3 ;
	color: #fff;
}

.top-news-box dd a {
	color: #000;
}

.top-news-box dd a:hover {
	color: #000;
	text-decoration: underline;
}

/*top04*/
#top04 {
	box-sizing: border-box;
	background-image: url("images/top/back01.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0 80px;
}

#top04 .section-inbox01 {
	height: 550px;
    position: relative;
    margin-bottom: 80px;
}

.top04-box01 {
	position: absolute;
	top: 0;
	left: 0;
}

.top04-box02 {
	position: absolute;
	bottom: 0;
	right: 0;
}

.top04-button {
	max-width: 260px;
    width: 90%;
    box-sizing: border-box;
    margin: 30px auto 0;
    background: linear-gradient(180deg, #a7cfca, #62849d);
    color: #fff;
    display: block;
    text-align: center;
    padding: 15px 0 10px;
    border-radius: 50px;
}

.top04-button:hover {
	opacity: 0.8;
}

.top04-photo {
	position: relative;
}

.top04-box01 .top04-photo:before {
	content: "";
	position: absolute;
	border-top: solid 2px #76a7b3;
	border-bottom: solid 2px #76a7b3;
	border-right: solid 2px #76a7b3;
	width: 90%;
    height: 110%;
    right: 3%;
    top: -5%;
}

.top04-box02 .top04-photo:before {
	content: "";
	position: absolute;
	border-top: solid 2px #76a7b3;
	border-bottom: solid 2px #76a7b3;
	border-left: solid 2px #76a7b3;
	width: 90%;
    height: 110%;
    left: 3%;
    top: -5%;
}

.top04-box01 .top04-button{
	position: absolute;
    bottom: -37px;
    left: -70px;
}

.top04-box02 .top04-button{
	position: absolute;
    bottom: -37px;
    right: -70px;
}


/* ----------------------------------------------------

    会社概要

---------------------------------------------------- */

/*company01*/
#company01 {
	box-sizing: border-box;
	background-image: url("images/company/back01.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0 100px;
}

.company01-text01 {
	padding: 60px 0 60px;
	font-size: 17px;
}

.company01-text02 {
	text-align: right;
	font-size: 17px;
}



/*company02*/
#company02 {
	background-color: #f1f7f9;
	padding: 80px 0 70px;
}

#company02 .section-title01 {
	margin-bottom: 50px;
}

.company02-dl {
	position: relative;
}

.company02-dl dt {
	position: absolute;
	left: 0;
	height: 100%;
	width: 20%;
	background-color: #85b296;
	box-sizing: border-box;
	color: #fff;
	padding: 13px 20px 7px;
	border-bottom: solid 1px #fff;
}

.company02-dl dd {
	position: relative;
    padding: 13px 20px 7px;
    margin-left: 20%;
	border-bottom: solid 1px #85b296;
	border-right: solid 1px #85b296;
	background-color: #fff;
}

.company02-dl:first-child dt,
.company02-dl:first-child dd {
	border-top: solid 1px #85b296;
}

.company02-dl:last-child dt,
.company02-dl:last-child dd {
	border-bottom: solid 1px #85b296;
}

/*company03*/
#company03 {
	padding: 80px 0 100px;
}

#company03 .section-title01 {
	margin-bottom: 50px;
}

.company-map p {
	text-align: center;
	margin-top: 20px;
}


/* ----------------------------------------------------

    事業内容

---------------------------------------------------- */

/*business01*/
#business01 {
	padding: 100px;
	position: relative;

    box-sizing: border-box;
    background-image: url(images/business/back01.jpg);
    background-repeat: no-repeat;
    background-position: -12vw;
	background-size: auto 100%;
}

/*
.business01-left {
	box-sizing: border-box;
	background-image: url("images/business/back01.jpg");
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	width: 40%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
*/

.business01-right {
	width: 65%;
    position: relative;
    margin-left: 40%;
    background-color: rgba(255,255,255,0.5);
    padding: 30px;
    box-sizing: border-box;
}

.business01-right h1 {
	padding-bottom: 40px;
}


/*business01*/
#business02 {
	background-color: #f1f7f9;
	padding: 80px 0 80px;
}

.business02-box {
	margin-bottom: 50px;
}

.business02-box01,
.business02-box03,
.business02-box05,
.business02-box07 {
	border: solid 1px #85b296;
}

.business02-box02,
.business02-box04,
.business02-box06 {
	border: solid 1px #76a7b3;
}

.business02-box01 .business02-box-title,
.business02-box03 .business02-box-title,
.business02-box05 .business02-box-title,
.business02-box07 .business02-box-title {
	background-color: #85b296;
}

.business02-box02 .business02-box-title,
.business02-box04 .business02-box-title,
.business02-box06 .business02-box-title {
	background-color: #76a7b3;
}

.business02-box01 .business02-box-title {background-image: url("images/business/img01.png");}
.business02-box02 .business02-box-title {background-image: url("images/business/img02.png");}
.business02-box03 .business02-box-title {background-image: url("images/business/img03.png");}
.business02-box04 .business02-box-title {background-image: url("images/business/img04.png");}
.business02-box05 .business02-box-title {background-image: url("images/business/img05.png");}
.business02-box06 .business02-box-title {background-image: url("images/business/img06.png");}
.business02-box07 .business02-box-title {background-image: url("images/business/img07.png");}

.business02-box-title {
	box-sizing: border-box;
    color: #fff;
    background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 40px;
	padding: 6px 10px 11px 72px;
}

.business02-box-title h1 {
	color: #fff;
	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: -4px;
}

.business02-box-title h2 {
	line-height: 0;
	padding-left: 6px;
}

.business02-box-content {
	box-sizing: border-box;
	background-color: #fff;
	padding: 20px 20px 17px;
}





/* ----------------------------------------------------

    事業内容

---------------------------------------------------- */

/*result01*/
#result01 {
	padding: 80px 0 80px;
}

#result01 h1{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

/*result02*/
#result02 {
	padding-bottom: 80px;
}

#result02 h1 {
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #fff;
    background-color: #85b296;
    box-sizing: border-box;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding: 12px 2% 8px;
    margin-bottom: 40px;
}
 
.result-list-box {
	
}

.result-list-box li {
	float: left;
    width: 32%;
    border: solid 1px #000;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 5px 9px;
    margin-bottom: 20px;
}

.result-list-box li:nth-child(2),
.result-list-box li:nth-child(5),
.result-list-box li:nth-child(8),
.result-list-box li:nth-child(11) {
	margin: 0 2%;
}

#result02 .result-list-box li {
	background-color: #f3f7f4;
}

/*result03*/
#result03 {
	padding-bottom: 80px;
}

#result03 h1 {
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #fff;
    background-color: #76a7b3;
    box-sizing: border-box;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding: 12px 2% 8px;
    margin-bottom: 40px;
}

#result03 .result-list-box li {
	background-color: #f1f6f7;
}

/*result02*/
#result04 {
	padding-bottom: 80px;
}

#result04 h1 {
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #fff;
    background-color: #e5ca95;
    box-sizing: border-box;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding: 12px 2% 8px;
    margin-bottom: 40px;
}

#result04 .result-list-box li {
	background-color: #fcfaf4;
}




/* ----------------------------------------------------

    採用情報

---------------------------------------------------- */


/*recruit01*/
#recruit01 {
    box-sizing: border-box;
    padding: 60px 0 80px;
}

#recruit01 .section-title01 {
	padding-bottom: 50px;
}

#recruit01 .section-subtitle {
	margin-top: 24px;
}

.recruit-dl {
	position: relative;
}

.recruit-dl dt {
	position: absolute;
	left: 0;
	height: 100%;
	width: 20%;
	box-sizing: border-box;
	color: #fff;
	padding: 13px 20px 7px;
	border-bottom: solid 1px #fff;
}

.recruit-dl dd {
	position: relative;
    padding: 13px 20px 7px;
    margin-left: 20%;
	background-color: #fff;
}

/*recruit02*/
#recruit02 {
	background-color: #f1f7f9;
    box-sizing: border-box;
    padding: 60px 0 80px;
}

#recruit02 .section-title01 {
	padding-bottom: 50px;
}

#recruit02 .recruit-dl dt {
	background-color: #85b296;
}

#recruit02 .recruit-dl dd {
	border-bottom: solid 1px #85b296;
	border-right: solid 1px #85b296;
}

#recruit02 .recruit-dl:first-child dt,
#recruit02 .recruit-dl:first-child dd {
	border-top: solid 1px #85b296;
}

#recruit02 .recruit-dl:last-child dt,
#recruit02 .recruit-dl:last-child dd {
	border-bottom: solid 1px #85b296;
}

/*recruit03*/
#recruit03 {
    box-sizing: border-box;
    padding: 60px 0 80px;
}

#recruit03 .section-title01 {
	padding-bottom: 50px;
}

#recruit01 .recruit-dl dt,
#recruit03 .recruit-dl dt {
	background-color: #76a7b3;
}

#recruit01 .recruit-dl dd,
#recruit03 .recruit-dl dd {
	border-bottom: solid 1px #76a7b3;
	border-right: solid 1px #76a7b3;
}

#recruit01 .recruit-dl:first-child dt,
#recruit01 .recruit-dl:first-child dd,
#recruit03 .recruit-dl:first-child dt,
#recruit03 .recruit-dl:first-child dd {
	border-top: solid 1px #76a7b3;
}

#recruit01 .recruit-dl:last-child dt,
#recruit01 .recruit-dl:last-child dd,
#recruit03 .recruit-dl:last-child dt,
#recruit03 .recruit-dl:last-child dd {
	border-bottom: solid 1px #76a7b3;
}

/*recruit04*/
#recruit04 {
	text-align: center;
    padding: 80px 0 80px;
}

#recruit04 h1 {
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 32px;
    padding-bottom: 12px;
	color: #76a7b3;
}


/*追加*/
.jobs-container-out {
	max-width: 100vw;
	overflow: hidden;
}

.jobs-container {
	width: 1000vw;
    position: relative;
}

.jobs-container-in {
	float: left;
    width: 100vw;
    z-index: 100;
	box-sizing: border-box;
}

.jobs-container-1 {
	z-index: 150;
}

.jobs-type-out {
	background-color: #eff6ef;
	box-sizing: border-box;
	padding: 45px 0px 20px;
}

.jobs-type {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.jobs-type li {
	float: left;
	width: 31%;
	margin: 0 2% 20px;
}

.jobs-type li a {
	display: block;
    text-align: center;
    border: solid 1px #76a7b3;
    color: #76a7b3;
    box-sizing: border-box;
    padding: 14px 0 9px;
	background-color: #fff;
}

.jobs-type li a:hover {
	background-color: #76a7b3;
	color: #fff;
}


/* ----------------------------------------------------

    新着情報(詳細)

---------------------------------------------------- */

#news-single01 {
	padding: 80px 0 120px;
}

.news-single-container {
	max-width: 600px;
	width: 90%;
	margin: 0 auto;
}

.news_single_image {
	position: relative;
}

.news_single_time {
	background-color: #76a7b3;
    color: #fff;
    box-sizing: border-box;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: -20px auto 20px;
    max-width: 140px;
    padding: 5px 0 4px;
    position: relative;
    z-index: 10;
}

.news_single_title {
	text-align: center;
    font-size: 26px;
    font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    margin: 26px auto 21px;
	color: #76a7b3;
}

.news-button {
	color: #76a7b3;
	font-size: 16px;
    text-align: center;
    max-width: 300px;
    border: solid 1px #76a7b3;
    box-sizing: border-box;
    width: 90%;
    display: block;
    padding: 12px 2% 8px;
    margin: 40px auto 0;
}

.news-button:hover {
	background-color: #76a7b3;
	color: #fff;
}

.news_single_content br {
	display: none;
}

/* ----------------------------------------------------

    新着情報(一覧)

---------------------------------------------------- */
#news-archive01 {
	padding: 80px 0 100px;
}

.news-archive-thumbnail {
	float: left;
	width: 36%;
	margin-right: 4%;
	box-sizing: border-box;
}

.news-archive-textbox {
	float: left;
	width: 60%;
	box-sizing: border-box;
}

.news-archive-box {
	border-bottom: dotted 1px #76a7b3;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.news-archive-textbox .news_single_time {
	background-color: #76a7b3;
    color: #fff;
    box-sizing: border-box;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 10px 0 0;
    max-width: 140px;
    padding: 7px 21px 6px;
    position: relative;
    z-index: 10;
}

.news-archive-title {
	color: #76a7b3;
    font-size: 25px;
    font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    padding-bottom: 20px;
}

.news-archive-textbox .news-button {
    color: #76a7b3;
    font-size: 16px;
    text-align: center;
    max-width: 300px;
    border: solid 1px #76a7b3;
    box-sizing: border-box;
    width: 90%;
    display: block;
    padding: 12px 2% 8px;
    margin: 30px 0 0 auto;
}

.news-archive-textbox .news-button:hover {
	background-color: #76a7b3;
	color: #fff;
}

.page_num {
	text-align: center;
}

.page-numbers {
	color: #76a7b3;
}




/* ----------------------------------------------------

    新着情報(一覧)

---------------------------------------------------- */

#contact01 {
	padding: 80px 0 80px;
}

/*contact02*/
#contact02 {
	padding-bottom: 80px;
}

#contact02 h1 {
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #fff;
    background-color: #76a7b3;
    box-sizing: border-box;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding: 12px 2% 8px;
    margin-bottom: 40px;
}

.contact-number01 {
	float: left;
	box-sizing: border-box;
	width: 25%;
    margin-right: 5%;
	text-align: center;
}

.contact-number01 h2 {
	padding-bottom: 12px;
}

.contact-number02 {
	float: left;
	box-sizing: border-box;
	width: 70%;
	padding-top: 25px;
}


/*contact03*/
#contact03 {
	padding-bottom: 120px;
	background-color: #f1f7f9;
}

#contact03 h1 {
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #fff;
    background-color: #85b296;
    box-sizing: border-box;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding: 12px 2% 8px;
    margin-bottom: 40px;
}

.required {
	font-size: 13px;
    color: #fff;
    background-color: #ec6363;
    box-sizing: border-box;
    display: inline-block;
    padding: 3px 8px 1px;
    border-radius: 7px;
    margin-right: 7px;
}

.contactform {
	max-width: 660px;
	margin: 60px auto 0;
	width: 90%;
}

.contactform dl {
	margin-bottom: 30px;
}

.contactform dl dt {
	float: left;
    width: 35%;
    text-align: right;
    margin-right: 3%;
	color: #85b296;
	font-weight: bold;
	padding-top: 8px;
}

.contactform dl dd {
	float: left;
    width: 62%;
    text-align: right;
}

.wpcf7-text,
.wpcf7-textarea {
	width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    padding: 9px;
    border: solid 1px #85b296;
}


.wpcf7-submit {
	display: block;
    background-color: #85b296 !important;
    color: #fff;
    border: none;
    max-width: 300px;
    width: 90%;
    margin: 30px auto 0;
    font-size: 18px;
    padding: 13px 10px 11px;
}