@charset "UTF-8";

/* =メインナビ
-----------------------------------------------------------------------------*/
.menu_main li{
	overflow: visible;
	position: relative;
}
.dorop_menu {
	display: none;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
}
.dorop_menu a {
	display: block;
	padding: 20px 5px;
	background: #023465;
	color: #fff;
}
.dorop_menu li:nth-child(even) a {
	background: #0D4779;
}



/* =コンテンツ共通
-----------------------------------------------------------------------------*/
.pagebody{
	margin:1% auto 6%;
	_zoom:1;
	overflow:hidden;
	width:1400px;
	-webkit-transition:1s linear;
	transition:1s linear;
	font-size:1em;
}
.contentWrap{
	padding-top:5%;
}
.content{
	float:left;
	width:70%;
}
.side{
	float:right;
	max-width:280px;
	line-height:130%;
	color:#666;
}
.side ul , .side div{
	margin-bottom:7%;
}
.sideMedical li{
	margin-bottom:1%;
}
.side dd{
	font-size:.9em;
	margin:2% 0 3%;
}
.side .icon-arrow_maru_s{
	font-size:1em;
	color:#aaa;
	padding-right:.3em;
}
.sideAdd{
	font-size:.8em;
	margin-top:4%;
}

@media only screen and (max-width: 1400px) {
.pagebody{
	width:94%;
	padding-left:3%;
	padding-right:3%;
	font-size:.95em;
}
.side{
	width:25%;
}
}

@media only screen and (min-width: 1400px) {
.contentWrap{
	padding-left:3%;
	padding-right:3%;
}
}

@media only screen and (max-width: 969px) {
.content{
	float:none;
	width:100%
}
.side{
	display:none;
}
}

.title{
	text-align:center;
	border-top:solid 1px #063260;
	padding:2%;
}

.titleSp{
	text-align:center;
	border-bottom:solid 1px #063260;
	padding:7% 2% 5%;
	color:#063260;
	font-size:1.6em;
}


.pankuzu  , .pankuzu a{
	color:#657279;
	font-size:.95em;
}
.pankuzu .icon-home{
	font-size:1em;
	padding-right:.4em;
}
.pankuzu a:hover{
	opacity:.7;
}

.contentNav .navList{
	width:103%;
	margin-right:-3%;
	margin-top:5%;
	margin-bottom:5%;
	_zoom:1;
	overflow:hidden;
}
.contentNav dl{
	width:47%;
	margin-right:3%;
	margin-top:3%;
	padding:4% 2.5% 2.5%;
	float:left;
	border:solid 1px #DCE1E3;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;
	cursor:pointer;
}
.contentNav dt{
	font-size:1.7em;
	color:#02274C;
	font-weight:bold;
}
.contentNav dt:before{
	font-family: 'Glyphter';
	content:'\0041';
	font-size:.7em;
	padding-right:.4em;
}
.contentNav dl:hover{
	background:#F0F8FF;
	border:solid 1px #A7B2B8;
}
.contentNav dd{
	margin-top:5%;
}
.contentNav ul{
	border-top:solid 1px #DCE1E3;
}
.contentNav li{
	border-bottom:solid 1px #DCE1E3;
}
.contentNav li a{
	display:block;
	font-size:1.3em;
	color:#02274C;
	font-weight:bold;
	padding:2.5%;
	
}
.contentNav li a:before{
	font-family: 'Glyphter';
	content:'\0041';
	font-size:.8em;
	padding-right:.7em;
}
.contentNav li a:hover{
	background:#F0F8FF;
}

.contentNav dl , .contentNav li a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.contentNav p{
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:.1em;
	padding:1em 1.5em .8em;
	background:rgba(165,165,165,1.00);
}
.contentNav p span{
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight:400;
	padding-left:.5em;
}
.contentNav .active a , .contentNav .active a:hover{
	color:rgba(156,156,156,0.60);
	background:rgba(181,181,181,0.05);
}

.sitemapBtn{
	margin-top:1em;
	display:block;
	padding:1em;
	width:55%;
	margin:1em auto 0;
	border-radius:10px;
	border:solid 1px #ccc;
	background: -moz-linear-gradient(top,  rgba(238,238,238,0.3) 0%, rgba(238,238,238,0.3) 35%, rgba(238,238,238,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,0.3)), color-stop(35%,rgba(238,238,238,0.3)), color-stop(100%,rgba(238,238,238,1)));
