@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*font-weightは[notosansjaoanese.cssにあり*/

/* =============== 初期設定 =============== */

*{
	margin: 0px;
	padding: 0px;
	font-family:  'Noto Sans Japanese', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#all {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

img{
	vertical-align: middle;
}

a:hover {
	text-decoration: none;
	color: #999;
}

a img:hover {
	opacity: 0.5;
}



/* ============= ページレイアウト ============= */

/*----------------- body レイアウト------------------*/

	body{	
	width: 100%;	
	-webkit-text-size-adjust: 100%;
	}


@media only screen and (min-width:768px) {
	body{	
		padding: 0px 0px;
		margin: 0px auto;
		overflow-x:hidden;/*横スクロール対策*/
	}

}

@media only screen and (max-width:767px) {/*モバイル*/
	body{	
		padding: 0px 0px;		
		margin: 0px auto;
		overflow-x:hidden;/*横スクロール対策*/
	}
}


/*----------------- header レイアウト------------------*/

@media only screen and (min-width:1250px)  {/*大画面*/
	header .contents_nav{/*--グローバルメニュー--*/
		width: 100%;
		height:280px;
		margin-top: 0;
		padding-top: 0;
		padding-left: 5px;
		background-color:#fff;
		z-index: 140;
	}
	
	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}
	
	header{
		display: none;	
	}
}
	
@media only screen and (max-width:1249px) {/*小画面*/
	.contents_nav{
		display: none;
	}
	
	header{
		position: fixed;
		width: 100%;
		height:80px;
		margin-top: 0;
		background-color:#fff;
		z-index: 140;
	
	}
	
	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}

}		

/*----------------- main レイアウト------------------*/


#container {
	width: 100%;
	background-color:#fff;
	overflow: hidden; /*横スクロール対策*/
	/*text-align: center;*/
}



/*----------------- wrapper main------------------*/

#wrapper {
	margin: 80px 0 0;
	text-align: left;
	background: #fff;
	position: relative;
	z-index: 110;
}

	#main{
		display:block;
		width: 100%;
	    /*border-top: solid 1px #e8e8e8;*/
		z-index: 120;

	}


aside:after {
	display: table;
	content: "";
	clear: both;
}




/****************************************
.ヘッダー ドロワーメニュー 中小画面 (script.js)
****************************************/
header {
	position: relative;
	background-color: #fff;
}
header .headerTop{
	padding:0 10px 10px 10px;
}
header .siteTitle{
	position: absolute;
	top: -20px;
	left: -10px;
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.navDrawr>ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.navDrawr>ul>li {
	float: left;
	width: 25%;
	position: relative;
}
.navDrawr a {
	display: block;
	color: #3e3a39;
	text-decoration: none;
	background: rgb(89, 127, 202);/*メニュー背景*/
	background: rgba(89, 127, 202, 1);/*メニュー背景*/
	padding: 10px;
}
.navDrawr a:hover {
	text-decoration: nono;
	color: #c6c6c6;
}

.navDrawr .no-link {
	display: block;
	color: #3e3a39;
	text-decoration: none;
	background: rgb(89, 127, 202);/*メニュー背景*/
	background: rgba(89, 127, 202, 1);/*メニュー背景*/
	padding: 10px;
}

.navDrawr .sub li:last-child a {
	border: none;
}
.navDrawr>ul>li>a {
	border-right: none;/*ボーダー*/
	text-align: center;
}
.navDrawr>ul>li>a:hover {
	background: rgb(89, 127, 202);/*ホバー時*/
	background: rgba(89, 127, 202, 0.5);/*ホバー時*/
}
.navDrawr .sub {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9999;
}
.navDrawr .sub a {
	background: rgb(89, 127, 202);/*メニュー背景　サブ*/
	background: rgba(89, 127, 202, 1);/*メニュー背景　サブ*/
	border-bottom: none;/*ボーダー*/
	padding: 10px 10px 10px 50px;
}
.navDrawr .sub a:hover {
	background: rgba(89, 127, 202);/*ホバー時*/
	background: rgba(89, 127, 202, 0.5);/*ホバー時*/
}

/*--文頭icon-*/
p.m_01, p.m_02, p.m_03, p.m_04, p.m_05, p.m_06, p.m_07{
	position:relative;
	line-height:1.5em;
	text-indent:1.5em;
}
p.m_01:before{/*ホーム*/
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../m_img/m00_h_01.png) no-repeat;
	background-size:contain;
}
p.m_02:before{/*診療科目*/
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../m_img/m00_h_07.png) no-repeat;
	background-size:contain;
}
p.m_03:before{/*当院のご紹介*/
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../m_img/m00_h_02.png) no-repeat;
	background-size:contain;
}
p.m_04:before{/*設備紹介*/
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../m_img/m00_h_03.png) no-repeat;
	background-size:contain;
}
p.m_05:before{/*よくある質問*/
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../m_img/m00_h_04.png) no-repeat;
	background-size:contain;
}
p.m_06:before{/*アクセス*/
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../m_img/m00_h_05.png) no-repeat;
	background-size:contain;
}
p.m_07:before{/*お問い合せ*/
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../m_img/m00_h_06.png) no-repeat;
	background-size:contain;
}



@media only screen and (max-width: 1249px) {
	#wrapper_head{
		overflow:hidden;
	}
	.navDrawr {
		background-color: rgb(90, 200, 216);/*メニュー帯全体背景*/
		background-color: rgba(90, 200, 216, 0.5);/*メニュー帯全体背景*/
		position: fixed;
		width: 270px;
		top: 80px;
		bottom: 0;
		right: -270px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	body.menuOpen #wrapper{
		padding-top:0px !important;
	}
	.overlay {
		display: none;
		background-color: rgba(0,0,0,0.49);
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	header {
		position:relative;
		height: 80px;
		border-bottom: 1px solid #666;
		padding:0;
	}
	body.menuOpen header{
		position: fixed;
		top:0;
		width: 100%;
	}
	header .headerTop{
		padding:inherit;
	}
	header .siteTitle a{
		margin-left: 20px;
		line-height: 80px;
	}
	.navDrawrBtn {
		text-align: right;
	}
	.navDrawrBtn span {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		display: block;
		width: 60px;
		height: 60px;
		cursor: pointer;
	}
	.navDrawrBtn span::before {
		font-family: FontAwesome;
		content: "\f0c9";
		font-size: 24px;
		color: #fff;/*ナビボタン　色*/
		position: absolute;
		background-color: #597fca;
		top: -10px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 60px;
	}
	body.menuOpen .navDrawrBtn span::before {
		content: "\f00d";
	}
	.navDrawr a {
		position: relative;
	}
	.navDrawr a::after {
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 15px;
		font-family: FontAwesome;
		content: "\f054";
	}
	.navDrawr>ul>li {
		float: none;
		width: auto;
	}
	.navDrawr>ul>li>a {
		text-align: left;
		border-right: none;
		border-bottom: none;/*ナビボタンの仕切り*/
	}
	.navDrawr .sub {
		position: static;
		display: block!important;
	}
}


ul.imgList{}
ul.imgList::after{
	display: table;
	line-height: 0;
	content: "";
	clear:both;
}
ul.imgList li{
	float: left;
	width: 31.33333333%;
	margin: 1%;
}
ul.imgList li .thumbnail{
	background-color: #FFF;
	padding: 20px;
	border:solid 1px #CF9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
ul.imgList li img{
	margin-bottom:10px;
}
ul.imgList li .caption{}
ul.imgList li .title{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

@media only screen and (max-width: 1249px) {
	ul.imgList li{
		float: none;
		width: 98%;
		margin: 1%;
	}
}


#wrapper_head:after{
	display: table;
	content: "";
	clear: both;
}

/*------------------反証　大　ここから -------------------------*/



@media only screen and (min-width: 1250px) {

	.navDrawr {
		display:none;
	}
	body.menuOpen #wrapper{
		display:none;
	}
	.overlay {
		display:none;
	}
	header {
		display:none;
	}
	body.menuOpen header{
		display:none;
	}
	header .headerTop{
		display:none;
	}
	header .siteTitle a{
		display:none;
	}
	.navDrawrBtn {
		display:none;
	}
	.navDrawrBtn span {
		display:none;
	}
	.navDrawrBtn span::before {
		display:none;
	}
	body.menuOpen .navDrawrBtn span::before {
		display:none;
	}
	.navDrawr a {
		display:none;
	}
	.navDrawr a::after {
		display:none;
	}
	.navDrawr>ul>li {
		float: none;
		width: auto;
	}
	.navDrawr>ul>li>a {
		display:none;
	}
	.navDrawr .sub {
		display:none;
	}
}


