@charset "UTF-8";


/* 768px以下 */


/*==============================================================
レイアウト
==============================================================*/


html {
	height:100%;
	font-size: 15px;
}


body { 
position:relative;
margin-left:auto; margin-right:auto; width:auto; height:auto; 
}


/* 画像 */
img	{max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}



/* ヘッダー固定に伴いcontents全体を下げる */
#main {
	margin-top:0px;
}

body.toppage #main {
	margin-top:0px;
}


/*==============================================================
ハンバーガーナビ
==============================================================*/


.hb-navigation {

display:block;
position:fixed;
top:10px;
right:10px;
width:40px;
height:40px;

	z-index:9999999;
	background:rgba(0,0,0,0.8);
	
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;

	cursor:pointer;

}


.hb-navigation .button {

position: absolute;

top:19px;

margin-left:5px;

width:30px;
height:2px;
background:#fff;

transition:all .3s;
-webkit-transition:all .3s;


display:block;
cursor:pointer;

}


.hb-navigation .button::before, .hb-navigation .button::after {

position:absolute;
width:30px;
height:2px;
background:#fff;
transition:all .3s;
-webkit-transition:all .3s;
transition-delay:.3s;

cursor:pointer;

}

.hb-navigation .button::before {
content:'';
top:-12px;
}
.hb-navigation .button::after {
content:'';
top:12px;
}

/**/

.hb-navigation .action.button {
position: absolute;

width:30px;
height:2px;

background:none;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}


