@charset "UTF-8";
/*
 Theme Name: medart2026
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
.jsrt_btn a {
  display: inline-block;
  padding:5px 20px;
  background-color: #127396; 
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.jsrt_btn a:hover {
  background-color: #333;
}
#top_column2 dl dt{
	border-bottom: dotted 1px #CCC;
	padding: 0 0 3px 0;
	font-weight: bold;
}
#top_column2 dl dd{
	padding: 3px 0;
}
#top_column2 {
	display: flex;
	justify-content: space-between;
}
#top_column2 .column-left {
	width: 60%;
}
#top_column2 .column-right {
	width: 38%;
}

#top_column2 .column-right .inner {
	border: solid 1px #CCC;
	padding: 20px;
}
#contactTbl dt {
	font-weight: bold;
}
#contactTbl span {
	color: #F00;
}
#contactTbl small {
	color: #F90;
	display: block;
	font-weight: normal;
}
#contactBtn {
	text-align: center;
}
footer #footer-menu.ft {
	background: #127396!important;
}
footer #footer-menu.ft .copyright{
	color: #FFF!important;}
footer.footer {
	margin-top: 10em;
}
#foot_info dt {
	font-weight: bold;
	color:  #FFF;
	border-bottom: dotted 1px #FFF;
	padding: 0.2em 0;
/*	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;*/
}
#foot_info dd {
	font-size: 1em;
	padding: 0.5em 0em;
	margin-bottom: 1em;
	line-height: 1.2;
}
#side_info {
	padding:0;
	margin: 0;
}
#side_info dt {
	font-weight: bold;
	border-bottom:solid 2px #127396;
	color: #127396;
	padding: 0.3em 1em;
}
#side_info dd {
	padding: 0.5em 1em;
	line-height: 1.2;
}
.widget_pages h4.ft_title {
	display: none;
}
@media screen and (min-width:480px) {
    /*　画面サイズが480pxからはここを読み込む　*/
	#head-nav {
		display: none;
	}
	#categories-4 {
		display: none;
	}
}


@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
	#head-nav {
		display: none;
	}
	#categories-4 {
		display: none;
	}
}



@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    .home main section,
    .home #contents_nav ul {
    	width: 1180px;
    	margin: 0 auto;
    }

	.article-footer .footer-contents .sns-btn,
	.fab-btn {
		display: none;
	}
	.header {
		box-shadow: none;
		border-bottom: solid 1px #EFEFEF;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
	}