@media only screen and (min-width: 1250px) {
	ul.imgList li{
		display:none;
	}
}


/*------------------反証　ここまで -------------------------*/

/***************************************************
.ヘッダー グローバルメニュー 大画面用 (cssのみ)　
****************************************************/
.contents_nav {
	width: 100%;
	height: 280px;
	margin-top: 0px;
	padding-top: 20px;
	background-color: #fff;
	border-bottom: 1px solid #666;
	position: relative;
}

.top_logo {
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;
}

.top_text01 {
	position: absolute;
	top: 20px;
	left: 280px;
	font-weight: 200;
}


.top_text02 {
	position: absolute;
	top: 20px;
	right: 200px;
	font-weight: 200;
}

 
/*--グローバルメニュー-*/
#gb-list ul{
  margin-left:-20px;/*１カラムのpadding分マイナスマージン*/
  max-width: 80%;
}

#gb_nav li {
  list-style-type:none;
  display: inline-block;
  padding-left:20px;/*カラム間のガター*/
  margin-bottom:20px;
  text-align:center;
}

#gb_nav  {
	position: absolute;
	top: 160px;
	left: 380px;
    padding: 0px;
    list-style-type: none;
	display: table;
}

@media only screen and (max-width: 1700px) {
	#gb_nav  {
		left: 200px;
	}
}

#gb_nav li {width: 14.28571%;}

.inner{ /*カラムの内側*/
  margin:0;
  height:100%;
  background:white;
}

#gb_nav00 a {
  text-indent: -9999px;
  display: block;
  text-decoration: none;
  width:230px;
  height:120px; 
  background-image: url("../img/00_menu_home.png");
}
#gb_nav01 a {
  text-indent: -9999px;
  display: block;
  text-decoration: none;
  width:230px;
  height:120px; 
  background-image: url("../img/00_menu_introduction.png");
}
#gb_nav02 a {
  text-indent: -9999px;
  display: block;
  text-decoration: none;
  width:230px;
  height:120px; 
  background-image: url("../img/00_menu_facilities.png");
}
/*#gb_nav03 a {
  text-indent: -9999px;
  display: block;
  text-decoration: none;
  width:230px;
  height:120px; 
  background-image: url("../img/00_menu_faq.png");
}*/
#gb_nav04 a {
  text-indent: -9999px;
  display: block;
  text-decoration: none;
  width:230px;
  height:120px; 
  background-image: url("../img/00_menu_access.png");
}
#gb_nav05 a {
  text-indent: -9999px;
  display: block;
  text-decoration: none;
  width:230px;
  height:120px; 
  background-image: url("../img/00_menu_contact.png");
}

#gb_nav03 a {
  text-indent: -9999px;
  display: block;
  text-decoration: none;
  width:230px;
  height:110px;
  background-image: url("../img/00_menu.png");
}

#gb_nav00 a:hover, #gb_nav01 a:hover, #gb_nav02 a:hover, #gb_nav03 a:hover, #gb_nav04 a:hover, #gb_nav05 a:hover {
	background-color: #eee;
    opacity: 0.5;
}

/*診療科目*/
.dropdown_container {
    margin: 0;
    padding: 0;
	z-index: 1000;
}
 
.dropdown_container{
    display: inline-block;
    position: absolute;
	top: -60px;
	right: -20px;
}
 
.dropdown_container > div{
    width: 178px;
	padding: 0 20px;
    background-color: #f1f4f6;
	text-align: left;
    height: 0;
    overflow: hidden;
    border: none;
}

.dropdown_container > p{
	padding-bottom: 20px;
}

.dropdown_container:hover > div{
    height: auto;
    border: none;
}
 
.dropdown_container a {
    display: block;
    color: black;
    text-decoration: none;
}
.dropdown_container a:hover {
    background-color: #fcc;
}


/*---*/
#wrapper_head02:after{
	display: table;
	content: "";
	clear: both;
}

/* =============== スライドショー =============== */
div.slide-show {
    width: 100%; /* スライドショーの幅 */
	max-width: 100%;
    margin: -80px auto 0;
    position: relative;
}

@media only screen and (max-width: 1249px) {
	div.slide-show {
		width: 100%; 
		margin: 80px auto 0; 
		position: relative;
	}
}

.slide-show img {
	width: 100%;
	max-width: 100%;
	height: 100%;
    animation: show 16s infinite; /* 12秒のスライドショーを繰り返し */
    height: auto;
    opacity: 0;
    position: absolute; 
    left: 0;
    top: 0;
}


@media only screen and (max-width:767px) {
	.slide-show {
		width: 100vw;
		height: 60vh;
	}
	.slide-show img {
		width: 100vw;
		height: 60vh;
		object-fit: cover; /* 画像トリミング */
	}
}
 
@keyframes show {
    0% {opacity: 0}
    17% {opacity: 1}
    33% {opacity: 1}
    50% {opacity: 0}
}
@-moz-keyframes show {
    0% {opacity: 0}
    17% {opacity: 1}
    33% {opacity: 1}
    50% {opacity: 0}
}
@-webkit-keyframes show {
    0% {opacity: 0}
    17% {opacity: 1}
    33% {opacity: 1}
    50% {opacity: 0}
}
@-o-keyframes show {
    0% {opacity: 0}
    17% {opacity: 1}
    33% {opacity: 1}
    50% {opacity: 0}
}
 
.slide-show img:nth-of-type(1) {
    position: relative;
}
 
.slide-show img:nth-of-type(2) {
    animation-delay: 0s;
}
 
.slide-show img:nth-of-type(3) {
    animation-delay: 4s;
}
 
.slide-show img:nth-of-type(4) {
    animation-delay: 8s;
}



/* =============== メイン 詳細=============== */

/*----------------- contents 詳細------------------*/

@media only screen and (min-width:768px)  {
	#contents{
		width: 100%;
		margin: 0 auto;
	}

}

@media only screen and (max-width:767px) {/*モバイル*/
	#contents{
		width: 100%;
		margin: 0 auto;
	}
	
}


/*----------------- article, section 詳細------------------*/
article, section {
	margin: 0;
	padding: 0;
}

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


/*----------------- div 詳細------------------*/

#con_00 {
	width: 100%;
	margin: 0 auto;
}

@media only screen and (max-width:1150px) {	
    .img_00 img{/*冒頭文*/
	   width: 100%;
	   height: auto;
    }
}


#con_01 {
	max-width: 940px;
	margin: 0 auto;
}


/*----inner----*/
#inner {
	max-width: 940px;
	margin: 0 auto;
}
@media only screen and (max-width:1000px) {	
	#inner {
		max-width: 85%;
		margin: 0 auto;
	}
}


/****************************************
.トップページ
****************************************/
.item-list {
	max-width: 940px;
	margin: 60px auto 0;
}

.item-list th, .item-list td {
	padding: 10px;
	border: none;
	background: none;
}
.item-list_h {
	width: 50%;
}
.item-list_h img {
	width: 100%;
	height: auto;
}

.border_radius {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

@media only screen and (max-width:767px) {/*モバイル*/
	.item-list {
		width: 100vw;
		margin: 0 auto;
	}
	
	.item-list th, .item-list td {
		display: block;
		padding: 10px;
		border: none;
		background: none;
	}
	.item-list_h {
		width: 100vw;
		text-align: center;
		vertical-align: top;
	}
}


#item-list {
	max-width: 940px;
	margin: 60px auto 0;
}

@media only screen and (max-width:767px) {/*モバイル*/
	#item-list {
		max-width: 100%;
		margin: 30px auto 0;
	}
}

#item-list ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -20px;
}

#item-list ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:20px;/*カラム間のガター*/
  text-align:center;
}


ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

@media only screen and (max-width: 940px) {
	#item-list img{
		width:90%;
	}
}

@media only screen and (max-width: 767px) {
	#item-list ul{
		margin-left: auto;
	}
	
    ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
        width: 33%;/*４列以上は３列に*/
    }
    ul.cols-3 li{
        width:50%;/*３列は２列に*/
    }
  
    .list_img img {
	    max-width: 350px;
	    height: auto; 
    }
	
}

