@charset "UTF-8";
/*######################################
 #
 # ABCメディカル用　CSS
 # Theme Name: ABCメディカル
 #
 ######################################*/
/************************************
 * レイアウト構成
 */

body {
  font-family: '游明朝体','YuMincho','游明朝','Yu Mincho','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Times New Roman','Century','ＭＳ Ｐ明朝','MS PMincho',serif;
  border-top: 5px solid #a48455;
  line-height: 185%;
}


/*#############################################################################
 * PC用 width: 641px 以上
 *#############################################################################*/
@media screen and (min-width: 641px), print and (min-width: 641px) {
  /************************************
   * レイアウト個別設定
   */
  body {
    min-width: 990px;
  }

  #container {
    width: 990px;
    margin: 0 auto;
  }

  #contents {

  }
  br.spbr{
    display: none;
  }

  /************************************
   * ページエレメンツ設定
   */
  /*========== ヘッダー ==========*/
  #header .header_block {
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
    height: 108px;
    position: relative;
  }
  #header .header_block h1 {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -32px;
  }
  #header .header_block h1 a {

  }
  #header .header_block h1 a span {
    display: inline-block;
    padding-right: 5px;
  }
  #header .header_block h1 a span img {
    vertical-align: middle;
  }
  #header .header_block .header_right {
    float: right;
    text-align: right;
  }
  #header .header_block .header_right .address_p {
    width: 100%;
    overflow: hidden;
  }
  #header .header_block .header_right .address_p .before {
    float: left;
    text-align: left;
    color: #786954;
  }
  #header .header_block .header_right .address_table .after {
    text-align: right;
    color: #786954;
    float: right;
  }
  #header .header_block .header_right p {
    margin-bottom: 5px;
    color: #786954;
    line-height: 100%;
  }

  /*========== ナビゲーション ==========*/
  #nav {
    background: url("../img/bg_navbar.png") repeat-x scroll 0 0 transparent;
    text-align: center;
  }
  #nav .nav_block {
    width: 960px;
    /*overflow: hidden;*/
    margin: 0 auto;
    text-align: center;
    height: 50px;
  }
  #nav .nav_block > ul {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #nav .nav_block > ul > li {
    float: left;
  }
  #nav .nav_block > ul > li.parent_nav {
    position: relative;
  }
  #nav .nav_block > ul > li.parent_nav:hover ul.sub_nav {
    display: block;
  }
  #nav .nav_block > ul > li > a > img {
    vertical-align: bottom;
  }
  #nav .nav_block ul.sub_nav {
    display: none;
    position: absolute;
    left: 0;
    z-index: 9999;
    width: 100%;
  }
  #nav .nav_block ul.sub_nav li {
    border: 1px solid #2D5B81;
  }
  #nav .nav_block ul.sub_nav li a {
    text-align: center;
    display: block;
    color: #2D5B81;
    text-decoration: none;
  }
  #nav .nav_block ul.sub_nav li a:hover {
    color: #ffffff;
    background: #2D5B81;
  }

  /*========== サイドバー ==========*/
  /*========== フッター ==========*/
  #footer {
    background: url("../img/bg_footer.png") repeat-x scroll 0 0 transparent;
    min-height: 191px;
    padding-top: 20px;
  }
  #footer .footer_block {
    width: 990px;
    margin: 0 auto;
    color: #786954;
  }
  #footer .footer_block .footer_left {
    float: left;
  }
  #footer .footer_block .footer_left p {
    font-size: 12px;
  }
  #footer .footer_block .footer_left p.footer_logo {
    margin-bottom: 20px;
  }
  #footer .footer_block .footer_left p.nametext {
    font-size: 16px;
  }
  #footer .footer_block .footer_left .address_p {
    line-height: 100%;
    margin-bottom: 10px;
  }
  #footer .footer_block .footer_left .address_p .before {
  }
  #footer .footer_block .footer_left .address_p .after {
  }
  #footer .footer_block .footer_right {
    float: right;
  }
  #footer .footer_block .footer_right ul {
    margin-bottom: 20px;
  }
  #footer .footer_block .footer_right ul li {
    display: inline-block;
    font-size: 12px;
    margin: 0 8px;
  }
  #footer .footer_block .footer_right ul li a {
    text-decoration: none;
    color: #786954;
  }
  #footer .footer_block .footer_right .sns {
    text-align: right;
  }
  #footer .footer_block .footer_right .sns span {
    display: inline-block;
  }
  #footer .footer_block .footer_right .sns span a {
    color: #786954;
    font-size: 12px;
  }
  #footer address {
    text-align: center;
    clear: both;
    font-size: 11px;
  }

  /*========== メインページ ==========*/
  /*========== サブページ ==========*/
  .sub {
    padding-top: 30px;
  }

  /************************************
   * ページ共通設定設定
   */
  #contents a,
  #footer a {
    text-decoration: none;
  }
  #contents a:hover,
  #footer a:hover {
    opacity: 0.7;
  }

  #content .content_block {
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
  }

  .sub h2 {
    border-left: 10px solid #a48455;
    border-bottom: 1px solid #a48455;
    padding: 3px 0 3px 10px;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .sub h3 {
    border-bottom: 3px solid #a48455;
    background: #F9F8F3;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 3px 0 3px 10px;
  }
  .sub h4 {
    border-bottom: 3px double #a48455;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 3px 0 3px 10px;
  }

  .sp {
    display: none !important;
  }

  /************************************
   * ページ個別設定
   */
  /*========== トップページ ==========*/
  #top h3 {
    text-align: center;
    margin-bottom: 20px;
  }
  #top .top_banner {
    overflow: hidden;
  }
  #top .top_banner .left {
    float: left;
  }
  #top .top_banner .right {
    float: right;
  }
  #top .top_menu {
    text-align: center;
  }
  #top .top_menu li {
    display: inline-block;
  }

  /*========== 事業内容 ==========*/
  #business .lineup .lineup_list {
    float: left;
    width: 570px;
    font-size: 18px;
  }
  #business .lineup .lineup_list ul {
    margin-left: 30px;
  }
  #business .lineup .lineup_list ul > li {
    margin-bottom: 10px;
  }
  #business .lineup .lineup_list ul > li > ul {
    margin-left: 50px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  #business .lineup .lineup_list ul > li > ul > li {
    list-style-type: disc;
    margin-bottom: 10px;
    /*float: left;*/
    margin-left: 40px;
  }
  #business .lineup .lineup_list ul > li > ul > li:last-child {
    margin-bottom: 0;
  }
  #business .lineup .lineup_photo {
    float: right;
  }
  #business .lineup .lineup_photo div {
    margin-bottom: 20px;
  }
  #business .philosophy {

  }
  #business .philosophy .philosophy_list {
    margin-left: 30px;
  }
  #business .philosophy .philosophy_list li {
    font-size: 25px;
    margin-bottom: 10px;
  }
  #business .philosophy .philosophy_list li span {
    display: inline-block;
    margin-right: 20px;
  }
  #business .philosophy .philosophy_list li span.color_blue {
    color: #ff6300;
  }
  #business .philosophy .philosophy_list li span.color_red {
    color: #f666b1;
  }
  #business .philosophy .philosophy_list li span.color_yellow {
    color: limegreen;
  }
  #business .philosophy .philosophy_list li span.sec {
    width: 80px;
  }
  #business .summary .summary_list_box {
    position: relative;
    overflow: hidden;
  }
  #business .summary .summary_list_box.first_box {
    margin-bottom: 30px;
  }
  #business .summary .summary_list_box .summary_list {
    float: left;
    width: 850px;
    font-size: 18px;
  }
  #business .summary .summary_list_box .summary_list.staff {
    width: 830px;
  }
  #business .summary .summary_list_box .summary_list dl {
    margin-left: 30px;
  }
  #business .summary .summary_list_box .summary_list dl dt {
    float: left;
    clear: left;
    width: 180px;
  }
  #business .summary .summary_list_box .summary_list dl dt .pc_row span {
    display: inline-block;
  }
  #business .summary .summary_list_box .summary_list dl dd {
    overflow: hidden;
    padding-bottom: 15px;
  }
  #business .summary .summary_list_box .summary_list dl dd div.staff_box {
    overflow: hidden;
    margin-bottom: 20px;
  }
  #business .summary .summary_list_box .summary_list dl dd div.staff_box .text_item {
    float: left;
  }
  #business .summary .summary_list_box .summary_list dl dd div.staff_box .photo_item {
    float: right;
  }
  #business .summary .summary_list_box .summary_list dl dd div.staff_box .photo_item img {
    vertical-align: middle;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table {
    width: 100%;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table td {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table td .text_item {
    float: left;
    font-size: 14px;
    line-height: 180%;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table td .photo_item {
    float: right;
    width: 105px;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table td .photo_item img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #business .summary .summary_list_box .summary_photo {
    /*float: right;*/
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #business .summary .summary_list_box .summary_photo.first_photo {
    width: 510px;
  }
  #business .summary .summary_list_box .summary_photo div {
    margin-bottom: 20px;
    text-align: center;
    display: inline-block;
    width: 240px;
    margin-left: 10px;
  }
  #business .summary .summary_list_box .summary_photo div img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  	#fukuri  .text{
  		width:90%;
  		margin:1% auto 3%;
  		text-align: left;
  	}
  	#fukuri .club,
  	#fukuri .trip,
  	#fukuri .birthday,
  	#fukuri .mvp{
  		margin-bottom:3%;
  	}
	#fukuri .club ul li,
	#fukuri .trip ul li{
		width:30%;
		display: inline-block;
		text-align: center;
		margin:1%;
		vertical-align: top;
	}
	#fukuri .club ul li img,
	#fukuri .trip ul li img{
		width:100%;
	}
	#fukuri ul li h5{
			font-size: 1.2rem;
			font-weight: bold;
	}
	#fukuri .club ul li ol li{
		display: block;
		width:95%;
		text-align: left;
		font-size:.8rem;
	}
	#fukuri .birthday .text,
  #fukuri .mvp .text{
		width: 55%;
		display: inline-block;
		vertical-align: top;
	}
  #fukuri .mvp img{
    width: 35%;
    margin-left:5%;
    display: inline-block;
    vertical-align: top;
  }
  #fukuri .birthday img{
    width: 35%;
    margin-right:5%;
    display: inline-block;
    vertical-align: top;
  }


  /*========== 社会活動 ==========*/
  #activities .section_block {
    margin-bottom: 30px;
  }
  #activities .section_block .youtube_data {
    text-align: center;
    margin-bottom: 30px;
  }
  #activities .section_block .youtube_data iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  #activities .section_block .youtube_data .data_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #activities .section_block .youtube_data .data_block.b1 {
    justify-content: center;
  }
  #activities .section_block .youtube_data .data_block.b1 .box {
    width: 600px;
  }
  #activities .section_block .youtube_data .data_block.b2 .box {
    width: 450px;
  }
  #activities .content_box {
    margin-bottom: 20px;
  }
  #activities .activities .action {
    margin-bottom: 20px;
  }
  #activities .activities .action table {
    width: 100%;
  }
  #activities .activities .action table td {
    text-align: center;
    padding: 10px 0;
    vertical-align: top;
  }
  #activities .activities .action table td.dabohaze {

  }
  #activities .activities .action table td.dabohaze .text {
    font-size: 14px;
    display: block;
  }
  #activities .activities .action table td.dabohaze img {
    width: auto;
    height: auto;
    max-height: 125px;
    margin-bottom: 10px;
  }


  /*========== 医療コンサルタント ==========*/
  #consul .about_list li {
    list-style-type: disc;
    float: left;
    margin-left: 40px;
  }
  #consul .left {
    float: left;
    width: 600px;
  }
  #consul .right {
    float: right;
  }
  #consul .right img {

  }
  #consul .consul_management {

  }
  #consul .consul_management h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  #consul .consul_management p {
    margin-bottom: 40px;
  }


  /*========== 開業支援サポート ==========*/
  #support .page_header {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    line-height: 150%;
  }
  #support .merit_table {
    margin-bottom: 20px;
  }
  #support .merit_table th {
    padding: 10px;
    width: 200px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
  }
  #support .merit_table tr.row01 {
    border: 1px solid #066bae;
    margin-bottom: 10px;
  }
  #support .merit_table tr.row01 th {
    background: #066bae;
  }
  #support .merit_table tr.row02 {
    border: 1px solid #089da6;
  }
  #support .merit_table tr.row02 th {
    background: #089da6;
  }
  #support .merit_table tr.row03 {
    border: 1px solid #C59806;
  }
  #support .merit_table tr.row03 th {
    background: #C59806;
  }
  #support .merit_table tr.row04 {
    border: 1px solid #94298D;
  }
  #support .merit_table tr.row04 th {
    background: #94298D;
  }
  #support .merit_table td {
    padding: 10px;
  }
  #support .merit_table td .header_text {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
  }
  #support .merit_table td .about_text {

  }


  /*========== 代表挨拶 ==========*/
  #message .header {
    overflow: hidden;
  }
  #message .header .header_left {
    float: left;
    width: 700px;
  }
  #message .header .header_left .text_box {
    color: #C34F80;
  }
  #message .header .header_left .text_box .text {
    font-size: 25px;
    font-weight: bold;
    margin: 50px 0;
  }
  #message .header .header_left .text_box .company {
    text-align: right;
  }
  #message .header .header_left .text_box .name {
    text-align: right;
    font-size: 20px;
  }
  #message .header .header_left .text_box .name .position {
    font-size: 14px;
    margin-right: 10px;
  }
  #message .header .header_right {
    float: right;
  }
  #message dl dt {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 3px double #a48455;
    padding-left: 5px;
  }
  #message dl dd {
    margin-bottom: 40px;
    margin-left: 20px;
  }
  #message dl dd ul {
    margin: 20px;
  }
  #message dl dd ul li {
    margin-bottom: 10px;
    list-style-type: disc;
  }
  #message .about {
    padding: 20px;
    border: 1px solid #a48455;
  }
  #message .about .about_text {
    float: left;
    width: 650px;
  }
  #message .about .about_text .name1 {
    font-size: 16px;
    font-weight: bold;
  }
  #message .about .about_text .name2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #message .about .about_text .profile_text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #message .about .about_text .profile_text ul {

  }
  #message .about .about_text .profile_text ul:first-child {
    margin-bottom: 20px;
  }
  #message .about .about_text .profile_text ul li {

  }
  #message .about .about_img {
    float: right;
  }
  #message .other {

  }
  #message .other .midashi {
    margin-bottom: 20px;
  	font-size: 20px;
  	font-weight: bold;
  }
  #message .other .movie {
    margin-bottom: 20px;
  }
  #message .other .movie table {
	 width: 100%;
  }
  #message .other .movie table td {
  	text-align: center;
  	padding: 10px 0;
  }
  #message .other .action {
    margin-bottom: 20px;
  }
  #message .other .action table {
    width: 100%;
  }
  #message .other .action table td {
    text-align: center;
    padding: 10px 0;
    vertical-align: top;
  }
  #message .other .action table td.dabohaze {

  }
  #message .other .action table td.dabohaze .text {
    font-size: 14px;
    display: block;
  }
  #message .other .action table td.dabohaze img {
    width: auto;
    height: auto;
    max-height: 125px;
    margin-bottom: 10px;
  }

  #message .cm_movie,
  #message .cm_movie2 {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  #message .cm_movie .movie_box {
    display: table-cell;
    width: 50%;
    height: 100%;
    padding: 0 2%;
    box-sizing: border-box;
  }
  #message .cm_movie .movie_box iframe {
    width: 100%;
    height: 100%;
    min-height: 255px;
  }
  #message .cm_movie2 .movie_box {
    display: table-cell;
    width: 33%;
    height: 100%;
    padding: 0 2%;
    box-sizing: border-box;
  }
  #message .cm_movie2 .movie_box iframe {
    width: 100%;
    height: 100%;
    min-height: 160px;
  }


  /*========== 出演CM動画 ==========*/
  #cm {

  }
  #cm .cm_list,
  #cm .cm_list_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #cm .cm_list .movie_box {
    width: 30%;
    margin-bottom: 2em;
  }
  #cm .cm_list_top .movie_box {
    width: 48%;
    margin-bottom: 2em;
  }
  #cm .cm_list .movie_box iframe,
  #cm .cm_list_top .movie_box iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
  }



  /*========== プライバシー ==========*/
  #policy dl dt {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 3px double #a48455;
    padding-left: 5px;
  }
  #policy dl dd {
    margin-bottom: 40px;
    margin-left: 20px;
  }
  #policy dl dd ul {
    margin: 20px;
  }
  #policy dl dd ul li {
    margin-bottom: 10px;
    list-style-type: disc;
  }
  #policy .contact_title {
    font-size: 20px;
    font-weight: bold;
  }

  /*========== ドクター求人 ==========*/
  #doctor_job {

  }
  #doctor_job .page_header {
  	margin-bottom: 30px;
  }
  #doctor_job .page_header .page_title {

  }
  #doctor_job .section {
  	margin-bottom: 30px;
  }
  #doctor_job .section .job_header {
  	overflow: hidden;
  	margin-bottom: 20px;
  }
  #doctor_job .section .job_header .clinic_name {
  	float: left;
  	font-size: 23px;
  	margin-right: 20px;
  }
  #doctor_job .section .job_header .category {
  	float: left;
  }
  #doctor_job .section .job_header .category li {
  	display: inline-block;
  	font-size: 13px;
  	padding: 3px 10px;
  	border: 1px solid #999;
  	line-height: 100%;
  }
  #doctor_job .section .job_about {
  	overflow: hidden;
  }
  #doctor_job .section .job_about .about01 {
  	float: left;
  	width: 200px;
  	margin-right: 20px;
  	text-align: center;
  }
  #doctor_job .section .job_about .about01 .img {

  }
  #doctor_job .section .job_about .about01 .img img {

  }
  #doctor_job .section .job_about .about01 .mark {

  }
  #doctor_job .section .job_about .about01 .mark ul {

  }
  #doctor_job .section .job_about .about01 .mark ul li {
  	font-size: 12px;
  	padding: 3px;
  	border: 1px solid #999;
  	display: inline-block;
  	line-height: 100%;
  }
  #doctor_job .section .job_about .about01 .site_url {

  }
  #doctor_job .section .job_about .about01 .site_url a {

  }
  #doctor_job .section .job_about .about02 {
  	overflow: hidden;
  }
  #doctor_job .section .job_about .about02 table {
  	width: 100%;
  }
  #doctor_job .section .job_about .about02 table th,
  #doctor_job .section .job_about .about02 table td {
  	padding: 5px 0;
  }
  #doctor_job .section .job_about .about02 table th {
  	width: 160px;
  	vertical-align: top;
  }
  #doctor_job .section .job_about .about02 table th span {
  	border-left: 4px solid #a48455;
  	border-right: 4px solid #a48455;
  	display: inline-block;
  	width: 120px;
  	text-align: center;
  }
  #doctor_job .section .job_about .about02 table td {
  	vertical-align: top;
  }
  #doctor_job .section .job_about .about02 table td .salary_list {

  }
  #doctor_job .section .job_about .about02 table td .salary_list li {

  }
  #doctor_job .section .job_about .about02 table td .salary_list li .title {
  	margin-right: 20px;
  }
  #doctor_job .section .job_about .about02 table td .caution {
  	font-size: 12px;
  }
  #doctor_job .section .job_about .about02 table td .contact {
  	display: inline-block;
  	margin-right: 10px;
  }



  /*========== ナース求人 ==========*/
  #nurse_job {

  }
  #nurse_job .page_header {
  	margin-bottom: 30px;
  }
  #nurse_job .page_header .page_title {

  }
  #nurse_job .section {
  	margin-bottom: 30px;
  }
  #nurse_job .section .job_header {
  	overflow: hidden;
  	margin-bottom: 20px;
  }
  #nurse_job .section .job_header .clinic_name {
  	float: left;
  	font-size: 23px;
  	margin-right: 20px;
  }
  #nurse_job .section .job_header .category {
  	float: left;
  }
  #nurse_job .section .job_header .category li {
  	display: inline-block;
  	font-size: 13px;
  	padding: 3px 10px;
  	border: 1px solid #999;
  	line-height: 100%;
  }
  #nurse_job .section .job_about {
  	overflow: hidden;
  }
  #nurse_job .section .job_about .about01 {
  	float: left;
  	width: 200px;
  	margin-right: 20px;
  	text-align: center;
  }
  #nurse_job .section .job_about .about01 .img {

  }
  #nurse_job .section .job_about .about01 .img img {

  }
  #nurse_job .section .job_about .about01 .mark {

  }
  #nurse_job .section .job_about .about01 .mark ul {

  }
  #nurse_job .section .job_about .about01 .mark ul li {
  	font-size: 12px;
  	padding: 3px;
  	border: 1px solid #999;
  	display: inline-block;
  	line-height: 100%;
  }
  #nurse_job .section .job_about .about01 .site_url {

  }
  #nurse_job .section .job_about .about01 .site_url a {

  }
  #nurse_job .section .job_about .about02 {
  	overflow: hidden;
  }
  #nurse_job .section .job_about .about02 table {
  	width: 100%;
  }
  #nurse_job .section .job_about .about02 table th,
  #nurse_job .section .job_about .about02 table td {
  	padding: 5px 0;
  }
  #nurse_job .section .job_about .about02 table th {
  	width: 160px;
  	vertical-align: top;
  }
  #nurse_job .section .job_about .about02 table th span {
  	border-left: 4px solid #a48455;
  	border-right: 4px solid #a48455;
  	display: inline-block;
  	width: 120px;
  	text-align: center;
  }
  #nurse_job .section .job_about .about02 table td {
  	vertical-align: top;
  }
  #nurse_job .section .job_about .about02 table td .salary_list {

  }
  #nurse_job .section .job_about .about02 table td .salary_list li {

  }
  #nurse_job .section .job_about .about02 table td .salary_list li .title {
  	margin-right: 20px;
  }
  #nurse_job .section .job_about .about02 table td .caution {
  	font-size: 12px;
  }
  #nurse_job .section .job_about .about02 table td .contact {
  	display: inline-block;
  	margin-right: 10px;
  }


}
/*############################################################################
 * スマホ用　width: 640px 以下
 ############################################################################*/