/*^^^^^^^^^^^^*/
	#menu-gnav {
		margin-bottom: 1.5em;
	}
	/* ヘッダーメイン画像 */
	.header-image__text {
		color: #1c1c1c;
		font-weight: bold;
    	text-shadow: 1px 1px 1px #FFF;
	}
	.header-image__headline {
		font-size: 2em;
	}
	#head-nav {
		display: flex;
		justify-content: flex-end;
		font-size: 0.7em;
		margin: 0 0;
		padding: 0;
	}
	#head-nav a {
		display: inline-block;
		background: #127396;
		color: #FFF;
		font-weight: bold;
		padding: 0.2em 1em;
		margin: 0 0 0 0.5em;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	#head-nav a:hover {
		text-decoration: none;
		background: #1c1c1c;
	}
	#head-nav span {
		display: inline-block;
		background: #efefef;
		color: #127396;
		font-weight: bold;
		padding: 0.2em 1em;
		margin: 0 0 0 0.5em;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	#head-nav #login_off a {
		background: #a71527;
	}
	#head-nav #login_on a {
		background: #1c1c1c;
	}
	#logo {
		margin-top: -5px;
	}
	#logo img {
		display: inline-block;
		height: 70px;
		width: auto;
		padding: 0 0 10px 0;
		vertical-align: middle;
	}
	#menu-gnav {
		display: flex;
		justify-content: space-between;
	}
	.desktop-nav li {
		margin: 1em 0 0 10px;
	}
	.desktop-nav li a {
		color: #1c1c1c!important;
		display: block;
		padding: 0 15px;
		height: 45px;
		line-height: 45px;
		border: solid 1px #EFEFEF;
	}

	#content #breadcrumb li:first-child a:before {
		display: none;
	}
	time.pubdate:before {
		content: "更新：";
		font-weight: noermal;
	}

	#footer-menu {
		background-color:#127396;
	}
	.sns-btn {
		display: none;
	}
	ul.menu li.kaiinn {
	}
	ul.menu li.kaiinn a{
		display: inline-block;
		color: #333;
	}
	#inner-header {
		padding: 0 0 0;
	}
	#inner-header-topnav {
		width: 1180px;
		margin:0 auto;
	}
	#footer-menu li {
		font-size: 0.8em;
		font-weight: bold;
	}
	#footer-menu .copyright {
		font-size: 0.6em;
		color: #1c1c1c;
	}

	/* article */
	article.post,
	article.page {/*
		border: none;*/
		padding: 0;
		border: solid 1px #EFEFEF;
	}
	section.entry-content {
		padding: 2em;
	}
	#archive_header,
	header.entry-header {
		margin:0 0 1em;
		padding: 2em;
		border-bottom: solid 1px #efefef;
		background: #127396;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	header.entry-header .entry-meta {
		color: #FFF;
		font-weight: normal;
		font-size: 0.8em;
	}
	#archive_header h1 {
		font-weight: 900;
		color: #FFF;
	}
	h1.entry-title {
		font-weight: 900;
		color: #FFF;
		font-size: 2em;
	}
	header a {
		color: : #FFF;
	}
	nav#breadcrumb a {
		color: #FFF;
		font-weight: 900;
		font-size: 0.8em;
	}
	.entry-content fieldset p {
		margin-bottom: 0;
	}
	fieldset input#siteguard_captcha {
		width: 74%;
	}
	#entry-meta-time {
		text-align: right;
	}
	#entry-meta-time time.pubdate:before {
		display: none;
	}
	.pagelink {
	    display: block;
	    padding-top: 70px;
	    margin-top: -70px;
	}
	#wpmem_login fieldset legend {
		font-size: 1.1em;
	}


	/* form  */
	.form dl dt small {
		display: block;
		color: #FC2;
	}


	/* top */
	.home #header-image {
		height:50vw;
	}
	.home .header-image__text{
		padding: 10em 20px 0 ;
	}
	.home .sec-msg {
		padding: 3em 5em;
	}
	.home ul {/*
		margin-bottom: 1.5em;*/
		padding: 0;
		border: none;
	}
	.home h2 {
		text-align: center;
		font-size: 85px;
		color: rgba(150,150,150,0.1);
		margin: 40px 0 20px;
	}
	.home h2 small{
		display: block;;
		text-align: center;
		font-size: 25px;
		color: rgba(0,0,0,1);
		margin-top: -50px;
	}
	#home-sec0,
	#home-sec1,
	#home-sec2,
	#home-sec3,
	#home-sec4 {
		padding: 3em 5em;
	}
	#home-sec0 ul,
	#home-sec1 ul,
	#home-sec2 ul,
	#home-sec3 ul,
	#home-sec4 ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.home main #home_nav {
		background-color:#127396;
		padding: 2em 0;
		margin: 0 auto;
	}
	.home main #home_nav ul {
		display: flex;
		justify-content: space-between;
		list-style: none;
		padding: 0;
		margin: 0 auto;
		width: 1080px;
	}
	.home main #home_nav ul li {
		width: calc(100%/4);
	}
	.home main #home_nav ul li a {
		background-color:#127396;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		font-size: 1em;
		display: inline-block;
		padding: 2em 0;
		width: 100%;
		border-right: solid 1px #FFF;
	}
	.home main #home_nav ul li:last-child a {
		border-right: none;
	}
	.home main #home_nav ul li a:hover {
		text-decoration: none;
		background: #fff;
		color: #127396;
	}
	.widget ul li a {
		display: block;
		padding: 0.75em 1em;
		color: #626262;
		text-decoration: none;
		border-bottom: solid 1px #efefef;
	}
	.widget ul li:last-child a {
		border-bottom: none;
	}
	/*single page*/
	.article-header {
		margin: 0;
	}
	#entry .entry-content h3 {
		border-bottom: solid 1px #127396;
		color: #127396;
	}
	.entry-content ul {
		border: none;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		list-style: none;
	}
	.entry-content ul {
		padding-left: 1em;
	}
	.entry-content ul li:before {
		font-family: "Font Awesome 5 Free";
		content: "\f138";/*アイコンの種類*/
		color: #127396;/*アイコン色*/
		padding-left: 0;
		padding-right: 0.5em;
		font-size: 0.9em;
	}
	.entry-content {
		padding-right: 0;
		padding-left: 0;
	}

	/* 申込関連 */
	.newsCate {
		padding: 2px 10px;
		background: #127396;
		font-size: 0.8em;
		text-decoration: none;
		color: #fff;
		margin: 0 5px 0 0;
	}
	.topNewDay {
		color: #F90;
	}
	/* 会員向け情報 */
	#home-sec3 table {
		border: none;
		border-top: solid 1px #efefef;
		width: 100%;
	}
	#home-sec3 table tr {
		border: none;
	}
	#home-sec3 table tr th,
	#home-sec3 table tr td {
		padding: 0.5em 1em;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: solid 1px #efefef;
	}
	/* 採用情報 */
	#home-sec4 table {
		border: none;
		border-top: solid 1px #efefef;
		width: 100%;
	}
	#home-sec4 table tr {
		border: none;
	}
	#home-sec4 table tr th,
	#home-sec4 table tr td {
		padding: 0.5em 1em;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: solid 1px #efefef;
	}
	.thamb-on span.newsImg {
		float: right;
	}
	.newsTitle {
		font-weight: bold;
	}

	/* ボタン */
	.btn_1 {
		text-align: center;
		padding: 1em 0 0;
	}
	p.btn_1 a {
		text-decoration: none;
		text-decoration: none;
		display: inline-block;
		padding: 0.5em 2em;
		background: #127396;
		color: #FFF;
		font-weight: bold;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	p.btn_1 a:hover {
		background: #1c1c1c;
	}
	.widget_media_image img {
		width: 100%;
	}
	/* page */
	h1.page-title {
		background: #127396;
		color: #FFF;
		font-weight: bold;
		padding: 0.5em;
	}

	/* New Contents  */
	#contents_nav {
		background: url('./images/bg01.jpg') no-repeat center center;
		background-size: 100%;
		padding: 100px 0;
		background-attachment: fixed;
	}/*
	p.img_left {
		width: 50%;
		padding: 0;
		margin: 0;
	}*/
	#contents_nav {
		margin: 80px 0;
	}
	#contents_nav ul {
		padding: 3em;
		width: 50%;
		position: relative;/*
		left: 50%;
		background: #FFF;*/
		margin-left: -50%;
		display: flex;
		justify-content: space-between;
	}
	#contents_nav ul li {
		width: 19%;
	}
	#contents_nav ul li a {
		text-align: center;
		display: inline-block;
		border:solid 1px #127396;
		color: #127396;
		background: rgba(255,255,255,0.7);
		width: 100%;
		padding:3em 0;
		font-weight: bold;
		text-align: center;
		min-height: 150px;
		height: 150px;
		display: -webkit-box;
		display: -ms-flexbox;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		line-height: 1.2;
	}
	#contents_nav ul li a:hover {
		background: #127396;
		color: #fff;
		text-decoration: none;
		border:solid 1px #fff;
	}
	/*
	#contents_nav ul li a:before {
		　content: “”;
		　display: block;
		　padding-top: 100%;
	}*/

	article.sidelong__article {
		border-top: solid 1px #CCC;
		border-bottom: solid 1px #CCC;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		box-shadow: 0 1px 4px rgba(200,200,2000,.18);
	}
	article.sidelong__article:hover {
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
	}
}