@media only screen and (max-width: 479px) {
	#item-list ul{
		margin-bottom: 30px;
	}
	
  　ul[class*='cols-'] > li{
      width: 100%;/*すべてを１列に*/
  　}
  
    #item-list ul li {
		padding-left: 0;
	}
	
    #item-list img {
	  width: 100%;
	  height: auto; 
    }
	
}

li a {
	text-decoration: underline;
	color: #3e3a39;
}
li a:hover {
	text-decoration: none;
	color: #e87b75;
}
li a img:hover {
	opacity: 0.5;
}


/****************************************
.コンテンツページ
****************************************/
/*追加は「 汎用クラス」に記す*/

/*------------- コンテンツページ トップ画像 ---------------*/

@media only screen and (min-width:1250px)  {
	.photo_title {
		position:relative;
	}
	
	.photo_title-img img{
		width: 100vw;
		height: 280px;
		object-fit: cover; /* 画像トリミング */
	}
	
	.photo_title_h1{
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		 margin:0;
		 padding:0;
	}
	
	.photo_title_h1 img {
		max-width: 375px;
		height: auto;
	}
}
@media only screen and (max-width:1249px)  {
	.photo_title-img img{
		margin-top: 80px;
		width: 100vw;
		height: 280px;
		object-fit: cover; /* 画像トリミング */
	}
	
	.photo_title_h1{
		position: absolute;
		top: 22%;
		left: 55%;
		-ms-transform: translate(-55%,-22%);
		-webkit-transform: translate(-55%,-22%);
		transform: translate(-55%,-22%);
		 margin:0;
		 padding:0;
	}
	
	.photo_title_h1 img {
		max-width: 375px;
		height: auto;
	}
}
@media only screen and (max-width:450px)  {
	.photo_title_h1{
		position: absolute;
		top: 40%;
		left: 55%;
		-ms-transform: translate(-55%,-40%);
		-webkit-transform: translate(-55%,-40%);
		transform: translate(-55%,-40%);
		 margin:0;
		 padding:0;
	}
}


/* ====== 背景 ====== */
/*破線のボックス*/
.box_dot {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
    border: 1px dashed #999;
	background-color:#fff;
	padding: 35px 45px;
	font-size: 16px;
	font-weight: 200;
}
@media only screen and (max-width: 1000px) {
	.box_dot {
	    width: 95%;
		max-width: 80vh;
		padding: 35px 45px;
	}
}
@media only screen and (max-width: 767px) {
	.box_dot {
		padding: 25px 10px;
	}
}


/*グリーンのボックス*/
.box_green {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
    border: 1px dashed #999;
	background: rgb(90, 200, 216);
	background: rgba(90, 200, 216, 0.5);
	padding: 25px 45px;
	font-size: 16px;
	font-weight: 200;
}
@media only screen and (max-width: 1000px) {
	.box_green {
	    width: 95%;
		max-width: 80vh;
		padding: 25px 45px;
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.box_green {
		padding: 25px 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
}


/*ピンク角丸のボックス*/
.box_pinc {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	border-radius: 20px;
	background: rgb(232, 123, 117);
	background: rgba(232, 123, 117, 0.5);
	padding: 25px 45px;
	font-size: 16px;
	font-weight: 200;
}
@media only screen and (max-width: 1000px) {
	.box_pinc {
	    width: 95%;
		max-width: 80vh;
		padding: 25px 45px;
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.box_pinc {
		padding: 25px 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
}



.center_box {/*中央寄せ*/
	margin: 0 auto;
}


.bg_gr {/*背景グレー*/
     width: 100%;
	 height: auto;
	 background-color: #f1f4f6;
	 font-size: 16px;
	 font-weight: 200;
}

.bg_green {/*背景グリーン*/
     width: 100%;
	 height: auto;
	 background: rgb(90, 200, 216);
	 background: rgba(90, 200, 216, 0.3);
	 font-size: 16px;
	 font-weight: 200;
}

.bg_yellow {/*背景クリーム色*/
     width: 100%;
	 height: auto;
	 background: rgb(255, 255, 204);
	 background: rgba(255, 255, 204, 0.3);
	 font-size: 16px;
	 font-weight: 200;
}

.bg_orange {/*背景オレンジ トップページ「スタッフ募集」*/
     width: 100%;
	 height: auto;
	 margin-top: -20px;
	 background: rgb(251, 213, 175);
	 background: rgba(251, 213, 175, 0.5);
	 font-size: 16px;
	 font-weight: 200;
}
@media only screen and (max-width: 767px) {
.bg_orange {/*背景オレンジ*/
	 margin-top: -5px;
}
}

.bg_b img{/*横幅100%の画像*/
	width: 100%;
	height: auto;
	object-fit: cover; /* 画像トリミング */
	object-position: center bottom;
}


/*---table以外の画像---*/
.full_size img{
    max-width: 100%;
}
@media only screen and (max-width: 767px) {
	.full_size img{
		max-width: 350px;
		height: auto;
	}
}
@media only screen and (max-width: 450px) {
	.full_size img{
		max-width: 100%;
		height: auto;
	}
}


/* ====== table ====== */
/*----table 通常----*/
.content_cell {/*テキスト右の場合*/
	max-width: 940px;
	margin: 0 auto;
}

.content_cell th, .content_cell td {/*テキスト右の場合*/
	padding: 10px 30px;
	border: none;
	background: none;
	font-size: 16px;
	font-weight: 200;
}


.content_cell_l {/*テキスト左の場合*/
	max-width: 940px;
	margin: 0 auto;
}

.content_cell_l th, .content_cell_l td {/*テキスト左の場合*/
	padding: 10px 30px 10px 0;
	border: none;
	background: none;
}



.cell_s {/*通常*/
	width: 35%;
	vertical-align: middle;
}
.cell_w {/*通常*/
	width: 65%;
}

.cell_s02 {/*画像が小さい場合*/
	width: 20%;
	vertical-align: middle;
}
.cell_w02 {/*画像が小さい場合*/
	width: 80%;
}

.cell_h {/*通常1/2*/
	width: 50%;
	vertical-align: middle;
}

.cell_s img, .cell_h img {
	max-width: 100%;
	height: auto;
}


@media only screen and (max-width:1249px)  {
	.content_cell, .content_cell_l {
		width: 730px;
		margin: 0 auto;
	}
}

@media only screen and (max-width:767px)  {
	.content_cell, .content_cell_l {
		width: 100vw;
		margin: 0 auto;
	}
	
	.content_cell th, .content_cell td, .content_cell_l th, .content_cell_l td  {
		display: block;
		padding: 10px 25px 10px 0;
		border: none;
		background: none;
	}
	
	.cell_s {/*通常*/
		width: 100vw;
		text-align: center;
		vertical-align: top;
	}
	.cell_w {/*通常*/
		width: 100vw;
	}
	
	.cell_s02 {/*画像が小さい場合*/
		width: 100vw;
		text-align: center;
		vertical-align: top;
	}
	.cell_w02 {/*画像が小さい場合*/
		margin:0 auto;
	}
	
	.cell_h {/*通常1/2*/
		width: 100vw;
		text-align: center;
		vertical-align: top;
	}
	
	.cell_s img {
		max-width: 100%;
		height: auto;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width:767px)  {
	.cell_w02 {/*画像が小さい場合*/
	    width: 100vw;
		margin:0 auto;
	}
}



/*----table th,tdの幅50%----*/
.content_cell_h {
	max-width: 940px;
	margin: 0 auto;
}

.content_cell_h th {
	padding: 10px 30px;
	border: none;
	background: none;
	font-size: 16px;
	font-weight: 200;
}


.content_cell_h td {
	padding: 10px 30px 10px 0;
	border: none;
	background: none;
	font-size: 16px;
	font-weight: 200;
}


.cell_h {
	width: 50%;
	vertical-align: top;
}

.cell_h img {
	max-width: 100%;
	height: auto;
}


@media only screen and (max-width:1249px)  {
	.content_cell_h {
		width: 730px;
		margin: 0 auto;
	}
}

@media only screen and (max-width:767px)  {
	.content_cell_h {
		width: 100vw;
		margin: 0 auto;
	}
	
	.content_cell_h th, .content_cell_h td  {
		display: block;
		padding: 10px;
		border: none;
		background: none;
	}
	
	.cell_h {/*通常1/2*/
		width: 100vw;
		text-align: center;
		vertical-align: top;
	}
}



/*----table (box内)----*/
.content_cell_b {
	max-width: 940px;
	margin: 0 auto;
}

.content_cell_b th, .content_cell_b td {
	padding: 10px 30px 10px 10px;
	border: none;
	background: none;
	font-size: 16px;
	font-weight: 200;
}
.cell_b_s {
	width: 35%;
	vertical-align: middle;
}
.cell_b_w {
	width: 65%;
}

.cell_b_s img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width:1249px)  {
	.content_cell_b {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
}

@media only screen and (max-width:767px)  {
	.content_cell_b th, .content_cell_b td {
		display: block;
		padding: 0;
		border: none;
		background: none;
	}
	.cell_b_s {
		width: 100%;
		height: auto;
		text-align: center;
		vertical-align: top;
	}
	.cell_b_w {
		width: 100%;
		height: auto;
	}
	
	.cell_b_s img {
		max-width: 100%;
		height: auto;
		padding-bottom: 30px;
	}
}



/* ====== テキスト領域 ====== */
/*---テキスト領域 通常---*/
.text_box {
	max-width: 800px;
	margin: 0 auto;
	padding: 30px 30px;
	font-size: 16px;
	font-weight: 200;
}

@media only screen and (max-width:1000px)  {/*モバイル*/
	.text_box {
		max-width: 740px;
		margin: 0 auto;
		padding: 30px 30px;
	}
}

@media only screen and (max-width:767px)  {/*モバイル*/
	.text_box {
		max-width: 98%;
		margin: 0 auto;
		padding: 30px 10px;
	}
}


/*---テキスト領域 幅狭---*/
.text_box_s {
	max-width: 500px;
	margin: 0 auto;
	padding: 30px 30px;
	font-size: 16px;
	font-weight: 200;
}

@media only screen and (max-width:767px)  {/*モバイル*/
	.text_box_s {
		max-width: 98%;
		margin: 0 auto;
		padding: 30px 10px;
	}
}



/*---box内のテキスト領域---*/
.text_box_b {
	max-width: 900px;
	margin: 0 auto;
	padding: 30px 20px;
	font-size: 16px;
	font-weight: 200;
}


@media only screen and (max-width:1000px)  {/*モバイル*/
	.text_box_b {
		max-width: 740px;
		margin: 0 auto;
	}
}

@media only screen and (max-width:767px)  {/*モバイル*/
	.text_box_b {
		max-width: 98%;
		margin: 0 auto;
		padding: 30px 10px;
	}
}




/* ====== アコーディオンメニュー ====== */
.navAccordion_sample > dt,
.navAccordion_sample > dd {
	background: #597fca;
	border-radius: 30px;
	border-top: 1px solid #FFF;
}
.navAccordion_sample > dt {
	position: relative;
	padding: 10px 25px 10px 20px;
	font-family:  'Noto Sans Japanese', sans-serif;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	outline: none; 
}
.navAccordion_sample > dt:focus {
	background: #2552ac;
}

.navAccordion_sample > dt::after {
	position: absolute;
	top: 0.6em;
	right: 10px;
	font-family: FontAwesome;
	content: "\f078";
}

.navAccordion_sample > dt.open::after {
	content: "\f077";
}
.navAccordion_sample > dt:first-child {
	border-top: none;
}
.navAccordion_sample > dd {
	border-left: solid 1px #f1f4f6;
	border-right: solid 1px #f1f4f6;
	border-bottom: solid 1px #f1f4f6;
	background: #f1f4f6;
	font-family:  'Noto Sans Japanese', sans-serif;
	color: #3e3a39;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.8em;
	padding: 20px;
}



/* ====== 小児歯科 ====== */
.03_bg01 {
	position:relative;
	clear: both
}

.bg_03_01 img{
	width: 100%;
	height: 50vh;
	object-fit: cover; /* 画像トリミング */
	object-position: center bottom;
}
	
 
.text_03_01_01 {/*テキスト・画像の位置*/
	position: absolute;
	top: 37%;
    left: 50%;
    -ms-transform: translate(-50%,-37%);
    -webkit-transform: translate(-50%,-37%);
    transform: translate(-50%,-37%);
     margin:0;
     padding:0;
	max-width: 800px;
	min-width: 800px;
}

@media only screen and (max-width:1000px)  {/*モバイル*/
	.text_03_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		max-width: 740px;
		min-width: 740px;
	}
}

@media only screen and (max-width:767px)  {/*モバイル*/
	.text_03_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		max-width: 740px;
		min-width: 97%;
	}
	
	.text_03_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 40%;
		left: 50%;
		-ms-transform: translate(-50%,-40%);
		-webkit-transform: translate(-50%,-40%);
		transform: translate(-50%,-40%);
		 margin:0;
		 padding:0;
	}
}
@media only screen and (max-width:500px)  {/*モバイル*/
	.bg_03_01 img{
		width: 100%;
		height: 80vh;
		object-fit: cover; /* 画像トリミング */
		object-position: center bottom;
	}

	.text_03_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 37%;
		left: 50%;
		-ms-transform: translate(-50%,-37%);
		-webkit-transform: translate(-50%,-37%);
		transform: translate(-50%,-37%);
		 margin:0;
		 padding:0;
	}
}
@media only screen and (max-width:350px)  {/*モバイル*/
	.bg_03_01 img{
		width: 100%;
		height: 80vh;
		object-fit: cover; /* 画像トリミング */
		object-position: center bottom;
	}

	.text_03_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 30%;
		left: 50%;
		-ms-transform: translate(-50%,-30%);
		-webkit-transform: translate(-50%,-30%);
		transform: translate(-50%,-30%);
		 margin:0;
		 padding:0;
	}
}


