@charset "utf-8";

/* 初期化
-----------------------------------------------------*/
html,body {
	width:	100%;
	margin:	0;
	padding: 0;
	font-size:	15px;
	color: #444444;
	line-height:  200%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-print-color-adjust: exact;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,div,span,
form,input,select,button {
	margin:	0;
	padding:	0;
	font-size:	15px;
	line-height:  200%;
}

img {
	vertical-align:	bottom;
	border:	none;
}

body {
	text-align:left;
	margin:	0 auto;
	color: #444444;
	background: #FFFFFF;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	word-wrap: break-word;     /* 1行に収まりきらない場合に限って単語の途中でも折り返す */
	overflow-wrap: break-word; /* 1行に収まりきらない場合に限って単語の途中でも折り返す */
}

.h1 { height: 1px; }
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h40 { height: 40px; clear:both; }
.h50 { height: 50px; }
.h60 { height: 60px; }
.h100 { height: 100px; }
.h130 { height: 130px; }
.h160 { height: 160px; }
.h200 { height: 200px; }

.fs14 { font-size: 14px;	line-height: 200%; }
.fs16 { font-size: 16px;	line-height: 200%; }
.fs18 { font-size: 18px;	line-height: 200%; }
.fs20 { font-size: 20px;	line-height: 200%; }
.fs22gmenu { font-size: 22px; line-height: 160%; margin:0 auto; text-align: center; }
.fs22 { font-size: 22px;	line-height: 200%; }
.fs24 { font-size: 24px;	line-height: 200%; }
.fs26 { font-size: 26px;	line-height: 200%; }
.fs28 { font-size: 28px;	line-height: 200%; }
.fs30 { font-size: 30px;	line-height: 200%; }
.fs_red { color: #c41a30;	line-height: 200%; }

.small {
	font-size: 12px;
	line-height: 150%;
}
.white {
	color: #fff;
}
.gray {
	color: #888;
}
.orange {
	color: #e6a722;
}
td {
	text-align: left;
	vertical-align: top;
	font-size: 15px;
}
a {
	color: #4e7ac2;
}
a:hover {
	color: #7e9fd6;
	text-decoration: none;
}
.android {
	border:solid 1px #777; 
	font-size:11px;
	padding:5px;
	color:#777;
}


/* ページトップ
---------------------------*/

#pagetop{
	position:fixed;
	right: 20px;
	bottom: 20px;
	cursor:pointer;
	text-align:right;
        }

#pagetop:hover {
	opacity: 0.8; }

/* 確認画面
-----------------------------------------------------*/

h4 {
	font-size: 25px;
	margin-bottom: 10px;
	color: #ef9296;
}

/* 共通スタイル
-----------------------------------------------------*/
#header li,#catch,
#globalMenu,#footer,
#contents {
	text-indent: -9999px;
	font-size: 0.1px;
	line-height: 0;
	/* overflow: hidden; */
}
#center {
	width:100%;
	text-align:center;
	margin: 0 auto;
}
#right {
	width:1100px;
	text-align: right;
	margin: 0 auto;
}
.entry-content p {
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}
.entry-content {
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}
.entry-summary {
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}

/* PC
----------------------------------------------------------*/
@media print, screen and (min-width:768px)  {
  #for_PC {
    display: inherit;
  }
  #for_Phone {
    display: none;
  }
  #for_Phone_img {
    display: none;
  }
#Top {
	width:100%;
	text-align:center;
	margin: 0 auto;
}
#center_PC {
	width: 1100px;
	text-align:center;
	margin: 0 auto;
}

#wrapper {
	width:100%;
	text-align: center;
	margin:	0 auto;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}

#wrapper_inner {
	width:	1100px;
	text-align: left;
	margin:	0 auto;
	margin-top: 30px;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}
#mid_page {
	width:1100px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 12px; 
	color: #0f3675;
	font-size: 34px;
	border-bottom: 3px solid #e6a722;
}
#mid_page_820 {
	width:820px;
	margin-bottom: 40px;
	padding-top: 0px;
	padding-bottom: 12px; 
	color: #0f3675;
	font-size: 34px;
	border-bottom: 3px solid #e6a722;
}
.right_820 {
	width:820px;
	text-align: right;
	margin: 0 auto;
}
.breadcrumb-area {
	width:1100px;
	margin: 0 auto;
	padding-top: 186px;
	padding-bottom: 20px;
	color: #e6a722;
	font-size: 15px;
	/* border-bottom: 3px solid #e6a722; */
}
.breadcrumb-area span {
	color: #e6a722;
	font-size: 15px;
}
.breadcrumb-area a span {
	color: #4e7ac2;
	font-size: 15px;
}
.breadcrumb-area a:hover span {
	color: #7e9fd6;
	font-size: 15px;
	text-decoration: none;
}
.breadcrumb-area .logout {
	color:#e6a722;
	font-size: 15px;
}	
.arrow {
	float: left;
	width: 800px;
 	position: relative;
 	padding: 0 0 0 12px;
	font-size: 16px;
	color: #0f3675;
}
.arrow::before {
 	position: absolute;
 	top: 0px;
	bottom: 8px;
 	left: 0;
 	content: url('/assets/images/common/ico_arrow.gif');
}
.arrow:after {
	content: "";
	display: block;
	clear: both;
}
	
.arrowu {
	float: left;
 	position: relative;
 	padding: 0 20px 0 12px;
	font-size: 16px;
	color: #0f3675;
	margin-bottom: 5px;
}
.arrowu::before {
 	position: absolute;
 	top: 0px;
	bottom: 8px;
 	left: 0;
 	content: url('/assets/images/common/ico_arrowu.gif');
}
.arrow:after {
	content: "";
	display: block;
	clear: both;
}

/* ヘッダー(PC)
----------------------------*/
	
#header_PC {
	position: fixed;
	width:	100%;
	height: 166px;
	text-align: center;
	z-index: 10000;
}

#head_PC {
	width:	100%;
	text-align: center;
	background: #0f3675;
	height: 83px;
}

#head_PC_inner {
	width: 1100px;
	margin: 0 auto;
}

#header ul {
	margin:	0px;
}

#header ul li {
	list-style-type:　none;
	float: left;
	margin: 0px;
}

#header ul li a {
	height:	99px;
	display: block;
}
.pan {
	padding-left:40px;
	padding-top:50px;
	color: #0f3675;
	font-size: 14px;
}

td {
	text-align:	left;
}
.page_title_logo {
	width: 0px;
}
.page_title {
	text-align: left;
	padding-left: 20px;
	padding-top: 15px;
	font-size:16px;
	height: 74px;
	border-bottom: solid 1px #a59a93;
	width: 760px;
}
.page_title_php {
	text-align: left;
	padding-left: 20px;
	padding-top: 15px;
	font-size:16px;
	height: 59px;
	border-bottom: solid 1px #a59a93;
	width: 760px;
}
.page_title_pink {
	color: #ec8c90;
	font-size:12px;
	font-family: "Sawarabi Mincho";
}
.page_title2 {
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	font-size:27px;
	height: 63px;
}
.page_title_inner {
	padding-top: 26px;
	padding-left: 35px;
	font-size:20px;
	color:#0f2b57;
	font-weight: bold;
}

.clear { 
	clear: both;
	visibility: hidden;
	height: 0;
}

.head_PC_logo { 
	width: 420px;
	padding-top: 17px;
}

.head_PC_link { 
	/* width: 480px; */
	width: 630px;
	color: #fff;
	font-size: 14px;
	padding-top: 44px;
	text-align: right;
}

.head_PC_link a {
	color: #fff;
}
.head_PC_link a:hover {
	color: #5a8ee0;
	text-decoration: none;
}

.head_PC_search { 
	width: 200px;
	color: #fff;
	font-size: 15px;
	padding-top: 44px;
	text-align: right;
}

.head_PC_gmenu {
	width: 100%;
	background: #f1f9fe;
	height: 82px;
	text-align: center;
	border-bottom: solid 2px #0f3675;
}
.head_PC_gmenu_inner {
	width: 1100px;
	margin: 0 auto;
	background: #f1f9fe;
}
.head_PC_gmenu_01 {
	border-left: solid 2px #0f3675;
	text-align: center;
	width: 366px;
}
.head_PC_gmenu_02 {
	border-left: solid 2px #0f3675;
	border-right: solid 2px #0f3675;
	text-align: center;
	width: 367px;
}

.ul_open_h,
.ul_open_v{
    background: #0f3675;
    color: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    top: 0;
    z-index:100;
    text-align:right;
}

.ul_open_h { 
    height: 100%;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .25s ease-in-out;
    overflow-y: scroll;
    padding: 5px;
}

.ul_open_h {
    padding: 5px 20px 5px 30px;
    width: 350px;
    text-align:left;
    font-size:15px;
    line-height:170%;
    display: inline;
}
.ul_open_h a{
    color:#fff;
}

.ul_open_h:after {
	content: "";
	display: block;
	clear: both;
}

.ul_open_h ul {
	list-style-type: none;
	margin-bottom: 7px;
}

.ul_open_h li {
	font-size: 15px;
	display: inline;
	display: inline-block;
	margin-bottom: 15px;
}

.menu2_wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}
 
.menu2:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #fff;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.menu2_1:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #fff;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.menu2_2:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #fff;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.menu2 {
	width: 100%;
	text-align: left;
	font-size: 16px;
}

.menu2 a {
	width: 100%;
	text-align: left;
	font-size: 16px;
}

.menu2:after {
	content: "";
	display: block;
	clear: both;
}

.menu2_1  {
	width: 48%;
	text-align: left;
	font-size: 16px;
}

.menu2_1 a  {
	width: 48%;
	text-align: left;
	font-size: 16px;
}

.menu2_1:after {
	content: "";
	display: block;
	clear: both;
}

.menu2_2 {
	width: 48%;
	text-align: left;
	font-size: 16px;
}

.menu2_2 a {
	width: 48%;
	text-align: left;
	font-size: 16px;
}

.menu3_wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}

