@charset "utf-8";
/* カスタムCSS */

/**********************************
追記
**********************************/
/* オンライン展示会ページ */
#exhibition .scrollTable img {
    max-width: 300px;
}

/* メルマガ（無料）申込ページ　ページタイトル削除 */
#mail_magazine .pageTitle{
    display: none;
}

/* フォーム　利用規約同意　調整 */
#form .privacy {
	margin-top: 0;
} 
#form .privacy p:first-of-type {
	display: none;
}
#form .privacy_box {
	color: red;
	text-align: center;
	border: none;
	height: auto;
	overflow-y: auto;
	padding: 0;
}

#form .scroll_form {
	overflow-y: scroll;
	height: 200px;
}
#form .scroll_form ol {
	margin-left: 2em!important;
}

/* フォーム　視認性 */
input[type="text"], input[type="password"], select, textarea {
	background: #e7e7e7!Important;
	border: 1px solid #bbb!important;
}
::placeholder {
 	color: red!important;
}

.headLine2 {
	border-left: 5px solid #737373;
	border-bottom: dashed 1px #737373;
}
.headLine2:before {
	display: none;
}
.headLine2:after {
	background-color: #9c8b72;
	content: "";
	height: 50%;
	left: -5px;
	position: absolute;
	top: 0;
	width: 5px;
}

#contact .flexbox {
	margin: 0;
}
#contact .btn_11 {
	width: 100%;
}
#contact .btn_12 {
	width: 100%;
	text-align: center;
}
#contact p {
	margin: 10px;
}


a.btn_12::after, a.btn_13::after {
	width: 50px!important;
}
a.btn_11::before {
	content: "";
	position: absolute;
	top: 7px;
	left: -10px;
	border: 5px solid transparent;
	border-left: 5px solid #e38c49;
}


/* SNS関連 */
#sns {
    display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
#sns p {
    margin: 10px;
}


/* 今週号全記事見出し、福祉関連書籍・DVDページ */
/* アンダーライン削除 */
#news a,
#books a {
	text-decoration: none;
}
/* 今週号全記事見出し 発リンク装飾 */
#news .editor li:not(.pager_item) > a,
#news .editor p > a {
    display: inline-block;
    font-weight: bold;
    color: #569ed9;
}


/* スマホ時 */
@media (max-width: 767px){

	.section-bg01 {
		display: none;
	}
	
	#contact .flexbox {
		display: flex;
	}
	#contact .flexbox p {
		text-align: left;
	}
	#contact .flexbox p {
		margin: 0 0 0 10px;
	}
	
	.topNews_title, .topBlog_title {
		font-size: 1.3rem;
	}

	/* TOP下部バナー　余白調整 */
	.topBnrs_item:nth-of-type(4) {
		margin-bottom: 40px;
	}
}


/* PC時 */
@media (min-width: 768px){

	/* TOP下部バナー　余白調整 */
	.topBnrs_item:nth-of-type(3),
	.topBnrs_item:nth-of-type(4) {
		margin-top: 0;
		margin-bottom: 60px;
	}

}



/**********************************
全体・共通設定
**********************************/
/* サイドメニュー非表示 */
.sideBox{
    display:none;
}
#blog .sideBox{
    display:block;
}

a.top_white{
    display:block;
    background:white;
	width: 450px;
    margin: 40px auto;
    padding: 30px 0;
    text-align: center;
    border:solid 1px rgb(207, 217, 222);
    border-radius: 12px;
}
/* トップ News Blog縦幅縮小 */
.topNews_box, .topBlog_box {
    height: 350px;
}
/* トップ News Blog見出しデザイン */
.topNews_head {
	border-top:none;
	border-bottom: solid 3px #4E82C0;
}
.topBlog_head {
	border-top:none;
	border-bottom: solid 3px #e38c49;
}
.topNews_head:before{
	background-color: #4E82C0;
}
.topBlog_head:before{
	background-color: #e38c49;
}
.topNews_viewMore a{
    background-color: #4E82C0;
    padding: 9px 5px;
}
.topBlog_viewMore a {
    background-color: #e38c49;
    padding: 9px 5px;
}
.topNews_viewMore a:after, .topBlog_viewMore a:after{
    border-bottom: none;
}

/*ブログ*/
.blog_item {
	width: 100%;
	margin: 10px 0 0 30px;
}
.blog_set {
	padding: 10px;
}
.blog_setCate {
	display: inline;
	padding: 0px;
	padding-left: 6px;
}
.blog_setBox {
	border-top: solid 1px #e5e5e5;
}
.blog_setImg {
	display: none;
}
.blog_list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin: -30px 0 0 -30px;
}
/*フッターborder*/
.gFooter {
	border-top:none;
}

/*フッターかえる*/
#kaeru {
	position: relative;
	text-align: right;
    right: 20px;
    top: -130px;
	margin-bottom: -260px;
}
#kaeru img{
	width:250px;
} 

