/*
Theme Name: ohashiwp
Theme URI: http://www.ohashi-jintoseki.com
Description: ohashiwp記事
Version: 1.0
Author: ohashiwp
Author URI: http://www.ohashi-jintoseki.com
*/



body{
	line-height:30px;
	font-size:18px;
}
p.lead {
	font-size: 18px;
	margin: 30px 0 0;
	text-align: center;
}


/********************************************
 * nav_header_footer
 ********************************************/



#logo {
	float: left;
	width: 580px;
}
#logo img {
	height: auto;
	width: 100%;
}

header {
	padding-top: 20px;
	padding-bottom: 10px;
}
header h1 {

}
.sp_nav {
    display: none!important;
}

#pc_nav{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#pc_nav li {
	width: calc(100% / 7);
	border-left: 1px solid #dddddd;
	box-sizing:border-box;
	float:left;
}
#pc_nav li:last-child {
	border-right: 1px solid #dddddd;
}
#pc_nav a {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	display: block;
	padding: 2px 0px;
	text-align: center;
	position: relative;
	text-decoration: none;
}

#pc_nav .current_page_item a,
#pc_nav .current-menu-item a,
#pc_nav a:hover{
	color:#c70081;
}



#totop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
	display: inline;
	font-size: 30px;
}
#totop a {
	display: inline-block;
	text-decoration: none;
	height: 40px;
	width: 45px;
	text-align: center;
	background: #333333;
	padding-top: 5px;    /* safari hack */
	-webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
#totop a:before {
	color: #FFFFFF;
	content: "TOP";
	font-size:12px;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#totop a:after {
	color: #FFFFFF;
	content: "\f126";
	font-family: Ionicons;
	font-size:16px;
}
#totop a:hover {
	background: #c70081;
}

/********************************************
 * toppage
 ********************************************/

.cont01{
	width:1200px;
	margin:0 auto;
}
.cont02{
	width:850px;
	margin:0 auto;
}
.cont03{
	width:700px;
	margin:0 auto;
}
.co_p {
	padding-top: 70px;
	padding-bottom: 70px;
}
.co_p2 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.co_t {
	padding-top: 70px;
}
.co_t2 {
	padding-top: 40px;
}

.co_t2 ol.no {
	padding-top: 10px;
	list-style: none;
	counter-reset: number;
}
.co_t2 ol.no > li {
	position: relative;
	padding-left: 40px;
}
.co_t2 ol.no > li::before {
	counter-increment: number;
	content: '（' counter(number) '）';
	position: absolute;
	left: 0;
}
.co_t2 ol.no ul {
	margin-left: 20px;
	list-style: disc;
}

.pc_none{
	display:none;
}
.hdtel {
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	float: right;
	padding-top: 30px;
}
.hdtel span {
	font-size: 26px;
}

footer {
	padding-top: 40px;
	border-top: 1px solid #dddddd;
}

.ft_info {
	background: url(images/logo2.jpg) no-repeat left center;
	padding-left: 110px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 40%;
	box-sizing:border-box;
}
.ft_info h2 {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
#ft_nav {
	text-align: right;
	width: 55%;
	float: right;
}
#ft_nav ul {
	text-align: left;
	display: inline-block;
	padding-left: 30px;
	vertical-align: top;
}
#ft_nav li a {
	font-size: 16px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
#copyright {
	font-size: 10px;
	color: #CCCCCC;
	text-align: center;
	padding-top: 20px;
}
.tbclm {
	display: table;
	width: 100%;
}
.cellclm {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.gmap iframe {
	width: 100%;
	height: 650px;
}
.clminner {
	width: 550px;
	padding-left: 50px;
}
.clminner h2 {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 5px;
}
.clminner span {
	font-size: 16px;
}
.main {
	height: 660px;
	width: 100%;
	background: url(images/mainbg20201005.jpg) no-repeat center center;
	background-size:cover;
	text-align: center;
}
.main h2 {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 60px;
	letter-spacing: 2px;
	display: inline-block;
	padding-top: 200px;
	text-align: left;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
	font-weight: bold;
}
.main h2 span {
	color: #FFFFFF;
	font-size: 38px;
	line-height: 70px;
	letter-spacing: 2px;
	padding-bottom:15px;
	display: block;
}

.titleh2 {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	letter-spacing: 2px;
	margin-bottom: 40px;
}
.titleh2 span {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	display: block;
}
.recruitbn a {
	border: 1px solid #c70081;
	background: #fbeef6 url(images/bg1.png) no-repeat right center;
	display: block;
	padding: 30px 0px 30px 40px;
}
.recruitbn .titleh2 {
	text-align: left;
	margin-bottom: 0px;
	color: #c70081;
}
.newspost {
}
.newspost li {
	border-top: 1px solid #dddddd;
	padding: 20px 30px;
}
.newspost li:last-child {
	border-bottom: 1px solid #dddddd;
}
.date1 {
	color: #c70081;
	font-size: 16px;
	width: 130px;
	float: left;
}
.newspost h3 {
	padding-left: 130px;
}
.btn1 a,
.btn2 a {
	width: 250px;
	display: block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #c70081;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #c70081;
	letter-spacing: 1px;
	font-weight: bold;
}
.btn1 a {
	margin-right: auto;
	margin-left: auto;

}
.btn2 a {
float:left;

}
.bg1 {
	background: url(images/top2.jpg) no-repeat center center;
	background-size:cover;
}
.clminner2 {
	width: 550px;
	padding-right: 50px;
	float: right;
}
.h2txt {
	font-size: 22px;
	line-height: 34px;
	font-weight: bold;
	padding-bottom: 10px;
}
.table1 th {
	background: #fbeef6;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #dddddd;
}
.table1 td {
	padding: 5px;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	text-align: center;
	font-weight: bold;
	color: #c70081;
	font-size: 18px;
	line-height: 24px;
}
.table1 td span {
	font-size: 11px;
	display: block;
	line-height: 12px;
}
.clmL {
	float: left;
	width: 48%;
}
.clmR {
	float: right;
	width: 48%;
}
.rlineno{
	border-right: none;
}
#sub {
	background: #fbeef6;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
#pankuzu {
	font-size: 14px;
	font-weight: bold;
	color: #989898;
}