.menu3 a {
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.menu_mid {
	width: 90%;
	text-align: center;
	font-size: 22px;
	margin-bottom: 20px;
}

.menu_mid_s {
	width: 90%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}

.menu_line{
    border-top: solid thin #fff;
    padding: 20px 30px 10px 30px;
    width: 250px;
    text-align:left;
    line-height:170%;
    position:relative;
    z-index:-1;
}
.btn{
    width: 50px;
    height: 50px;
    position: absolute;
    right :15px;
    top: 7px;
    background: #0f3675;
	z-index:500;
}
.btn:before,
.btn:after,
.btn span{
    display: block;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.btn span{
    height: 3px;
    background-color: #fff;
    top: calc(50% - 1.5px);
}

.btn:before{
    content: "";
    top: calc(25% - 3px);
    border-top: 3px solid #fff;
}
.btn:after{
    content: "";
    bottom: calc(25% - 3px);
    border-bottom: 3px solid #fff;
}
.btn.on span{
    display: none;
}

.btn.on:before{
    top: calc(50% - 1.5px);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.btn.on:after{
    bottom: calc(50% - 1.5px);
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

.btnlink{
    width: 90%;
    display: block;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    background: #4285F4;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 35px;
    color: #fff;
}
.linkbox a{
    text-decoration: none;
}

.open-1{
    right : -100%;
}
.open-1.active{
    right : 0px;
}

.move-1.on.btn{
    position: fixed;
    right: 25px;
    top: 10px;
}

/* トップページ(PC)
----------------------------*/

#top_contents {
	width: 100%;
	margin: 0 auto;
	position:relative;
	top: 166px;
}

/*==================================================
トップ画像
===================================*/
.slider {
	width: 1100px;
	margin: 0 auto;
	position:relative;
	z-index: 2;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 715px;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

a  .slider-item01 {
    background:url(/assets/images/top/topimage001b.jpg);
	display: block;
	width: 1100px;
	height: 715px;/
}

a  .slider-item02 {
    background:url(https://japc.or.jp/wp-content/uploads/2025/03/topimage_2025soukai.jpg);
	display: block;
	width: 1100px;
	height: 715px;/
}

.slider-item {
    width: 1100px;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 715px;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
	margin: 0 auto;
	display: block;
}

.slick-prev, 
.slick-next {
   display: none;
}

.slick-dots {
   display: none;
}
.slick-dots li {
   display: none;
}
	
.kyoukai {
	width: 1100px;
	margin: 0 auto;
	clear:both;
}
.kyoukai_back {
	width: 100%;
	text-align: center;
	background: url('/assets/images/top/back_kyoukai.gif') no-repeat;
	height: 84px;
	clear: both;
}
.topics_back {
	background: url('/assets/images/top/mid_topics.gif') no-repeat;
	width: 1100px; 
	height: 93px;
	margin: 0 auto;
	margin-top: 60px;
}
.topics {
	padding-top: 35px; 
	color: #0f3675;
	font-size: 34px;
}
.topics_list {
	width:1100px;
	padding: 0px;
	margin: 0 auto;
	margin-top: 40px;
}
.topics_list:after {
	content: "";
	display: block;
	clear: both;
}
.topics_list01 {
	float: left;
	width: 532px;
	font-size: 15px;
	margin-bottom:20px;
	height: 375px;
	z-index: -1;
}

.topics_list02 {
	float: left;
	width: 568px;
	font-size: 15px;
	height: 375px;
	z-index: -1;
}
.topics_list02_right {
	float: left;
	width: 568px;
	text-align: right;
	font-size: 15px;
	/* height: 375px; */
	z-index: -1;
	vertical-align: top;
}

.topics_obi {
	margin-top: 65px;
	margin-bottom: 15px;
}
.topics_categ {
	color: #c41a30;
	font-size: 16px;
	text-align: left;
	line-height:180%;
	margin-left:15px;
}
.topics_day {
	color: #c41a30;
	font-size: 16px;
	text-align: left;
	line-height:180%;
	margin-left:15px;
}
.topics_title {
	color: #0f3675;
	font-size: 24px;
	text-align: left;
	line-height:160%;
	margin-left:15px;
	margin-right:15px;
	text-decoration: bold;
}
.topics_excerpt {
	color: #0f3675;
	font-size: 16px;
	text-align: left;
	line-height:180%;
	margin-left:15px;
	margin-right:15px;
	margin-top: 10px;
}

.side {
	width:1100px;
	padding: 0px;
	margin: 0 auto;
	margin-top: 0px;
}

.side:after {
	content: "";
	display: block;
	clear: both;
}
.side_left {
	float: left;
	width: 520px;
	font-size: 15px;
	margin-right: 40px;
	height: 375px;
}

.side_right {
	float: left;
	width: 520px;
	font-size: 15px;
	height: 375px;
}
	
.info_phone {
	width: 1100px;
	margin: 0 auto;
}

.info_mid {
	float: left;
	width: 500px;
 	position: relative;
 	padding: 0 0 0 90px;
	margin-top: 30px;
	font-size: 36px;
	height: 80px;
	color: #e6a722;
	z-index: -1;
}

.info_mid::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_mid.gif');
	z-index: -1;
}

.info_waku_title {
	padding-top: 0px; 
	color: #0f3675;
	font-size: 28px;
}

.info_waku {
	border: solid 5px #e6a722;
	margin-top: 20px;
	margin-bottom: 10px;
}

.info_waku_left {
	float: left;
	width: 530px;
	height: 250px;
	border: solid 5px #e6a722;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 20px;
}

.info_waku_right {
	float: left;
	width: 530px;
	height: 250px;
	border: solid 5px #e6a722;
	margin-top: 20px;
	margin-bottom: 20px;
}

.info_list {
	width:1050px;
	padding: 0px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #dfdfdf;
}
.info_list:after {
	content: "";
	display: block;
	clear: both;
}

.info_list_half {
	width:480px;
	padding: 0px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #dfdfdf;
}

.info_list_half:after {
	content: "";
	display: block;
	clear: both;
}
.info_day {
	float: left;
	color: #c41a30;
	width: 100px;
	font-size: 17px;
	line-height:  200%;
}

.info_title {
	float: left;
	color: #0f3675;
	width: 930px;
	font-size: 17px;
	line-height: 180%;
}

.info_title_half {
	float: left;
	color: #0f3675;
	width: 380px;
	font-size: 17px;
	line-height: 180%;
}

/* お知らせ(PC)
----------------------------*/

.news_back { 
	background: #f7f5e8;
}

.news_inner {
	width: 790px;
	margin:	0 auto;
	text-align: left;
	font-size: 15px;
	line-height: 200%;
}
	
/* seminar */
.semBox {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 120%;
}

.sem_title{
	padding: 4px;
	border-left: 4px solid #FF9900;
}

.sem_tab1{
	width: 100%;
	margin-top: 4px;
	border-collapse:collapse;
}
.sem_tab1 th{
	width: 15%;
	padding: 2px;
	font-weight: normal;
	border: 1px solid #CCC;
	background: #e1f3ff;
}
.sem_tab1 td{
	width: 85%;
	padding: 2px 8px;
	border: 1px solid #CCC;
	background: #FFFFF0;
}
	
/* お知らせ（会員）(PC)
----------------------------*/

#news_member {
	margin-bottom: 40px;
	padding-bottom: 40px; 
}
#mid_news_member {
	width:820px;
	margin-bottom: 20px;
	padding-bottom: 7px; 
	color: #0f3675;
	font-size: 19px;
	border-bottom: 2px solid #e6a722;
	clear: both;
}
#mid_news_content {
	width:820px;
	color: #0f3675;
	font-size: 16px;
	line-height: 200%;
}
.box_archive {
	color: #0f3675;
	font-size: 14px;
	border: 2px solid #e6a722;
	padding: 10px;
	display: inline-block;
	margin-bottom: 10px;
}
.box_archive:hover{
    color: #ffffff;
	font-size: 14px;
    background-color: #e6a722;
	border: 2px solid #e6a722;
}
.box_archive_gray {
	color: #0f3675;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	display: inline-block;
	margin-bottom: 10px;
}
.box_archive_gray:hover{
    color: #0f3675;
	font-size: 14px;
    background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}

/* お問い合わせ(PC)
----------------------------*/
	
	
.contact_list {
	background: #fffde7;
	width: 820px;
	margin-bottom: 10px;
}

.contact_list2 {
	background: #ffffff;
	width: 820px;
	margin-bottom: 10px;
}
	
.contact_list:after {
	content: "";
	display: block;
	clear: both;
}
.contact_mid {
	float: left;
	width: 120px;
	margin: 20px;
	text-align: left;
	font-size: 17px;
}
.contact_form {
	float: left;
	width: 530px;
	margin: 20px;
	text-align: left;
	font-size: 100%;
}	

.contact_form li {
  display: inline-block;
  font-size: 100%;
}
	
.contact_form select {
	height: 35px;
	font-size: 17px;
}
.inputform {
	height: 35px;
}
.inputcheck {
	font-size: 16px;
}	
.contact_form input[type="radio"], input[type="checkbox"] {
	margin: 5px;
	font-size: 100%;
}

input[type="radio"], input[type="checkbox"]{
  position: relative;
  top: 2px;
  z-index: 3;
}

.contact_btn input {
	margin-top: 30px;
	height: 35px;
	width: 250px;
	font-size: 15px;
}
input[type="text"]{font-size: 150%;}
input[type="email"]{font-size: 150%;}
input[type="tel"]{font-size: 150%;}
	
form.sent .contact_list {
	display: none;
}
form.sent .contact_btn {
	display: none;
}
form .contact_kanryo {
	display: none;
}
form.sent .contact_kanryo {
	display: inherit;
}	
form .formbtn {
	text-align: center;
}
form.sent .formbtn {
	display: none;
} 
form .btns{
	display: inline-block;
	vertical-align: middle;
	margin: 30px 0px;
	padding: 10px 100px;
	color: #0f3675;
	font-size: 17px;
	letter-spacing: 0.5pt;
	text-decoration: none;
	background-color: #e6a722;
	border: 1px solid #e6a722;
	cursor: pointer;
	transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
} 
form .btns:hover{
    color: #ffffff;
	font-size: 17px;
    background-color: #0f3675;
	border: 1px solid #0f3675;
}
.wpcf7-response-output {
	font-size: 15px;
	padding: 5px;
}
.wpcf7-not-valid-tip {
	font-size: 18px;
	padding: 5px;
	border-style: none;
}

/* JAPCについて(PC)
----------------------------*/
	
.mid_about {
	width:1100px;
}

.mid_about:after {
	content: "";
	display: block;
	clear: both;
}

.mid_about1 {
	float: left;
	width: 700px;
 	position: relative;
 	padding: 0 0 0 90px;
 	font-size: 30px;
	height: 80px;
	color: #0f3675;
	z-index: -1;
}

.mid_about1::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_mid.gif');
	z-index: -1;
}
	
.about {
	width:1100px;
	margin-top: 30px;
	font-size: 15px;
	line-height: 200%;
}

