/* CSS Document */


/*■■■■■■■■■■■■■■■■■■■■■■■
■■■■■共通CSS
■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■メインBGカラー■■■■■*/
.maincol-1{
	background-color: rgb(232 243 255 / 80%);
}

.maincol-2{
	background-color: rgb(200 238 255 / 80%);
	padding: 20px 0px;
}

.maincol-3{
	background-color: rgb(0 163 197 / 50%);
	padding: 20px 0px;
	color: white;
	    margin-bottom: 10px;
}

.maincol-4{
	background-color: rgb(200 238 255 / 80%);
	padding: 5px;
}

/*■■■■■メインFONTカラー■■■■■*/
.fontcol-1{
	color: #0c8d95;
}

.fontcol-2{
	color: #dd7200;
}

/*■■■■■心電図■■■■■*/
.loading {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top:100px;
}

.loading svg {
  width: 100%;
  height: 100%;
}

.loading #pulsar{
  stroke-dasharray:281;
  -webkit-animation: dash 7.5s infinite linear forwards;
}

/*Animation*/
@-webkit-keyframes dash{ from{stroke-dashoffset:814;} to {stroke-dashoffset:-814;}}


/*■■■■■グーグルマップグレースケール■■■■■*/
.google-map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}


/*■■■■■変形イメージ■■■■■*/

.img-thumbnail2 {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 10px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0 100%, 0 49%);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: left;
    width: 100%;
	margin-bottom: 20px;
}


/*■■■■■■■■■■■■■■■■■■■■■■■
■■■■■個別CSS
■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■トップアイコン■■■■■*/

.markicon{
    position: absolute;
    bottom: 10%;
    right: 4%;
    width: 28%;
    max-width: 300px;
    height: auto;
}


/*■■■■■トップイメージ■■■■■*/
.topimgdoc{
    width: 100%;
    height: 350px;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 58px auto 20px;
    background: url(../img/topimg.png);
    background-size: cover;
    background-position: center;
}

.toptext{
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 3em;
	font-weight: bold;
	line-height: 100%;
	z-index: 5;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
				-1px 1px 0 #FFF, 1px -1px 0 #FFF,
				0px 1px 0 #FFF,  0-1px 0 #FFF,
				-1px 0 0 #FFF, 1px 0 0 #FFF;
}

/*■■■■■コンテンツタイトル■■■■■*/
.cont-title {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline 3px solid #0c8d95;
	position:relative;
	padding: 0px 10px;
}

.cont-title::before {
	position:absolute;
	top:-15px;
	left:10px;
    content:"";
	font-size: 2.0em;
	color: #0c8d95;
    border-style: solid;
    border-width: 10px 13px 0px 100px;
    border-color: transparent transparent transparent #dd7200;
}

.cont-title2 {
    font-size: 1.6em;
    font-weight: bold;
    position: relative;
    padding: 20px 0px;
    text-align: center;
    line-height: 120%;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0-1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}


/*■■■■■差し込みコメント■■■■■*/
.cutin-1{
    background: url(../img/cutin-1.png);
    background-size: cover;
    background-position: center;
	text-align: center;
	font-size:2.0em;
	font-weight:bold;
	padding: 35px 0px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
			-1px 1px 0 #FFF, 1px -1px 0 #FFF,
			0px 1px 0 #FFF,  0-1px 0 #FFF,
			-1px 0 0 #FFF, 1px 0 0 #FFF;
}

/*■■■■■フッター■■■■■*/
.ft-doc{
    width: 100%;
    color: #5d5d5d;
    text-align: center;
    font-size: 1.0em;
	line-height: 120%;
    padding: 0px 0px 5px 0px;
	background: url(../img/footer-1.png);
    background-size: cover;
    background-position: right bottom;
}



@media (min-width:768px){
	
}

@media (min-width:1060px){
	
}