.hb-navigation  .action.button::before {
	display:block;

position:absolute;
top:0;
width:30px;
height:2px;
background:#fff;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

.hb-navigation  .action.button::after {
	display:block;

position:absolute;
top:0;
width:30px;
height:2px;
background:#fff;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

/**/


.navigation-contents {
	display:block;
position:relative;
top:0;
left:0;
background:rgba(0,0,0,.75);
width:100%;
margin:auto;
text-align:center;
opacity:0;
transition:all .5s;
-webkit-transition:all .5s;
transform:translateY(-100%);
-webkit-transform:translateY(-100%);
z-index:9998;

height:100%;
overflow:scroll;
}



.navigation-contents.open {
display: block;
position:relative;
position:fixed;
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);

}


/**/



.section {
position:absolute;
background:rgba(0,0,0,.75);
}

.section.menu ul {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:4em;
	margin-bottom:1em;
	border-bottom:solid 1px rgba(255,255,255,0.5);

}

.section.menu ul li+ li {
	border-top:solid 1px rgba(255,255,255,0.5);
}

.section.menu ul li a {
	display:block;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-size:1.1em;
	color:#fff;
	text-decoration:none;

}


/**/


/*カレント表示*/

body.toppage .section.menu ul li.toppage a {background:#00538A;color:#fff;}
body.greeting  .section.menu ul li.greeting a {background:#00538A;color:#fff;}
body.policy .section.menu ul li.policy a {background:#00538A;color:#fff;}
body.flow .section.menu ul li.flow a {background:#00538A;color:#fff;}
body.products .section.menu ul li.products a {background:#00538A;color:#fff;}
body.contact .section.menu ul li.contact a {background:#00538A;color:#fff;}



/*
@media (max-width:767px){
.section.menu p {
font-size:36px;
padding:15px 0 ;
}
.section.menu p a {
color:#fff;
padding:15px 0 ;
border-bottom:dotted 1px #fff;
}
}


section {
	transition:all 1s;
	-webkit-transition:all 1s;
	}

section.close{
	font-weight:100;
	transform:scale(.85,.85);
	-webkit-transform:scale(.85,.85);
}

*/



/*==============================================================
ヘッダー　
==============================================================*/

header {
	position: fixed;
	top:0px;
	bottom:auto;
	background:#00538A;
	z-index:1000;
	width:100%;
	padding-top:8px;
	 
    box-shadow: none; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
}

.header-wrap {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
	
}


ul.header-menu {
	display:none;

}


.header-logo {
	float:left;
	margin-left:10px;
}

.header-logo img {
	width:70%;
	height:auto;
}


.copyright {
	display:none;
}





/* fullSlideShow
--------------------------- */

.fullSlideShow-wrap {
	z-index:100;
	position:absolute;
	height:320px!important;
	width:100%;
	background:url(../img/toppage/main_img_dots.png);
}



.fullSlideShow {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index:-99999;

/* jQearyで高さを取得 */

/* 高さを指定 */
	height:320px!important;

}

.lead {
	        position: absolute;
        top: 0;
        bottom: auto;
        margin: auto;
        text-align: center;
        z-index: 1000;
        width: 100%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
	padding-top: 30px;
}



/*==============================================================
スクロール時表示
==============================================================*/


#change {

	display:none!important;

	margin-right: auto;
	margin-left: auto;
	text-align: center;

	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;

	display: none;
	z-index: 1;

	padding-bottom:0px;
	padding-top:15px;
	
	background:rgba(255,255,255,1.00);
	border-bottom:rgba(0,0,0,0.3) solid 1px;

}


#change .header-top {

	display:none;

	background: rgba(255,255,255,0.8);
	padding-top: 0em;
	padding-bottom: 0.5em;
	border-bottom:rgba(0,0,0,0.0) solid 1px;
	margin-bottom:0em;
}

/*==============================================================
トップ　検索
==============================================================*/

.top-search-box {
	background:#F0F5E1;
	margin-top:0px;

}

.top-search-box .inner {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:30px;

}

.top-search-box ul {
	margin-top:20px;
}

.top-search-box ul li {
	float:left;
	width:48%;
}


.top-search-box ul li:first-child {
	margin-right:4%;
}
	

.search-field {
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;
	float:left;
	border:none;
	font-size:1em;
	padding:5px;
	height:40px;
	width:75%;


}



/*==============================================================
section article
==============================================================*/

section {
	padding-top:40px;
	padding-bottom:40px;
}

body.information section {
	padding-top:30px;
	padding-bottom:0px;
}



article.inner {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}


/*==============================================================
タイトル
==============================================================*/


body.next-hierarchy h1 {
    background:#00538A;
	 color:#fff;
	 text-align:center;
	 letter-spacing:0.1em;
	 font-size:1.8em;
	 font-weight:200;
	 line-height:1.3;
	 padding-top:70px;
	 padding-bottom:0.5em;
	 
	 font-weight:300;
	 

}


body.next-hierarchy h2 {
	text-align:center;
	font-weight:300;
	font-size:1.4em;
	line-height:1.3;
	margin-bottom:20px;
}

body.next-hierarchy h2 i{
	font-style:normal;
	text-decoration:none;
	padding-bottom:0em;
	border-bottom:none;
}


body.next-hierarchy h3 {
	font-weight:300;
	font-size:1.2em;

	margin-bottom:15px;
	margin-top:20px;
}

/**/


body.toppage h2 {
	 color:rgba(0,83,138,1.00);
	 text-align:center;
	 letter-spacing:0.1em;
	 font-size:1.8em;
	 font-weight:200;
}

body.toppage h3 {
	 color:rgba(0,83,138,1.00);
	 text-align:center;
	 letter-spacing:0.1em;
	 font-size:1.3em;
	 font-weight:100;
}





/*==============================================================
トップ　ニュース
==============================================================*/


.information-wrap {
	background:#EFEFEF;

}

.information-box {
	max-width:90%;
	margin-left:auto;
	margin-right:auto;

}

/**/

body.information .information-box ul {
	margin-left:0px;
	margin-top:0px;

}

/**/

.information-box ul {
	margin-left:0px;
	margin-top:20px;

}



.information-box ul li {
	float:none;
	width:100%;
	margin-left:0px;
	margin-bottom:30px;
	
	min-height:270px;
	padding-left: 0;
}
.information-box ul li >div{
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


.info-img {
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(../img/toppage/info-default-img.png) no-repeat;
	background-size: 100% auto;
	
}

/**/

.info-img img{
	width:100%;	
}


/*==============================================================
トップ　構成学会
==============================================================*/

.c-society-wrap {

}

.c-society-box {
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
}

body.toppage .c-society-wrap h2 {
	color:#fff;
}

body.toppage .c-society-wrap h3 {
	color:#fff;
	margin-top:20px;
	margin-bottom:20px;
}

/**/

.c-society-box ul {
	margin-left:0px;

}

.c-society-box ul li {
	float:none;
	width:100%;
	margin-left:0px;
	margin-bottom:0.7em;
	padding-bottom:0.7em;
	
	border-bottom:rgba(255,255,255,0.1) solid 1px;
}

.c-society-box ul li:first-child {
	margin-bottom:0.7em;
	border-top:rgba(255,255,255,0.1) solid 1px;
}

.c-society-box ul li .name {
	font-weight:300;
	font-size:1em;
	margin-bottom:0px;
}

.c-society-box ul li .add {
	font-weight:100;
	font-size:0.9em;
}


/*==============================================================
フッター
==============================================================*/


footer {
	background:#002F4F;
	width:100%;
	text-align:center;
	padding-top:50px;
	padding-bottom:40px;
}

.footer-cr {
	display:block;
	color:rgba(255,255,255,0.5);
	background:#001828;
	font-size:0.7em;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 5px;
	letter-spacing:0;
}


/**/

ul.footer-nav {
	display:block;
	background:#001828;
	padding-top:30px;
	padding-bottom:20px;
}

ul.footer-nav li{
	width:75%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

ul.footer-nav li a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:rgba(255,255,255,0.2) solid 1px;
}

ul.footer-nav li:first-child a {
	border-top:rgba(255,255,255,0.2) solid 1px;
}

ul.footer-nav li a:hover{
	background:#002F4F;
}


body.toppage ul.footer-nav li.toppage a {background:#002F4F;}
body.greeting  ul.footer-nav li.greeting a{background:#002F4F;}
body.policy ul.footer-nav li.policy a{background:#002F4F;}
body.flow ul.footer-nav li.flow a{background:#002F4F;}
body.products ul.footer-nav li.products a{background:#002F4F;}
body.contact ul.footer-nav li.contact a{background:#002F4F;}



/* ボタン */

a.btn-contact {

	border:#fff solid 1px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	color: #fff;
	text-decoration: none;
	letter-spacing:0.1em;
	
	font-weight:400;
	font-size:1.8em;

}

a.btn-contact:before {
	content:url(../img/body/icon_mail.png);
	margin-right:15px;
	vertical-align:-15%;
}

a.btn-contact:hover {
	background: #00538A;
}


/* Page Top */
/*----------------------------------------------------*/

.page-top {
	position:relative;
}


#pageTop {
	position:fixed;
	bottom:35px;
	right:20px;
	z-index:1000000;
	width:50px;
	height:50px;

	}

* html #pageTop {
	display: none;
	float: right;
	}

/**/




/*==============================================================
次階層　症例実施までの流れ
==============================================================*/


ul.flow-list {
	background:url(../../flow/img/flow_line_sp.png) center top repeat-y;
}

ul.flow-list li{
	float:none;
	margin-left:0%;
	margin-bottom:40px;
	width:100%;
	font-size:1em;
	line-height:1.5;

}

ul.flow-list li:last-child{
	margin-bottom:0px;
}

ul.flow-list li .ex{
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	background:#fff;
}

ul.flow-list li a{
	display:block;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	
	color:#fff;
	text-decoration:none;

	font-size:1.3em;
	font-weight:400;
}

/*==============================================================
次階層　承認製品
==============================================================*/

ul.list-products {
	margin-top:0px;
}

ul.list-products li {
	border-bottom:rgba(0,0,0,0.2) solid 1px;
	padding-bottom:0px;
	padding-top:20px;
}

ul.list-products li:last-child {
	border-bottom:none;
}

ul.list-products li .pic {
	float:none;
	text-align:center;
}

ul.list-products li .title {
	float:none;
	padding-top:10px;
	text-align:center;
}

.product-name {
	font-weight:300;
	font-size:1.3em;
}



/*==============================================================
ぱんくず
==============================================================*/

#breadlist {
	margin-top:0px;
	margin-bottom:30px;
}

#breadlist ul {
	width:90%;

}

body.information #breadlist ul {
	width:90%;
}


body.single-post #breadlist ul {
	width:90%;
}

/**/

/*==============================================================
アンカー
==============================================================*/
.anchor-point {
    margin-top:-70px;
    padding-top:70px;
	visibility:hidden;

}




/*==============================================================
youyube表示用
==============================================================*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*-------------------------------------------------- */
/* サイトマップ
---------------------------------------------------- */


.link-sitemap {
	float: none;
	width: 100%;
}

.link-sitemap li {
	float:none;
	
	width:100%;
}

	float:left;}


/*-------------------------------------------------- */
/*Google map レスポンシブ対応
---------------------------------------------------- */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 3% 0 3%; /* marginで調整 */

}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*==============================================================
トップに戻る
==============================================================*/


.pageTop {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:10000;
	width:40px;
	height:40px;

	}

* html .pageTop {
	display: none;
	float: right;
	}
	






/*==============================================================
スマホ表示　TEL link
==============================================================*/

.tel-link a {
	text-decoration:underline;
}


/*==============================================================
スマホ表示専用
==============================================================*/

/*テーブルスクロール*/
.sp-table-overflow {
	overflow:scroll;

}


/* brに適用 スマホのみ改行*/
.sp-br {clear:both;display:block;}

.sp-clear {clear:both!important;float:none!important;}

.sp-center {text-align:center!important;}

.sp-mgn0 {margin:0!important;}

.sp-display-non {display:none!important;}

.pc-display-non {display:block;}


.sp-img-w40p { width:40%!important;}
.sp-img-w50p { width:50%!important;}



.frtR-pic, .frtL-pic {
	float: none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	text-align:center;
}

.imgwaku-doctor{
	margin-bottom:15px;}
	
	

	

/*==============================================================
ブログ
==============================================================*/

body#wp{}


.contant-blog {
	width: 100%;  
	 float:none; 
	margin-right: 0px; 

}



.blog-entry {
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
	font-size:1em;
}

/* サイドナビ */
.blog-side-nav {
	 float:none;
	width:100%;
    margin-bottom:10px;

}


/*一覧 ------------------------------------------------*/
ul.wp_list{}
ul.wp_list li{
	border-bottom: 1px solid #DCDCDC;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 0px;
	
}

ul.wp_list li:first-child{padding-top: 0px;}

ul.wp_list li:last-child{border-bottom:none;}

/*日付*/
.news_date{ font-size:0.8em; color:#666666}

/*カテゴリ*/
.news_cate{font-size:0.8em; color:#666666;
	padding:0 0 0 10px}

/*タイトル*/
.news_title{ display:block;
	font-size:0.95em}






/*ブログ ------------------------------------------------*/

#honbun img{ max-width:100%; margin:0 0 10px 0 }
#honbun .small .wp_main_pic_frame{ width:180px; float:right; padding:0 0 0 20px }

/*日付*/
#honbun .date{ 
		font-size:0.8em;
		margin:0 0 30px 0;
		display:block
		}

.wp_main_caption{
	display:block;
	font-size:0.9em;
	color:#3D3D3D;
	}

.wp_main_pic{margin-bottom:40px}


/*関連リンク、資料ダウンロード*/
.kanren-box{ border:1px solid #D9D9D9;
padding:25px;
margin:20px 0px
}


/*調整*/
.kanren-box h5{
		margin-top:0px;
		}

/*関連リンク*/
.ul_link_blank li{ margin:20px 0 20px 0}
.ul_link_blank li:last-child{ margin:20px 0 0px 0}

	.ul_link_blank li a{ background:url(../img/body/i_new_window.png) no-repeat right 2px;
	margin:20px 0 20px 0;
	padding:0 25px 0 0 }

.ul_link_blank span{ font-size:0.8em;}
.ul_link_blank span.caption_s{ display:block; margin:0px 0px 0px 0px;}


/*資料ダウンロード*/
.ul_link_file li{ margin:20px 0 20px 0}
.ul_link_file li:last-child{ margin:20px 0 0px 0}

.ul_link_file span{ font-size:0.8em;}
.ul_link_file span.caption_s{ display:block; margin:0px 0px 0px 25px;}




/*オススメ一覧*/
ul.wp_list_osusume{ margin:10px 10px }
ul.wp_list_osusume li{ border-bottom:1px dashed #DCDCDC;padding:10px 0px; font-size:0.9em}
ul.wp_list_osusume li a{ display:inline-block !important}
ul.wp_list_osusume li span{ font-size:0.8em; color:#666666}





/*ニュース ------------------------------------------------*/

/* 管理画面で小さい写真を選択した場会 */

	/* 管理画面で小さい写真を選択した場会 */

		/* メインの写真を文章右に */
		.small .main_pic{
			width:47%;
			 float:right;
			 margin-left:20px;
			 margin-bottom:30px;
			 margin-top:6px;}
			 
			 /* メインの写真を文章右に */
		.small .main_pic p{ margin-top:0px !important}
		
		
		
/* サブ画像 */
.col3_photo_list{ margin-left:-3%}
.col3_photo_list .f_left{ float:left; width:22%; margin-left:3%; box-sizing:border-box;
margin-bottom:5px;}
.col3_photo_list .f_left img{ width:100%; margin-bottom:10px}
.col3_photo_list span.cap{ font-weight:1.2rem !important;
line-height:1.3em !important}








/* 詳細ページのページ送り */
#navigation {
	text-align:center; line-height:50px; height:50px; color:#666666; margin:60px 0 0 0;
	background:#F5F5F5
	}

#navigation span{ border-left: 1px solid #DDDDDD; color:#138CC3; padding:0px 10px;font-size:13px; margin:0 0px; }
#navigation a:hover{}
#navigation span:first-child{ border:none}

#navigation .no-link{ color:#B3B3B3}

.bot-new{ margin:30px 0 0 0 }



/*==============================================================
問い合わせフォーム
==============================================================*/


#mp-main {

}


.table-form {
	    border-collapse: collapse;
		border-top:#000 solid 1px;
}

.table-form th {
	display: block;
	border-collapse: collapse;
	font-weight: 300!important;
	text-align: left;
	padding-top: 10px!important;
	padding-right: 5px!important;
	padding-left: 5px!important;
	padding-bottom: 0px!important;
	border-bottom: #fff solid 1px!important;
	font-size: 110%;
	width: 100%!important;
}

.table-form td {
		display:block;
	    border-collapse: collapse;
		padding:5px;
		border-bottom:#ccc solid 1px!important;
}


#mp-main span.radioelement {


}
#mp-main span.checkelement {


}


.mokuji_box{
    padding: 20px;
    font-size: .9em;
}

.flowpage_tab_link{
	font-size: .9em;
}



.flow_main_title {
    font-size: 1.5em!important;
}
.flow_main_title span{
    font-size: 1.3em;
    vertical-align: -3px;
}

.top_new_info_body{
	display: none!important;
}



.toppage_info_flex{
	display: block;
}


.toppage_info_flex_left{
	width: 100%;
	text-align: center;
}
.toppage_info_flex_left h2{
	text-align: center!important;
	margin-bottom: 20px;
}
.toppage_info_flex_right{
	width: 100%;
}

.toppage_info_section{
	padding: 45px 0 50px;
}



.pc_only{
	display: none!important;
}

.lead img {
    width: 578px;
    max-width: 80%;
}