.about:after {
	content: "";
	display: block;
	clear: both;
}
.about_left {
	float: left;
	width: 820px;
	margin-right: 80px;
	font-size: 15px;
	color: #0f3675;
	line-height: 200%;
}
.about_right {
	float: left;
	width: 200px;
	font-size: 15px;
	color: #0f3675;
}
.mid_lead {
	font-size: 24px;
	color: #e6a722;
	margin: 30px 0px;
}
.about_table {
	width: 200px;
	background: #f1f9fe;
	padding: 25px 0px;
}
.about_list {
	width: 160px;
	margin: 0 auto;
	font-size: 16px;
	color: #0f3675;
	padding: 15px 0px;
	border-top: solid 1px #0f3675;
	background: #f1f9fe;
}
.sign {
	text-align: right;
	width: 100%;
	color: #0f3675;
	font-size: 15px;
}
ol li {
	margin-left: 20px;
	color: #0f3675;
	font-size: 15px;
	line-height: 200%;
}
.ac_table {
	border: solid 1px #0f3675;
	padding: 15px;
	width: 100%;
}
.ac_table2 {
	background: #fffde7;
	padding: 15px;
	width: 100%;
	margin-bottom: 20px;
}
.ac_table:after {
	content: "";
	display: block;
	clear: both;
}
.ac_date {
	float: left;
	width: 30%;
	font-size: 15px;
	line-height: 200%;
}
.ac_biko {
	float: left;
	width: 60%;
	font-size: 15px;
	line-height: 200%;
}
.ac_pdf {
	float: left;
	width: 10%;
	font-size: 15px;
	line-height: 200%;
}
.ac_name {
	font-size: 17px;
	line-height: 200%;
}
.hs_table {
	border-top: solid 1px #c5d5ef;
	padding: 15px;
	width: 100%;
	font-size: 15px;
	line-height: 200%;
}
.hs_table:after {
	content: "";
	display: block;
	clear: both;
}
.hs_date {
	float: left;
	width: 20%;
	font-size: 15px;
	line-height: 200%;
	color: #567ebd;
	font-weight: bold;
}
.hs_cont {
	float: left;
	width: 80%;
	font-size: 15px;
	line-height: 200%;
}
.am_list {
	border-top: solid 1px #c5d5ef;
	padding: 15px;
	width: 100%;
}
.am_list:after {
	content: "";
	display: block;
	clear: both;
}
.am_title {
	float: left;
	width: 20%;
	font-size: 15px;
	line-height: 200%;
	color: #567ebd;
	font-weight: bold;
}
.am_name {
	float: left;
	width: 15%;
	font-size: 15px;
	line-height: 200%;
}
.am_adress {
	float: left;
	width: 50%;
	font-size: 15px;
	line-height: 200%;
}
.am_phone {
	float: left;
	width: 15%;
	font-size: 15px;
	line-height: 200%;
}
.waku_blue {
	border: solid 1px #0f3675;
	padding: 10px;
	width: 1080px;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 10px;
}
.waku_orange {
	border: solid 1px #e6a722;
	padding: 10px;
	width: 1080px;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 10px;
}
.japcmap {
	width: 820px;
	height: 550px;
}
	
/* 関連出版物(PC)
----------------------------*/
	
.media_list {
	border-top: solid 1px #c5d5ef;
	padding: 15px;
	width: 1070px;
}
.media_list:after {
	content: "";
	display: block;
	clear: both;
}
.media_title {
	float: left;
	width: 410px;
	margin-right: 30px;
	font-size: 15px;
	line-height: 200%;
	color: #567ebd;

}
.media_ {
	float: left;
	width: 150px;
	margin-right: 30px;
	font-size: 15px;
	line-height: 200%;
}
.media_date {
	float: left;
	width: 110px;
	font-size: 15px;
	line-height: 200%;
}
.media_price {
	float: left;
	width: 80px;
	font-size: 15px;
	line-height: 200%;
	text-align: right;
}
	
/* その他ページ(PC)
----------------------------*/
	
.phone_number {
	font-size: 32px;
	line-height: 160%;
	color: #567ebd;
}
.waku_blue_wide {
	border: solid 1px #0f3675;
	padding: 20px;
	width: 1040px;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 10px;
}
.waku_blue_wide_820 {
	border: solid 1px #0f3675;
	padding: 20px;
	width: 780px;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 10px;
}
.title_hand {
	font-size: 24px;
	line-height: 160%;
	color: #567ebd;
}
.journal {
	width: 1040px;
}
.journal:after {
	content: "";
	display: block;
	clear: both;
}
.journal_pic {
	float: left;
	width: 150px;
	margin-right: 30px;
}
.journal_cont {
	float: left;
	width: 860px;
	font-size: 15px;
	line-height: 200%;
}
.jornal_gou {
	font-size: 18px;
	line-height: 200%;
	color: #567ebd;
}
	
/* 医療機関(PC)
----------------------------*/

.map47 { 
    display: inherit;
}

.mid_clinic {
	width:1100px;
}

.mid_clinic:after {
	content: "";
	display: block;
	clear: both;
}

.mid_clinic1, .mid_clinic1_hokkaido, .mid_clinic1_tohoku, .mid_clinic1_kanto, .mid_clinic1_cyubu, .mid_clinic1_kansai, .mid_clinic1_cyugoku, .mid_clinic1_shikoku, .mid_clinic1_kyusyu, .mid_clinic1_okinawa {
	float: left;
	width: 500px;
 	position: relative;
 	padding: 0 0 0 90px;
 	font-size: 30px;
	height: 80px;
	color: #0f3675;
	z-index: -1;
}

.mid_clinic1::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_mid.gif');
	z-index: -1;
}

.mid_clinic1_hokkaido::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_hokkaido.gif');
}

.mid_clinic1_tohoku::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_tohoku.gif');
}

.mid_clinic1_kanto::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_kanto.gif');
}
	
.mid_clinic1_cyubu::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_cyubu.gif');
}
	
.mid_clinic1_kansai::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_kansai.gif');
}
.mid_clinic1_cyugoku::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_cyugoku.gif');
}
.mid_clinic1_shikoku::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_shikoku.gif');
}
.mid_clinic1_kyusyu::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_kyusyu.gif');
}
.mid_clinic1_okinawa::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_okinawa.gif');
}
	
.mid_clinic2 {
	float: left;
	width: 510px;
	text-align: right;
}
	
