@charset "utf-8";
/*
Theme Name: maebara-kougyou2025
Theme URI: non
Description: OliensDesign Responsive Web
Author: Dosanite+Oliens
Version: 1.0
*/
/*****************************************************
resetcss
*******************************************************/
html{ color:#000; -webkit-text-size-adjust: 100%; overflow-y: scroll; font-size:62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
fieldset,img{ border-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym{ border:0; font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{font-size:inherit; font-weight:inherit; outline: none; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000;}
.clearfix:after { content: ""; display: block; clear: both; }
li { list-style:none; }
figure{ max-width:100%; width:auto; height: auto; margin: 0; display:inline; }

img.alignright { display: block; margin: 0 0 0 15px;  float: right;}/* 配置位置 右 */
img.alignleft { display: block; margin: 0 15px 0 0; float: left;}/* 配置位置 左 */
img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus,
input[type="button"]::focus { outline-offset: -2px; }
/*****************************************************
基本要素
*******************************************************/
/* clearfix */
.cf:after,.cf:before {content: ""; display: block; clear: both;} 
.cf { display: block; }

body { width: 100%; margin: 0; padding: 0; line-height: 1.8rem; text-align:justify; text-justify:inter-ideograph; background-color: #fff; background-position: top center; background-repeat: repeat-x; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: normal; font-style: normal;}
h1{ font-size: 2.4rem; }
h2{ font-size: 2.2rem; }			
h3{ font-size: 2.0rem; }
h4{ font-size: 1.8rem; }
h5{ font-size: 1.6rem; }
h6{ font-size: 1.4rem; }
p{ font-size: 1.6rem; text-align:justify; }
a{ text-decoration: none; }
a:link { color: #0000ff; }
a:visited { color: #0000ff; }
/*****************************************************
共通・スマホ設定
******************************************************/
#header { width: 100%; height:50px; position:fixed; background-color:rgba(10,14,75,1); z-index:9990; margin-top:0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
#header.scroll { height:50px; background-color:rgba(10,14,75,1); position:fixed; transition: 1s;}
#header a {color:#fff; }
#header .toplogo img { display:none; } 
#header .toplogo_m img{ display:block; width:165px; height:25px; float:center; margin:12.5px auto; padding:0 0 0 60px; }
#header .contact_sh img {display:block; width:60px; height:40px; float:right; margin:5px 10px 5px 0; border-radius: 5px;} 
#body {width:100%; height:100%; margin:0 auto; padding:0; position: relative; color:#0A0E4B;}
#container { width: 100%; margin: 0 auto; }
#main{ width:90%; margin: 0 auto; }
#main_toko{ width:94%; margin: 0 auto; }
#pagetop img{ display:none; }
#pagetop_m img{ display:block; width:100%; margin:0; padding:0; }
.ps-br { display:block; }
/*****************************************************
パンくずリスト
*******************************************************/
.breadcrumb {width:96%; font-size: 1.4rem; color:#007AFF; display:inline-block; margin:0 0 20px 0; padding:10px 2%; background-color:#F2F8FF;}
.breadcrumb a { padding: 3px 10px; color: #fff; background-color:#007AFF; margin-right:0 0 0 1rem; border-radius: 15px; }
.breadcrumb a:hover { color: #fff; background-color:#0052AC; }
/*****************************************************
ボタン
******************************************************/
.btn1 { width:100%; display:block; text-align:center; margin:30px auto; }
.btn1 a{ display:block; vertical-align: middle; background-color:#007AFF; color:#fff; font-weight:bold; font-size:1.8rem; text-align: center; padding:20px 0; border-radius:10px;}
.btn1 a:hover { background-color:#0052AC; color:#fff; text-decoration: none; }

.telbtn {display: block; color: #fff; background-color:#007AFF; width: 100%; padding: 15px 0; margin:20px auto; height: auto; border-radius: 10px; font-size:1.6rem; text-align:center; line-height:30px; }
.telbtn:hover { background-color:#0052AC; }
.telbtnCaption span{ font-size:2.5rem; font-weight:bold; margin-top:10px;}

.tel {display:block; width:80%; color: #fff; background-color:#007AFF; padding:30px auto; margin:0px auto; border-radius: 10px; font-size:1.6rem; text-align:center; line-height:30px; }
.tel:hover { background-color:#0052AC; }
.telCaption span{ display:inline-block; font-size:2.5rem; font-weight:bold; }
/******************************************************
NAVI
******************************************************/
#navi1 { display: none; }
/*****************************************************
INDEX
******************************************************/
#contents { width:94%; margin:0 auto; }
.contents_menu1 { display:block; width: 100%; height:auto; text-align:center; margin:30px 0 0 0; }
.concept { width:100%; margin: 0 auto; }
.concept h1{ text-align: center; font-size:3rem; font-weight:normal; }
.concept p{ width:100%; font-size:1.6rem; font-weight:normal; margin:20px auto; text-align:justify; line-height:2.4rem; }
.recruit-pages { display:flex; flex-wrap:wrap; width:100%; margin:20px 0; }
.recruit-pages .waku { width:48%; margin:2% 2% 0 0; box-sizing:border-box; border-radius:10px; }
.recruit-pages .waku img{ width:100%; }
.recruit-pages .waku:nth-child(2) { width:48%; margin:2% 0 0 2%; box-sizing:border-box;}
.recruit-pages .waku:nth-child(3) { width:100%; margin:2% 0 0 0; box-sizing:border-box;}

.contents_menu3 h2,.contents_menu4 h2,.contents_menu5 h2{ display:block; width:100%; margin:15px auto; padding:15px; color:#007AFF; font-size:2.5rem; text-align:center; font-weight:bold; box-sizing:border-box; border-top:solid #007AFF 1px; border-bottom:solid #007AFF 1px;}

.contents_menu3 #pickuparea #update #news,.contents_menu4 #pickuparea #update #news { display:flex; flex-wrap:wrap; margin:20px 0; }
.contents_menu3 #pickuparea #update #news .module,.contents_menu4 #pickuparea #update #news .module { width:48%; color:#0A0E4B; margin:0 4% 4% 0; background-color:#F2F8FF; position: relative; padding-bottom:10px;}
.contents_menu3 #pickuparea #update #news .module:nth-child(2n),.contents_menu4 #pickuparea #update #news .module:nth-child(2n){ margin:0 0 4% 0; }
.contents_menu3 #pickuparea #update #news .module img,.contents_menu4 #pickuparea #update #news .module img { width:100%; height:240px; min-height:0%; object-fit: cover;}
.contents_menu3 #pickuparea #update #news .module a,.contents_menu4 #pickuparea #update #news .module a{ color:#0A0E4B; font-size:1.4rem; line-height:1.6rem; text-align:justify; }
.contents_menu3 #pickuparea #update #news #topictitle,.contents_menu4 #pickuparea #update #news #topictitle { padding:5px 10px; color:#0A0E4B; }
.contents_menu3 #pickuparea #update #news span.inputday,.infolist span.inputday { color:#007AFF; font-size:1.2rem; float:right; margin:0 1rem 1rem 0;}
/************************************
固定ページ
************************************/
.entry .entry_contents .entry_header h1,.headline h1{ font-size:3rem; font-weight:normal; color:#0A0E4B; text-align:center; margin-bottom:30px;}
.entry .entry_contents .entry_body { line-height:2.4rem; }
.entry .entry_contents .entry_body h2{ display:block; width:100%; margin:15px auto; padding:15px; color:#007AFF; font-size:2.5rem; text-align:center; font-weight:normal; box-sizing:border-box; border-top:solid #007AFF 1px; border-bottom:solid #007AFF 1px;}
.entry .entry_contents .entry_body p{ margin:0 0 20px 0; }

.entry .entry_contents .entry_body .president { display:none; }
.entry .entry_contents .entry_body .president_m { display:block; }
.entry .entry_contents .entry_body p.question{ color:#007AFF; }

.entry .entry_contents .entry_body img{ width:100%; }
.entry .entry_contents .entry_body table.profile { width:100%; font-size:1.6rem; margin:0 0 30px 0; border-collapse:collapse;}
.entry .entry_contents .entry_body table.profile tbody tr th{ width:20%; color:#0A0E4B; border:1px solid #01346D; padding:10px 0; text-align:center; white-space:nowrap; padding:0 10px; background-color:#F2F8FF; font-weight:normal;}
.entry .entry_contents .entry_body table.profile tbody tr td{ color:#0A0E4B; border:1px solid #01346D; padding:10px; }
.entry .entry_contents .entry_body table.history { width:100%; font-size:1.6rem; margin:0 0 30px 0; border-collapse:collapse; }
.entry .entry_contents .entry_body table.history tbody tr th{ color:#007AFF; padding:10px 0; text-align:left; white-space:nowrap; padding:0 10px; font-weight:normal;}
.entry .entry_contents .entry_body table.history tbody tr td{ color:#0A0E4B; padding:10px 0; }
.entry .entry_contents .entry_body .futa2 { display:flex; flex-wrap:wrap; width:100%; }
.entry .entry_contents .entry_body .futa2 .hako2:nth-child(n) { width:48%; padding:0 4% 2% 0; }
.entry .entry_contents .entry_body .futa2 .hako2:nth-child(2n) { width:48%; padding:0 0 2% 0; }
.entry .entry_contents .entry_body .futa2 .hako2 img{ width:100%; }

.entry .entry_contents .entry_body .gmap { height: 0; overflow: hidden; padding-bottom: 100%; position: relative; margin:0 0 5% 0;}
.entry .entry_contents .entry_body .gmap iframe{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.list01 { margin:15px 0; }
.list01 ul li{font-size:1.6rem; background: url(images/mark.png) top left no-repeat; background-size:15px; background-position:0px 2px; padding: 0 0 12px 23px; line-height:2.0rem; font-weight:normal; }
.chest1_2 { display:flex; flex-wrap:wrap; width:100%; }
.chest1_2 .drawer:nth-child(n) { width:100%; padding:0; }
.chest1_2 .drawer:nth-child(2n) { width:100%; padding:0; }
.chest1_2 .drawer img{ width:100%; margin:0 0 30px 0; }
.workflow {　display: flex;　justify-content: center;　align-items: center;　}
.workflow ul { padding: 0; }
.workflow li { list-style-type: none; }
.workflow dd { margin-left: 0; font-size:1.6rem;}
.workflow dd span { background-color:#EBD67C; line-height:50px; padding:5px 20px; border-radius:20px;}
.flowstep > li { padding: 30px 10px;; }
.flowstep > li:not(:last-child) { border-bottom: 3px solid #007AFF; position: relative; }
.flowstep > li:not(:last-child)::before,
.flowstep > li:not(:last-child)::after { content: ""; border: solid transparent; position: absolute; top: 100%;
 left: 15%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.flowstep > li:not(:last-child)::before { border-width: 22px; border-top-color: #007AFF; }
.flowstep > li:not(:last-child)::after { border-width: 18px; border-top-color: #fff; }
.flowstep > li dl { margin: 0; }
.chest2_3 { display:flex; flex-wrap:wrap; width:100%; }
.chest2_3 .drawer:nth-child(n) { width:48%; margin:0 4% 4% 0; background-color:#01346D; color:#fff; text-align:center; padding:15px 15px 0 15px; box-sizing:border-box;}
.chest2_3 .drawer:nth-child(2n) { width:48%; margin:0 0 4% 0; }
.chest2_3 .drawer img{ width:100%; margin:0; padding:0;}
.chest2_3 .drawer h3{ font-size:1.8rem; margin:0 0 20px 0;}
.chest2_3 .drawer h4{ font-size:1.6rem; font-weight:normal; padding:5px 0;  border-top:solid #fff 1px; border-bottom:solid #fff 1px; }
.chest2_3 .drawer p{ font-size:1.3rem; font-weight:normal; padding:10px 0 0 0; line-height:1.1;}
.chest2_3 .drawer span{ font-size:1.3rem; font-weight:normal; padding:10px 0 0 0; }
table.pay { width:100%; margin-bottom:20px; font-size:1.3rem; border-collapse:collapse; }
table.pay tbody tr th{ padding:5px 5px 5px 0; border-top:solid #fff 1px; border-bottom:solid #fff 1px; white-space: nowrap; } 
table.pay tbody tr td{ padding:5px 0; border-top:solid #fff 1px; border-bottom:solid #fff 1px; text-align:left;} 
.list02 { margin-bottom:10px; }
.list02 ul li{ font-size:1.3rem; text-align:left; line-height:1.1; padding:3px 0;}
.chest1_3 { display:flex; flex-wrap:wrap; width:100%; }
.chest1_3 .drawer { width:100%; margin:0; background-color:#B29F4E; color:#fff; text-align:center; padding:15px; box-sizing:border-box;}
.chest1_3 .drawer h3{ font-size:1.8rem; margin:0 0 20px 0;}
.chest1_3 .drawer p{ font-size:1.3rem; font-weight:normal; padding:10px 0 0 0; line-height:1.1;}
/********************
投稿ページ
*********************/
.toko .toko_contents .toko_header h1{ width:100%; display:inline-block; font-size:3rem; font-weight:normal; color:#0A0E4B; line-height:1.1; margin:0 auto 20px auto; padding:15px 0; text-align:left; }
.toko .toko_contents .kiji_header h1{ display:block; width:100%; margin:15px auto; padding:15px; color:#007AFF; font-size:2.5rem; text-align:center; font-weight:bold; box-sizing:border-box; border-top:solid #007AFF 1px; border-bottom:solid #007AFF 1px;}
.toko .toko_contents .toko_body { line-height:2.4rem; }
.toko .toko_contents .toko_body h2{ width:100%; display:inline-block; font-size:2rem; font-weight:700; color:#fff; line-height:2.4rem; background-color:#87BF57; margin:20px auto; padding:15px 0; text-align:center; }
.toko .toko_contents .toko_body p{ margin:0 0 20px 0; }
.toko .toko_contents .toko_body .jisseki { width:100%; display:inline-block; font-size:1.8rem; font-weight:bold; padding:10px 20px; margin:5px 10px 5px 0; }
.toko .toko_contents .toko_body .location { font-size:2rem; font-weight:bold; color:#005022; margin:30px 0 15px 0;}
.toko .toko_contents .toko_footer span{ display:inline-block; font-size:1.6rem; color:#007AFF; border:solid #007AFF 1px; padding:3px; margin:20px 0 20px auto; float:right;}
#container #main .work { display:flex; flex-wrap:wrap; width:100%; margin:20px 0; }
#container #main .work .btn2 { display:block; width:32%; margin:2% 2% 0 0; box-sizing:border-box; border-radius:10px; }
#container #main .work .btn2:nth-child(3n) { display:block; width:32%; margin:2% 0 0 0; box-sizing:border-box; border-radius:10px; }
#container #main .work .btn2 a{ width:100%; display:block; background-color:#21884D; color:#fff; font-weight:bold; font-size:1.4rem; text-align: center; padding:10px 0; border-radius:30px;}
#container #main .work .btn2 a:hover { background-color:#51CC86; color:#fff; border-radius:30px;}
.wp-block-gallery { width:100%; margin:0 auto 30px auto;}
.wp-element-caption { line-height:1.1;}
.wp-block-table {font-size:1.6rem; color:#0A0E4B;}
/*****************************************************
一覧ページ
******************************************************/
#container #main .info2_3 { width:100%; display:flex; flex-wrap:wrap; margin:10px auto; }
#container #main .info2_3 .infolist { width:48%; margin:0 4% 4% 0; background-color:#F2F8FF; padding:0; box-sizing:border-box; font-size: 1.4rem; position: relative; }
#container #main .info2_3 .infolist:nth-child(2n){ width:48%; margin:0 0 4% 0;}
#container #main .info2_3 .infolist a{ display:block; width:100%; height:100%; }
#container #main .info2_3 .infolist h1{ font-size:1.4rem; line-height:1.6rem; margin:10px; font-weight:normal; color:#0A0E4B; padding-bottom:5px;}
#container #main .info2_3 .infolist img{ object-fit:cover; width: 100%; height: 240px; margin:0; vertical-align:top; }
#container #main .info2_3 .infolist .kuwashiku{ font-size:1.2rem; line-height:1.6rem; margin:10px; font-weight:normal; color:#007AFF; padding-bottom:5px; text-align:right; }
#container #main #pickuparea #update #news { display:flex; flex-wrap:wrap; margin:20px 0; }
#container #main #pickuparea #update #news .module { width:48%; color:#0A0E4B; margin:0 4% 4% 0; background-color:#F2F8FF; position: relative; padding-bottom:10px;}
#container #main #pickuparea #update #news .module:nth-child(2n){ margin:0 0 4% 0; }
#container #main #pickuparea #update #news .module img{ width:100%; height:240px; min-height:0%; object-fit: cover;}
#container #main #pickuparea #update #news .module a{ color:#0A0E4B; font-size:1.4rem; line-height:1.6rem; text-align:justify; }
#container #main #pickuparea #update #news #topictitle { padding:5px 10px; color:#0A0E4B; }
#container #main #pickuparea #update #news span.inputday { color:#007AFF; font-size:1.2rem; float:right; margin:0 1rem 1rem 0;}
/*****************************************************
SIDEMENU
******************************************************/
.sidebar { display: none; }
/*****************************************************
Contact-form7　コンタクトフォーム７
*******************************************************/
.inputarea { width:100%; height:auto;}
input.backbtn,input.wpcf7-submit { width:100%; display:block; vertical-align: middle; background-color:#007AFF; color:#fff; font-weight:bold; font-size:1.8rem; text-align: center; padding:10px 0; border-radius:10px; margin:0 auto;}
input.backbtn:hover,input.wpcf7-submit:hover {  background-color:#0052AC; color:#fff; text-decoration: none;}

.inputbox { color:#000; font-size:1.8rem; padding:10px; width: 100%; margin-bottom:10px; border:1px solid #0A0E4B;  border-radius:5px; box-sizing: border-box;}
.inputbox_long { color:#000; font-size:1.8rem; padding:10px; width: 100%; margin-bottom:10px; border:1px solid #0A0E4B;  border-radius:5px; box-sizing: border-box;}
.kakuninarea .kakunin { display:block; background-color:#F2F8FF; text-align:left; margin:0; border-radius:10px; }
.kakuninarea .kakunin p{ font-size:1.8rem; font-weight:normal; color:#0A0E4B; text-align:left; padding:10px 20px; }
.kakuninarea p.entry { display:block; font-size:1.6rem; margin:0; }
.wpcf7-text:-webkit-autofill { box-shadow: 0 0 0 1000px #fff inset; }
.formtitle { font-weight: normal; font-size: 1.6rem; color:#0A0E4B; font-weight:bold;}
.inputarea p.formtitle span.hissu { color:#fff; font-size:1.4rem; vertical-align:middle; background-color:#B29F4E; margin:0 0 5px 5px; padding: 6px 10px; border-radius: 20px; }
.inputarea p.formtitle span.hiragana { color:#ff0000; }
input[type=checkbox] { -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2);}/*チェックボックス拡大*/
input[type=radio] { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5);}/*ラジオボタン拡大*/
.privacycheck { background-color:red; border-radius:10px; padding:10px;}
span.checkcomment {display:block; padding:0 0 0 10%; background:green; }
/*応答メッセージ非表示*/
.wpcf7-mail-sent-ok { display:none; !important }

/*****************************************************
ページナビ
*******************************************************/
.pagination { width: 100%; position:relative; font-size:11px; line-height:13px; float: right; margin: 1% 0; clear:both; }
.pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#007AFF; background: #fff; border: solid 1px #007AFF; }
.pagination a:hover{ color:#fff; background:#007AFF; }
.pagination .current{ padding:6px 9px 5px 9px; background:#007AFF; color:#fff; }
 /*****************************************************
FOOTER
******************************************************/
.footer { width: 100%; height: auto; padding: 10px 0 0 0; background-color:#00346D; }
.footer .footer_text { font-size: 1.4rem; margin:0 0 0 30px; padding:0; text-align:left; line-height:1.3; color:#fff;}
.footer .footer_text h4{ font-size:2.2rem; margin:10px 0; color:#fff;}
.footer .kanribtn { padding:20px 20px 20px 0; text-align:right; }
.footer .kanribtn a.btnfooter { display:inline-flex; margin: 10px; padding: 5px 10px; background-color: #fff; color:#0A0E4B; font-size:1.2rem; text-align: center; border-radius: 5px; border: 1px solid #0A0E4B; font-weight:bold;}
.footer .kanribtn a:hover.btnfooter { background-color:#B29F4E; text-decoration:none; padding: 5px 10px;}
.footer .copy { font-size: 1.4rem; background-color:#0A0E4B; padding:15px 0;  text-align:center; color:#fff;}

/**************************************************************************************
BREAK POINT1
****************************************************************************************/
@media only screen and (min-width: 768px){
#header { width: 100%; height:70px; font-weight:bold; }
#header .toplogo img{ display:block; width:236.57px; height:46px; float:left; margin:12px 0 0 21px; padding:0;}
#header .contact_sh img {display:none; } 
#header .toplogo_m img{ display:none; }
#header.scroll .toplogo img{ display:block; width:236.57px; height:46px; }
#header.scroll .toplogo_m img{ display:none; }
#header.scroll { height:70px; }
#header.scroll a{ font-weight:bold; color:#fff; }
#body {width: 100%; margin: 0 auto; }
#container { max-width:1200px; width: 96%; margin:0 auto; }
#main{ width: 100%; height: auto; }
#main_toko{ width: 68%; height: auto; float:right; margin-left:2%; }
#pagetop_m img{ display:none; }
#pagetop img{ display:block; width:100%; margin:0; padding:0; }
.sp-br { display:none; }
/*****************************************************
パンくずリスト768
*******************************************************/
.breadcrumb {margin-top:0px; }
/*****************************************************
ボタン768
*******************************************************/
.telbtn {display: none;}
.btn1 { width:60%; }
.tel {width:50%;}
/**************************************************************************************
NAVI 768
****************************************************************************************/
#navi1 { display:block; width: auto; float: right; overflow:auto;  vertical-align:middle; line-height:70px; padding: 0; font-size:1.6rem; }
#navi1 ul { display:table; list-style:none; width: 100%; height:70px; margin-left:auto; margin-right:auto; }
#navi1 ul li { display:inline-block; letter-spacing:normal; vertical-align:top; }
#navi1 ul li span { display:block; height:70px; text-decoration:none; }
#navi1 ul li a{ display:inline-flex; height:70px; text-decoration:none; padding: 0 4px;}

#navi1 ul li:nth-child(1) a{ padding:0 10px; height:70px;}
#navi1 ul li:nth-child(2) a{ padding:0 10px; height:70px;}
#navi1 ul li:nth-child(3) a{ padding:0 10px; height:70px;}
#navi1 ul li:nth-child(4) a{ padding:0 10px; background-color:#B29F4E; font-size:2.0rem; height:70px;}
#navi1 ul li:nth-child(1) a:hover{ background:#222AA0; height:70px;}
#navi1 ul li:nth-child(2) a:hover{ background:#222AA0; height:70px;}
#navi1 ul li:nth-child(3) a:hover{ background:#222AA0; height:70px;}
#navi1 ul li:nth-child(4) a:hover{ background:#EDD777; color:#0A0E4B; height:70px;}
/********************
INDEX768
*********************/
#contents { width:92%; } 
.contents_menu2 { width:100%; }
.recruit-pages .waku { width:32%; margin:2% 2% 0 0; box-sizing:border-box; border-radius:10px ; }
.recruit-pages .waku p { line-height:2rem; padding:10px 20px 20px 20px; }
.recruit-pages .waku:nth-child(2n) { width:32%; margin:2% 2% 0 0; box-sizing:border-box;}
.recruit-pages .waku:nth-child(3n) { width:32%; margin:2% 0 0 0; box-sizing:border-box;}
.contents_menu3 .work .btn2{ display:block; width:12.9142857%; margin:1.6% 1.6% 0 0; box-sizing:border-box; border-radius:10px; }
.contents_menu3 .work .btn2:nth-child(3n) { display:block; width:12.9142857%; margin:1.6% 1.6% 0 0; box-sizing:border-box; border-radius:10px; }
.contents_menu3 .work .btn2:nth-child(7n) { display:block; width:12.9142857%; margin:1.6% 0 0 0; box-sizing:border-box; border-radius:10px; }
.contents_menu3 #pickuparea { max-width:1200px; margin:0 auto 50px auto; }
.contents_menu3 #pickuparea #update #news .module { width:23.5%; margin:0 2% 2% 0; }
.contents_menu3 #pickuparea #update #news .module:nth-child(2n){ margin:0 2% 2% 0; }
.contents_menu3 #pickuparea #update #news .module:nth-child(4n){ margin:0 0 2% 0; }

.contents_menu4 #pickuparea { max-width:1200px; margin:0 auto 50px auto; }
.contents_menu4 #pickuparea #update #news .module { width:23.5%; margin:0 2% 2% 0; }
.contents_menu4 #pickuparea #update #news .module:nth-child(2n){ margin:0 2% 2% 0; }
.contents_menu4 #pickuparea #update #news .module:nth-child(4n){ margin:0 0 2% 0; }

/*****************************************************
SIDEMENU768
*******************************************************/
.sidebar { display:block;  float: left; width: 30%; margin:0; }
.sidemenu { width: 100%; height: auto; margin-top:20px; }
.sidemenu .sidecontents { width: 100%; height: auto; margin:0 auto 20px auto; }
.sidemenu .sidecontents{ width: 100%; letter-spacing:normal; margin:0; }
.sidemenu .sidecontents a{ width: 100%; color: #414141; display: inline-block; line-height: 1.5; margin: 0; vertical-align: top; padding:7px 15px 10px 15px; letter-spacing:normal; box-sizing: border-box; }
.sidemenu .sidecontents a:nth-child(odd){ background-color:#F2F8FF; }
.sidemenu .sidecontents a:nth-child(even){ background-color:#fff; }
.sidemenu .sidecontents a:hover{ background-color:#C3DEFF; }
.sidemenu .sidecontents #topictitle{ width:100%; font-size: 1.6rem; padding: 0; font-weight:normal; text-align: left; float:left;}
.sidemenu .sidecontents #topictitle span.inputday { color:#007AFF; font-size: 1.2rem; padding:5px 0 0 0; margin-right:1.1rem; }
.sidemenu .sidecontents #topictitle span.honbun { color:#0A0E4B;  padding: 10px 0; font-size: 1.6rem; line-height:1.3rem; font-weight:bold;}
/************************************
固定ページ768
************************************/
.entry .entry_contents .entry_body .president { display:block; }
.entry .entry_contents .entry_body .president_m { display:none; }
.entry .entry_contents .entry_body .gmap { padding-bottom: 50%; }
.chest1_2 .drawer:nth-child(n) { width:48%; padding:0 4% 2% 0; }
.chest1_2 .drawer:nth-child(2n) { width:48%; padding:0 0 2% 0; }
.chest2_3 .drawer:nth-child(n) { width:32%; margin:2% 2% 0 0; background-color:#01346D; color:#fff; text-align:center; padding:15px 15px 0 15px; box-sizing:border-box;}
.chest2_3 .drawer:nth-child(2n) { width:32%; margin:2% 2% 0 0; }
.chest2_3 .drawer:nth-child(3n) { width:32%; margin:2% 0 0 0; }
.chest1_3 { display:flex; flex-wrap:wrap; width:100%; }
.chest1_3 .drawer { width:32%; margin:0 2% 0 0; padding:15px 15px 0 15px; }
.chest1_3 .drawer:nth-child(3n) { width:32%; margin:0; }
/************************************
一覧ページ768
************************************/
#container #main .info2_3 { max-width:1200px; width:100%;}
#container #main .info2_3 .infolist,#container #main .info2_3 .infolist:nth-child(2n) { width:23.5%; margin:0 2% 20px 0; font-size: 1.4rem; }
#container #main .info2_3 .infolist:nth-child(4n){ width:23.5%; margin:0 0 20px 0; }
#container #main .info2_3 .infolist h1{ font-size:1.4rem; line-height:1.6rem; }
#container #main #pickuparea { max-width:1200px; margin:0 auto 50px auto; }
#container #main #pickuparea #update #news .module { width:23.5%; margin:0 2% 2% 0; }
#container #main #pickuparea #update #news .module:nth-child(2n){ margin:0 2% 2% 0; }
#container #main #pickuparea #update #news .module:nth-child(4n){ margin:0 0 2% 0; }
/***********************************
投稿ページ768
************************************/
.toko .toko_contents .toko_body img{ width:100%; margin:0 0 15px 0; }
/*****************************************************
Contact-form7　768
*******************************************************/
input.backbtn,input.wpcf7-submit { width:50%; }
.inputbox { width: 50%; }
}

/**************************************************************************************
BREAK POINT1080
****************************************************************************************/
@media only screen and (min-width: 1080px){
/**************************************************************************************
NAVI 1080
****************************************************************************************/
#navi1 { font-size:1.6rem; }
#navi1 ul li:nth-child(1) a{ padding:0 20px; }
#navi1 ul li:nth-child(2) a{ padding:0 20px; }
#navi1 ul li:nth-child(3) a{ padding:0 20px; }
#navi1 ul li:nth-child(4) a{ padding:0 20px; }
}

/**************************************************************************************
BREAK POINT1280
****************************************************************************************/
@media only screen and (min-width: 1280px){
#header { height:100px; }
#header .toplogo img{ width:360px; height:70px; margin:15px 0 0 21px; }
#header .contact_sh img {display:none; } 
#header .toplogo_m img{ display:none; }
#header.scroll .toplogo img{ width:360px; height:70px; }
#header.scroll { height:100px; }

#navi1 { line-height:100px; }
#navi1 ul { height:100px; }
#navi1 ul li span { height:100px; }
#navi1 ul li a{ height:100px; }
#navi1 ul li:nth-child(1) a{ height:100px;}
#navi1 ul li:nth-child(2) a{ height:100px;}
#navi1 ul li:nth-child(3) a{ height:100px;}
#navi1 ul li:nth-child(4) a{ font-size:2.0rem; height:100px;}
#navi1 ul li:nth-child(1) a:hover{ height:100px;}
#navi1 ul li:nth-child(2) a:hover{ height:100px;}
#navi1 ul li:nth-child(3) a:hover{ height:100px;}
#navi1 ul li:nth-child(4) a:hover{ height:100px;}
}