/* ====== point（口臭治療・インプラント・審美システム） ====== */
.point img{
	width: 100%;
	height: auto;
}

.point_bg {
	width: 560px;
	height: auto;
	margin-left: 169px;
	background: rgb(90, 200, 216);
	background: rgba(90, 200, 216, 0.4);
	z-index: 1;
}
@media only screen and (max-width:1000px)  {
	.point_bg {
		width: 515px;
		height: auto;
		margin-left: 155px;
		background: rgb(90, 200, 216);
		background: rgba(90, 200, 216, 0.4);
		z-index: 1;
	}
}
@media only screen and (max-width:767px)  {/*モバイル*/
	.point_bg {
		width: 75.6%;
		height: auto;
		margin-left: 22.8%;
		background: rgb(90, 200, 216);
		background: rgba(90, 200, 216, 0.4);
		z-index: 1;
	}
}

.point_text {/*テキスト・画像の位置*/
	max-width: 540px;
	min-width: 540px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}
@media only screen and (max-width:1000px)  {
	.point_text {/*テキスト・画像の位置*/
		max-width: 500px;
		min-width: 500px;
		padding: 0 20px 10px 20px;
	}
	.p_img01 img{
		max-width: 113px;/*ハリメーター画像*/
	}
}
@media only screen and (max-width:767px)  {/*モバイル*/
	.point_text {/*テキスト・画像の位置*/
		max-width: 100%;
		min-width: 100%;
		padding: 0 20px 10px 20px;
	}
	.p_img01 img{
		max-width: 113px;/*ハリメーター画像*/
	}
}




/* ====== 矯正治療 ====== */
.06_bg01 {
	position:relative;
	clear: both
}

.bg_06_01 img{
	max-width: 100%;
	height: auto;
}
	
 
.text_06_01_01 {/*テキスト・画像の位置*/
	position: absolute;
	top: 95%;
    left: 37%;
    -ms-transform: translate(-37%,-95%);
    -webkit-transform: translate(-37%,-95%);
    transform: translate(-37%,-95%);
     margin:0;
     padding:0;
	max-width: 450px;
	min-width: 400px;
}
@media only screen and (max-width:1200px)  {
	.text_06_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 95%;
		left: 30%;
		-ms-transform: translate(-30%,-95%);
		-webkit-transform: translate(-30%,-95%);
		transform: translate(-30%,-95%);
		 margin:0;
		 padding:0;
		max-width: 450px;
		min-width: 400px;
	}
}
@media only screen and (max-width:767px)  {/*モバイル*/
	.bg_06_01 {
		margin: 0auto;
		text-align: center;
	}
	.bg_06_01 img{
		max-width: 454px;
		width: 100%;
		height: auto;
	}

	.text_06_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 97%;
		left: 50%;
		-ms-transform: translate(-50%,-97%);
		-webkit-transform: translate(-50%,-97%);
		transform: translate(-50%,-97%);
		 margin:0;
		 padding:0 15px;
		 width: 100%;
	}
}
@media only screen and (max-width:450px)  {/*モバイル*/
	.text_06_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 99%;
		left: 50%;
		-ms-transform: translate(-50%,-99%);
		-webkit-transform: translate(-50%,-99%);
		transform: translate(-50%,-99%);
		 margin:0;
		 padding:0 15px;
		 width: 100%;
	}
}