.c_hokkaido { color:#9686ae; margin:15px 0px; font-size:15px; }
.c_tohoku { color:#CF929E; margin:15px 0px; font-size:15px; }
.c_kanto { color:#839C74; margin:15px 0px; font-size:15px; }
.c_cyubu { color:#8197A3; margin:15px 0px; font-size:15px; }
.c_kansai { color:#B4A379; margin:15px 0px; font-size:15px; }
.c_cyugoku { color:#89B8BD; margin:15px 0px; font-size:15px; }
.c_shikoku { color:#9E7269; margin:15px 0px; font-size:15px; }
.c_kyusyu { color:#B59032; margin:15px 0px; font-size:15px; }
.c_okinawa { color:#D88950; margin:15px 0px; font-size:15px; }
	
.area_list_box  { 
	width: 1100px;
	background: #fffde7;
	position: relative;
	z-index: 0;
}
	
.height_750  { height: 750px; }
.height_800  { height: 800px; }
.height_850  { height: 850px; }
.height_900  { height: 900px; }
.height_950  { height: 950px; }
.height_1000  { height: 1000px; }
.height_1050  { height: 1050px; }
.height_1100  { height: 1100px; }
.height_1150  { height: 1150px; }
.height_1200  { height: 1200px; }

.area_japan  { border: solid 3px #e6a722; }	
.area_hokkaido  { border: solid 3px #9686ae; }
.area_tohoku  { border: solid 3px #cf929e; }
.area_kanto  { border: solid 3px #839C74; }	
.area_cyubu  { border: solid 3px #8197A3; }	
.area_kansai  { border: solid 3px #B4A379; }	
.area_cyugoku  { border: solid 3px #89B8BD; }	
.area_shikoku  { border: solid 3px #9E7269; }	
.area_kyusyu  { border: solid 3px #B59032; }	
.area_okinawa  { border: solid 3px #D88950; }	

.area_list_box_inner  { 
	width: 1050px;
	margin: 25px auto;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}

.mid_area_list  { 
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 200%;
}
	
.lead_area_list  { 
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
}
	
.layer_japan, .layer_hokkaido, .layer_tokyo {
	margin: 0px auto;
	position: absolute;
}
.layer_japan1{
  width: 600px;
  height: 300px;
  top: 120px;
  left: 25px;
  z-index: 1;
}
.layer_japan1_300 {
  width: 300px;
  height: 300px;
  top: 120px;
  left: 25px;
  z-index: 1;
}
.layer_japan1_400 {
  width: 400px;
  height: 300px;
  top: 120px;
  left: 25px;
  z-index: 1;
}
	
.layer_japan2{
  width: 1050px;
  left: 25px;
}
.layer_kanagawa1{
  width: 450px;
  height: 300px;
  top: 120px;
  left: 25px;
  z-index: 1;
}
	
.layer_hokkaido1 {
  width: 1050px;
  top: 120px;
  left: 25px;
}
.layer_hokkaido2 {
  width: 500px;
  left: 640px;
  z-index: 1;
}

.layer_tokyo1 {
  width: 500px;
  top: 0px;
  left: 440px;
  z-index: 1;
}

.layer_tokyo2 {
  width: 1050px;
  top: 80px;
  left: 25px;
}

.pre_list_1050 {
	width: 1050px;
}
.pre_list_1050:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_1050_1 {
	float: left;
	width: 16%;
	font-size: 15px;
	font-weight: bold;
	line-height: 250%;
}

.pre_list_700_japan {
	width: 650px;
}
	
.pre_list_700 {
	width: 650px;
}
.pre_list_700:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_700_1 {
	float: left;
	width: 20%;
	font-size: 15px;
	font-weight: bold;
	line-height: 250%;
}
.pre_list_700_2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 250%;
}
.pre_list_line {
	display: none;
}
	
.pre_list_500 {
	width: 500px;
}
.pre_list_500:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_500_1 {
	float: left;
	width: 32%;
	font-size: 15px;
	font-weight: bold;
	line-height: 250%;
}
	
.pre_list_400 {
	width: 400px;
}
.pre_list_400:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_400_1 {
	float: left;
	width: 45%;
	font-size: 15px;
	font-weight: bold;
	line-height: 250%;
}
	
.pre_list_300 {
	width: 300px;
}
.pre_list_300:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_300_1 {
	float: left;
	width: 45%;
	font-size: 15px;
	font-weight: bold;
	line-height: 250%;
}

.smid_clinic { 
	font-size: 24px;
	line-height: 240%;
}

/* area_link1,area_link2,area_link3を横に並べる設定 */

.area_link {
	width:1010px;
	padding: 20px;
	background: #fff;
}

.area_link:after {
	content: "";
	display: block;
	clear: both;
}
.area_link1 {
	float: left;
	width: 30%;
	font-size: 15px;
}
.area_link2 {
	float: left;
	width: 30%;
	font-size: 15px;
}
.area_link3 {
	float: left;
	width: 30%;
	font-size: 15px;
}

.spe_list_over  { 
	width: 1100px;
}

.spe_list_over:after {
	content: "";
	display: block;
	clear: both;
}
	
.spe_list_over1 {
	float: left;
	width: 520px;
	margin-right: 60px;
	font-size: 15px;
}
.spe_list_over2 {
	float: left;
	width: 520px;
	font-size: 15px;
}
	
.spe_list_box  { 
	width: 520px;
	background: #fffde7;
	height: 750px;
	margin-top: 30px;
}

.spe_list_box_inner  { 
	width: 470px;
	margin: 25px auto;
	padding: 0px;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
}
.spe_link  {
	margin-top: 20px;

}
.spe_link a { 
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}
.btn_spe a { 
	display: block;
	background: #0f3675;
	border: solid 2px #e6a722;
	color: #fff;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
	width: 465px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	margin-bottom: 5px;
}
.btn_spe a:hover { 
	color: #fff;
	background: #1f4b92;
}
	
.btn_spe_other a { 
	display: block;
	background: #0f3675;
	border: solid 2px #e6a722;
	color: #fff;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
	width: 465px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	margin-bottom: 5px;
}
.btn_spe_other a:hover { 
	color: #fff;
	background: #1f4b92;
}
	
.btn_kana a { 
	display: block;
	background: #e6a722;
	border: solid 2px #0f3675;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
	width: 465px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	margin-bottom: 5px;
}
.btn_kana a:hover { 
	color: #0f3675;
	background: #f6c45c;
}

.clinic {
	width: 1100px;
	margin:	0 auto;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	background: #fffde7;
	margin-top: 40px;
}

.clinic_japan  { border: solid 1px #e6a722; }	
.clinic_hokkaido  { border: solid 1px #9686ae; }
.clinic_tohoku  { border: solid 1px #cf929e; }
.clinic_kanto  { border: solid 1px #839C74; }	
.clinic_cyubu  { border: solid 1px #8197A3; }	
.clinic_kansai  { border: solid 1px #B4A379; }	
.clinic_cyugoku  { border: solid 1px #89B8BD; }	
.clinic_shikoku  { border: solid 1px #9E7269; }	
.clinic_kyusyu  { border: solid 1px #B59032; }	
.clinic_okinawa  { border: solid 1px #D88950; }

.clinic_inner {
	width: 1020px;
	margin:	0 auto;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	background: #fffde7;
	margin-top: 30px;
	margin-bottom: 30px;
}
.clinic_area {
	width: 1020px;
	border-bottom: solid 2px #e6a722;
	padding-bottom: 7px;
	font-size: 15px;
	color: #0f3675;
}
.clinic_pre, .clinic_city {
	font-size: 15px;
	color: #0f3675;
}
.clinic_name {
	margin-top: 25px;
	font-size: 30px;
	color: #0f3675;
}
.clinic_director {
	margin-top: 25px;
	font-size: 26px;
	color: #0f3675;
}
.clinic_address {
	margin-top: 20px;
	font-size: 17px;
	padding: 20px;
	background: #fce8be;
}
	
.ca {
	width: 980px;
	padding: 0px;
}
.ca:after {
	content: "";
	display: block;
	clear: both;
}
.ca1 {
	float: left;
	width: 50px;
	height: 50px;
	font-size: 16px;
	color: #EF9296;
	line-height: 260%;
}
.ca2 {
	float: left;
	width: 920px;
	height: 40px;
	font-size: 22px;
	color: #0f3675;
}
.ca2 img {
	vertical-align: middle;
}

.clinic_other {
	width: 1020px;
	padding: 0px;
	height: 40px;
}
.clinic_other:after {
	content: "";
	display: block;
	clear: both;
}
.co1 {
	float: left;
	width: 130px;
	height: 30px;
	font-size: 16px;
	color: #EF9296;
	vertical-align: bottom;
}
.co2 {
	float: left;
	width: 890px;
	height: 30px;
	font-size: 17px;
	color: #0f3675;
}
	
.reserve {
	width: 70%;
 	text-align: right;
	margin-left: 30%;
	font-size: 17px;
	color: #0f3675;
	line-height: 200%;
}
.rs_box {
	width: 90px;
 	text-align: center;
	margin-right: 5px;
	margin-top: 5px;
	padding: 7px 10px;
	border: solid 1px #e6a722;
	background: #fffde7;
	font-size: 16px;
	color: #0f3675;
}

.now {
	width: 90px;
 	text-align: center;
	margin-right: 5px;
	margin-top: 5px;
	padding: 7px 10px;
	border: solid 1px #ef9296;
	background: #ef9296;
	font-size: 16px;
	color: #ffffff;
}

/* 協会員専用(PC)
----------------------------*/
	
#member_content {
	width: 820px;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
	padding-top: 30px;
}
	
#member_content_archive {
	width: 820px;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
	padding-top: 0px;
	margin-right: 30px;
}
	
.news_list {
	border-bottom: double 1px #0f3675;
	width: 1100px;
}
.news_list:after {
	content: "";
	display: block;
	clear: both;
}
.news_date {
	float: left;
	width: 100px;
	margin-right: 50px;
	margin-top: 20px;
    padding-bottom: 20px;
	text-align: left;
	font-size: 17px;
	color: #567ebd;
}
.news_title {
	float: left;
	width: 950px;
	margin-top: 20px;
    padding-bottom: 20px;
	text-align: left;
	font-size: 17px;
}
	
.news_medical_list {
	border-bottom: double 1px #0f3675;
	width: 820px;
}
.news_medical_list:after {
	content: "";
	display: block;
	clear: both;
}
.news_medical_date {
	float: left;
	width: 100px;
	margin-right: 50px;
	margin-top: 20px;
    padding-bottom: 20px;
	text-align: left;
	font-size: 17px;
	color: #567ebd;
}
.news_medical_title {
	float: left;
	width: 670px;
	margin-top: 20px;
    padding-bottom: 20px;
	text-align: left;
	font-size: 17px;
}
	
.member_table {
	width: 200px;
	background: #fffde7;
	padding: 0px 0px 25px 0px;
}
.member_list_head {
	width: 200px;
	background: #0f3675;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding: 25px 0px;
}
.member_listf {
	width: 200px;
	margin: 0 auto;
	font-size: 16px;
	color: #0f3675;
	text-align: center;
	padding: 20px 0px;
	border-bottom: solid 1px #0f3675;
	background: #efefef;
}
.member_list {
	width: 160px;
	margin: 0 auto;
	font-size: 16px;
	color: #0f3675;
	padding: 15px 0px;
	border-bottom: solid 1px #0f3675;
	background: #fffde7;
}
.member_list2 {
	width: 160px;
	margin: 0 auto;
	font-size: 14px;
	color: #0f3675;
	padding: 15px 0px 0px 15px;
	background: #fffde7;
}

.rq_year {
	font-size: 22px;
	color: #567ebd;
	margin: 40px 0px 10px;
	clear: both;
}	
.rq_list {
	width: 820px;
	border-top: double 1px #0f3675;
	font-size: 15px;
	color: #0f3675;
	line-height: 200%;
	margin-bottom: 25px;
	padding: 10px 0px 0px 0px;
	clear: both;
}
.rq_date {
	float: left;
	width: 90px;
	padding: 0px 10px 0px 0px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	line-height: 200%;
	vertical-align: bottom;
}
.rq_title {
	float: left;
	width: 600px;
	padding: 0px 10px 0px 0px;
	text-align: left;
	font-size: 15px;
	color: #0f3675;
	line-height: 200%;
	vertical-align: bottom;
}
.rq_pdf {
	float: left;
	width: 30px;
	padding: 10px;
	text-align: left;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.ms_list {
	width: 820px;
	clear: both;
	display: flex;
}
.list p {
	margin-top: 20px;
}
.ms_pre {
	width: 56px;
	padding: 7px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	border-top: double 1px #0f3675;
}
.ms_name {
	width: 136px;
	padding: 7px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	border-top: double 1px #0f3675;
}
.ms_orner {
	width: 66px;
	padding: 7px;
	text-align: left;
	font-size: 13px;
	color: #0f3675;
	border-top: double 1px #0f3675;
}
.ms_address {
	width: 126px;
	padding: 7px;
	text-align: left;
	font-size: 13px;
	color: #0f3675;
	border-top: double 1px #0f3675;
}
.ms_tel {
	width: 86px;
	padding: 7px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	border-top: double 1px #0f3675;
}
.ms_url {
	width: 26px;
	padding: 7px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	border-top: double 1px #0f3675;
}
.ms_special {
	width: 96px;
	padding: 7px;
	text-align: left;
	font-size: 13px;
	color: #0f3675;
	border-top: double 1px #0f3675;
}
.ms_other {
	width: 106px;
	padding: 7px;
	text-align: left;
	font-size: 13px;
	color: #0f3675;
	border-top: double 1px #0f3675;
}
.ms_orange {
	font-size: 13px;
	color: #e6a722;
}
.ms_list_top_bar {
	font-size: 13px;
	color: #0f3675;
}
.ms_list_top {
	background: #fffde7;
	font-size: 13px;
}
	
.com_table {
	width: 820px;
	clear: both;
	font-size: 15px;
	color: #0f3675;
	line-height: 200%;
	margin-bottom: 10px;
}
.com_table:after {
	content: "";
	display: block;
	clear: both;
}
.com_table_left {
	float: left;
	width: 355px;
	padding: 20px;
	margin-right: 10px;
	text-align: left;
	font-size: 16px;
	color: #0f3675;
	line-height: 200%;
	border: solid 1px #0f3675;
}	
.com_table_right {
	float: left;
	width: 355px;
	padding: 20px;
	text-align: left;
	font-size: 16px;
	color: #0f3675;
	line-height: 200%;
	border: solid 1px #0f3675;
}

/* サイトマップ(PC)
----------------------------*/
	
/* sm1,sm2を横に並べる設定 */

.sm {
	width:1100px;
}

.sm:after {
	content: "";
	display: block;
	clear: both;
}
.sm1 {
	float: left;
	width: 43%;
	font-size: 15px;
	margin-right: 40px;

}
.sm2 {
	float: left;
	width: 43%;
	font-size: 15px;
}
.sm_list {
	font-size: 15px;
	line-height: 200%;
	border-bottom: dotted 1px #aaa;
	padding-bottom: 5px;
}

/* フッター(PC)
----------------------------*/

#footer_over {
	background: url('/assets/images/common/back_footer_over.jpg') repeat-y;
	width:	100%;
	height:	646px;
	text-align: center;
}

#footer {
	/* background: url('/assets/images/common/back_footer.jpg') repeat-y; */
	width:	1100px;
	height:	550px;
	margin:	0 auto;
}
#footer_inner {
	width:	1040px;
	text-align: left;
	margin: 0px 30px 15px 30px;
	color: #0f3675;
	font-size: 15px;
}
#footer_inner a {
	color: #0f3675;
}
#footer_inner a:hover {
	color: #3d6cb8;
	text-decoration: none;
}

#footer_menu {
	width: 1080px;
	padding-top: 35px;
}

#footer_menu:after {
	content: "";
	display: block;
	clear: both;
}
.footer_menu_mid {
	font-size: 18px;
	font-weight: bold;
	color: #0f3675;
}

#footer_menu01 {
	float: left;
	width: 370px;
	height:	430px;
	border-left: solid 2px #0f3675;
	padding-left: 30px;
	color: #0f3675;
	font-size: 14px;
	line-height: 210%;
}

.footer_menu01_2 {
	width: 370px;
}

.footer_menu01_2:after {
	content: "";
	display: block;
	clear: both;
}

.footer_menu01_2_left {
	float: left;
	width: 140px;
	color: #0f3675;
	font-size: 14px;
	line-height: 210%;
}

.footer_menu01_2_right {
	float: left;
	width: 220px;
	color: #0f3675;
	font-size: 14px;
	line-height: 210%;
}

#footer_menu02 {
	float: left;
	width: 210px;
	height:	430px;
	border-left: solid 2px #0f3675;
	padding-left: 30px;
	color: #0f3675;
	font-size: 14px;
	line-height: 210%;
}

#footer_menu03 {
	float: left;
	width: 200px;
	height:	430px;
	border-left: solid 2px #0f3675;
	padding-left: 30px;
	color: #0f3675;
	font-size: 14px;
	line-height: 210%;
}

#footer_menu04 {
	float: left;
	width: 140px;
	height:	430px;
	border-left: solid 2px #0f3675;
	padding-left: 30px;
	color: #0f3675;
	font-size: 14px;
	line-height: 210%;
}

#footer_phone {
	display: none;
}
	
#footer2_over {
	background: #0f3675;
	width:	100%;
	height:	100px;
	text-align: center;
}

#footer2 {
	background: #0f3675;
	width:	1100px;
	height:	100px;
	margin:	0 auto;
}
#footer2_inner {
	width:	1070px;
	text-align: left;
	margin: 0px 15px 15px 15px;
	color: #fff;
	font-size: 15px;
}
.footer_address {
	color: #fff;
	width:100%;
	text-align: left;
	padding: 10px;
	padding-top: 15px;
	font-size: 11px;
}
.footer_address a {
	color: #fff;
}
.footer_copy {
	color: #fff;
	width:100%;
	text-align: right;
	margin-top: 20px;
	font-size: 10px;
}

}
/* モバイル
----------------------------------------------------------*/

@media print, screen and (max-width: 767px) {
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    word-wrap:break-all;
}
  #for_PC {
    display: none;
  }
  #for_Phone {
    display: inherit;
  }
  #for_Phone_img {
    width: 100%;
  }
  #for_Phone_img_pre {
    width: 100%;
  }	
img[usemap]{
  max-width: 100%;
  height: auto;
}
	
#Top {
	width:	100%;
	text-align:	center;
	margin: 0 auto;
}

#wrapper {
	width:	100%;
	text-align: left;
	margin:	0 auto;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
	clear: both;
}

#wrapper_inner {
	width:	94%;
	text-align: left;
	margin:	0 auto;
	margin-top: 30px;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}

#pagetop2{
            position:fixed;
            right: 10px;
            bottom: 10px;
            cursor:pointer;
        }

#pagetop2:hover {
	opacity: 0.8;
}

#for_Phone img	{
	margin-bottom: 0px;
}
#mid_page {
	width:100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 12px; 
	color: #0f3675;
	font-size: 27px;
	border-bottom: 3px solid #e6a722;
}
#mid_page_820 {
	width:100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 12px; 
	color: #0f3675;
	font-size: 27px;
	border-bottom: 3px solid #e6a722;
}
.right_820 {
	width:100%;
	text-align: right;
	margin: 0 auto;
}
.entry-title {
	display: none;
}
.breadcrumb-area {
	display: none;
}
.arrow {
	float: left;
 	position: relative;
 	padding: 0 0 0 12px;
	font-size: 16px;
	color: #0f3675;
	margin-bottom: 5px;
}
.arrow::before {
 	position: absolute;
 	top: 0px;
	bottom: 8px;
 	left: 0;
 	content: url('/assets/images/common/ico_arrow.gif');
}
.arrow:after {
	content: "";
	display: block;
	clear: both;
}
	
