/* CSS Document */
@media screen and (max-width: 736px) {
	*{ max-width:100%;}}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	font-size:16px;
	line-height:25px;
	}

/* 共通 */

a{color:#000; text-decoration:none;}
	
h1{display:none;}

@media screen and (min-width: 737px) {.sp{display:none;}}
@media screen and (max-width: 736px) {.pc{display:none;}}

@media screen and (min-width: 737px) {
dl.left dt{float:left;}
dl.left dd{float:right;}
dl.right dt{float:right;}
dl.right dd{float:left;}
}

.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt25{margin-top:25px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}
.mt160{margin-top:160px;}
.mt180{margin-top:180px;}
.mt220{margin-top:220px;}

.mt1em{margin-top:1.5em;}
.mt2em{margin-top:3.0em;}
.mt3em{margin-top:4.5em;}
.mt4em{margin-top:6.0em;}
.mt5em{margin-top:7.5em;}

.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb120{margin-bottom:120px;}

.ft20{font-size:20px;}
.ft26{font-size:26px;}

.center{display:block; margin-left:auto; margin-right:auto;}

@media screen and (max-width: 736px) {.center{width:96%;}}

.txt_center{text-align:center;}

.blue{color:#073E84;}

/* header,footerの共通 */

.tel{
	display:inline-block;
	font-size:24px;
	line-height:100%;
	border-radius:20px;
	padding:10px 15px 10px 10px;
	margin-top:4px;
	margin-bottom:10px;
}



.tel:before{
	display:inline-block;
	vertical-align:top;
	margin-right:3px;
	line-height:0;
}

/* header */

header{
	position:relative;
	max-width:1200px;
	margin:20px auto;
	
}


header>div.logo{
	display:block;
	text-align:center;
	margin-bottom:20px;
}


@media screen and (min-width: 737px) {
	
header>div.address{
	position:absolute;
	top:20px;
	right:95px;
	text-align:right;
}
}

@media screen and (max-width: 736px) {

header{ text-align:center;}

header>div.logo>a>img{
	margin-bottom:3%;
}	
	
	}

header>div.address{
	font-size:12px;
	line-height:18px;
}


header>div.address>.tel{
	color:#fff;
	background-color:#143789;
}

header>div.address>.tel:before{
	content:url(https://maeoka.info/wp-content/uploads/2016/08/hdr_icon_tel.png);
}

/* nav */

@media screen and (min-width: 737px) {
nav>ul{
	text-align:center;
	margin-top:60px;
	}

nav>ul>li{
	width:170px;
	text-align:left;
	display:inline-block;
	margin-left:12px;
	}
	
nav>ul>li:first-child{
	margin-left:0;
}

nav>ul>li>a>img{
	margin-right:15px;
	vertical-align:middle;
}	
}

@media screen and (max-width: 736px) {
	
nav>ul{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
  }	
  
nav>ul>li{
	flex: 1 calc(100% / 3);
	text-align:center;
	box-sizing:border-box;
	font-size:14px;
	padding:1em 0;
	}
	
nav>ul>li img{
	display:block;
	margin:auto;
	}
	
}



nav>ul>li>a:link{
	display:block;
}

/* footer */

footer{
	background-color:#143789;
	text-align:center;
	color:#fff;
	margin-top:75px;
	padding-top:50px;
	padding-bottom:35px;
}

footer>div{
	display:block;
	margin:0 auto;
	margin-bottom:25px;
}

footer>.tel{
	color:#143789;;
	background-color:#fff;
	margin:20px 0;
}

footer>.tel:before{
	content:url(https://maeoka.info/wp-content/uploads/2016/08/hdr_icon_tel.png);
}

footer>ul{
	margin:35px 0;
}


footer>ul>li>a{
	color:#FFF;
}

footer>ul>li:first-child{
	border-left:none;
}

footer>a.tel:before{
	content:url(https://maeoka.info/wp-content/uploads/2016/08/ftr_icon_tel.png);
}


@media screen and (min-width: 737px) {
	
footer>ul>li{
	display:inline-block;
	border-left:1px solid;
	padding:0 15px;
}	}

@media screen and (max-width: 736px) {


footer{
	font-size:12px;
	line-height:18px;
}
footer>div{
	margin-bottom:3%;
}	

footer>ul{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
  }	
  
footer>ul>li{
	flex: 1 calc(100% / 3);
	text-align:center;
	box-sizing:border-box;
	margin:15px 0;
	}

	
	}


footer>ul.icon{	
	width:430px;
	display:block;
	margin:35px auto;
}

footer>ul.icon>li{
	border:0;
	display:inline-block;
	vertical-align:middle;
	padding:0;
	margin-bottom:5px;
}

footer>ul.icon>li iframe{
	width:90px;
}
	

div.pagetop{
	position:fixed;
	right:20px;bottom:10px;
	z-index:999;
}

/* topページ */

@media screen and (min-width: 737px) {
	
div.mainvis{
	max-width:1200px;
	margin:0 auto;
	margin-top:60px;
	position:relative;
}

div.mainvis div.bxslider p{
	width:428px;
	height:340px;
	text-align:center;
	font-size:24px;
	line-height:48px;
	padding-top:70px;
	color:#143789;
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/top_mainvis_sub.png);
	position:absolute;
	bottom:-71px;left:60%;
}

}


@media screen and (max-width: 736px) {

div.mainvis{
	margin-top:30px;
	position:relative;
}

div.mainvis div.bxslider p{
	text-align:center;
	font-size:20px;
	padding:5px 0;
}

}

div.movieArea{
	text-align:center;
	margin-top:70px;
}

div.movieArea>div>iframe{
	width:400px;
	height:250px;
}


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

div.movieArea>div{
	display:inline-block;
	margin-left:130px;
}


div.movieArea>div:first-child{
	margin-left:0;
}


}

@media screen and (max-width: 736px) {
	
div.movieArea>div{
	margin:0 auto;
}

div.movieArea>div:last-child{
	margin-top:50px;
	}
	
}

@media screen and (max-width: 420px){
	
div.movieArea>div{
	width:96%;;
	margin:0 auto;
    position: relative;
    padding: 62% 0 0 0;
}

div.movieArea>div>iframe{	
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
}

div.goalArea{
	margin-top:135px;
	text-align:center;
}

div.goalArea>h2{
	font-size:24px;	
}

div.goalArea>h2>img{
	display:inline-block;
	vertical-align:middle;
	margin-right:2%;
}

@media screen and (min-width: 737px) {
div.goalArea>h2{
	padding-right:110px;
}

div.goalArea>h2>img{
	margin-right:50px;
}

}

div.goalArea>ul>li{
	margin-top:85px;
}
@media screen and (min-width: 737px) {
div.goalArea>ul>li{
	display:inline-block;
	width:310px;
	margin-left:80px;
	vertical-align:top;
}
}
div.goalArea>ul>li:first-child{
	margin-left:0;
}

div.goalArea>ul>li>p{
	margin-top:35px;
}

div.goalArea>ul>li>p.subtitle{
	font-size:20px;
	margin-top:15px;
}

div.next{
	text-align:center;
	padding:90px 0;
}

div.next:before{
	content:"";
	display:block;
	border-top:solid 2px #143789;
	position:relative;
	top:40px;
	z-index:-99;
}

@media screen and (min-width: 737px) {
	
div.appealArea>div.pic{
	background-color:#003E91;
}

div.appealArea>div.pic>img{
	max-width:1200px;
	width:100%;
	display:block;
	margin:0 auto;
}

div.appealArea>div.bg_pic{
	max-width:1200px;
	margin:0 auto;
	padding-top:40px;
	background:url(https://maeoka.info/wp-content/uploads/2016/08/top_bg1.jpg) no-repeat;
	overflow:hidden;
}

div.appealArea>div.bg_pic>dl>dt>span{
	padding-left:540px;
	padding-bottom:313px;
	background-color:#009BD0;
	position:absolute;
	bottom:0px;
	left:20px;
}

div.appealArea>div.bg_pic>dl>dd{
	margin:0 3%;
}

}

div.appealArea>div.bg_pic>dl{
	display:block;
	clear:both;
	padding-top:40px;
}

div.appealArea>div.bg_pic>dl>dt{
	width:560px;
	padding-bottom:20px;
	text-align:left;
	position:relative;
	margin:0 auto;
}

div.appealArea>div.bg_pic>dl>dt>img{
	display:block;
	position:relative;
	z-index:99;
}

@media screen and (max-width: 736px) {

div.appealArea>div.bg_pic>dl>dt>span{
	padding-left:93%;	
	padding-top:20px;
	padding-bottom:50%;
	background-color:#009BD0;
	position:absolute;
	bottom:0px;
	left:7%;
}
	
div.appealArea>div.bg_pic>dl{ text-align:center;}

div.appealArea>div.bg_pic>dl>dt>img	{
	width:95%;
}

}

div.appealArea>div.bg_pic>dl>dd>p{
	margin:25px 0;
}

div.appealArea>div.bg_pic>dl>dd>p.big{
	font-size:24px;
	line-height:36px;
	
}

div.tableArea{
	margin-top:80px;
}

div.tableArea>ul{ text-align:center;}

div.tableArea>ul>li{
	border:2px dashed #2FADD9;
}

@media screen and (min-width: 737px) {
div.tableArea>ul{
	display:table;
	table-layout:fixed;
	border-collapse:collapse;
	margin:0 auto;
}

div.tableArea>ul>li{
	display:table-cell;
	width:400px;
	height:300px;
}

div.tableArea>ul:first-child>li{
	border-bottom:0;
}

}
@media screen and (max-width: 736px) {
		
div.tableArea>ul>li{
	border-bottom:0;
}

div.tableArea>ul:last-child>li:last-child{
	border-bottom:2px dashed #2FADD9;		
	margin-bottom:30px;
}
}
	
div.tableArea>ul>li>p:before{
	display:block;
	padding:45px 0;
	content:url(https://maeoka.info/wp-content/uploads/2016/08/top_icon_check.jpg);
}

div.tableArea>ul>li>p{
	font-size:14px;
	line-height:18px;
}

@media screen and (max-width: 736px) {
div.tableArea>ul>li>p{
	padding-bottom:20px;
}
div.tableArea>ul>li>p:before{
	padding:25px 0;
}
}

a.link_btn{
	display:block;
	margin:110px auto 60px;
	text-align:center;
	color:#fff;
	background-color:#009BD0;
	width:780px;
	padding:40px 0;
}

a.link_btn:before{
	display:inline-block;
	vertical-align:middle;
	content:url(https://maeoka.info/wp-content/uploads/2016/08/cmn_btn_link.png);
	margin-right:20px;
}

@media screen and (max-width: 736px) {
a.link_btn{
	width:90%;
	padding:20px 0;
	margin:50px auto;}
}

div.servicesArea h2{
	font-size:24px;
	letter-spacing:5px;
	text-align:center;
	margin-top:60px;
	margin-bottom:100px;
}

div.servicesArea ul{
	text-align:center;
	margin-top:50px;
}

div.servicesArea ul>li.sv{
	height:165px;
}

div.servicesArea ul>li.sv>img{
	margin-bottom: 15px;
}
div.servicesArea ul>li.sv>span{
	    position: relative;
    top: 14px;
}
	
@media screen and (min-width: 737px) {
div.servicesArea ul>li{
	display:inline-block;
	width:220px;
	border-left:2px solid #7FCDE7;
	font-size:18px;
	vertical-align:bottom;
}

div.servicesArea ul>li:first-child{
	border:none;
}

div.servicesArea ul>li>img{
	display:block;
	margin:15px auto 45px auto;
}

}


@media screen and (max-width: 736px) {

div.servicesArea h2{
	margin:0;	
}

div.servicesArea ul{
	margin-top:0;
}	
	
div.servicesArea ul>li{
	display:inline-block;
	width:45%;
	font-size:18px;
	margin-top:30px;
}

div.servicesArea ul>li:nth-child(2n){
	border-left:2px solid #7FCDE7;
	
}

div.servicesArea ul>li>img{
	display:block;
	margin:15px auto 25px auto;
}

div.servicesArea ul>li.sv>img{
	margin-bottom: 0px;
}

div.servicesArea ul>li.sv>span{
	    position: relative;
    top: 12px;
}


}

div.accessArea>h2{
	font-size:24px;
	letter-spacing:5px;
	text-align:center;
	margin:60px 0;	
}

div.accessArea>dl{
	overflow:hidden;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}

div.accessArea>dl>*{
	display:inline-block;
}

div.accessArea>dl>dt{
	width:310px;
	margin-right:100px;
	text-align:left;
}

div.accessArea>dl>dt>p{
	margin:10px 0;
}

div.accessArea>dl>dd{
	width:540px;
	vertical-align:top;
}

div.accessArea>dl>dd>table{
	width:100%;
	margin-top:15px;
}

div.accessArea>dl>dd *{
	padding:5px 0;
}

div.accessArea>dl>dd>table tr>th{
	color:#FFF;	
	background-color:#143789;
	text-align:center;
}

div.accessArea>dl>dd>table tr>th{
	border:1px solid #143789;
	width:70px;
}

div.accessArea>dl>dd>table tr>th:first-child{
	width:auto;
}

div.accessArea>dl>dd>table tr>td{
	text-align:center;
	border:1px solid #143789;
}

div.accessArea>dl>dd>p.subtitle{
	background-color:#143789;
	color:#FFF;
	margin-top:10px;
	text-align:center;
}

div.accessArea>dl>dd>p{
	text-align:left;
}

div.accessArea>dl>dd>p>span{
	font-size:14px;
}

@media screen and (max-width: 736px) {
div.accessArea{
	margin:0 2%;
}


div.accessArea>h2{
	margin-top: 0px;
	}

div.accessArea>dl>dt{
	margin-right:0px;
}

}

div#map_canvas{
	margin-top:40px;
	width:100%;
	height:450px;
}

@media screen and (max-width: 736px) {

div#map_canvas{
	height:300px;
	}

div#map_canvas div{
	max-width:none!important;
}

}

/* 背景付きテキストエリア */

div.picArea{
	text-align:center;
	position:relative;
	clear:both;
	overflow:hidden;
}

@media screen and (max-width: 736px) {
div.picArea>p{
	margin-left:2%;margin-right:2%;
}	
}

img.btm_btn{
	display:block;
	margin-left:-40px;
	position:relative;
	top:-40px;left:50%;
}

img.top_btn{
	display:block;
	margin-left:-40px;
	position:relative;
	top:40px;left:50%;
	z-index:99;
}

div.top_pic01{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/top_bg2.jpg);
	margin-top:70px;
	padding-bottom:110px
}
@media screen and (max-width: 736px) {
div.top_pic01{padding-bottom:55px;}
}

div.top_pic02{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/top_bg3.jpg);
	padding-bottom:110px
}
@media screen and (max-width: 736px) {
div.top_pic02{padding-bottom:70px;}
}

div.about01_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about01_bg1.jpg);
	background-size:cover;
	margin-top:20px;
	padding-bottom:50px;
}