@media screen and (max-width: 640px), print and (max-width: 640px) {
  /************************************
   * レイアウト個別設定
   */
   br.spbr{
    display: inline-block;
  }
  /************************************
   * ページエレメンツ設定
   */
  /*========== ヘッダー ==========*/
  #header .header_block {
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
  }
  #header .header_block img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #header .header_block h1 {
    margin-bottom: 20px;
    padding: 0 5px;
  }
  #header .header_block .header_right .address_p {
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    line-height: 100%;
    margin-bottom: 10px;
  }
  #header .header_block .header_right .address_p .before {
    text-align: left;
    color: #786954;
  }
  #header .header_block .header_right .address_p .after {
    color: #786954;
  }
  #header .header_block .sp_main_header {
  	padding: 10px 0;
  }

  /*========== ナビゲーション ==========*/
  #nav {
    text-align: center;
  }
  #nav .nav_block {
    margin: 0 auto;
    text-align: center;
    position: relative;
  }
  #nav .nav_block ul.main_nav {
    border: 2px solid #a48455;
    display: none;
  }
  #nav .nav_block ul.main_nav.active {
    margin-bottom: 2em;
  }
  #nav .nav_block ul.main_nav > li {
    padding: 3px;
  }
  #nav .nav_block ul.main_nav > li a {
    display: block;
    border: 1px solid #786954;
    text-decoration: none;
    color: #786954;
  }
  #nav .nav_block ul.main_nav > li > ul.second_nav {
    margin: 5px 20px;
  }
  #nav .nav_block ul.main_nav > li > ul.second_nav > li > a {
    font-size: 12px;
  }
  #nav .btn_spmenu {
    margin-bottom: 20px;
  }

  /*========== サイドバー ==========*/
  /*========== バナー ==========*/
  #banner {
    margin-bottom: 30px;
  }
  #banner img {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  /*========== フッター ==========*/
  #footer {
    background: url("../img/bg_footer.png") repeat-x scroll 0 0 #F9F8F3;
    padding-top: 20px;
  }
  #footer .footer_block {
    margin: 0 auto;
    color: #786954;
  }
  #footer .footer_block .footer_left {
    text-align: center;
    margin-bottom: 30px;
  }
  #footer .footer_block .footer_left p {
    font-size: 12px;
  }
  #footer .footer_block .footer_left p.footer_logo {
    margin-bottom: 20px;
  }
  #footer .footer_block .footer_left p.nametext {
    font-size: 16px;
  }
  #footer .footer_block .footer_left p.nametext img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #footer .footer_block .footer_left .address_p {
    line-height: 100%;
    margin-bottom: 10px;
  }
  #footer .footer_block .footer_left .address_p .before {
  }
  #footer .footer_block .footer_left .address_p .after {
  }
  #footer .footer_block .footer_right {
    text-align: center;
    margin-bottom: 30px;
  }

  #footer .footer_block .footer_right ul li {
    display: inline-block;
    font-size: 12px;
    margin: 0 8px 10px;
  }
  #footer .footer_block .footer_right ul li a {
    text-decoration: none;
    color: #786954;
  }
  #footer .footer_block .footer_right .sns {

  }
  #footer .footer_block .footer_right .sns span {
    text-align: center;
    display: inline-block;
  }
  #footer .footer_block .footer_right .sns span a {
    color: #786954;
    font-size: 12px;
  }
  #footer address {
    text-align: center;
    clear: both;
    font-size: 11px;
  }

  /*========== メインページ ==========*/
  /*========== サブページ ==========*/
  /************************************
   * ページ共通設定設定
   */
  .sub h2 {
    border-left: 10px solid #a48455;
    border-bottom: 1px solid #a48455;
    padding: 3px 0 3px 10px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 35px;
  }
  .sub h3 {
    border-bottom: 3px solid #a48455;
    background: #F9F8F3;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 3px 0 3px 10px;
  }
  .sub h4 {
    border-bottom: 3px double #a48455;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 3px 0 3px 10px;
  }

  #contents {
    word-wrap: break-word;
    word-break: break-all;
  }

  #contents a,
  #footer a {
    text-decoration: none;
  }
  #contents a:hover,
  #footer a:hover {
    opacity: 0.7;
  }

  #content {
    padding: 0 5px;
  }
  #content .content_block {
    overflow: hidden;
    margin-bottom: 50px;
  }

  .pc {
    display: none !important;
  }

  /************************************
   * ページ個別設定
   */
  /*========== トップページ ==========*/
  #top h3 {
    text-align: center;
    margin-bottom: 20px;
  }
  #top h3 img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #top .top_banner {
    overflow: hidden;
    text-align: center;
  }
  #top .top_banner img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #top .top_banner .left {
    margin-bottom: 30px;
  }
  #top .top_menu {
    text-align: center;
  }
  #top .top_menu li {
    display: inline-block;
  }
  #top .top_menu li img {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  /*========== 事業内容 ==========*/
  #business .lineup .lineup_list {
    margin-bottom: 30px;
  }
  #business .lineup .lineup_list ul > li {
    margin-bottom: 10px;
  }
  #business .lineup .lineup_list ul > li > ul {
    margin-left: 50px;
    margin-bottom: 20px;
  }
  #business .lineup .lineup_list ul > li > ul > li {
    list-style-type: disc;
    margin-bottom: 0;
  }
  #business .lineup .lineup_photo div {
    margin-bottom: 20px;
    text-align: center;
  }
  #business .lineup .lineup_photo div img {
    width: auto;
    height: auto;
    max-width: 70%;
  }
  #business .philosophy {

  }
  #business .philosophy .philosophy_list {
  }
  #business .philosophy .philosophy_list li {
    font-size: 25px;
    margin-bottom: 20px;
  }
  #business .philosophy .philosophy_list li span {
    display: inline-block;
    margin-right: 20px;
  }
  #business .philosophy .philosophy_list li span.color_blue {
    color: #ff6300;
  }
  #business .philosophy .philosophy_list li span.color_red {
    color: #f666b1;
  }
  #business .philosophy .philosophy_list li span.color_yellow {
    color: limegreen;
  }
  #business .philosophy .philosophy_list li span.sec {
    width: 100px;
  }
  #business .summary .summary_list {
    width: 100%;
  }
  #business .summary .summary_list dl dt {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
  }
  #business .summary .summary_list dl dd {
    display: block;
    margin-bottom: 30px;
  }
  #business .summary .summary_list dl dd .car_img {
    text-align: center;
  }
  #business .summary .summary_list dl dd .staff_box {
    overflow: hidden;
    margin: 0 auto 20px;
    max-width: 420px;
  }
  #business .summary .summary_list dl dd .staff_box .text_item {
    float: left;
  }
  #business .summary .summary_list dl dd .staff_box .photo_item {
    float: right;
  }
  #business .summary .summary_list dl dd .staff_box .photo_item img {
    vertical-align: middle;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table {
    width: 100%;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table td {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table td .text_item {
    font-size: 12px;
    float: none;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table td .photo_item {
    float: none;
    position: relative;
    bottom: 0;
  }
  #business .summary .summary_list_box .summary_list dl dd .staff_table td .photo_item img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #business .summary .summary_photo div {
    margin-bottom: 20px;
    text-align: center;
  }
  #business .summary .summary_photo div img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #fukuri  .text{
  		width:90%;
  		margin:1% auto 3%;
  		text-align: left;
  	}
  	#fukuri .club,
  	#fukuri .trip,
  	#fukuri .birthday,
  	#fukuri .mvp{
  		margin-bottom:3%;
  	}
	#fukuri .club ul li{
		width:98%;
		display: inline-block;
		text-align: center;
		margin:1% auto 3%;
	}
	#fukuri .club ul li img{
		max-width:90%;
		margin:auto;
	}
	#fukuri .trip ul li{
		width:30%;
		display: inline-block;
		text-align: center;
		margin:1%;
		vertical-align: top;
	}

	#fukuri .trip ul li img{
		width:100%;
	}
	#fukuri ul li h5{
			font-size: 1.2rem;
			font-weight: bold;
	}
	#fukuri .club ul li ol li{
		display: block;
		width:95%;
		text-align: left;
		font-size:.8rem;
	}
	#fukuri .birthday img{
  		max-width:80%;
  		margin: 0 10% 5%;
	}
	#fukuri .mvp .text{
		width: 100%;
	display: inline-block;
	vertical-align: top;
	}
	#fukuri .mvp img{
		width: 100%;
		margin:1% auto;
	display: inline-block;
	vertical-align: top;
	}


  /*========== 社会活動 ==========*/
  #activities .section_block {
    margin-bottom: 30px;
  }
  #activities .section_block .youtube_data {
    text-align: center;
    margin-bottom: 30px;
  }
  #activities .section_block .youtube_data iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  #activities .content_box {
    margin-bottom: 20px;
  }
  #activities .activities .action {
    margin-bottom: 20px;
  }
  #activities .action table,
  #activities .action tbody,
  #activities .action tr,
  #activities .action td {
    display: block;
  }
  #activities .action table {
  width: 100%;
  text-align: center;
  }
  #activities .action table td {
    text-align: center;
    margin-bottom: 20px;
  }
  #activities .action table td img {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  #activities .action table td.dabohaze {
    display: inline-block;
    width:48%;
    vertical-align: top;
  }
  #activities .action table td.dabohaze .text {
    font-size: 12px;
    display: block;
    text-align: left;
    line-height: 110%;
  }
  #activities .action table td.dabohaze img {
    width: 130px;
    height: auto;
    margin-bottom: 10px;
  }



  /*========== 医療コンサルタント ==========*/
  #consul .about_list li {
    list-style-type: disc;
    float: left;
    margin-left: 40px;
  }
  #consul .left {
    margin-bottom: 20px;
    overflow: hidden;
  }
  #consul .right {
    text-align: center;
  }
  #consul .right img {
    max-width: 50%;
    width: auto;
    height: auto;
  }
  #consul .consul_management {

  }
  #consul .consul_management h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  #consul .consul_management p {
    margin-bottom: 40px;
  }

  /*========== 開業支援サポート ==========*/
  #support .page_header {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    line-height: 150%;
  }
  #support .merit_table {
    margin-bottom: 20px;
    display: block;
  }
  #support .merit_table tbody,
  #support .merit_table tr,
  #support .merit_table th,
  #support .merit_table td {
    display: block;
  }
  #support .merit_table th {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
  }
  #support .merit_table tr.row01 {
    border: 1px solid #066bae;
    margin-bottom: 10px;
  }
  #support .merit_table tr.row01 th {
    background: #066bae;
  }
  #support .merit_table tr.row02 {
    border: 1px solid #089da6;
  }
  #support .merit_table tr.row02 th {
    background: #089da6;
  }
  #support .merit_table tr.row03 {
    border: 1px solid #C59806;
  }
  #support .merit_table tr.row03 th {
    background: #C59806;
  }
  #support .merit_table tr.row04 {
    border: 1px solid #94298D;
  }
  #support .merit_table tr.row04 th {
    background: #94298D;
  }
  #support .merit_table td {
    padding: 10px;
  }
  #support .merit_table td .header_text {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
  }
  #support .merit_table td .about_text {

  }

  /*========== 代表挨拶 ==========*/
  #message .header {
    overflow: hidden;
  }
  #message .header .header_left .text_box {
    color: #C34F80;
    margin-bottom: 30px;
  }
  #message .header .header_left .text_box .text {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 35px;
  }
  #message .header .header_left .text_box .company {
    text-align: right;
  }
  #message .header .header_left .text_box .name {
    text-align: right;
    font-size: 20px;
  }
  #message .header .header_left .text_box .name .position {
    font-size: 14px;
    margin-right: 10px;
  }
  #message .header .header_right {
    text-align: center;
  }
  #message .header .header_right img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #message dl dt {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 3px double #a48455;
    padding-left: 5px;
  }
  #message dl dd {
    margin-bottom: 40px;
  }
  #message dl dd ul {
    margin: 20px;
  }
  #message dl dd ul li {
    margin-bottom: 10px;
    list-style-type: disc;
  }
  #message .about {
    padding: 20px;
    border: 1px solid #a48455;
  }
  #message .about .about_text {
    margin-bottom: 30px;
  }
  #message .about .about_text .name1 {
    font-size: 16px;
    font-weight: bold;
  }
  #message .about .about_text .name2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #message .about .about_text .profile_text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #message .about .about_img {
    text-align: center;
  }
  #message .about .about_img img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #message .other {

  }
  #message .other .midashi {
  	margin-bottom: 20px;
  	font-size: 20px;
  	font-weight: bold;
  }
  #message .other .movie {
	 margin-bottom: 20px;
  }
  #message .other .movie table,
  #message .other .movie tbody,
  #message .other .movie tr,
  #message .other .movie td {
	 display: block;
  }
  #message .other .movie table td {
  	display: block;
  	text-align: center;
  	padding: 10px 0;
    margin-bottom: 5%;
  }
  #message .other .movie table td iframe {
  	width: 100%;
    aspect-ratio: 16 / 9;
  }
  #message .other .action {

  }
  #message .other .action table,
  #message .other .action tbody,
  #message .other .action tr,
  #message .other .action td {
  	display: block;
  }
  #message .other .action table {
	width: 100%;
	text-align: center;
  }
  #message .other .action table td {
  	text-align: center;
  	margin-bottom: 20px;
  }
  #message .other .action table td img {
  	width: auto;
  	height: auto;
  	max-width: 100%;
  }

  #message .other .action table td.dabohaze {
    display: inline-block;
    width:48%;
    vertical-align: top;
  }
  #message .other .action table td.dabohaze .text {
    font-size: 12px;
    display: block;
    text-align: left;
    line-height: 110%;
  }
  #message .other .action table td.dabohaze img {
    width: 130px;
    height: auto;
    margin-bottom: 10px;
  }

  #message .cm_movie,
  #message .cm_movie2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #message .cm_movie.mb0,
  #message .cm_movie2.mb0 {
    margin-bottom: 0;
  }
  #message .cm_movie .movie_box,
  #message .cm_movie2 .movie_box {
    padding: 1%;
    box-sizing: border-box;
    margin-bottom: 5%;
    width: 100%;
  }
  #message .cm_movie .movie_box iframe,
  #message .cm_movie2 .movie_box iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    /*min-height: 185px;*/
  }


  /*========== 出演CM動画 ==========*/
  #cm {

  }
  #cm .cm_list,
  #cm .cm_list_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #cm .cm_list .movie_box,
  #cm .cm_list_top .movie_box {
    width: 100%;
    margin-bottom: 1em;
    padding: 0 1em;
  }
  #cm .cm_list .movie_box iframe,
  #cm .cm_list_top .movie_box iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
  }



  /*========== プライバシー ==========*/
  #policy dl dt {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 3px double #a48455;
    padding-left: 5px;
  }
  #policy dl dd {
    margin-bottom: 40px;
  }
  #policy dl dd ul {
    margin: 20px;
  }
  #policy dl dd ul li {
    margin-bottom: 10px;
    list-style-type: disc;
  }
  #policy .contact_title {
    font-size: 20px;
    font-weight: bold;
  }


  /*========== ドクター求人 ==========*/
  #doctor_job {

  }
  #doctor_job .page_header {
  	margin-bottom: 30px;
  }
  #doctor_job .page_header .page_title {

  }
  #doctor_job .page_header .page_title img {
  	width: auto;
  	height: auto;
  	max-width: 100%;
  }
  #doctor_job .section {
  	margin-bottom: 30px;
  }
  #doctor_job .section .job_header {
  	overflow: hidden;
  	margin-bottom: 20px;
  }
  #doctor_job .section .job_header .clinic_name {
  	font-size: 23px;
  	margin-bottom: 20px;
  	text-align: center;

  }
  #doctor_job .section .job_header .category {
  	text-align: center;
  }
  #doctor_job .section .job_header .category li {
  	display: inline-block;
  	font-size: 11px;
  	padding: 3px 5px;
  	border: 1px solid #999;
  	line-height: 100%;
  }
  #doctor_job .section .job_about {
  	overflow: hidden;
  }
  #doctor_job .section .job_about .about01 {
  	text-align: center;
  	margin-bottom: 30px;
  }
  #doctor_job .section .job_about .about01 .img {
  	text-align: center;
  }
  #doctor_job .section .job_about .about01 .img img {
  	width: auto;
  	height: auto;
  	max-width: 100%;
  }
  #doctor_job .section .job_about .about01 .mark {

  }
  #doctor_job .section .job_about .about01 .mark ul {
  	margin-bottom: 10px;
  }
  #doctor_job .section .job_about .about01 .mark ul li {
  	font-size: 11px;
  	padding: 3px;
  	border: 1px solid #999;
  	display: inline-block;
  	line-height: 100%;
  }
  #doctor_job .section .job_about .about01 .site_url {

  }
  #doctor_job .section .job_about .about01 .site_url a {

  }
  #doctor_job .section .job_about .about02 {
  	overflow: hidden;
  }
  #doctor_job .section .job_about .about02 table {
  	width: 100%;
  }
  #doctor_job .section .job_about .about02 table th,
  #doctor_job .section .job_about .about02 table td {
  	display: block;
  	padding: 5px 0;
  }
  #doctor_job .section .job_about .about02 table th {
  	text-align: center;
  }
  #doctor_job .section .job_about .about02 table th span {
  	border-left: 4px solid #a48455;
  	border-right: 4px solid #a48455;
  	display: inline-block;
  	width: 120px;
  	text-align: center;
  }
  #doctor_job .section .job_about .about02 table td {
  	margin-bottom: 30px;
  }
  #doctor_job .section .job_about .about02 table td .salary_list {

  }
  #doctor_job .section .job_about .about02 table td .salary_list li {

  }
  #doctor_job .section .job_about .about02 table td .salary_list li .title {
  	margin-right: 20px;
  }
  #doctor_job .section .job_about .about02 table td .caution {
  	font-size: 12px;
  }
  #doctor_job .section .job_about .about02 table td .contact {
  	display: inline-block;
  	margin-right: 10px;
  }


    /*========== ドクター求人 ==========*/
  #nurse_job {

  }
  #nurse_job .page_header {
  	margin-bottom: 30px;
  }
  #nurse_job .page_header .page_title {

  }
  #nurse_job .page_header .page_title img {
  	width: auto;
  	height: auto;
  	max-width: 100%;
  }
  #nurse_job .section {
  	margin-bottom: 30px;
  }
  #nurse_job .section .job_header {
  	overflow: hidden;
  	margin-bottom: 20px;
  }
  #nurse_job .section .job_header .clinic_name {
  	font-size: 23px;
  	margin-bottom: 20px;
  	text-align: center;

  }
  #nurse_job .section .job_header .category {
  	text-align: center;
  }
  #nurse_job .section .job_header .category li {
  	display: inline-block;
  	font-size: 11px;
  	padding: 3px 5px;
  	border: 1px solid #999;
  	line-height: 100%;
  }
  #nurse_job .section .job_about {
  	overflow: hidden;
  }
  #nurse_job .section .job_about .about01 {
  	text-align: center;
  	margin-bottom: 30px;
  }
  #nurse_job .section .job_about .about01 .img {
  	text-align: center;
  }
  #nurse_job .section .job_about .about01 .img img {
  	width: auto;
  	height: auto;
  	max-width: 100%;
  }
  #nurse_job .section .job_about .about01 .mark {

  }
  #nurse_job .section .job_about .about01 .mark ul {
  	margin-bottom: 10px;
  }
  #nurse_job .section .job_about .about01 .mark ul li {
  	font-size: 11px;
  	padding: 3px;
  	border: 1px solid #999;
  	display: inline-block;
  	line-height: 100%;
  }
  #nurse_job .section .job_about .about01 .site_url {

  }
  #nurse_job .section .job_about .about01 .site_url a {

  }
  #nurse_job .section .job_about .about02 {
  	overflow: hidden;
  }
  #nurse_job .section .job_about .about02 table {
  	width: 100%;
  }
  #nurse_job .section .job_about .about02 table th,
  #nurse_job .section .job_about .about02 table td {
  	display: block;
  	padding: 5px 0;
  }
  #nurse_job .section .job_about .about02 table th {
  	text-align: center;
  }
  #nurse_job .section .job_about .about02 table th span {
  	border-left: 4px solid #a48455;
  	border-right: 4px solid #a48455;
  	display: inline-block;
  	width: 120px;
  	text-align: center;
  }
  #nurse_job .section .job_about .about02 table td {
  	margin-bottom: 30px;
  }
  #nurse_job .section .job_about .about02 table td .salary_list {

  }
  #nurse_job .section .job_about .about02 table td .salary_list li {

  }
  #nurse_job .section .job_about .about02 table td .salary_list li .title {
  	margin-right: 20px;
  }
  #nurse_job .section .job_about .about02 table td .caution {
  	font-size: 12px;
  }
  #nurse_job .section .job_about .about02 table td .contact {
  	display: inline-block;
  	margin-right: 10px;
  }

}
/**************************************
 * 投稿用
 * 基本修正はしないが、必要に応じて追加・変更
 */