.arrowu {
	float: left;
 	position: relative;
 	padding: 0 0 0 12px;
	font-size: 16px;
	color: #0f3675;
	margin-bottom: 5px;
}
.arrowu::before {
 	position: absolute;
 	top: 0px;
	bottom: 8px;
 	left: 0;
 	content: url('/assets/images/common/ico_arrowu.gif');
}
.arrow:after {
	content: "";
	display: block;
	clear: both;
}
	
/* header（スマホ） 
---------------------------------*/
	
.phone_head {
	width:100%;
	padding: 40px 20px 20px;
	background: #0f3675;
}

.phone_head:after {
	content: "";
	display: block;
	clear: both;
}
.phone_head_01 {
	float: left;
	width: 100%;
	font-size: 15px;
	margin-top: 15px;
}

.phone_head_02 {
	float: left;
	width: 10%;
	text-align: right;
	margin-right: 10px;
	margin-top: 15px;	
}
	
.phone_head_01_member {
	float: left;
	width: 100%;
	font-size: 15px;
}
	
.phone_head_02_member {
	float: left;
	width: 0%;
	text-align: right;
	margin-right: 0px;
	background: #0f3675;
}
	
.pan {
	padding-left:20px;
	padding-top:50px;
	color: #0f3675;
	font-size: 14px;
}
	
.ul_open_h,
.ul_open_v{
    background: #0f3675;
    color: #FFFFFF;
    margin: 0;
    padding: 0px;
    list-style: none;
    position: fixed;
    top: 0;
    z-index:100;
    text-align:　cetner;
}

.ul_open_h { 
    height: 100%;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .25s ease-in-out;
    overflow-y: scroll;
    padding: 5px;
    text-align:　cetner;
}

.ul_open_h {
    padding: 5px 0px 5px 30px;
    width: 80%;
    font-size:15px;
    color: #ffffff;
    line-height:170%;
    display: inline;
    text-align:　cetner;
}
.ul_open_h a{
	color: #ffffff;
}

.ul_open_h:after {
	content: "";
	display: block;
	clear: both;
}

.ul_open_h ul {
	list-style-type: none;
	margin-bottom: 7px;
}

.ul_open_h li {
	font-size: 10px;
	color: #ffffff;
	display: inline;
	display: inline-block;
	margin-bottom: 15px;
}

.menu2_wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
	font-size: 16px;
}
 
.menu2:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #0f3675;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.menu2_1:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #0f3675;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
    margin-left: -10px;
}

.menu2_2:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #0f3675;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.menu2 {
	width: 100%;
	text-align: left;
	font-size: 16px;
}

.menu2 a {
	width: 100%;
	text-align: left;
	font-size: 16px;
}

.menu2:after {
	content: "";
	display: block;
	clear: both;
}

.menu2_1  {
	width: 48%;
	text-align: left;
	font-size: 16px;
}

.menu2_1 a  {
	width: 48%;
	text-align: left;
	font-size: 16px;
}

.menu2_1:after {
	content: "";
	display: block;
	clear: both;
}

.menu2_2 {
	width: 48%;
	text-align: left;
	font-size: 16px;
}

.menu2_2 a {
	width: 48%;
	text-align: left;
	font-size: 16px;
}

.menu3_wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}

.menu3 a {
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.menu_mid {
	width: 90%;
	text-align: center;
	font-size: 22px;
	margin-bottom: 20px;
}

.menu_mid_s {
	width: 90%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}

.menu_mid_s2 {
	width: 90%;
	text-align: center;
	font-size: 11px;
	margin-bottom: 20px;
}

.menu_line{
    border-top: solid thin #fff;
    padding: 20px 30px 10px 30px;
    width: 90%;
    text-align:left;
    line-height:170%;
    position:relative;
    z-index:1000;
}
.btn{
    width: 50px;
    height: 50px;
    position: absolute;
    right :15px;
    top: 7px;
    background: #0f3675;
    z-index:500;
}
.btn:before,
.btn:after,
.btn span{
    display: block;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.btn span{
    height: 3px;
    background-color: #fff;
    top: calc(50% - 1.5px);
}
.btn:before{
    content: "";
    top: calc(25% - 3px);
    border-top: 3px solid #fff;
}
.btn:after{
    content: "";
    bottom: calc(25% - 3px);
    border-bottom: 3px solid #fff;
}
.btn.on span{
    display: none;
}

.btn.on:before{
    top: calc(50% - 1.5px);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.btn.on:after{
    bottom: calc(50% - 1.5px);
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
.btnlink{
    width: 90%;
    display: block;
    margin: auto;
    border: 1px solid #0060ff;
    border-radius: 5px;
    background: #4285F4;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 35px;
    color: #fff;
}
.linkbox a{
    text-decoration: none;
}
.open-1{
    right : -100%;
}
.open-1.active{
    right : 0px;
}

.move-1.on.btn{
    position: fixed;
    right: 25px;
    top: 10px;
}
td {
	text-align:	left;
}
.page_title {
	text-align: left;
	padding-left: 0px;
	padding-top: 15px;
	font-size:16px;
	height: 74px;
	border-bottom: solid 1px #a59a93;
	width: 100%;
}
.page_title_logo {
	width: 0px;
}
.page_title_php {
	text-align: left;
	padding-left: 0px;
	padding-top: 15px;
	font-size:16px;
	height: 74px;
	border-bottom: solid 1px #a59a93;
	width: 100%;
}
.page_title_pink {
	color: #ec8c90;
	font-size:12px;
	font-family: "Sawarabi Mincho";
	width: 100%;
}
.page_title2 {
	text-align: left;
	padding-left: 0px;
	padding-top: 10px;
	font-size:27px;
	height: 63px;
	width: 100%;
}

/* フッター(スマホ)
----------------------------*/

#footer {
	display: none;
}

#footer_phone {
	background: url('/assets/images/phone/back_footer.jpg') repeat-y;
	width: 100%;
	height: 200px;
	background-size: contain;	
}
#footer_phone_inner {
	padding: 30px;
	font-size:15px;
	line-height: 200%;
}
#footer2 {
	background: #0f3675;
	width:	100%
	height:	100px;
	margin:	0 auto;
}
#footer2_inner {
	width:	94%;
	text-align: left;
	margin: 0 auto;
	color: #fff;
}
.footer_address {
	color: #fff;
	width:100%;
	text-align: left;
	padding: 10px;
	padding-top: 15px;
	font-size: 13px;
	line-height: 160%;
}
.footer_address a {
	color: #fff;
}
.footer_copy {
	color: #fff;
	width:100%;
	text-align: right;
	margin-top: 20px;
	padding-bottom: 20px;
	font-size: 11px;
	line-height: 140%;
}
	
/* トップページ(スマホ)
----------------------------*/

.topimage {
	width: 100%;
	margin:0 auto;
	text-align: center;
	padding-top: 10px;
}
.topimagepic {
	width: 95%;
	margin:0 auto;
}
.slider {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	position: relative;
	z-index: 2;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 350px;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	top: 0px;
	display: block;
}