div.about02_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about02_bg1.jpg);
	background-size:cover;
	margin-top:70px;
	padding-bottom:90px;
}

div.about02_bg2{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about02_bg2.jpg);
	background-size:cover;
	margin-top:160px;
	padding-bottom:80px;
}

div.about03_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about03_bg1.jpg);
	background-size:cover;
	margin-top:40px;
	padding-bottom:140px;
}

div.about04_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about04_bg1.jpg);
	background-size:cover;
	margin-top:130px;
	padding-bottom:140px;
}

div.about05_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about05_bg1.jpg);
	background-size:cover;
	margin-top:90px;
	padding-bottom:140px;
}

div.about06_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about06_bg1.jpg);
	background-size:cover;
	margin-top:90px;
	padding-bottom:180px;
}

div.about06_bg2{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about06_bg2.jpg);
	background-size:cover;
	margin-top:120px;
	padding-bottom:60px;
}

div.about07_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about07_bg1.jpg);
	background-size:cover;
	padding-bottom:60px;
}

div.about08_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about08_bg1.jpg);
	background-size:cover;
	padding-bottom:60px;
}

div.about09_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about09_bg1.jpg);
	background-size:cover;
	padding-bottom:170px;
}

div.about10_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about10_bg1.jpg);
	background-size:cover;
	padding-bottom:80px;
}