background: -webkit-linear-gradient(top,  rgba(238,238,238,0.3) 0%,rgba(238,238,238,0.3) 35%,rgba(238,238,238,1) 100%);
background: -o-linear-gradient(top,  rgba(238,238,238,0.3) 0%,rgba(238,238,238,0.3) 35%,rgba(238,238,238,1) 100%);
background: -ms-linear-gradient(top,  rgba(238,238,238,0.3) 0%,rgba(238,238,238,0.3) 35%,rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom,  rgba(238,238,238,0.3) 0%,rgba(238,238,238,0.3) 35%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4deeeeee', endColorstr='#eeeeee',GradientType=0 );
}
.sitemapBtn p{
	display:table-cell;
	vertical-align:middle;
	font-size:1.2em;
	color:#02274C;
}
.sitemapBtn span{height:40px; width:40px; display:block; position:relative; padding-right:.7em;} 
.sitemapBtn .icon{width:40px; height:40px;}
.sitemapBtn .icon:before{content:''; height:6px; width:40px; background:#02274C; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; display:block; position:absolute; top:5px; left:0; box-shadow:0 12px #02274C, 0 24px #02274C;-webkit-box-shadow:0 12px #02274C, 0 24px #02274C;-moz-box-shadow:0 12px #02274C, 0 24px #02274C;}

@media only screen and (max-width: 969px) {
.contentNav dt{
	font-size:1.4em;
}
}
@media only screen and (max-width: 479px) {
.contentNav .navList{
	width:100%;
	margin-right:0;
}
.contentNav dl{
	width:100%;
	float:none;
	padding:8%;
}
.contentNav li a{
	padding:5%;
}
}

.gra_blue{
	background: rgb(4,38,70);
background: -moz-linear-gradient(-45deg,  rgba(4,38,70,1) 0%, rgba(13,53,96,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(4,38,70,1)), color-stop(100%,rgba(13,53,96,1)));
background: -webkit-linear-gradient(-45deg,  rgba(4,38,70,1) 0%,rgba(13,53,96,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(4,38,70,1) 0%,rgba(13,53,96,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(4,38,70,1) 0%,rgba(13,53,96,1) 100%);
background: linear-gradient(135deg,  rgba(4,38,70,1) 0%,rgba(13,53,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042646', endColorstr='#0d3560',GradientType=1 );
}


.content h2{
	color:#ddd;
	padding-top:.5em;
	padding-bottom:.9em;
	padding-left:1.2em;
	padding-right:1.2em;
	font-size:2em;
	font-weight:normal;
	line-height:110%;
	letter-spacing:.1em;
	background: rgb(62,89,140);
background: -moz-linear-gradient(-45deg,  rgba(62,89,140,1) 0%, rgba(95,113,162,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(62,89,140,1)), color-stop(100%,rgba(95,113,162,1)));
background: -webkit-linear-gradient(-45deg,  rgba(62,89,140,1) 0%,rgba(95,113,162,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(62,89,140,1) 0%,rgba(95,113,162,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(62,89,140,1) 0%,rgba(95,113,162,1) 100%);
background: linear-gradient(135deg,  rgba(62,89,140,1) 0%,rgba(95,113,162,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e598c', endColorstr='#5f71a2',GradientType=1 );
}

.content h2 span{
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight:400;
	font-size:.5em;
	font-style:italic;
	color:rgba(221,221,221,0.70)
}

.content h3{
	margin-top:5%;
	padding-top:1em;
	padding-bottom:1em;
	padding-left:1.5em;
	padding-right:1.5em;
	font-size:1.7em;
	color:#002446;
	letter-spacing:.2em;
	border-top:solid 1px #002348;
	border-bottom:solid 1px #002348;
	background: -moz-linear-gradient(-45deg,  rgba(248,248,248,1) 0%, rgba(248,248,248,0) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(248,248,248,0)));
background: -webkit-linear-gradient(-45deg,  rgba(248,248,248,1) 0%,rgba(248,248,248,0) 100%);
background: -o-linear-gradient(-45deg,  rgba(248,248,248,1) 0%,rgba(248,248,248,0) 100%);
background: -ms-linear-gradient(-45deg,  rgba(248,248,248,1) 0%,rgba(248,248,248,0) 100%);
background: linear-gradient(135deg,  rgba(248,248,248,1) 0%,rgba(248,248,248,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#00f8f8f8',GradientType=1 );
}
.content h3:first-chaild{
	margin-top:0;
}

.content h4{
	background:#92B65D;
	border-radius:10px;
	padding:1em 1.2em;
	color:#fff;
	font-size:1.2em;
	letter-spacing:.1em;
	margin-top:2em;
}

.mainCopy{
	font-size:1.3em;
	font-weight:bold;
	line-height:150%;
	color:#002446;
}

.content .intro{
	padding-top:2em;
	padding-bottom:1.5em;
	_zoom:1;
	overflow:hidden;
}
.content .intro .mainCopy{
	margin-bottom:1em;
}
@media only screen and (min-width: 767px) {
.content .intro{
	font-size:1.15em;
	line-height:220%;
	padding-bottom:0;
}
.fs_l{
	font-size:1.1em;
	line-height:220%;
}
}

.content .box{
	padding-top:3em;
	padding-bottom:7%;
	padding-left:2.5em;
	padding-right:2.5em;
	line-height:180%;
	font-size:1.1em;
}
.content .boxS{
	padding-top:1em;
	padding-left:1em;
	padding-right:1em;
	_zoom:1;
	overflow:hidden;
}

.photoL{
	float:left;
	margin-right:3em;
}
.photoR{
	float:right;
	margin-left:2%;
}
.photoC{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (max-width: 767px) {
.content .box{
	padding-top:1.5em;
	padding-left:1em;
	padding-right:1em;
}
.content h2 , .content h3{
	text-align:center;
	padding-left:.5em;
	padding-right:.5em;
}
.content h2{
	font-size:1.7em;
}
.content h2 small{
	font-size:.55em;
	letter-spacing:0;
}
.content h3{
	font-size:1.4em;
	line-height:150%;
	letter-spacing:.1em;
}
.photoL , .photoR{
	float:none;
	margin-left:0;
	margin-right:0;
	margin-bottom:2em;
	text-align:center;
}
.mainCopy{
	text-align:center;
}
}


.tableDesign li{
	display:table;
	width:100%;
}
.tableDesign li{
    background:rgba(242,242,242,0.80);
}
.tableDesign li:nth-child(2n) {
    background:rgba(242,242,242,0.40);
}

.tableDesign li div , .tableDesign li p{
	display:table-cell;
	vertical-align:middle;
	padding:1.5em;
}
.tableDesign li div{
	background:#516496;
	color:#ddd;
}
.tableDesign li:nth-child(2n) div{
	background:#62729D;
}

.content table{
	width:100%;
	background:#ccc;
}
.content table th , .content table td{
	padding:2%;
}


.gallery ul{
	display:table;
	table-layout:fixed;
	padding-bottom:3%;
	width:103%;
	_zoom:1;
	overflow:hidden;
	padding-right:-3%;
}
.gallery li{
	display:table-cell;
	padding-right:3%;
	vertical-align:top;
}
@media only screen and (max-width: 767px) {
.gallery ul{
	padding-bottom:0;
	width:100%;
	padding-right:0;
}
.gallery li{
	display:block;
	padding-right:0;
	padding-top:1.5%;
	padding-bottom:1.5%;
}
}

/*1つに数が変わる場合はこちらを使ってください。*/
.gallery_flex ul{
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-bottom:3%;
	width:100%;
	_zoom:1;
	overflow:hidden;
}
.gallery_flex li{
	width: 48.5%;
	margin-top: 3%;
}
.gallery_flex li:nth-child(1),
.gallery_flex li:nth-child(2){
	margin-top: 0;
}
@media only screen and (max-width: 767px) {
.gallery_flex ul{
	display: block;
	margin-bottom:3%;
}
.gallery_flex li{
	width: 100%;
	margin-top: 3% !important;
}
.gallery_flex li:nth-child(1){
	margin-top: 0 !important;
}
}


/* 単語の途中で改行禁止*/
.word{
	white-space:pre;
}


/* =装飾など
-----------------------------------------------------------------------------*/
.colRed{
	color:#B22C00;
}

.iconDisk li {
	position: relative;
	margin-left:1.3em;
	line-height:170%;
}
.iconDisk li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.3em;
	width: .6em;
	height: .6em;
	background-color: #666;
	border-radius: 100%;
}

.no_list li{
	margin-bottom:1.5em;
	text-indent:-2em;
	padding-left:2em;
}
.no_list li:last-child{
	margin-bottom:0;
}
.no_list span{
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight:400;
	font-size:1.5em;
	padding-right:.8em;
	font-style:italic;
}
@media only screen and (max-width: 969px) {
.no_list span{
	font-weight:bold;
}
}

/* =PC
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 970px)  {
}

/* =Tablet以下
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 969px) {
}


/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 969px) {
}


/* =Mobile以上
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 767px) {
}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
}


/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}