#pankuzu a {
	color: #c70081;
}
#sub h2 {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 2px;
	font-weight: bold;
}
.leftbtn,
.rightbtn {
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	font-weight:bold;
	padding-bottom:30px;
}

.postbtn {

}
.titleh3 {
	font-size: 22px;
	background: #fbeef6;
	padding: 10px 15px;
	font-weight: bold;
	margin-bottom: 20px;
}
.imgbox {
	float: right;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 10px;
}
.txtbox {
	padding-left: 10px;
	padding-right: 10px;
}

.ex1 {
	/* olがはき出す数字を消す */
    list-style: none;
	/* 数字のカウントをリセットする */
    counter-reset: number;
	padding-top: 20px;
	padding-bottom: 20px;
}

.ex1 li:before {
	counter-increment: number;
	content: counter(number);
	background: #c70081;
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	position:absolute;
	top: 3px;
	left: 0px;
}
.ex1 li {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 40px;
	position:relative;
}
.tosekibox {
	text-align: center;
}
.tosekibox li {
	width: 260px;
	display: inline-block;
	height: 260px;
	vertical-align: middle;
	background: #fbeef6;
	position: relative;
	margin-right: 20px;
	margin-left: 20px;
	font-weight: bold;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.tosekibox ul {
}
.txtbox2 {
	background: #c70081;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
.boxmg1 {
	padding-top: 80px;
}
.boxmg2 {
	padding-top: 50px;
}
.ad1 {
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -33px;
}
.txtbox3 {
	width: 800px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	background: #c70081;
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	font-weight: bold;
}
.ad2 {
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -15px;
}
.txtbox4 {
	background: url(images/logo2.jpg) no-repeat left center;
	color: #c70081;
	padding-top: 30px;
	margin-top: 20px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 110px;
	text-align: left;
	padding-bottom: 10px;
	font-weight: bold;
}
.txtbox4 h3 {
	display: inline-block;
	background: url(images/bg5.png) repeat-x;
}
.list1 li {
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	position:relative;
}
.list1 li::before {
	content:'●';
	color:#c70081;
	position: absolute;
	left:0px;
	top:3px;
}
.line {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px dotted #dddddd;
}
.line2 {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #dddddd;
}
.txt_m {
	font-size: 16px;
}
.listimg li {
	width: 31%;
	display: inline-block;
	margin-right: 1%;
	margin-left: 1%;
}
.listimg {
	text-align: center;
	margin-top: 30px;
}
.imgbox2 {
	float: left;
}
.txtbox5 {
	font-size: 16px;
	text-align: left;
	padding-left: 230px;
}
.imgbox3 {
	float: left;
}
.txtbox6 {
	padding-left: 600px;
	padding-top: 20px;
}
.txtbox7 {
	background: url(images/logo2.jpg) no-repeat 20px center;
	padding: 30px 20px 10px 150px;
}
.txtbox7 h3 {
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	color: #c70081;
	background: url(images/bg5.png) repeat-x center bottom;
	letter-spacing: 1px;
	display: inline-block;
	padding-bottom: 10px;
	padding-top: 5px;
}
.dltb dt {
	background: #fbeef6;
	padding: 20px;
	width: 160px;
	border-top: 1px solid #dddddd;
	float: left;
	font-weight: bold;
}
.dltb dd {
	margin-left: 200px;
	border-top: 1px solid #dddddd;
	padding: 20px;
	background: #FFFFFF;
}
.dltb dl {
	background: #fbeef6;
}
.dltb {
	border-bottom: 1px solid #dddddd;
}
.widget_archive{
padding-left:30px;
}
.widget_title{
display: inline-block;
vertical-align:middle;
}
.widget label {
display:none;
}
.widget select{
display: inline-block;
width:200px;
vertical-align:middle;
}
.singlebox {
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid #dddddd;
	padding-bottom: 30px;
	border-bottom: 1px solid #dddddd;
}

@media screen and (max-width: 1300px) {
.cont01{
	width: 90%;
}
.clminner {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
.clminner2 {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
.listimg li {
	width: 350px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:15px;
}
}
.listbtn {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}
.listbtn a {
	border: 1px solid #c70081;
	width: 130px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #c70081;
}
.listbtn li {
	display: inline-block;
}