/* ====== ホワイトニング ====== */
.bg_07_01 {/*背景縦縞*/
     width: 100%;
	 height: auto;
	 background: url(../img/07_bg02.png);
	 padding-bottom: 30px;
}



/* ====== やわらかい入れ歯 ====== */
.bg_08_01 {/*背景升目*/
     width: 100%;
	 height: auto;
	 background: url(../img/08_bg02.png);
}

/**/
.08_bg01, .08_bg02 {
	position:relative;
	clear: both
}

.bg_08_02 img, .bg_08_03 img{
	max-width: 100%;
	height: auto;
}
	
 
.text_08_01 {/*テキスト・画像の位置*/
	position: absolute;
	top: 72%;
    left: 45%;
    -ms-transform: translate(-45%,-72%);
    -webkit-transform: translate(-45%,-72%);
    transform: translate(-45%,-72%);
     margin:0;
     padding:0;
	max-width: 450px;
	min-width: 400px;
}

.text_08_02 {/*テキスト・画像の位置*/
	position: absolute;
	top: 97%;
    left: 45%;
    -ms-transform: translate(-45%,-97%);
    -webkit-transform: translate(-45%,-97%);
    transform: translate(-45%,-97%);
     margin:0;
     padding:0;
	max-width: 450px;
	min-width: 400px;
}
@media only screen and (max-width:767px)  {/*モバイル*/
	.bg_08_02 img {
		max-width: 460px;
		width: 100%;
		height: auto;
	}
	
	.bg_08_03 img {
		max-width: 462px;
		width: 100%;
		height: auto;
		margin-top: 50px;
	}

	.text_08_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 86%;
		left: 50%;
		-ms-transform: translate(-50%,-86%);
		-webkit-transform: translate(-50%,-86%);
		transform: translate(-50%,-86%);
		 margin:0;
		 padding:0 15px;
		 width: 100%;
	}
	
	.text_08_02 {/*テキスト・画像の位置*/
		position: absolute;
		top: 102%;
		left: 50%;
		-ms-transform: translate(-50%,-102%);
		-webkit-transform: translate(-50%,-102%);
		transform: translate(-50%,-102%);
		 margin:0;
		 padding:0 15px;
		 width:100%;
	}
}
@media only screen and (max-width:475px)  {/*モバイル*/
	.bg_08_03 img {
		max-width: 462px;
		width: 100%;
		height: auto;
		margin-top: 180px;
	}

	.text_08_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 89.5%;
		left: 50%;
		-ms-transform: translate(-50%,-89.5%);
		-webkit-transform: translate(-50%,-89.5%);
		transform: translate(-50%,-89.5%);
		 margin:0;
		 padding:0 15px;
		 width: 100%;
	}
	
	.text_08_02 {/*テキスト・画像の位置*/
		position: absolute;
		top: 105%;
		left: 50%;
		-ms-transform: translate(-50%,-105%);
		-webkit-transform: translate(-50%,-105%);
		transform: translate(-50%,-105%);
		 margin:0;
		 padding:0 15px;
		 width:100%;
	}
}
@media only screen and (max-width:350px)  {/*モバイル*/
	.bg_08_03 img {
		max-width: 462px;
		width: 100%;
		height: auto;
		margin-top: 180px;
	}

	.text_08_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 92%;
		left: 50%;
		-ms-transform: translate(-50%,-92%);
		-webkit-transform: translate(-50%,-92%);
		transform: translate(-50%,-92%);
		 margin:0;
		 padding:0 15px;
		 max-width: 300px;
	}
	
	.text_08_02 {/*テキスト・画像の位置*/
		position: absolute;
		top: 109%;
		left: 50%;
		-ms-transform: translate(-50%,-109%);
		-webkit-transform: translate(-50%,-109%);
		transform: translate(-50%,-109%);
		 margin:0;
		 padding:0 15px;
		 max-width: 300px;
	}
}


/* ====== アクセス ====== */
.content_cell_a {
	max-width: 940px;
	margin: 0 auto;
}

.content_cell_a th {
	padding: 0 0 0 30px;
	border: none;
}


.content_cell_a td {
	padding: 0 30px;
	border: none;
}


.cell_a_l {
	width: 50%;
	vertical-align: bottom;
	text-align: left;
	font-size: 16px;
	font-weight: 200;
	line-height: 18.em;
}

.cell_a_r {
	width: 50%;
	vertical-align: top;
}

.cell_a_r img {
	max-width: 100%;
	height: auto;
}


@media only screen and (max-width:849px)  {
	.content_cell_a {
		width: 100vw;
		margin: 0 auto;
	}
	
	.content_cell_a th, .content_cell_a td  {
		display: block;
		padding: 10px;
		border: none;
	}
	
	.content_cell_a th {
		text-align: center;
		margin: 0 auto;
	}
	
	.cell_a_l {
		width: 400px;
		text-align: center;
		vertical-align: top;
	}
	
	.cell_a_l img{
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	.cell_a_r {
		width: 100vw;
		text-align: center;
		vertical-align: top;
	}
}

@media only screen and (max-width:450px)  {
	.cell_a_l {
		width: 100vw;
	}
}



/* ====== 設備紹介 ====== */
.11_bg01, .11_bg02, .11_bg03 {
	position:relative;
	clear: both
}

.bg_11_01 img, .bg_11_02 img,.bg_11_03 img {
	max-width: 100%;
	height: auto;
}
.bg_11_01 img {
	margin-top: 50px;
}
 
.text_11_01_01 {/*テキスト・画像の位置*/
	position: absolute;
	top: 24%;
    left: 50%;
    -ms-transform: translate(-50%,-24%);
    -webkit-transform: translate(-50%,-24%);
    transform: translate(-50%,-24%);
     margin:0;
     padding:0;
	max-width: 600px;
	min-width: 600px;
}

.text_11_01_02 {/*テキスト・画像の位置*/
	position: absolute;
	top: 27.6%;
    left: 50%;
    -ms-transform: translate(-50%,-27.6%);
    -webkit-transform: translate(-50%,-27.6%);
    transform: translate(-50%,-27.6%);
     margin:0;
     padding:0;
	max-width: 600px;
	min-width: 600px;
}

.text_11_01_03 {/*テキスト・画像の位置*/
	position: absolute;
	top: 31.5%;
    left: 50%;
    -ms-transform: translate(-50%,-31.5%);
    -webkit-transform: translate(-50%,-31.5%);
    transform: translate(-50%,-31.5%);
     margin:0;
     padding:0;
	max-width: 600px;
	min-width: 600px;
}

@media only screen and (max-width:1000px)  {
	.text_11_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 24.5%;
		left: 50%;
		-ms-transform: translate(-50%,-24.5%);
		-webkit-transform: translate(-50%,-24.5%);
		transform: translate(-50%,-24.5%);
		 margin:0;
		 padding:0;
		max-width: 600px;
		min-width: 600px;
	}
	
	.text_11_01_02 {/*テキスト・画像の位置*/
		position: absolute;
		top: 28.5%;
		left: 50%;
		-ms-transform: translate(-50%,-28.5%);
		-webkit-transform: translate(-50%,-28.5%);
		transform: translate(-50%,-28.5%);
		 margin:0;
		 padding:0;
		max-width: 600px;
		min-width: 600px;
	}
	
	.text_11_01_03 {/*テキスト・画像の位置*/
		position: absolute;
		top: 32.5%;
		left: 50%;
		-ms-transform: translate(-50%,-32.5%);
		-webkit-transform: translate(-50%,-32.5%);
		transform: translate(-50%,-32.5%);
		 margin:0;
		 padding:0;
		max-width: 600px;
		min-width: 600px;
	}
}