.slider-item01 {
    background:url(http://japc.or.jp/wp-content/uploads/2023/09/topimage001phone.jpg);
}

.slider-item02 {
    background:url(https://japc.or.jp/wp-content/uploads/2025/03/topimage_2025soukai_phone.jpg);
}

.slider-item {
	width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 320px;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
	margin: 0 auto;
}
.slick-prev, 
.slick-next {
   display: none;
}

.slick-dots {
   display: none;
}
.slick-dots li {
   display: none;
}

.kyoukai {
	width: 100%;
	margin: 0 auto;
}

.topics_back {
	background: url('/assets/images/photo/mid_topics.gif') no-repeat;
	width: 100%; 
}
.topics {
	color: #0f3675;
	font-size: 34px;
	border-bottom: 3px solid #e6a722;
	width: 90%;
	line-height:200%;
	margin-left: 20px;
}

.topics_list {
	width:100%;
	padding: 0px;
	margin: 0 auto;
	margin-top: 30px;
	z-index: -1;
}

.topics_list:after {
	content: "";
	display: block;
	clear: both;
}
.topics_list01 {
	float: left;
	width: 100%;
	font-size: 15px;
	margin-bottom:30px;
}

.topics_list02 {
	float: left;
	width: 100%;
	font-size: 15px;
	margin-bottom:30px;
}

.topics_list02_right {
	float: left;
	width: 100%;
	text-align: right;
	font-size: 15px;
}

.topics_obi {
	margin-top: 65px;
	margin-bottom: 15px;
}
.topics_categ {
	color: #c41a30;
	font-size: 16px;
	text-align: left;
	line-height:180%;
	margin-left:20px;
	margin-top: 20px;
}
.topics_day {
	color: #c41a30;
	font-size: 16px;
	text-align: left;
	line-height:180%;
	margin-left:20px;
}
.topics_title {
	color: #0f3675;
	font-size: 22px;
	text-align: left;
	line-height:160%;
	margin-left:20px;
	margin-right:20px;
	text-decoration: bold;
}
.topics_excerpt {
	color: #0f3675;
	font-size: 16px;
	text-align: left;
	line-height:180%;
	margin-left:15px;
	margin-top: 10px;
}
.info_phone {
	width: 90%;
	margin: 0 auto;
}
	
.info_mid {
	float: left;
 	position: relative;
 	padding: 0 0 0 90px;
	margin-top: 30px;
	font-size: 36px;
	height: 80px;
	color: #e6a722;
	z-index: -1;
}

.info_mid::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_mid.gif');
	z-index: -1;
}

.info_waku_title {
	padding-top: 0px; 
	color: #0f3675;
	font-size: 28px;
}

.info_waku {
	border: solid 3px #e6a722;
	margin-top: 20px;
	margin-bottom: 10px;
}

.info_waku_left {
	float: left;
	width: 100%;
	border: solid 3px #e6a722;
	margin-top: 20px;
	margin-bottom: 20px;
}

.info_waku_right {
	float: left;
	width: 100%;
	border: solid 3px #e6a722;
	margin-top: 20px;
	margin-bottom: 20px;
}

.info_list {
	width:90%;
	padding: 0px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #dfdfdf;
}
.info_list:after {
	content: "";
	display: block;
	clear: both;
}

.info_list_half {
	width:90%;
	padding: 0px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #dfdfdf;
}

.info_list_half:after {
	content: "";
	display: block;
	clear: both;
}
.info_day {
	float: left;
	color: #c41a30;
	width: 100%;
	font-size: 17px;
	line-height:  200%;
}

.info_title a {
	float: left;
	color: #0f3675;
	width: 100%;
	font-size: 17px;
	line-height:  200%;
}

.info_title_half a {
	float: left;
	color: #0f3675;
	width: 100%;
	font-size: 17px;
	line-height:  200%;
}
	
/* seminar */
.semBox {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 120%;
}

.sem_title{
	padding: 4px;
	border-left: 4px solid #FF9900;
}

.sem_tab1{
	width: 100%;
	margin-top: 4px;
	border-collapse:collapse;
}
.sem_tab1 th{
	width: 25%;
	padding: 2px 15px 2px 2px;
	font-weight: normal;
	border: 1px solid #CCC;
	background: #e1f3ff;
}
.sem_tab1 td{
	width: 75%;
	padding: 2px 8px;
	border: 1px solid #CCC;
	background: #FFFFF0;
}
	
/* お知らせ（会員）(スマホ)
----------------------------*/

#news_member {
	margin-bottom: 40px;
	padding-bottom: 40px; 
}
#mid_news_member {
	width:100%;
	margin-bottom: 20px;
	padding-bottom: 8px; 
	color: #0f3675;
	font-size: 19px;
	border-bottom: 2px solid #e6a722;
	clear: both;
}
#mid_news_content {
	width:100%;
	color: #0f3675;
	font-size: 16px;
	line-height: 200%;
}
.box_archive {
	color: #0f3675;
	font-size: 14px;
	border: 2px solid #e6a722;
	padding: 10px;
	display: inline-block;
	margin-top: 10px;
}
.box_archive_gray {
	color: #0f3675;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	display: inline-block;
	margin-top: 10px;
}

/* お問い合わせ(スマホ)
----------------------------*/
	
.contact_list {
	background: #fffde7;
	width: 100%;
	margin-bottom: 10px;
}

.contact_list2 {
	background: #ffffff;
	width: 100%;
	margin-bottom: 10px;
}
	
.contact_list:after {
	content: "";
	display: block;
	clear: both;
}
.contact_mid {
	float: left;
	width: 80%;
	margin: 20px 0px 7px 10px;
	padding-left: 10px;
	text-align: left;
	font-size: 17px;
}
.contact_form {
	float: left;
	width: 80%;
	margin: 0px 15px 20px 15px;
	text-align: left;
	font-size: 100%;
}	

.contact_form li {
  display: inline-block;
  font-size: 100%;
  width: 100%;
}
	
.contact_form select {
	height: 35px;
	font-size: 100%;
}
.inputform {
	height: 35px;
}
.inputcheck {
	font-size: 16px;
}	
.contact_form input[type="radio"], input[type="checkbox"] {
	margin: 5px;
	font-size: 100%;
	width: 10%;
}

input[type="radio"], input[type="checkbox"]{
  position: relative;
  top: 2px;
}

.contact_btn input {
	margin-top: 30px;
	height: 35px;
	width: 250px;
	font-size: 15px;
}
input[type="text"]{font-size: 150%;}
input[type="email"]{font-size: 150%;}
input[type="tel"]{font-size: 150%;}
	
form.sent .contact_list {
	display: none;
}
form.sent .contact_btn {
	display: none;
}
form .contact_kanryo {
	display: none;
}
form.sent .contact_kanryo {
	display: inherit;
}	
form .formbtn {
	text-align: center;
}
form.sent .formbtn {
	display: none;
} 
form .btns{
	display: inline-block;
	vertical-align: middle;
	margin: 30px 0px;
	padding: 10px 100px;
	color: #0f3675;
	font-size: 17px;
	letter-spacing: 0.5pt;
	text-decoration: none;
	background-color: #e6a722;
	border: 1px solid #e6a722;
	cursor: pointer;
	transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
} 
form .btns:hover{
    color: #ffffff;
	font-size: 17px;
    background-color: #0f3675;
	border: 1px solid #0f3675;
}
.wpcf7-response-output {
	font-size: 15px;
	padding: 5px;
}
.wpcf7-not-valid-tip {
	font-size: 18px;
	padding: 5px;
	border-style: none;
}
	
/* JAPCについて(スマホ)
----------------------------*/
	
.mid_about {
	width:100%;
}

.mid_about:after {
	content: "";
	display: block;
	clear: both;
}

.mid_about1 {
	float: left;
	width: 90%;
 	position: relative;
 	padding: 0 0 0 80px;
 	font-size: 25px;
	height: 60px;
	color: #0f3675;
}

.mid_about1::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_mid.gif');
}
	
.about {
	width:100%;
	font-size: 15px;
	line-height: 200%;
}

.about:after {
	content: "";
	display: block;
	clear: both;
}
.about_left {
	float: left;
	width: 100%;
	margin-right: 0px;
	font-size: 15px;
	color: #0f3675;
	line-height: 200%;
}
.about_right {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #0f3675;
}
.mid_lead {
	font-size: 24px;
	color: #e6a722;
	margin: 30px 0px;
}
.about_table {
	width: 100%;
	background: #f1f9fe;
	padding: 35px 0px;
	margin-top: 40px;
}
.about_list {
	width: 85%;
	margin: 0 auto;
	font-size: 16px;
	color: #0f3675;
	padding: 15px 0px;
	border-top: solid 1px #0f3675;
	background: #f1f9fe;
}
.sign {
	text-align: right;
	width: 100%;
	color: #0f3675;
	font-size: 15px;
}
ol li {
	margin-left: 20px;
	color: #0f3675;
	font-size: 15px;
	line-height: 200%;
}
.ac_table {
	border: solid 1px #0f3675;
	padding: 15px;
	width: 100%;
}
.ac_table2 {
	background: #fffde7;
	padding: 15px;
	width: 100%;
	margin-bottom: 20px;
}
.ac_table:after {
	content: "";
	display: block;
	clear: both;
}
.ac_date {
	float: left;
	width: 30%;
	font-size: 15px;
	line-height: 200%;
}
.ac_biko {
	float: left;
	width: 60%;
	font-size: 15px;
	line-height: 200%;
}
.ac_pdf {
	float: left;
	width: 10%;
	font-size: 15px;
	line-height: 200%;
}
.ac_name {
	font-size: 17px;
	line-height: 200%;
}
.hs_table {
	border-top: solid 1px #c5d5ef;
	padding: 15px;
	width: 100%;
	font-size: 15px;
	line-height: 200%;
}
.hs_table:after {
	content: "";
	display: block;
	clear: both;
}
.hs_date {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 200%;
	color: #567ebd;
	font-weight: bold;
}
.hs_cont {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 200%;
}
.am_list {
	border-top: solid 1px #c5d5ef;
	padding: 15px;
	width: 100%;
}
.am_list:after {
	content: "";
	display: block;
	clear: both;
}
.am_title {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 200%;
	color: #567ebd;
	font-weight: bold;
}
.am_name {
	float: left;
	width: 100%;
	font-size: 20px;
	line-height: 200%;
}
.am_adress {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 180%;
}
.am_phone {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 200%;
}
.waku_blue {
	border: solid 1px #0f3675;
	padding: 10px;
	width: 95%;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 10px;
}
.waku_orange {
	border: solid 1px #e6a722;
	padding: 10px;
	width: 95%;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 10px;
}
.japcmap {
	width: 100%;
	height: 500px;
}
	
/* 関連出版物(スマホ)
----------------------------*/
	
.media_list {
	border-top: solid 1px #c5d5ef;
	padding: 15px;
	width: 100%;
}
.media_list:after {
	content: "";
	display: block;
	clear: both;
}
.media_title {
	float: left;
	width: 100%;
	margin-right: 20px;
	font-size: 17px;
	line-height: 200%;
	color: #567ebd;

}
.media_ {
	float: left;
	width: 100%;
	margin-right: 20px;
	font-size: 15px;
	line-height: 200%;
}
.media_date {
	float: left;
	width: 50%;
	font-size: 15px;
	line-height: 200%;
}
.media_price {
	float: left;
	width: 50%;
	font-size: 15px;
	line-height: 200%;
	text-align: right;
}
	