.post-content {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.post-content {
  background-color: #fff;
  padding: 12px 10px 0;
}

.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.post-content h4:first-child,
.post-content h5:first-child,
.post-content h6:first-child {
  margin-top: 0;
}

.post-content a {
  text-decoration: underline;
}

.post-content a:hover,
.post-content a.button {
  text-decoration: none;
}

.post-content table {
  font-size: 14px;
  line-height: 1.2857142857;
  margin-bottom: 24px;
}

.post-content th {
  font-weight: 700;
  padding: 8px;
  text-transform: uppercase;
}

.post-content td {
  padding: 8px;
}

.post-content .edit-link {
  clear: both;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333;
  text-transform: uppercase;
}

.post-content .edit-link a {
  color: #767676;
  text-decoration: none;
}

.post-content .edit-link a:hover {
  color: #41a62a;
}

/************************************
 * 付加クラスタ
 * 必要に応じて追加
 */
/* margin */
.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

.m30 {
  margin: 30px;
}

.m40 {
  margin: 40px;
}

.m50 {
  margin: 50px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

/* padding */
.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.p40 {
  padding: 40px;
}

.p50 {
  padding: 50px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

/* float */
.float_l {
  float: left;
}

.float_r {
  float: right;
}

.clear {
  clear: both;
}

/* position */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

/* text-align */
.t_left {
  text-align: left;
}

.t_right {
  text-align: right;
}

.t_center {
  text-align: center;
}

/* vertical-align */
.v_top {
  vertical-align: top;
}

.v_middle {
  vertical-align: middle;
}

.v_bottom {
  vertical-align: bottom;
}

.v_base {
  vertical-align: baseline;
}

.v_ttop {
  vertical-align: text-top;
}

.v_tbottom {
  vertical-align: text-bottom;
}

/* display */
.none {
  display: none;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inlineblock {
  display: inline-block;
}

/* main color */
.black {
  color: #000000;
}

.red {
  color: #ff0000;
}

.blue {
  color: #0000ff;
}

.yellow {
  color: #ffff00;
}

.green {
  color: #008000;
}

.aqua {
  color: #00ffff;
}

.magenta {
  color: #ff00ff;
}

.purple {
  color: #a757a8;
}

.black {
  color: #000000;
}

.white {
  color: #ffffff;
}

/* background color */
.bgGray {
  background-color: #c0c0c0;
}

.bgHighlightGray {
  background-color: #f1f1f1;
}

.bgAqua {
  background-color: #cff;
}

.bgPastelOrange {
  background-color: #fc9;
}

.bgPastelYellow {
  background-color: #ffc;
}

/* font */
.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.nrml {
  font-weight: normal;
}

.fs10p {
  font-size: 10%;
}

.fs20p {
  font-size: 20%;
}

.fs30p {
  font-size: 30%;
}

.fs40p {
  font-size: 40%;
}

.fs50p {
  font-size: 50%;
}

.fs60p {
  font-size: 60%;
}

.fs70p {
  font-size: 70%;
}

.fs80p {
  font-size: 80%;
}

.fs90p {
  font-size: 90%;
}

.fs100p {
  font-size: 100%;
}

.fs150p {
  font-size: 150%;
}

.fs200p {
  font-size: 200%;
}

.fsxxs {
  font-size: xx-small;
}

.fsxs {
  font-size: x-small;
}

.fss {
  font-size: small;
}

.fsm {
  font-size: medium;
}

.fsl {
  font-size: large;
}

.fsxl {
  font-size: x-large;
}

.fsxxl {
  font-size: xx-large;
}

/* letter */
/* テキストクラス集 */
.ime_act {
  ime-mode: active;
}

.ime_dis {
  ime-mode: disabled;
}

.ime_inact {
  ime-mode: inactive;
}



/* clearfix IE8 のみ inline-block から block にするハック */
.release {
  overflow: hidden;
}

/*# sourceMappingURL=style.css.map */