@media only screen and (max-width:767px)  {/*モバイル*/
	.bg_11_01, .bg_11_02, .bg_11_03 {
		margin: 0auto;
		text-align: center;
	}
	.bg_11_01 img, .bg_11_02 img, .bg_11_03 img {
		max-width: 382px;
		width: 100%;
		height: auto;
	}
	
	.text_11_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 17%;
		left: 50%;
		-ms-transform: translate(-50%,-17%);
		-webkit-transform: translate(-50%,-17%);
		transform: translate(-50%,-17%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
	
	.text_11_01_02 {/*テキスト・画像の位置*/
		position: absolute;
		top: 20%;
		left: 50%;
		-ms-transform: translate(-50%,-20%);
		-webkit-transform: translate(-50%,-20%);
		transform: translate(-50%,-20%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
	
	.text_11_01_03 {/*テキスト・画像の位置*/
		position: absolute;
		top: 23%;
		left: 50%;
		-ms-transform: translate(-50%,-23%);
		-webkit-transform: translate(-50%,-23%);
		transform: translate(-50%,-23%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
	
	.text_11_01_01 h3, .text_11_01_02 h3, .text_11_01_03 h3 {/*テキスト・画像の位置*/
	     margin-left: 15px;
		 font-size: 18px;
	}
}
@media only screen and (max-width:500px)  {/*モバイル*/
	.bg_11_01 img, .bg_11_02 img, .bg_11_03 img {
		margin-top: 55px;
	}

	.text_11_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 17%;
		left: 50%;
		-ms-transform: translate(-50%,-17%);
		-webkit-transform: translate(-50%,-17%);
		transform: translate(-50%,-17%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
	
	.text_11_01_02 {/*テキスト・画像の位置*/
		position: absolute;
		top: 20.3%;
		left: 50%;
		-ms-transform: translate(-50%,-20.3%);
		-webkit-transform: translate(-50%,-20.3%);
		transform: translate(-50%,-20.3%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
	
	.text_11_01_03 {/*テキスト・画像の位置*/
		position: absolute;
		top: 23.5%;
		left: 50%;
		-ms-transform: translate(-50%,-23.5%);
		-webkit-transform: translate(-50%,-23.5%);
		transform: translate(-50%,-23.5%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
}
@media only screen and (max-width:360px)  {/*モバイル*/
	.bg_11_01 img, .bg_11_02 img, .bg_11_03 img {
		margin-top: 70px;
	}

	.text_11_01_01 {/*テキスト・画像の位置*/
		position: absolute;
		top: 16.5%;
		left: 50%;
		-ms-transform: translate(-50%,-16.5%);
		-webkit-transform: translate(-50%,-16.5%);
		transform: translate(-50%,-16.5%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
	
	.text_11_01_02 {/*テキスト・画像の位置*/
		position: absolute;
		top: 19.4%;
		left: 50%;
		-ms-transform: translate(-50%,-19.4%);
		-webkit-transform: translate(-50%,-19.4%);
		transform: translate(-50%,-19.4%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
	
	.text_11_01_03 {/*テキスト・画像の位置*/
		position: absolute;
		top: 22%;
		left: 50%;
		-ms-transform: translate(-50%,-22%);
		-webkit-transform: translate(-50%,-22%);
		transform: translate(-50%,-22%);
		 margin:0;
		 padding:0;
		max-width: 550px;
		min-width: 100%;
	}
}



/*モバイル：【その他の診療器具】グリーン角丸のボックス*/
.box_green_r {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	border-radius: 20px;
	background: rgb(90, 200, 216);
	background: rgba(90, 200, 216, 0.5);
	padding: 25px 45px;
}
@media only screen and (max-width: 767px) {
	.box_green_r {
		width: 100%;
		padding: 25px 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.box_green_r img {
		max-width: 155px;
		height: auto;
	}
}





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

/****************************************
.footer
****************************************/

.footer {
  width: 100%;
  background: #fff;
  margin-top: 0;
  padding: 0;
  bottom:0;
  }

.f_h1 {
	min-width: 700px;
	height: auto;
}

/*診療科目 フレキシブルul*/  
#f-item-list {
	max-width: 940px;
	margin: 60px auto 0 -70px;
}
@media only screen and (max-width:940px) {
	#f-item-list {
		max-width: 750px;
		margin: 60px auto 0;
	}
}
@media only screen and (max-width:767px) {/*モバイル*/
	#f-item-list {
		max-width: 100%;
		margin: 30px auto 0;
	}
}

#f-item-list ul{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
    overflow:hidden;
}

#f-item-list ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:20px;/*カラム間のガター*/
  text-align:center;
}

ul.cols-2-02 li {width: 50%;}/*モバイルフッター診療科目*/
ul.cols-4-02 li {width: 25%;}/*pcフッター診療科目*/
ul.cols-4-02 li img{max-width: 80%;}

@media only screen and (max-width: 940px) {
  #f-item-list img {
	  width: 80%;
	  height: auto; 
  }
}

@media only screen and (max-width: 479px) {
	#f-item-list ul{
		margin-left: -20px;
		margin-bottom: 30px;
	}
    #f-item-list img {
	  width: 90%;
	  height: auto; 
    }
}

li a {
	text-decoration: underline;
	color: #3e3a39;
}
li a:hover {
	text-decoration: none;
	color: #e87b75;
}
li a img:hover {
	opacity: 0.5;
}
  

/*--pc--*/
.f_bg01, .f_bg02, .f_bg03 {
	position:relative;
}

.f_bg01 {
	background: url(../img/00_f_01bg.png) top center / cover no-repeat;
	width: 100%;
	height: 800px;
}

.f_bg02 {
	background-color: #fff;
	width: 100%;
	height: 700px;
}

.f_bg03 {
	background-color: #f1f4f6;
	width: 100%;
	height: 350px;
}

     
.title_f_01 {/*診療科目(見出し位置)*/
	position: absolute;
	top: 10%;
    left: 55%;
    -ms-transform: translate(-55%,10%);
    -webkit-transform: translate(-55%,10%);
    transform: translate(-55%,10%);
     margin:0;
     padding:0;
}

.title_f_02 {/*診療時間(見出し位置)・安藤歯科医院logo*/
	position: absolute;
	top: 5%;
    left: 50%;
    -ms-transform: translate(-50%,5%);
    -webkit-transform: translate(-50%,5%);
    transform: translate(-50%,5%);
     margin: -15px 0 0;
     padding:0;
}

.title_f_03 {/*診療時間(テキスト位置)*/
	position: absolute;
	top: 25%;
    left: 50%;
    -ms-transform: translate(-50%,25%);
    -webkit-transform: translate(-50%,25%);
    transform: translate(-50%,25%);
     margin:0;
     padding:0;
}

.title_f_04 {/*診療時間表(位置)*/
	position: absolute;
	top: 33%;
    left: 50%;
	padding-left: 30px;
	padding-right: 30px;
    -ms-transform: translate(-50%,33%);
    -webkit-transform: translate(-50%,33%);
    transform: translate(-50%,33%);
     margin:0;
     padding:0;
}

@media only screen and (max-width:1150px) {/*モバイル*/
	.f_04_img01 img {
		width: 760px;
	}
}


.f_04_img02 img {/*tel(位置)*/
	position: absolute;
	top: 78%;
    left: 48%;
	padding-left: 30px;
	padding-right: 30px;
    -ms-transform: translate(-48%,78%);
    -webkit-transform: translate(-48%,78%);
    transform: translate(-48%,78%);
     margin:0;
     padding:0;
}


/*--モバイル--*/
.f_m_bg01, .f_m_bg02, .f_m_bg03 {
	position:relative;
}

.f_m_bg01 {
	background: url(../m_img/m00_f_01bg.png) top center / cover no-repeat;
	width: 100%;
	height: 1000px;
}

.f_m_bg02 {
	background-color: #fff;
	width: 100%;
	height: 700px;
}

.f_m_bg03 {
	background-color: #f1f4f6;
	width: 100%;
	height: 250px;
}

     
.title_f_m_01 {/*診療科目(見出し位置)*/
	position: absolute;
	top: 5%;
    left: 55%;
    -ms-transform: translate(-55%,5%);
    -webkit-transform: translate(-55%,5%);
    transform: translate(-55%,5%);
     margin:0;
     padding:0;
}
.title_f_m_01 h1 img{
	max-height: 350px;
	min-width: 350px;
}


.title_f_m_02 {/*診療時間(見出し位置)*/
	position: absolute;
	top: 5%;
    left: 50%;
    -ms-transform: translate(-50%,5%);
    -webkit-transform: translate(-50%,5%);
    transform: translate(-50%,5%);
     margin:0;
     padding:0;
}
.title_f_m_02 h1 img{
	max-height: 350px;
	min-width: 350px;
}


.title_f_m_03 {/*診療時間(テキスト位置)*/
	position: absolute;
	width: 300px;
	top: 20%;
    left:55%;
    -ms-transform: translate(-55%,25%);
    -webkit-transform: translate(-55%,25%);
    transform: translate(-55%,25%);
     margin:0;
     padding:0;
}


.title_f_m_04 {/*診療時間表(位置)*/
	position: absolute;
	width: 350px;
	top: 40%;
    left: 50%;
	padding-left: 30px;
	padding-right: 30px;
    -ms-transform: translate(-50%,33%);
    -webkit-transform: translate(-50%,33%);
    transform: translate(-50%,33%);
     margin:0;
     padding:0;
}


.title_f_m_05 {/*安藤歯科医院logo*/
	position: absolute;
	width: 350px;
	top: 5%;
    left: 50%;
    -ms-transform: translate(-50%,5%);
    -webkit-transform: translate(-50%,5%);
    transform: translate(-50%,5%);
     margin:0;
     padding:0;
}
@media only screen and (max-width:350px) {/*モバイル*/
	.title_f_m_03, .title_f_m_04 {
		width: 100%;
		height: auto;
	}
}


/*---------*/
.copyright {
  width: 100%;
  text-align: center;
  color: #2552ac;
  line-height: 2.5;
  background: rgb(90, 200, 216);
  background: rgba(90, 200, 216, 0.3);
}



/* ============== 汎用クラス =============== */

/*===== 見出し =====*/
h1 img {
	max-width: 100%;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #3e3a39;
}


h2 img {
	max-width: 100%;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #3e3a39;
}


h3 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	color:  #3e3a39;
}

/*h3 短い下線あり*/
.h3_bottom {
	text-align: center;
	position: relative;
	color: #2552ac;
}
.h3_bottom:after {
	width:30%;
	content: "";
	border-bottom: 4px solid #597fca;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: -20px;
	margin:auto;
 }

@media only screen and (max-width:767px) {/*モバイル*/
	h1 img {
		max-width: 350px;
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0 auto;
		text-align: center;
		font-size: 24px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color: #3e3a39;
	}


	h2 img {
		max-width: 350px;
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0 auto;
		text-align: center;
		font-size: 21px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color: #3e3a39;
	}
	
	
	h3{
		padding: 0;
		margin: 0;
		font-size: 18px;
		font-weight: 400;
		color:  #3e3a39;
	}

	.h3_bottom {
		font-size: 18px;
	}
	.h3_bottom:after {
		width:20%;
	 }
	
	
	p img {
		max-width: 350px;
		height: auto;
	}
   
}


/*==== テキスト =====*/
.main-text {
  text-align: justify;
  font-size: 16px;
  font-weight: 200;
  color: #3e3a39;
  line-height: 1.8em;
  }
  
.text-center {
  text-align: center;
  font-size: 16px;
  font-weight: 200;
  color: #3e3a39;
  line-height: 1.8em;
}
@media only screen and (max-width:767px) {/*モバイル*/
	.main-text, .text-center {
		padding-left: 15px;
		padding-right: 15px;
	}
}

a.main-text, a.text-center {
	color: #3e3a39;
	text-decoration: underline;
}


a .main-text:hover, a.text-center:hover {
	text-decoration: none;
	color: #e87b75;
}

/*==== リストタグ ul =====*/
.ul_list {margin: 0 25px;}
.ul_list li {line-height: 2em;}

/*ul 中央寄せ*/
.ul_list02 {
	width: 450px;
	margin: 0 auto;
	padding: 30px 30px;
	}
.ul_list02 li {line-height: 2em;}
@media only screen and (max-width:767px) {/*モバイル*/
	.ul_list02 {
		width: 100%;
		margin: 0 auto;
		padding: 30px 50px;
		}
}

/*ol*/
.ol_list {margin: 0 25px;}
.ol_list li {line-height: 2em;}


/*==== 下線 =====*/
.under_dot {/*仕切り*/
	max-width: 940px;
	margin: 0 auto;
	border-bottom: 1px dashed #999;
}

.under_line {/*強調文字下線*/
    border-bottom: 2px solid #e87b75;
}


/*==== ラベル =====*/

.label-blue {
   border-radius: 30px;        
   -webkit-border-radius: 30px;   
   -moz-border-radius: 30px;  
   padding: 0.1em 0.5em 0.1em 0.5em;
   margin-right: 5px;
   text-align: center;
   color: #2552ac;
   background: rgb(90, 200, 216);
   background: rgba(90, 200, 216, 0.3);
}

.lavel-pinc {
   border-radius: 30px;        
   -webkit-border-radius: 30px;   
   -moz-border-radius: 30px;  
   padding: 0.3em 1em 0.3em 1em;
   margin-right: 5px;
   text-align: center;
   color: #3e3a39;
   background: rgb(232, 123, 117);
   background: rgba(232, 123, 117, 0.5);
}


/*==== 縦方向の間隔調整 =====*/
.height-space{
	height: 0px;
	margin-bottom: 100px;
}

.height-space2{
	height: 0px;
	margin-bottom: 250px;
}

.height-space3{
	height: 0px;
	margin-bottom: 350px;
}


/*=====非表示=====*/
.non-display{
	display: none;
}


/*大画面・モバイル-切り替え*/
@media only screen and (min-width:768px)  {/*大画面*/
	.sm-screen{
		display:none;
		overflow: hidden;
	   }
} 

@media only screen and (max-width:767px) {/*モバイル*/
	.l-screen{
		display:none;
		overflow: hidden;
	}

	.sm-screen img{
		width: 100%;
		height: auto;
	}
}

/*大画面・モバイル-見出し画像切り替え*/
@media only screen and (min-width:350px)  {
	.sm-t-screen{
		display:none;
		overflow: hidden;
	   } 
	   
} 

@media only screen and (max-width:349px) {
	.l-t-screen{
		display:none;
		overflow: hidden;
	}
	.sm-t-screen img{
		width: 100%;
		height: auto;
	}
	
}

/******************************************
 *  パンくずリスト
*******************************************/
ol.pankuzu {
	margin: -50px 0 0 30px;
	padding: 0;
	list-style-type: none;
	font-size:15px;
	}

ol.pankuzu li {
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	color: #5ac8d8;
}

ol.pankuzu li a {
	color: #5ac8d8;
	text-decoration: none;
}

/******************************************
google map
*****************************************/

/*中大画面・小画面-切り替え*/

.google-maps {
position: relative;
max-width: 875px;
margin: 0 auto;
padding-bottom: 60%; //縦横比
height: 0;
overflow: hidden;
}
@media only screen and (max-width:900px) {
	.google-maps {
	position: relative;
	max-width: 700px;
	margin: 0 auto;
	padding-bottom: 60%; //縦横比
	height: 0;
	overflow: hidden;
	}
}
@media only screen and (max-width:900px) {
	.google-maps {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60%; //縦横比
	height: 0;
	overflow: hidden;
	}
}

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/*================================================
 *  ページトップへの戻り(totop.js)
 ================================================*/
.totop img{
	position:fixed;
	bottom:50px;
	right:15px;
	width: 50px;
	z-index: 150;
}


.totop a{
    text-decoration:none;
}

.totop a:hover img{
     opacity: 0.7;
     filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)";
}



/* =======================================
	フェードイン エフェクト
======================================= */

.fadein-up {
	opacity : 0.1;
	transform : translate(0px, 100px);
	-webkit-transform : translate(0px, 100px);
	transition : all 500ms;
	-webkit-transition : all 500ms;
	}
.fadein-up.scrollin-up {
	opacity : 1;
	transform : translate(0px, 0px);
	-webkit-transform : translate(0px, 0px);
	}

#effect2 .fadein-up:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
#effect2 .fadein-up:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
#effect2 .fadein-up:nth-of-type(4) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}	
	
/*---------------------------------*/


.fadein-down {
	opacity : 0.1;
	transform : translate(0px, -100px);
	-webkit-transform : translate(0px, -100px);
	transition : all 500ms;
	-webkit-transition : all 500ms;
	}
.fadein-down.scrollin-down {
	opacity : 1;
	transform : translate(0px, 0px);
	-webkit-transform : translate(0px, 0px);
	}

#effect2 .fadein-down:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
#effect2 .fadein-down:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
#effect2 .fadein-down:nth-of-type(4) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}
	
	
/*---------------------------------*/


/*.fadein-right {
	opacity : 0.1;
	transform : translate(100px, 0px);
	-webkit-transform : translate(100px, 0px);
	transition : all 500ms;
	-webkit-transition : all 500ms;
	}
.fadein-right.scrollin-right {
	opacity : 1;
	transform : translate(0px, 0px);
	-webkit-transform : translate(0px, 0px);
	}

#effect2 .fadein-right:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
#effect2 .fadein-right:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
#effect2 .fadein-right:nth-of-type(4) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}*/
	
	
	
/*---------------------------------*/


.fadein-left {
	opacity : 0.1;
	transform : translate(-100px, 0px);
	-webkit-transform : translate(-100px, 0px);
	transition : all 500ms;
	-webkit-transition : all 500ms;
	}
.fadein-left.scrollin-left {
	opacity : 1;
	transform : translate(0px, 0px);
	-webkit-transform : translate(0px, 0px);
	}

#effect2 .fadein-left:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
#effect2 .fadein-left:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
#effect2 .fadein-left:nth-of-type(4) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}
	





/******************************************
問合せフォーム
*****************************************/
.formStyle{
	max-width:380px;
	margin:auto;
}
/* デフォルトのスタイルを削除
*****************************************/
input,
button,
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-top: 1em;
}
label {
	margin-top: 1em;
}

/* フォーカスした時の幅を変更
*****************************************/
input[type="text"].focus {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	width: 200px;
}
input[type="text"].focus:focus {
	width: 300px;
}

/* テキストインプットとテキストエリアの基本装飾
*****************************************/
input[type="text"],
input[type="password"],
textarea {
	padding: 0.8em;
	outline: none;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	font-size: 16px;
}

/* フォーカスした時のスタイルを変更
*****************************************/
input[type="text"]:focus,
input[type="password"]:focus,
.formStyle textarea:focus {
	box-shadow: 0 0 7px #3498db;
	border: 1px solid #3498db;
}

/* disabled時のスタイルを変更
*****************************************/
input[type="text"]:disabled {
	background-color: #eee;
	cursor: not-allowed;
}

/* ラジオボタンのスタイルを変更
*****************************************/
input[type="radio"] {
	display: none;
}
input[type="radio"] + label {
	position: relative;
	display: inline-block;
	padding: 3px 10px 3px 24px;
	cursor: pointer;
}
input[type="radio"] + label::before,
input[type="radio"] + label::after {
	content: '';
	top: 50%;
	position: absolute;
	border-radius: 100%;
	-webkit-transition: all .2s;
  -moz-transition: all .2s;
	transition: all .2s;
}
input[type="radio"] + label::before {
	width: 16px;
	height: 16px;
	margin-top: -9px;
	left: 0;
	background: #EEE;
	border: 1px solid #ccc;
}
input[type="radio"] + label:hover::before {
	background: #FEFEFE;
}
input[type="radio"] + label::after {
	opacity: 0;
	left: 4px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #2980b9;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}
input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #2980b9;
}
input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}


/* チェックボックスのスタイルを変更
*****************************************/
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	padding: 3px 10px 3px 22px;
	cursor: pointer;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after {
	position: absolute;
	content: '';
}
input[type="checkbox"] + label::before {
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="checkbox"] + label::after {
	opacity: 0;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg) scale(.5);
	-moz-transform: rotate(-45deg) scale(.5);
	transform: rotate(-45deg) scale(.5);
}
input[type="checkbox"] + label:hover::before {
	background: #fff;
}
input[type="checkbox"]:checked + label::before {
	background: #fff;
	border: 1px solid #3498db;
}
input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	-moz-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

/* ボタンのスタイルを変更
*****************************************/
button {
	border-radius: 0;
	
	background: -moz-linear-gradient(top, #FFF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color: #111;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
button:hover {
	background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

@media screen and (max-width:800px) {/*中画面 小画面*/
	input[type="text"],
	.formStyle textarea {
		width:94%;
		padding:3%;
	}
	input[type="text"].focus {
		width: 50%;
	}
	input[type="text"].focus:focus {
		width: 94%;
	}
	.formStyle button{
		width:100%;
		padding: 10px 0;
	}
}






/****************************************
.フォント
****************************************/


.fs9{
	font-size:9px
}

.fs10{
	font-size:10px
}

.fs11{
	font-size:11px
}

.fs12{
	font-size:12px
}


.fs13{
	font-size:13px
}


.fs14{
	font-size:14px
}


.fs15{
	font-size:15px
}


.fs16{
	font-size:16px
}


.fs17{
	font-size:17px
}

.fs18{
	font-size:18px
}

.fs20{
	font-size:20px;
}

.fs25{
	font-size:25px
}

.fs28{
	font-size:28px
}

/*-----------------------------*/

.black{
	color:#3e3a39;
}

.white{
	color:#fff;
}

.blue01{/*濃いブルー*/
	color:#2552ac;
}

.blue02{/*薄いブルー*/
	color:#597fca;
}

.green{
	color:#5ac8d8;
}



/* space top
----------------------------------------------------*/
.mt-2 {
	margin-top: -2px;
}

.mt-20 {
	margin-top: -20px;
}

.mt-30 {
	margin-top: -30px;
}

.mt-70 {
	margin-top: -70px;
}

.mt-100 {
	margin-top: -100px;
}

.pt-15 {
	padding-top: -15px;
}

.pt10 {
	padding-top: 10px;
	
}

.pt20 {
	padding-top: 20px;
	
}

.pt30 {
	padding-top: 30px;
	
}

.pt50 {
	padding-top: 50px;
	
}

.pt70 {
	padding-top: 70px;
	
}

.pt100 {
	padding-top: 100px;
	
}

.pt150 {
	padding-top: 150px;
}

.mt0 {
	margin-top: 0px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt60 {
	margin-top: 60px;
}


/* space bottom
----------------------------------------------------*/
.pb30 {
	padding-bottom: 30px;
}

.mb-60 {
	margin-bottom: -60px;
}

.mb0 {
	margin-bottom: 0;
	
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}


.mb35 {
	margin-bottom: 35px;
}


.mb40 {
	margin-bottom: 40px;
}


.mb45 {
	margin-bottom: 45px;
}


.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb110 {
	margin-bottom: 110px;
}

.mb120 {
	margin-bottom: 120px;
}



/* space left
----------------------------------------------------*/
.pl20 {
	padding-left: 20px;
}

.ml-1 {
	margin-left: -1px;
}

.ml0 {
	margin-left: 0;
}

.ml5 {
	margin-left: 5px;
}


.ml7 {
	margin-left: 7px;
}


.ml10 {
	margin-left: 10px;
}


.ml13 {
	margin-left: 13px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.ml48 {
	margin-left: 48px;
}

.ml50 {
	margin-left: 50px;
}


.ml60 {
	margin-left: 60px;
}


.ml70 {
	margin-left: 70px;
}


.ml80 {
	margin-left: 80px;
}


.ml90 {
	margin-left: 90px;
}


.ml100 {
	margin-left: 100px;
}

.ml110 {
	margin-left: 110px;
}


.ml120 {
	margin-left: 120px;
}



/* space right
----------------------------------------------------*/
.pr20 {
	padding-right: 20px;
}

.mr0 {
	margin-right: 0;
}

.mr5 {
	margin-right: 5px;
}


.mr7 {
	margin-right: 7px;
}


.mr10 {
	margin-right: 10px;
}


.mr13 {
	margin-right: 13px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.mr50 {
	margin-right: 50px;
}

.mr60 {
	margin-right: 60px;
}

.mr70 {
	margin-right: 70px;
}


.mr80 {
	margin-right: 80px;
}

.mr90 {
	margin-right: 90px;
}

.mr100 {
	margin-right: 100px;
}



/* line-height 
----------------------------------------------------*/
.l_height1 {
	line-height:1;
}

.l_height12 {
	line-height:1.2;
}

.l_height14 {
	line-height:1.4;
}


.l_height15 {
	line-height:1.5;
}

.l_height18 {
	line-height:1.8;
}

.l_height21 {
	line-height:2.1;
}

.l_height26 {
	line-height:2.6;
}

.l_height45 {
	line-height:4.5;
}