div.about12_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about12_bg1.jpg);
	background-size:cover;
	margin-top:130px;
	padding-bottom:110px;
}

div.about12_bg2{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about12_bg2.jpg);
	background-size:cover;
	padding-bottom:120px;
}

div.about13_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about13_bg1.jpg);
	background-size:cover;
	margin-top:120px;
	padding-bottom:190px;
}

div.about14_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about14_bg1.jpg);
	background-size:cover;
	padding-bottom:90px;
}

div.about15_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about15_bg1.jpg);
	background-size:cover;
	padding-bottom:150px;
}

div.about16_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about16_bg1.jpg);
	background-size:cover;
	padding-bottom:230px;
}

div.about17_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about17_bg1.jpg);
	background-size:cover;
	padding-bottom:150px;
}

div.about18_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about18_bg1.jpg);
	background-size:cover;
	padding-bottom:90px;
}

div.about19_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about19_bg1.jpg);
	background-size:cover;
	padding-bottom:110px;
}

div.about20_bg1{
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/about20_bg1.jpg);
	background-size:cover;
	padding-bottom:70px;
}


/* 下層ページ共通部分 */

/* ぱんくず */

.lower div.breadcrumb>ul{
	max-width:980px;
	margin:15px auto 35px auto;
	font-size:14px;
	line-height:24px;
}