/* その他ページ(スマホ)
----------------------------*/
	
.phone_number {
	font-size: 28px;
	line-height: 200%;
	color: #567ebd;
}
.waku_blue_wide {
	border: solid 1px #0f3675;
	padding: 20px;
	width: 100%;
	font-size: 15px;
	line-height: 200%;
	margin: 30px 0px;
}
.waku_blue_wide_820 {
	border: solid 1px #0f3675;
	padding: 20px;
	width: 100%;
	font-size: 15px;
	line-height: 200%;
	margin-top: 30px;
}
.title_hand {
	font-size: 24px;
	line-height: 160%;
	color: #567ebd;
}
.journal {
	width: 96%;
}
.journal:after {
	content: "";
	display: block;
	clear: both;
}
.journal_pic {
	float: left;
	width: 15%;
	margin-right: 30px;
}
.journal_cont {
	float: left;
	width: 80%;
	font-size: 15px;
	line-height: 200%;
	padding-top: 20px;
}
.jornal_gou {
	font-size: 18px;
	line-height: 200%;
	color: #567ebd;
}

/* 医療機関(スマホ)
----------------------------*/

.map47 { 
    display: none;
}
	
.mid_clinic {
	width: 100%;
	font-size: 24px;
}

.mid_clinic:after {
	content: "";
	display: block;
	clear: both;
}

.mid_clinic1, .mid_clinic1_hokkaido, .mid_clinic1_tohoku, .mid_clinic1_kanto, .mid_clinic1_cyubu, .mid_clinic1_kansai, .mid_clinic1_cyugoku, .mid_clinic1_shikoku, .mid_clinic1_kyusyu, .mid_clinic1_okinawa {
	float: left;
	width: 100%;
 	position: relative;
 	padding: 0 0 0 90px;
 	font-size: 24px;
	height: 80px;
	color: #0f3675;
}

.mid_clinic1::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_mid.gif');
}

.mid_clinic1_hokkaido::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_hokkaido.gif');
}

.mid_clinic1_tohoku::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_tohoku.gif');
}
	
.mid_clinic1_kanto::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_kanto.gif');
}
		
.mid_clinic1_cyubu::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_cyubu.gif');
}
	
.mid_clinic1_kansai::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_kansai.gif');
}
.mid_clinic1_cyugoku::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_cyugoku.gif');
}
.mid_clinic1_shikoku::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_shikoku.gif');
}
.mid_clinic1_kyusyu::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_kyusyu.gif');
}
.mid_clinic1_okinawa::before {
 	position: absolute;
 	top: -10px;
 	left: 0;
 	content: url('/assets/images/clinic/icon_okinawa.gif');
}
	
.mid_clinic2 {
	width: 70%;
 	text-align: right;
	margin-left: 30%;
}
	