/* ボタン設定 */
a.btn_11 {
	display: inline-block;
	text-decoration: none;
    vertical-align: top;
	margin:0px 24px 0;
	padding: 0;
	line-height: 1.4;
	font-weight: bold;
	color: #e38c49;
	position: relative;
	transition: 0.5s;
}
a.btn_12 {
	display: inline-block;
	text-decoration: none;
    vertical-align: middle;
	width: 180px;
	margin:0px 10px 0;
	padding: 1rem 3rem;
	font-weight: bold;
	border-radius: 100vh;
	background:#e38c49 ;
	color: #fff;
	position: relative;
	transition: 0.5s;
}
a.btn_13 {　　　　/* ボタンが一つの場合 */
	display: flex;
    justify-content: space-between;
    align-items: center;
	text-align: center;
	text-decoration: none;
	width: 340px;
	margin:60px auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background:#e38c49 ;
	color: #fff;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
}
　
a.btn_11::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 6px;
	left:-10px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	border-left: 5px solid #e38c49;
}
a.btn_12::before,a.btn_13::before {
	content: '';
	position: absolute;
	top: calc(50% - 2px);
	right: 1em;
	transform: translateY(calc(-50% - 2px)) rotate(45deg);
	width: 10px;
	height: 1px;
	background: #fff;
}
a.btn_12::after ,a.btn_13::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	width: 40px;
	height: 1px;
	background-color: #fff;
}
a.btn_12:hover ,a.btn_13:hover {
	background: #074B94;
	color: #fff;
}

/* フォント設定 */
.bold {
	font-weight: bold;
}
.red {
	color: red;
}
.blue {
	color: blue;
}

/* 文字揃え */
.align_l {
	text-align: left;
}
.align_c {
	text-align: center!important;
}
.align_r {
	text-align: right;
}

/* flex */
.flexbox {
	margin-bottom: 50px;
}
.flex_re {
	flex-direction: row-reverse;
}
.flexbox > div,
.flexbox > p {
    flex: 1;
}
/* flex 上下中央寄せ */
.flex_c {
	align-items: center;
}

/* リンクホバー時　ゆっくり変化 */
a,
a:hover {
	transition: 0.3s ease-in-out;
}

/* エディタ内　テキストリンク（ボタン除く）　下線装飾 */
.editor a:not(.btn) {
	text-decoration: underline;
}
/* pagerの下線装飾回避 */
.editor .pager a:not(.btn) {
	text-decoration: none;
}

/* テーブル関連設定 */
.editor table th,
.editor table td {
	vertical-align: middle;
}
.common_img_table h3 {
	text-align: left;
}
.scrollTable {
	margin-top: 20px;
}

/* メインビジュアル縦幅設定 */
.mainSlider li,
.mainSlider li img {
	height: auto;
}

.yo-container {
	text-align: center;
	margin: 40px 0;
}


/**********************************
PC設定
**********************************/
@media (min-width: 768px) {

	/* flex */
	.flexbox {
		display: flex;
	}
	
	/* ボタン */
	.btn {
		width: 250px;
		margin: 0 auto;
	}
	.btn500 {
		width: 500px!important;
	}

	/* iframe設定 */
	p > iframe {
		display: block;
		margin: 0 auto;
		width: 900px;
		height: 600px;
	}

	/* PC中央揃え　スマホ中央揃え */
	.sp_left{
		text-align:center;
	}

	/* 横並びテーブル */
	.column_table td {
		width: 50%;
		vertical-align: middle;
	}
	/* グローバルメニュー横幅調整 */
	.gNav_item>a {
	    	padding: 10px 15px;
	}
	.section-bg01 {
    		padding: 0;
	}
	/* ヘッダー */
	.gHeader_right {
	    max-width: 900px;
	}
	.gHeader_right>p{
	    margin-top:53px;
	}


	.top_fb{
 		text-align: center;
		margin: 20px auto;
	}
	.top_fb iframe{
 		width:500px;
 		height:400px;
	}

	.top_yo iframe{
 		width:768px;
 		height:450px;
	}
	/* form横幅 */
	#form .contents{
		width: 900px;	
	}
	/* blog */
	.blog_item:first-child {
		margin-top:50px;
	}
	/*フッターmenu*/
	.gFooter_link {
	    width: calc(100% / 4 - 40px);
	}
}

/**********************************
スマホ設定
**********************************/
@media (max-width: 767px) {

	/* flex */
	.flexbox p:first-of-type {
		text-align: center;
	}

	/* 汎用_画像テーブル（院内設備など） */
	.common_img_table th,
	.common_img_table td {
		display: block; /* スマホ時縦並び */
	}
	
	/* 横並びテーブル */
	.column_table td {
		display: block;
	}

	/* 左右反転テーブル */
	.reverse_table tr {
		transform: scale(1, -1);
	}
	.reverse_table th {
		transform: scale(1, -1);
	}
	.reverse_table td {
		transform: scale(1, -1);
	}
	
	td {
		padding-bottom: 30px;
	}

	/* iframe設定 */
	p > iframe {
		height: 300px;
	}

	/* PC中央揃え　スマホ中央揃え */
	.sp_left{
		text-align:left;
	}
	/* btn */
	a.btn_11{
		width: 46%;
		margin:10px 2% 0;
	}
	a.btn_12,a.btn_13 {
		width: 100%;
		margin:0px auto;
		z-index:1;
	}

	/* トップ */
	a.top_white{	
	    	width:90%;
	}
	.top_about{
  		width:85%;
		margin: 0 auto;
	}
	.top_fb iframe{
 		width:100%;
 		height:250px;
	}
	.yo-container iframe {
    	width: 100%!important;
	}
	/*トップ下部バナー　サイズ調整*/
	.topBnrs_item {
		width: 100%;
	}
	/*ブログ*/
	.blog_item {
	    margin: 0 auto;
	}

	/*フッターかえる*/
	#kaeru{
		z-index:0;
		top: -70px;
		right: 0;
		margin-bottom: -80px;
	}
	#kaeru img{
		width:150px;
	}


}