.lower div.breadcrumb>ul>li{
	display:inline-block;
	margin-left:1em;
}
		
.lower div.breadcrumb>ul>li:first-child{
	margin-left:0;
}


@media screen and (max-width: 736px) {
	
.lower div.breadcrumb>ul{
	margin:15px 2% 35px 2%;
}

.about div.breadcrumb>ul{
	margin-top:50px;
}


.lower div.breadcrumb>ul>li:last-child{
	display:inline;
}
	
}


/* aboutページ共通部分 */

/* footerナビ */

@media screen and (min-width: 737px) {
	
.about div.ft_navi>ul{
	display:table;
	max-width:1200px;
	margin:0 auto;
	clear:both;
	margin-top:30px;
}


.about div.ft_navi>ul:first-child{
	margin-top:100px;
}

.about div.ft_navi>ul>li{
	display:table-cell;
	width:212px;
	height:200px;
	overflow:hidden;
	padding-left:40px;
}

.about div.ft_navi>ul>li:first-child{
	padding-left:0;
	}
}

@media screen and (max-width: 736px) {
	
.about div.ft_navi>ul{
	text-align:center;
	margin:0 2%;
	clear:both;
	letter-spacing:-0.4em;
}

.about div.ft_navi>ul>li{
	letter-spacing:normal;
	width:212px;
	overflow:hidden;
	margin:0 auto;
	margin-top:30px;
	text-align:left;
}

.about div.ft_navi>ul>li>a>img{
	display:block;
	margin:0 auto;
	margin-bottom:10px;
}

}


/* mainvis */

.about div.mainvis{
	max-width:100%;
	height:auto;
	background-color:#01408D;
}

.about div.mainvis>img{
	display:block;
	margin: 0 auto;
}

@media screen and (min-width: 737px) {
	
.about div.mainvis>a.next{
	margin-top:-16px;
	position:absolute;
	top:50%;right:15px;
}

.about div.mainvis>a.prev{
	margin-top:-16px;
	position:absolute;
	top:50%;left:15px;
}

}