.c_hokkaido { color:#9686ae; font-size:17px; line-height:240%; }
.c_tohoku { color:#CF929E; font-size:17px; line-height:240%; }
.c_kanto { color:#839C74; font-size:17px; line-height:240%; }
.c_cyubu { color:#8197A3; font-size:17px; line-height:240%; }
.c_kansai { color:#B4A379; font-size:17px; line-height:240%; }
.c_cyugoku { color:#89B8BD; font-size:17px; line-height:240%; }
.c_shikoku { color:#9E7269; font-size:17px; line-height:240%; }
.c_kyusyu { color:#B59032; font-size:17px; line-height:240%; }
.c_okinawa { color:#D88950; font-size:17px; line-height:240%; }
	
.area_list_box  { 
	width: 100%;
	background: #fffde7;
	position: relative;	
}

.area_japan  { border: solid 3px #e6a722; }	
.area_hokkaido  { border: solid 3px #9686ae; }
.area_tohoku  { border: solid 3px #cf929e; }
.area_kanto  { border: solid 3px #839C74; }	
.area_cyubu  { border: solid 3px #8197A3; }	
.area_kansai  { border: solid 3px #B4A379; }	
.area_cyugoku  { border: solid 3px #89B8BD; }	
.area_shikoku  { border: solid 3px #9E7269; }	
.area_kyusyu  { border: solid 3px #B59032; }	
.area_okinawa  { border: solid 3px #D88950; }	

.area_list_box_inner  { 
	width: 85%;
	margin: 0 auto;
	padding: 25px 0px;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}

.mid_area_list  { 
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 200%;
}
	
.lead_area_list  { 
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
}

.pre_list_1050 {
	margin-top: 25px;
	width: 100%;
}
.pre_list_1050:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_1050_1 {
	column-count: 2;
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 220%;
	font-weight: bold;
}
.pre_list_700_japan {
	margin-top: 25px;
	width: 100%;
}
	
.pre_list_700 {
	margin-top: 25px;
	width: 100%;
}
.pre_list_700:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_700_1 {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 220%;
	font-weight: bold;
	clear: both;
}
.pre_list_700_2 {
	column-count: 2;
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 220%;
	font-weight: bold;
	margin-bottom: 25px;
}
.pre_list_700_2_none {
	column-count: 2;
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 220%;
	font-weight: bold;
	margin-bottom: 0px;
}
.pre_list_line {
	border: solid 1 #dddddd;
}
	
.pre_list_500 {
	margin-top: 25px;
	width: 100%;
}
.pre_list_500:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_500_1 {
	column-count: 2;
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 220%;
	font-weight: bold;
}
.pre_list_400 {
	margin-top: 25px;
	width: 100%;
}
.pre_list_400:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_400_1 {
	column-count: 2;
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 220%;
	font-weight: bold;
	margin-bottom: 0px;
}
	
.pre_list_300 {
	width: 100%;
}
.pre_list_300:after {
	content: "";
	display: block;
	clear: both;
}
.pre_list_300_1 {
	column-count: 2;
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height: 250%;
}

.smid_clinic { 
	font-size: 24px;
	line-height: 240%;
}

.area_list_box  { 
	width: 100%;
	border: solid 3px #e6a722;
	background: #fffde7;
}

.area_list_box_inner  { 
	width: 90%;
	margin: 0 auto;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 230%;
	background: #fffde7;
}

/* area_link1,area_link2,area_link3を横に並べる設定 */

.area_link {
	width:94%;
	padding: 20px;
	background: #fffde7;
}

.area_link:after {
	content: "";
	display: block;
	clear: both;
}
.area_link1 {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 230%;
}
.area_link2 {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 230%;
}
.area_link3 {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 230%;
}

.spe_list_box  { 
	width: 100%;
	border: solid 3px #e6a722;
	background: #fffde7;
}

.spe_list_box_inner  { 
	width: 90%;
	margin: 0 auto;
	padding: 25px 0px;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 230%;
}
.spe_link  { 
	margin-top: 25px;
	width: 100%;
}
.spe_link a { 
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 230%;
}
.spe_list_over2 {
	margin-top: 25px;
}
	
.btn_spe a { 
	display: block;
	background: #0f3675;
	border: solid 2px #e6a722;
	color: #fff;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
	width: 100%;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	margin-bottom: 5px;
}
	
.btn_spe_other a { 
	display: block;
	background: #0f3675;
	border: solid 2px #e6a722;
	color: #fff;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
	width: 100%;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	margin-bottom: 5px;
}
	
.btn_kana a { 
	display: block;
	background: #e6a722;
	border: solid 2px #0f3675;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
	width: 100%;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	margin-bottom: 5px;
}
	
.clinic {
	width: 100%;
	margin:	0 auto;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	background: #fffde7;
	margin-top: 40px;
}

.clinic_japan  { border: solid 1px #e6a722; }	
.clinic_hokkaido  { border: solid 1px #9686ae; }
.clinic_tohoku  { border: solid 1px #cf929e; }
.clinic_kanto  { border: solid 1px #839C74; }	
.clinic_cyubu  { border: solid 1px #8197A3; }	
.clinic_kansai  { border: solid 1px #B4A379; }	
.clinic_cyugoku  { border: solid 1px #89B8BD; }	
.clinic_shikoku  { border: solid 1px #9E7269; }	
.clinic_kyusyu  { border: solid 1px #B59032; }	
.clinic_okinawa  { border: solid 1px #D88950; }

.clinic_inner {
	width: 90%;
	margin:	0 auto;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	background: #fffde7;
	margin-top: 30px;
	margin-bottom: 30px;
}
.clinic_area {
	width: 100%;
	margin:	0 auto;
	border-bottom: solid 2px #e6a722;
	padding-bottom: 7px;
	font-size: 15px;
	color: #0f3675;
}
.clinic_pre, .clinic_city {
	font-size: 15px;
	color: #0f3675;
}
.clinic_name {
	width: 100%;
	margin-top: 25px;
	font-size: 23px;
	color: #0f3675;
}
.clinic_director {
	width: 100%;
	margin-top: 25px;
	font-size: 18px;
	color: #0f3675;
}
.clinic_address {
	margin-top: 20px;
	font-size: 14px;
	padding: 20px;
	background: #fce8be;
}
	
.ca {
	width: 85%;
	padding: 0px;
}
.ca:after {
	content: "";
	display: block;
	clear: both;
}
.ca1 {
	float: left;
	width: 20%;
	margin-right: 15px;
	font-size: 16px;
	color: #EF9296;
	line-height: 260%;
}
.ca2 {
	float: left;
	width: 72%;
	font-size: 16px;
	color: #0f3675;
}
.ca2 img {
	vertical-align: middle;
}

.clinic_other {
	width: 90%;
	padding: 0px;
	margin-bottom: 6px;
}
.clinic_other:after {
	content: "";
	display: block;
	clear: both;
}
.co1 {
	float: left;
	width: 30%;
	margin-right: 15px;
	font-size: 15px;
	color: #EF9296;
	vertical-align: bottom;
}
.co2 {
	float: left;
	width: 62%;
	font-size: 15px;
	color: #0f3675;
}
	
.reserve {
	width: 100%;
 	text-align: right;
	font-size: 17px;
	color: #0f3675;
	line-height: 200%;
	clear: both;
}
.rs_box {
	width: 80px;
 	text-align: center;
	margin-right: 5px;
	margin-top: 5px;
	padding: 4px 5px;
	border: solid 1px #e6a722;
	background: #fffde7;
	font-size: 14px;
	color: #0f3675;
}

.now {
	width: 80px;
 	text-align: center;
	margin-right: 5px;
	margin-top: 5px;
	padding: 4px 5px;
	border: solid 1px #ef9296;
	background: #ef9296;
	font-size: 14px;
	color: #ffffff;
}

/* 協会員専用(スマホ)
----------------------------*/

#member_content {
	width:100%;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 40px;
	padding-top: 30px;
}
	
#member_content_archive {
	width:100%;
	color: #0f3675;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
	padding-top: 0px;
}

.news_list {
	border-bottom: double 1px #0f3675;
	width: 100%;
}
.news_list:after {
	content: "";
	display: block;
	clear: both;
}
.news_date {
	float: left;
	width: 100%;
	margin-right: 0px;
	margin-top: 20px;
	text-align: left;
	font-size: 17px;
	color: #567ebd;
}
.news_title {
	float: left;
	width: 100%;
    padding-bottom: 20px;
	text-align: left;
	font-size: 17px;
}
	
.member_table {
	width: 100%;
	background: #fffde7;
	padding: 0px 0px 25px 0px;
	margin-top: 40px;
}
.member_list_head {
	width: 100%;
	background: #0f3675;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding: 25px 0px;
}
.member_listf {
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	color: #0f3675;
	text-align: center;
	padding: 20px 0px;
	border-bottom: solid 1px #0f3675;
	background: #efefef;
}
.member_list {
	width: 80%;
	margin: 0 auto;
	font-size: 16px;
	color: #0f3675;
	padding: 15px 0px;
	border-bottom: solid 1px #0f3675;
	background: #fffde7;
}
.member_list2 {
	width: 80%;
	margin: 0 auto;
	font-size: 16px;
	color: #0f3675;
	padding: 15px 0px 0px 15px;
	background: #fffde7;
}
.rq_year {
	font-size: 22px;
	color: #567ebd;
	margin: 0px 0px 10px;
	clear: both;
}	
.rq_list {
	width: 100%;
	clear: both;
	border-top: double 1px #0f3675;
	font-size: 15px;
	color: #0f3675;
	line-height: 200%;
	padding:15px 0px;
	margin: 10px 0px;
}
.rq_date {
	float: left;
	width: 25%;
	padding: 5px 0px 15px 0px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	line-height: 160%;
}
.rq_title {
	float: left;
	width: 55%;
	padding: 5px 0px 15px 10px;
	text-align: left;
	font-size: 15px;
	color: #0f3675;
	line-height: 160%;
}
.rq_pdf {
	float: left;
	width: 8%
	padding: 20px 0px;
	text-align: center;
	vertical-align: bottom;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}	
.ms_list {
	width: 100%;
	clear: both;
	border-top: double 1px #0f3675;
	display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
	flex-wrap: wrap;
    margin-bottom: 15px;
}
.ms_list li{
    display: flex;
    width: 100%;
    margin: 0;
}
.list p {
	margin-top: 25px;
}
.ms_pre {
	float: left;
	width: 25%;
	padding: 15px 5px 0px 5px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	line-height: 160%;
}
.ms_address {
	float: left;
	width: 75%;
	padding: 7px 5px 0px 5px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	line-height: 160%;
}
.ms_name {
	float: left;
	width: 100%;
	padding: 7px 5px 0px 5px;
	text-align: left;
	font-size: 18px;
	color: #0f3675;
	line-height: 160%;
}
.ms_orner {
	float: left;
	width: 100%;
	padding: 7px 5px 0px 5px;
	text-align: left;
	font-size: 16px;
	color: #0f3675;
	line-height: 160%;
}
.ms_tel {
	float: left;
	width: 100%;
	padding: 7px 5px 0px 5px;
	text-align: left;
	font-size: 16px;
	color: #0f3675;
	line-height: 160%;
}
.ms_url {
	float: left;
	width: 100%;
	padding: 7px 5px 0px 5px;
	text-align: left;
	font-size: 16px;
	color: #0f3675;
	line-height: 160%;
}
.ms_special {
	float: left;
	width: 100%;
	padding: 7px 5px 0px 5px;
	text-align: left;
	font-size: 16px;
	color: #0f3675;
	line-height: 160%;
}
.ms_other {
	float: left;
	width: 100%;
	padding: 7px 5px 0px 5px;
	margin-bottom: 15px;
	text-align: left;
	font-size: 14px;
	color: #0f3675;
	line-height: 160%;
	clear: both;
}
.ms_orange {
	font-size: 13px;
	color: #e6a722;
}
.ms_list_top_bar {
	font-size: 13px;
	color: #0f3675;
}
.ms_list_top {
	display: none;
}
	
.com_table {
	width: 100%;
	clear: both;
	font-size: 15px;
	color: #0f3675;
	line-height: 200%;
}
.com_table:after {
	content: "";
	display: block;
	clear: both;
}
.com_table_left {
	float: left;
	width: 100%;
	padding: 20px;
	text-align: left;
	font-size: 16px;
	color: #0f3675;
	line-height: 200%;
	border: solid 1px #0f3675;
	margin-bottom: 10px;
}	
.com_table_right {
	float: left;
	width: 100%;
	padding: 20px;
	text-align: left;
	font-size: 16px;
	color: #0f3675;
	line-height: 200%;
	border: solid 1px #0f3675;
	margin-bottom: 10px;
}
	
/* サイトマップ(PC)
----------------------------*/
	
/* sm1,sm2を横に並べる設定 */

.sm {
	width: 100%;
}

.sm:after {
	content: "";
	display: block;
	clear: both;
}
.sm1 {
	float: left;
	width: 100%;
	font-size: 15px;
	margin-right: 0px;

}
.sm2 {
	float: left;
	width: 100%;
	font-size: 15px;
}
.sm_list {
	font-size: 15px;
	line-height: 200%;
	border-bottom: dotted 1px #aaa;
	padding-bottom: 5px;
}
	
}

/*========= ふわっとした動き ===============*/

/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 上から */

.fadeDown{
animation-name:fadeDownAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
z-index: -1;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
 ? ?width: 820px;
 ? ?max-width: 820px;
    margin:0 auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
	border: 1px solid #0f3675;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/

.title.close::before{
	transform: rotate(45deg);
}

.title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
	margin:0 2% 2% 2%;
    padding: 2%;
}

/*==================================================
lightboxのためのcss
===================================*/

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}

/*========= 検索窓のためのCSS search_container ===============*/

.searchandfilter {
  box-sizing: border-box;
  position: relative;
  border: 1px solid #fff;
  background: #fff;
  display: block;
  padding: 0px 10px;
  border-radius: 20px;
  height: 27px;
  width: 180px;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
}
.searchandfilter input[type="text"]{
  border: none;
  height: 32px;
  vertical-align: top;
}

::placeholder { color: #86bade; }

.searchandfilter input.search-box {
  width: 130px;
  color: #86bade;
  font-size: 12px;
 ?padding-bottom: 3px;
}

.searchandfilter input[type="text"]:focus {
  outline: 0;
}
.searchandfilter button[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1em;
 ?border-style: none;
  color: #fff;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 0px;
 ?top: -5px;
  outline : none;
}

.search-area {
	background: url('/assets/images/common/search_icon2.gif') no-repeat;
	border: none;
	width: 35px;
	height: 26px;
}
/* 
.search-btn {
	background: #86bade;
	border: solid 2px #86bade;
}
*/

@media print, screen and (min-width:768px)  {
	
.searchresult {
	width:1100px;
}
}

@media print, screen and (max-width: 767px) {
.searchresult {
	width: 100%;
}
}

.searchresult {
	color: #0f3675;
	font-size: 16px;
	line-height: 200%;
}

.searchresult:after {
	content: "";
	display: block;
	clear: both;
}
.searchresult_list {
	float: left;
	width: 100%;
	color: #0f3675;
	font-size: 16px;
	line-height: 200%;
}
.searchresult_excerpt {
	color: #aaa;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 10px;
}
.search-highlight {
	font-weight: bold;
	background: linear-gradient(transparent 60%, #ffff66 60%);
	color: #0f3675;
	font-size: 16px;
	line-height: 200%;
}

/*========= グローバルメニュー（メガサブ） ===============*/

ol, ul {
	list-style: none;
}

.menu {
	position: relative;
	width: 100%;
	height: 82px;
	max-width: 1100px;
	margin: 0 auto;
}

.menu > li {
	float: left;
	width: 366px;
	height: 82px;
	line-height: 82px;
	background: #DDD;
}

.menu > li a {
	display: block;
	color: #fff;
}

.menu > li a:hover {
	color: #999;
}

.menu__mega01 {
	width: 366px;
	height: 82px;
  background: url('/assets/images/common/gmenu01.gif') no-repeat;
  -webkit-transition: .2s ease;
  transition: .2s ease;
	display:block;
}
.menu__mega01:hover {
	width: 366px;
	height: 82px;
  background: url('/assets/images/common/gmenu01_on.gif') no-repeat;
  -webkit-transition: .2s ease;
  transition: .2s ease;
	display:block;
}
.menu_box {
	width: 366px;
	height: 82px;
	font-size: 35px;
	/*margin-top: 20px;*/
	display: block;
}

span.menu_box a {
    display: block;
}


.menu__mega02 {
  height: 82px;
  background: url('/assets/images/common/gmenu02.gif') no-repeat;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.menu__mega02:hover {
  height: 82px;
  background: url('/assets/images/common/gmenu02_on.gif') no-repeat;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.menu__mega03 {
  height: 82px;
  background: url('/assets/images/common/gmenu03.gif') no-repeat;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.menu__mega03:hover {
  height: 82px;
  background: url('/assets/images/common/gmenu03_on.gif') no-repeat;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.menu__second-level li {
  border-top: 0px solid #111;
}

.menu:before,
.menu:after {
  content: "";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}

td.menu__mega .menu__second-level {
    position: absolute;
    top: 84px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 100px;
    background: #0f3675;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	text-align: left;
	z-index: 10000;
}

td.menu__mega .menu__second-level a {
    color: #FFFFFF;
	font-size: 15px;
	line-height: 200%;
	text-align: left;
}
td.menu__mega .menu__second-level a:hover {
    color: #85a8e0;
	font-size: 15px;
	line-height: 200%;
	text-align: left;
}

td.menu__mega:hover .menu__second-level {
    top: 84px;
    visibility: visible;
    opacity: 0.85;

}

.menu__mega .menu__second-level {
  position: absolute;
  top: 84px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 2%;
  background: #EFEFEF;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0.85;

}

.gmenu_130 {
  float:left;
  width: 130px;
  padding-left: 25px;
}
.gmenu_140 {
  float:left;
  width: 140px;
  padding-left: 25px;
}
.gmenu_150 {
  float:left;
  width: 150px;
  padding-left: 25px;
}
.gmenu_160 {
  float:left;
  width: 160px;
  padding-left: 25px;
}
.gmenu_180 {
  float:left;
  width: 180px;
  padding-left: 25px;
}
.gmenu_190 {
  float:left;
  width: 190px;
  padding-left: 25px;
}
.gmenu_230 {
  float:left;
  width: 230px;
  padding-left: 25px;
}
.gmenu_250 {
  float:left;
  width: 250px;
  padding-left: 25px;
}
.gmenu_250_center {
  float: left;
  width: 250px;
  text-align: center;
}
.gmenu_s {
 ?font-size: 11px;
  line-height: 160%;
  text-align: center;
}

.gmenu_line {
  border-right:solid 1px #FFF;
}