@media screen and (max-width: 736px) {

.about div.mainvis>a.next{
	position:absolute;
	bottom:-50px;right:15px;
}

.about div.mainvis>a.prev{
	position:absolute;
	bottom:-50px;left:15px;
}
}

/* 前後ページへのlink */


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

.about ul.link{
	text-align:center;
	letter-spacing:-0.4em;
}

.about ul.link>li{
	letter-spacing:normal;
	position:relative;
	display:inline-block;
	width:40%;
	vertical-align:bottom;
	margin:0 5%;
}

.about ul.link>li.prev{
	text-align:right;	
}

.about ul.link>li.next{
	text-align:left;	
}

.about ul.link>li.next>a:after{
	display:inline-block;
	content:"＞＞";
	width:32px;
	margin-left:30px;
	position:absolute;
	bottom:0;
}

.about ul.link>li.prev>a:before{
	display:inline-block;
	content:"＜＜";
	width:32px;
	margin-left:-60px;
	position:absolute;
	bottom:0;
}

}

@media screen and (max-width: 736px) {

.about ul.link>li{
	position:relative;
	width:75%;
	margin:0 auto;
	padding-left:1em;
	text-align:left;
}


.about ul.link>li:last-child{
	margin-top:20px;
}

.about ul.link>li.next>a:after{
	display:inline-block;
	content:"＞＞";
	position:absolute;
	bottom:0;right:-10%;
}

.about ul.link>li.prev>a:before{
	display:inline-block;
	content:"＜＜";
	position:absolute;
	bottom:0;left:-10%;
}

}

/* 左右に画像とテキストが入る汎用セレクタ */

@media screen and (min-width: 737px) {
	
.about dl.base{
	max-width:1000px;
	margin-left:auto;margin-right:auto;	
	overflow:hidden;
}

.about dl.base>dt{
	width:50%;
}

.about dl.base.left>dt>img{
	display:block;
	margin-left:2%;
}
.about dl.base.right>dt>img{
	display:block;
	margin-left:auto;
	margin-right:2%;
}

.about dl.base>dt>img.rightpic{
	margin-left:auto;
	margin-right:55px;
}

.about dl.base>dd{
	width:50%;
	text-align:left;
}

.about dl.base>dd>p{
	margin-left:2%;
}

}

@media screen and (max-width: 736px) {
	
.about dl.base{
	margin-left:2%;margin-right:2%;	
	overflow:hidden;
}

.about dl.base>dt{
	text-align:center;
	margin-bottom:20px;
}

.about dl.base>dt>img{
	margin-top:0;
}
}

/* 画像が重なる場合の個別レイアウト */

@media screen and (min-width: 737px) {
	
.about dl.base>dt>img.about09_pic1{
	margin-top:25px;
	margin-left:6%;
}

.about dl.base>dt>img.about09_pic2{
	position:relative;
	top:-20px;left:115px;
}

.about dl.base>dt>img.about14_pic1{
	position:relative;
	top:-80px;left:180px;
}

.about dl.base>dt>img.about14_pic2{
	margin:0 auto;
	margin-top:-20px;
}

.about dl.base>dt>img.about15_pic1{
	margin:50px 55px 0 auto;
}

.about dl.base>dt>img.about15_pic2{
	position:relative;
	top:-25px;left:80px;
}

}

/* 個別の下層ページ用 */

@media screen and (min-width: 737px) {
	
.about dl.profile{
	max-width:1000px;
	margin:0 auto;
	margin-top:85px;
	overflow:hidden;
}
.about dl.profile>dt{
	margin-left:5%;	
}

.about dl.profile>dd{
	width:670px;
}

}

@media screen and (max-width: 736px) {
	
.about dl.profile{
	margin:85px 2% 0 2%;
	overflow:hidden;
}
.about dl.profile>dt{
	text-align:center;
	margin-bottom:20px;
}

.about dl.profile>dd{
	width:670px;
}
}

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

.about ul.about17_point{
	text-align:center;
	max-width:1000px;
	margin:0 auto;
	margin-top:80px;
	letter-spacing:-0.4em;
	overflow:hidden;
}

.about ul.about17_point>li{
	float:left;
	display:inline-block;
	width:50%;
	height:370px;
	letter-spacing:normal;
	vertical-align:top;
}

.about ul.about17_point>li:before{
	display:block;
	content:url(https://maeoka.info/wp-content/uploads/2016/08/about17_point.jpg);
	margin-bottom:50px;
}

}

@media screen and (max-width: 736px) {

.about ul.about17_point{
	text-align:center;
	overflow:hidden;
}

.about ul.about17_point>li{
	margin-top:80px;
}

.about ul.about17_point>li:before{
	display:block;
	content:url(https://maeoka.info/wp-content/uploads/2016/08/about17_point.jpg);
	margin-bottom:30px;
}

}


/* blogページ */

@media screen and (min-width: 737px) {
.blog>header>div.logo{
	margin-bottom:-20px;
}

.blog>header{
	  margin: 0px auto!important;	
}

.blog>header>div.address { 
	margin-top:20px; 
}

.blog>nav>ul{
	margin-top:40px!important; 
	}
}
/* mainvis */

.blog div.mainvis{
	max-width:100%;
	background-color:#01408D;
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/blog_mainvis.jpg);
	background-size:cover;
	text-align:center;
	font-size:30px;
	color:#073e84;
	padding:105px 0;
	
}

.blog div.mainvis>div{
	margin-left:-58px;
}

.blog div.mainvis>h2>img{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}

@media screen and (max-width: 736px) {

.blog div.mainvis{
	padding:50px 0;	
}

}

/* contentArea */

.blog div.contentArea{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

/* sideframe */

.blog div.side{
	width:240px;
	float:left;
}


.blog div.side>ul.list>li{
	height:50px;
	border:1px solid #898989;
	border-top:0;
}

.blog div.side>ul.list>li:first-child{
	background-color:#143789;
}

.blog div.side>ul.list>li>a{
	box-sizing:border-box;
	padding-top:14px;
	padding-left:45px;
	height:50px;
	display:block;
}

.blog div.side>ul.list>li:first-child>a{
	color:#fff;
	font-size:20px;
}

.blog div.side>ul.snsBnr{
	text-align:center;
	margin-top: 30px;
}

.blog div.side>ul.snsBnr>li{
	border-bottom:1px solid #DDDDDD;
}

.blog div.side>ul.snsBnr>li:first-child{
	border-top:1px solid #DDDDDD;
	}

@media screen and (max-width: 736px) {
	
.blog div.side{
	width:100%;
	margin-top:30px;
}

.blog div.side>ul.list>li{
	border:0;
	border-bottom:1px solid #898989;

}


}

/* mainframe */

.blog div.main{
	width:700px;
	float:right;
}

.blog div.main>div.list{
	border-top:10px solid #143789;		
	/*padding-top:30px;*/
}
/*
.blog div.main>div.list>dl{
	border-top:1px solid #898989;
	padding-top:15px;
}
*/

.blog div.main>div.list>dl>dt>p{
	font-size:14px;
	line-height:1.5em;
}

.blog div.main>div.list>dl>dt>p.date{
	margin-top:5px;
}

.blog div.main>div.list>dl>dt>h3{
	border-bottom:1px solid #f5f5f5;
	padding-bottom:5px;
}

.blog div.main>div.list>dl>dt>h3>a{
	font-size:16px;
	font-weight:bold;
	color:#3057b9;
}

.blog div.main>div.list>dl>dt>p>a{
	margin-left:5px;
}

.blog div.main>div.list>dl>dd{
	box-shadow:0px 0px 3px 1px #ededed;
	margin-right:5px;
	margin-top: 40px;
}

.blog div.main>div.list>dl>dd>a>img{
	width:120px;
	/*height:120px;*/
	padding:5px;
	box-sizing:border-box;
}

.blog div.main>div.list>ul{
	text-align:center;
	margin-top:15px;
}

.blog div.main>div.list>ul>li{
	display:inline-block;
	border:1px solid #143789;		
}

.blog div.main>div.list>ul>li>a{
	padding:10px;
}

.blog div.main>div.list>ul>li>a:link{
	display:block;
}

.blog div.main>div.list>ul>li.now{
	background-color:#143789;
	color:#fff;
	padding:10px;
	vertical-align:top;
}

.blog div.main>div.detail>div>h2{ font-size:24px; font-weight:borld; padding:30px 0;}

.blog div.main>div.detail>h3{
	width:100%;
	padding:13px 0 13px 30px;
	box-sizing:border-box;
	font-size:20px;
	background-color:#143789;
	color:#fff;
}

.blog div.main>div.detail>p.date{
	margin:10px 0 30px 5px; 
}

.blog div.main>div.detail p{
	font-size:14px;
	color:#636363;
}


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

.blog div.mainvis { 
	margin-top:37px!important; 
}

.blog div.main>div.list>dl{
	height:180px;
	margin-top:15px;
}
	
.blog div.main>div.list>dl>dt{
	width:560px;
}

.blog div.main>div.detail>div>p{
	display:block;
}


.blog div.main>div.detail>div{
	overflow:hidden;
}

.blog div.main>div.detail>div>a>img{
	float:left;
	margin-right:40px;
	margin-bottom:20px; 
}
.blog img { 
	max-width:100%;　
	height:auto; 
	padding:20px 0; 
}

}
	


@media screen and (max-width: 736px) {

.blog div.main>div.list>p{
	margin:0 2%;
}

.blog div.main>div.list>dl>dt>p.date{
	margin-top:5px;
	margin-bottom:5px;
}

.blog div.main>div.list>dl{
	margin:50px 2%;
}

.blog div.main>div.list>dl>dd{
	width:120px;
	margin:0 auto;
	margin-bottom:10px;
}

.blog div.main>div.detail>h3{
	width:100%;
	padding:13px 2%;
	box-sizing:border-box;
	font-size:20px;
	background-color:#143789;
	color:#fff;
}

.blog div.main>div.detail p{
	margin-left:2%;margin-right:2%;
}

.blog div.main>div.detail>div>img{
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}

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

/* link */

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

.blog ul.link{
	text-align:center;
	letter-spacing:-0.4em;
	font-size:14px;
	color:#636363;
	clear:both;
	padding-top:50px;
}

.blog ul.link>li{
	letter-spacing:normal;
	position:relative;
	display:inline-block;
	width:40%;
	vertical-align:bottom;
	margin:0 5%;
}

.blog ul.link>li.prev{
	text-align:right;	
}

.blog ul.link>li.next{
	text-align:left;	
}

.blog ul.link>li.next>a:after{
	display:inline-block;
	content:"＞＞";
	margin-left:30px;
	position:absolute;
	bottom:0;
}

.blog ul.link>li.prev>a:before{
	display:inline-block;
	content:"＜＜";
	margin-left:-60px;
	position:absolute;
	bottom:0;
}

}

@media screen and (max-width: 736px) {

.blog ul.link{
	font-size:14px;
	color:#636363;
	clear:both;
	padding-top:50px;
}

.blog ul.link>li{
	position:relative;
	width:75%;
	margin:0 auto;
	padding-left:1em;
	text-align:left;
}


.blog ul.link>li:last-child{
	margin-top:20px;
}

.blog ul.link>li.next>a:after{
	content:"＞＞";
	position:absolute;
	bottom:0;right:-10%;
}

.blog ul.link>li.prev>a:before{
	content:"＜＜";
	position:absolute;
	bottom:0;left:-10%;
}

}


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

.blog .wp-post-image{
float: left;
    padding: 35px;
}

}

/* 無料コンテンツページ */

/* mainvis */

.free div.mainvis{
	max-width:100%;
	background-color:#01408D;
	background-image:url(https://maeoka.info/wp-content/uploads/2016/12/free_mainvis.jpg);
	background-size:cover;
	text-align:center;
	font-size:30px;
	color:#073e84;
	padding:105px 0;
}

.free div.mainvis>div{
	margin-left:-58px;
}

.free div.mainvis>h2>img{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}

@media screen and (max-width: 736px) {

.free div.mainvis{
	padding:50px 0;
}
	
}

/* content */

.free div.area1{
	margin-top:60px;
	text-align:center;
}

.free div.area1>h3{
	font-size:20px;
	color:#14368b;
}

.free div.area1>a>img{
	margin-top:60px;
}

.free div.area2{
	text-align:center;
}

.free div.area2>ul.logo>li{
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	color:#14368b;
}

.free div.area2>ul.logo>li:first-child{
	margin-right:70px;
}

.free div.area2>p{
	margin-top:45px;
}

.free div.area2>ul.movie{
	margin-top:80px;
	margin-bottom:70px;
}

.free div.area2>ul.movie>li{
	display:inline-block;
	width:260px;
	margin-left:70px;
	vertical-align:top;
}

.free div.area2>ul.movie>li:first-child{
	margin-left:0;
}

.free div.area2>ul.movie>li>iframe{
	width:245px;
	height:145px;
}

.free div.area2>ul.movie>li>p{
	display:inline-block;
	text-align:left;
	color:#14368b;
}

.free div.area2>a:after{
	display:inline-block;
	content:"＞＞";
	margin-left:30px;
	position:rerative;
}

@media screen and (max-width: 736px) {

.free div.area1>a>img{
	width:96%;
	margin-left:2%;margin-right:2%;
	height:auto;
}

.free div.area2>ul.logo>li{
	display:block;
	width:100%;
	margin-top:30px;
}

.free div.area2>p{
	margin:20px 2% 0 2%;
	text-align:left;
}

.free div.area2>ul.movie>li{
	display:block;
	width:100%;
	margin:30px 0;
}

.free div.area2>ul.movie>li>iframe{
	display:block;
	margin:0 auto;
	margin-bottom:5px;
}

.free div.area2>ul.movie>li>p{
	display:inline-block;
	margin:0 auto;
}

}

/* 治療症例ページ */

/* mainvis */

.example div.mainvis{
	max-width:100%;
	background-color:#01408D;
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/example_mainvis.jpg);
	background-size:cover;
	text-align:center;
	font-size:30px;
	color:#073e84;
	padding:105px 0;
	margin-bottom:50px;
	
}

.example div.mainvis>div{
	margin-left:-58px;
}

.example div.mainvis>h2>img{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}

@media screen and (max-width: 736px) {

.example div.mainvis{
	padding:50px 0;
}
		
}

/* content */

.example dl{
	max-width:920px;
	margin-left:auto;margin-right:auto;	
	overflow:hidden;
}

.example dl>dt>h3{
	font-size:20px;
	color:#14368b;
}

.example dl>dt>p.subtitle{
	font-size:14px;
	color:#14368b;
	margin-bottom:35px;
}

.example dl>dd{
	text-align:center;
}


.example dl>dd>img{
	display:block;
	margin:10px auto;
}

.example dl>dd>div{
	display:inline-block;
	position:relative;
}

.example dl>dd>div>img{
	display:block;
}

.example dl>dd>div>span{
	background-color:#009BD0;
	position:absolute;
	bottom:-10px;left:10px;
	z-index:-99;
}

.example dl>dd>div>span.pic1{
	padding-left:262px;
	padding-bottom:137px;
}

.example dl>dd>div>span.pic2{
	padding-left:265px;
	padding-bottom:136px;
}

.example dl>dd>div>span.pic3{
	padding-left:218px;
	padding-bottom:144px;
}

.example dl>dd>div>span.pic4{
	padding-left:215px;
	padding-bottom:143px;
}

.example dl>dd>div>span.pic5{
	padding-left:212px;
	padding-bottom:170px;
}

.example dl>dd>div>span.pic6{
	padding-left:211px;
	padding-bottom:170px;
}


.example dl>dd>p>img{
	margin:10px auto;
}

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

.example dl>dt{
	width:465px;
}	

.example dl>dd{
	width:390px;
}

	
}

@media screen and (max-width: 736px) {

.example dl>dt>h3{
	margin:0 2%;
}

.example dl>dt p{
	margin-left:2%;margin-right:2%;
}

.example dl>dt>p:first-child{
	margin-top:30px;
}

}

/* 診察ジャンルページ */

/* mainvis */

.menu div.mainvis{
	max-width:100%;
	background-image:url(https://maeoka.info/wp-content/uploads/2016/08/menu_mainvis.jpg);
	background-size:cover;
	text-align:center;
	font-size:30px;
	color:#073e84;
	padding:105px 0;
	
}

.menu div.mainvis>div{
	margin-left:-58px;
}

.menu div.mainvis>h2>img{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}

@media screen and (max-width: 736px) {

.menu div.mainvis{
	padding:50px 0;
}
		
}

/* content */

.menu dl{
	max-width:900px;
	margin-left:auto;margin-right:auto;	
	overflow:hidden;
	margin-top:60px;
}

.menu dl>dt{
	text-align:center;
	padding-bottom:10px;
	position:relative;
	}

.menu dl>dt>h3{
	font-size:20px;
	color:#14368b;
	margin-bottom:1.0em;
}

.menu dl>dt>img{
	display:block;
	}

.menu dl>dd>p{
	font-size:16px;
	line-height:24px;
	color:#14368b;
	}
	
@media screen and (min-width: 737px) {

.menu dl>dd{
	width:615px;
	font-size:20px;
	margin-top:2.0em;
}

.menu dl>dt>span{
	background-color:#009BD0;
	position:absolute;
	bottom:0px;left:10px;
	z-index:-99;
	padding-left:212px;
	padding-bottom:140px;
}
	
}

@media screen and (max-width: 736px) {

.menu dl>dt{
	width:100%;
	}
	
.menu dl>dt>img{
	margin:0 auto;
	}
	
	
.menu dl>dt>span{
	background-color:#009BD0;
	position:absolute;
	margin:0 auto;
	bottom:0px;left:20px;right:0;
	z-index:-99;
	width:212px;
	padding-bottom:140px;
}	

.menu dl>dd>p{
	margin-top:1.0em;
	margin-left:2%;margin-right:2%;
	}

.menu #content p { 
	margin-right: 3%; 
}
	
}

.page404{
}
.page404 h2{
	font-size:22px;
	text-align:center;
	margin:80px 4% 30px;
	line-height:1.8;
}
.page404 p.text{
	margin:0 4% 20px;
	text-align:center;
}
.page404 p.link{
	text-align:center;
	text-decoration:underline;
}



.btn_free {
	box-shadow: 2px 2px 4px 2px #ccc;
	-webkit-box-shadow: 2px 2px 4px 2px #ccc;
	-moz-box-shadow: 2px 2px 4px 2px #ccc;
	border-radius:22px;
	border:solid 2px #ff9800;
}
.btn_free:hover{
opacity:0.7;
box-shadow: none;
}

.free .area1 h3 {
	font-size:1.5rem !important;
	background-color:#143789;
	color: #fff !important;
	width:40%;
	margin:0 auto -20px !important;
	padding:15px 0;
	border-radius:30px;
}

@media screen and (max-width: 736px) {
.btn_free {
	box-shadow: 2px 2px 3px 1px #ccc;
	-webkit-box-shadow: 2px 2px 3px 1px #ccc;
	-moz-box-shadow: 2px 2px 3px 1px #ccc;
	border-radius:17px;
	border:solid 2px #ff9800;
}
.free .area1 h3 {
	font-size:1.3rem !important;
	background-color:#143789;
	color: #fff !important;
	width:90%;
	margin:0 auto -20px !important;
	padding:15px 0;
	border-radius:30px !important;
}
}