@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
.drawer-nav {
position: fixed;
z-index: 101;
top: 0;
overflow: hidden;
width: 16.25rem;
height: 100%;
color: #23282d;
background-color: #fff;
}
.drawer-brand {
font-size: 1.5rem;
font-weight: bold;
line-height: 3.75rem;
display: block;
padding-right: .75rem;
padding-left: .75rem;
text-decoration: none;
color: #222;
}
.drawer-menu {
margin: 0;
padding: 0;
list-style: none;
}
.drawer-menu-item {
font-size: 1rem;
display: block;
padding: .75rem;
text-decoration: none;
color: #222;
}
.drawer-menu-item:hover {
text-decoration: underline;
color: #555;
background-color: transparent;
} .drawer-overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
}
.drawer-open .drawer-overlay {
display: block;
} .drawer--top .drawer-nav {
top: -100%;
left: 0;
width: 100%;
height: auto;
max-height: 100%;
-webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--top.drawer-open .drawer-nav {
top: 0;
}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
right: 0;
} .drawer--left .drawer-nav {
left: -16.25rem;
-webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
left: 0;
}
.drawer--left.drawer-open .drawer-hamburger {
left: 16.25rem;
} .drawer--right .drawer-nav {
right: -16.25rem;
-webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
right: 0;
}
.drawer--right.drawer-open .drawer-hamburger {
right: 16.25rem;
} .drawer-hamburger {
position: absolute;
z-index: 104;
top: 0;
display: block;
box-sizing: content-box;
width: 2rem;
padding: 0;
padding-top: 18px;
padding-right: .75rem;
padding-bottom: 30px;
padding-left: .75rem;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border: 0;
outline: 0;
background-color: transparent;
}
.drawer-hamburger:hover {
cursor: pointer;
background-color: transparent;
}
.drawer-hamburger-icon {
position: relative;
display: block;
margin-top: 10px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
width: 100%;
height: 4px;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
background-color: #23282d;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
position: absolute;
top: -10px;
left: 0;
content: ' ';
}
.drawer-hamburger-icon:after {
top: 10px;
}
.drawer-open .drawer-hamburger-icon {
background-color: transparent;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
top: 0;
}
.drawer-open .drawer-hamburger-icon:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}  .sr-only {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
} .sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
margin: 0;
} .drawer--sidebar {
background-color: #fff;
}
.drawer--sidebar .drawer-contents {
background-color: #fff;
}
@media (min-width: 64em) {
.drawer--sidebar .drawer-hamburger {
display: none;
visibility: hidden;
}
.drawer--sidebar .drawer-nav {
display: block;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: fixed;
width: 12.5rem;
height: 100%;
} .drawer--sidebar.drawer--left .drawer-nav {
left: 0;
border-right: 1px solid #ddd;
}
.drawer--sidebar.drawer--left .drawer-contents {
margin-left: 12.5rem;
} .drawer--sidebar.drawer--right .drawer-nav {
right: 0;
border-left: 1px solid #ddd;
}
.drawer--sidebar.drawer--right .drawer-contents {
margin-right: 12.5rem;
} .drawer--sidebar .drawer-container {
max-width: 48rem;
}
}
@media (min-width: 75em) {
.drawer--sidebar .drawer-nav {
width: 16.25rem;
}
.drawer--sidebar.drawer--left .drawer-contents {
margin-left: 16.25rem;
}
.drawer--sidebar.drawer--right .drawer-contents {
margin-right: 16.25rem;
} .drawer--sidebar .drawer-container {
max-width: 60rem;
}
} .drawer--navbarTopGutter {
padding-top: 3.75rem;
}
.drawer-navbar .drawer-navbar-header {
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.drawer-navbar {
z-index: 102;
top: 0;
width: 100%;
} .drawer-navbar--fixed {
position: fixed;
}
.drawer-navbar-header {
position: relative;
z-index: 102;
box-sizing: border-box;
width: 100%;
height: 3.75rem;
padding: 0 .75rem;
text-align: center;
}
.drawer-navbar .drawer-brand {
line-height: 3.75rem;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
text-decoration: none;
}
.drawer-navbar .drawer-brand:hover {
background-color: transparent;
}
.drawer-navbar .drawer-nav {
padding-top: 3.75rem;
}
.drawer-navbar .drawer-menu {
padding-bottom: 7.5rem;
}
@media (min-width: 64em) {
.drawer-navbar {
height: 3.75rem;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.drawer-navbar .drawer-navbar-header {
position: relative;
display: block;
float: left;
width: auto;
padding: 0;
border: 0;
}
.drawer-navbar .drawer-menu--right {
float: right;
}
.drawer-navbar .drawer-menu li {
float: left;
}
.drawer-navbar .drawer-menu-item {
line-height: 3.75rem;
padding-top: 0;
padding-bottom: 0;
}
.drawer-navbar .drawer-hamburger {
display: none;
}
.drawer-navbar .drawer-nav {
position: relative;
left: 0;
overflow: visible;
width: auto;
height: 3.75rem;
padding-top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.drawer-navbar .drawer-menu {
padding: 0;
} .drawer-navbar .drawer-dropdown-menu {
position: absolute;
width: 16.25rem;
border: 1px solid #ddd;
}
.drawer-navbar .drawer-dropdown-menu-item {
padding-left: .75rem;
}
} .drawer-dropdown-menu {
display: none;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
}
.drawer-dropdown-menu > li {
width: 100%;
list-style: none;
}
.drawer-dropdown-menu-item {
line-height: 3.75rem;
display: block;
padding: 0;
padding-right: .75rem;
padding-left: 1.5rem;
text-decoration: none;
color: #222;
}
.drawer-dropdown-menu-item:hover {
text-decoration: underline;
color: #555;
background-color: transparent;
} .drawer-dropdown.open > .drawer-dropdown-menu {
display: block;
} .drawer-dropdown .drawer-caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 4px;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
} .drawer-dropdown.open .drawer-caret {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
} .drawer-container {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 64em) {
.drawer-container {
max-width: 60rem;
}
}
@media (min-width: 75em) {
.drawer-container {
max-width: 70rem;
}
}
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote {
margin: 0;
padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}
table {
font-size: 100%;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight:normal;
}
img,abbr,acronym,fieldset {
border: 0;
}
li {
list-style-type: none;
} body {
line-height:160%;
color:#333333;
font-size: 0.9em;
font-family:
'ヒラギノ角ゴ Pro W3',
'Hiragino Kaku Gothic Pro',
'メイリオ', 'Meiryo';
/font-family:
'メイリオ', 'Meiryo',
'ＭＳ Ｐゴシック';
text-align: left;
transition-duration: 0.3s;
transition-property: opacity;
word-break : break-all;
width:100%;
min-width:1060px;
}
@media only screen and (max-width: 767px) {
body {
min-width: inherit;
-webkit-text-size-adjust: 100%;
}
} a {
color:#0072c8;
text-decoration: underline;
}
a:hover {
text-decoration:none;
} .en-Mont{
font-family: 'Montserrat' !important;
}
.jp-Noto{
font-family: 'Noto Sans Japanese', serif !important;
} table{
border-collapse:collapse; }
  .sp-disp {
display:none !important;
}
.pc-disp{
display: block !important;
}
@media only screen and (max-width: 767px) {
.sp-disp {
display: block !important;
}
.pc-disp{
display: none !important;
}
}  .alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
} .clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
} #main .content li,#one-column .content li{
list-style-type: inherit !important;
margin-left:22px !important;
} #main .content li,#one-column .content li{
list-style-type: inherit !important;
margin-left:22px !important;
} #main .content img{
max-width:700px;
height:auto;
}
#one-column .content img{
max-width:980px;
height:auto;
}
@media only screen and (max-width: 767px) {
#main .content img{
max-width:100%;
height:auto;
}
#one-column .content img{
max-width:100%;
height:auto;
}
} @media only screen and (max-width: 767px) {
#main .content .sp-img-float-none{
float:none;
margin-left:0;
margin-right:0;
}
} #sp-menu {
display:none;
position:relative;
z-index:1000;
}
@media only screen and (max-width: 767px) {
#sp-menu {
display:block;
}
}
.drawer-menu{
}
.drawer-menu li{
border-bottom:1px solid #C7C7C7;
color:#252525;
}
.drawer-menu li a{
padding:10px 10px 10px 30px;
display:block;
color:#252525;
text-decoration:none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/square.png) no-repeat 12px 50% #fff;
}
.drawer-menu li#pnv-sitemap a{
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/sitemap.png) no-repeat 8px 50% #ebebeb;
padding-left:30px;
}
.drawer-menu li#pnv-language a{
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/language.png) no-repeat 8px 50% #ebebeb;
padding-left:30px;
}
.drawer-menu li#search-form{
padding:10px;
}
.drawer-menu li#search-form input.search-box{
width:150px;
padding:3px 3px 3px 23px;
border:#b3b3b3 1px solid;
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/search.png) no-repeat 5px 50%;
color:#999999;
}
.drawer-menu li#search-form input.search-btn{
padding:5px 10px 4px 10px;
border:#000000 1px solid;
background-color:#000000;
color:#FFFFFF;
font-size: 7px; font-size:0.7rem;
cursor:pointer;
} #header {
position: relative;
width:100%;
z-index:10;
margin:0 auto 0 auto;
background:rgba(255,255,255,0.9);
border-top:3px solid #199c53;
}
#header:before {
content:"";
display: block;
padding-top: 180px; }
.home #header:before {
content:"";
display: block;
padding-top: 45%; background:rgba(255,255,255,0.9);
}
#header #header-top {
position:absolute;
top:0;
width:100%;
height:110px;
z-index:100;
box-sizing:border-box;
background:rgba(255,255,255,0.8);
z-index:100;
}
#header #header-top #header-top-inner {
position:relative;
width: 980px;
margin:0 auto;
z-index:100;
box-sizing:border-box;
}
@media only screen and (max-width: 767px) {
#header #header-top #header-top-inner {
width:100%;
}
} #header #main-img{
display:none;
}
.home #header #main-img{
display: block;
position:absolute;
top:0;
left:0;
width:100%;
overflow:hidden;
z-index:0;
}
.home #header #main-img #main-img-inner{
display: block;
padding-top: 45%; }
.home #header #main-img #main-img-inner img{
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
}     #header #main-copy03{
display:none;
}
.home #header #main-copy03{
display: block;
position:absolute;
bottom:30%;
left:0;
width:100%;
text-align:center;
z-index:10;
}
.home #header #main-copy03 img{
max-width:70%;
}
@media only screen and (max-width: 1300px) {
.home #header #main-copy03{
bottom:20%;
}
.home #header #main-copy03 img{
width:45%;
}
}
@media only screen and (max-width: 767px) {
.home #header #main-copy03{
top:4%;
margin-top:60px;    
}
.home #header #main-copy03 img{
width:80%;
}
} #header #main-copy04{
line-height: 0;
}
.home #header #main-copy04{
display: block;
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align:center;
margin-top: 20px;
width:100%;
z-index:10;
}
.home #header #main-copy04 img {
margin-bottom: 8px;
width: 35%;
max-width: 500px;
}
.home #header #main-copy04 img.small {
width: 25%;
max-width: 400px;
}
@media only screen and (max-width: 767px) {
.home #header #main-copy04{
margin-top:60px;    
}
.home #header #main-copy04 img {
width:50%;
}
.home #header #main-copy04 img.small {
width:35%;
}
} #header #header-top #header-top-inner #logo{
margin:25px 0 40px 0;
line-height:0;
z-index:1;
} #header #global-navi{
position:absolute;
bottom:0;
width:100%;
height:78px;
*zoom: 1;
z-index:1000;
background:rgba(25,156,83,0.8);
}
#header #global-navi ul.menu__first-level{
margin:0 auto;
height:70px;
width: 980px;
display:table;
padding:2px 0;
box-sizing:border-box;
}
#header #global-navi ul li.menu__first-level{
display: inline-block;
line-height:140%;
height:70px;
border-left:1px solid #ffffff;
display:table-cell;
box-sizing:border-box;
text-align:center;
}
#header #global-navi ul li.menu__first-level a{
display:block;
padding:17px 25px 14px 25px;
text-decoration:none;
color:#ffffff;
}
#header #global-navi ul li.menu__first-level a:hover{
text-decoration:none;
background:#FFFFFF;
color:#199c53;
}
#header #global-navi ul li.last-navi{
border-right:1px solid #ffffff;
}
#header #global-navi .navi-en{
font-family: 'Montserrat' !important;
font-size: x-small !important;
color:#FFFFFF;
font-weight:100;
}
#header #global-navi ul li.menu__first-level a:hover .navi-en{
color:#199c53;
} li.menu__mega .menu__second-level {
position: absolute;
top: 78px;
left: 0;
box-sizing: border-box;
width: 100%;
background:rgba(30,30,30,0.95);
-webkit-transition: all .2s ease;
transition: all .2s ease;
visibility: hidden;
opacity: 0;
padding:10px 0 15px 0;
}
li.menu__mega .menu__second-level .menu__second-level-title{
width: 980px;
padding:0 0 5px 0;
margin:8px auto 8px auto;
text-align:left;
color:#199c53;
border-bottom:1px solid rgba(25,156,83,0.3);
background:none;
}
li.menu__mega:hover .menu__second-level {
top: 78px;
visibility: visible;
opacity: 1;
}
li.menu__mega .menu__second-level ul {
width: 980px;
margin:0 auto;
display:table;
text-align:left;
}
li.menu__mega .menu__second-level ul > li {
display: inline-block;
vertical-align: top;
line-height:120%;
font-weight:bold;
width:20%;
text-align:left;
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow01.png) 5px 10px no-repeat;
box-sizing:border-box;
}
li.menu__mega .menu__second-level ul > li a{
display:block;
padding:7px 26px 7px 26px !important;
text-decoration:none;
color:#ffffff !important;
-webkit-transition: all .2s ease;
transition: all .2s ease;
font-size:small;
font-weight:100;
}
li.menu__mega .menu__second-level ul > li a:hover{
color: #C0C0C0 !important;
background:none !important
}  #header #header-top #header-top-inner  #primary-navi{
position:absolute;
top:35px;
right:250px;
}
#header #header-top #header-top-inner  #primary-navi li{
display: inline-block;
line-height:140%;
font-size: 8px; font-size:0.8rem;
padding: 2px 0 2px 10px ;
margin-left:10px;
}
#header #header-top #header-top-inner #primary-navi li a{
color:#333333;
text-decoration:none;
}
#header #header-top #header-top-inner  #primary-navi li a:hover{
text-decoration:none;
}
#header #header-top #header-top-inner  #primary-navi li#primary-navi-sitemap{
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/sitemap.png) no-repeat 0 50%;
}
#header #header-top #header-top-inner  #primary-navi li#primary-navi-language{
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/language.png) no-repeat 0 50%;
} .primary-navi-language-list{
background:#FFFFFF !important;
padding:15px 20px !important;
font-size: 10px; font-size: 1.0rem !important;
line-height:140% !important;
}
.primary-navi-language-list li{
padding:5px 0 !important;
}
.primary-navi-language-list li a{
text-decoration:none;
}
.primary-navi-language-list li a{
text-decoration:none;
} #header #header-top #header-top-inner  #sns{
position:absolute;
top:0;
right:0;
}
#header #header-top #header-top-inner  #sns li{
display: inline-block;
line-height:140%;
margin-left:2px;
} #search{
position:absolute;
top:32px;
right:0;
}
input.search-box{
width:150px;
padding:3px 3px 3px 23px;
border:#b3b3b3 1px solid;
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/search.png) no-repeat 5px 50% #ffffff;
color:#999999;
}
input.search-btn{
padding:5px 10px 4px 10px;
border:#000000 1px solid;
background-color:#000000;
color:#FFFFFF;
font-size: 7px; font-size:0.7rem;
cursor:pointer;
}
@media only screen and (max-width: 767px) { #header{
padding-bottom:55px; border-bottom:1px solid #72b451;
}
#header:before {
display: none;
}
.home #header{
padding-bottom: 0; }
.home #header #main-img{
position:absolute;
top:55px;
left:0;
width:100%;
overflow:hidden;
}
#header #header-inner {
top:0 !important;
left:0 !important;
width:100%;
margin-left:0;
}
#header #header-top {
height: inherit;
}
#header #header-top #header-top-inner #logo{
margin:10px 0 0 10px;
}
#header #header-top #header-top-inner #logo img{
width:80%;
max-width:210px;
} #header #global-navi{
display:none;
}
} #header #header-top #header-top-inner #iso-bnr{
position:absolute;
top:-15px;
left:400px;
width:120px;
}
#header #header-top #header-top-inner #iso-bnr img{
width:100%;
}
@media only screen and (max-width: 767px) {
#header #header-top #header-top-inner #iso-bnr {
position:absolute;
top:-7px;
left:220px;
width:60px;
}
} #locus{
width:980px;
margin:10px auto;
text-align: right;
}
#locus ul li{
font-size: 7px; font-size:0.7rem;
display:inline;
margin-left:5px;
}
#locus ul li a{
color:#333333;
}
@media only screen and (max-width: 767px) { #locus{
width:100%;
margin:0;
padding:5px 10px;
box-sizing:border-box;
}
#locus ul li{
font-size: 5px; font-size:0.5rem;
}
} #wrapper{
position: relative;
width:980px;
margin:30px auto 50px auto;
word-wrap: break-word;
}
.home #wrapper{
position: relative;
width:100%;
margin:30px auto 50px auto;
word-wrap: break-word;
}
.sec-block {
width:980px;
margin:20px auto;
}
@media only screen and (max-width: 767px) {
#wrapper{
width: auto !important;
margin:20px;
}
#wrapper .sec-block{
width: auto !important;
padding:0 20px !important;
}
} #one-column{
width: 100%;
}  #main{
float:right;
width:700px;
margin-bottom:50px;
}
.content{
margin-bottom:40px;
} #side-column{
float:left;
width:240px;
} #side-navi{
margin-bottom:20px;
}
#side-navi ul{
border:1px solid #ba3e42;
}
#side-navi ul li{
border-top:1px dotted #d2d2d2;
}
#side-navi ul li#side-navi-parent{
padding:10px 20px;
border-top: none;
text-align:center;
}
#side-navi ul li.group-title{
display:block;
padding:7px 20px 7px 20px;
background: #e9c5c5;
text-decoration:none;
}
#side-navi ul li a{
display:block;
padding:7px 20px 7px 40px;
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow03.png) no-repeat 20px 50%;
color:#333333;
text-decoration:none;
}
#side-navi ul li a:hover{
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow03.png) no-repeat 20px 50% #e9c5c5;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-decoration:none;
}
#side-navi ul li#side-navi-parent a{
background: none;
padding:0;
}
#side-navi ul li#side-navi-parent a:hover{
background: none;
}
#side-navi ul li#side-navi-parent #s-n-p-jp{
font-size:10px; font-size:1.0rem;
font-weight:bold;
}
#side-navi ul li#side-navi-parent #s-n-p-en{
color:#ba3e42;
}
#side-navi ul li.side-navi-active a{
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow03.png) no-repeat 25px 50% #ffeff0;
padding:7px 20px 7px 45px;
} #receptionist-guide {
width:240px;
border:2px solid #cccccc;
box-sizing:border-box;
padding:15px;
}
#receptionist-guide #receptionist-guide-title {
background:url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/guide_icon.png) 0 50% no-repeat;
padding:2px 0 2px 35px;
font-size: 11px; font-size:1.1rem;
font-weight:bold;
font-family: 'Noto Sans Japanese', serif !important;
}
#receptionist-guide #receptionist-guide-tel {
background:#ba3e42;
margin:20px 0;
padding:10px 12px;
color:#FFFFFF;
vertical-align:bottom;
font-size: 11px; font-size:1.1rem;
font-weight:bold;
text-align:center;
}
#receptionist-guide .receptionist-guide-info {
margin-top:20px;
line-height:130%;
}
.change-tel {
width:240px;
box-sizing:border-box;
padding:15px;
background: #5c5c5c;
color: #fff;
}
.change-tel-info {
margin-top:10px;
line-height:150%;
}
.change-tel-info p {
margin-top:5px;
}
#receptionist-guide #receptionist-guide-tel a,
.change-tel a {
color: #fff !important;
} #side-link{
margin-top:20px;
line-height:0;
}
#side-link li{
margin-top:5px;
}
#side-link li img{
width:100%;
}
@media only screen and (max-width: 767px) { #main{
float: none;
width:100%;
margin-bottom:20px;
} #side-column{
float: none;
width:100%;
} #receptionist-guide, .change-tel {
width: 100%;
}
.change-tel {
margin-bottom: 30px;
} #side-link{
width:100%;
margin-top:20px;
line-height:0;
}
#side-link li{
float:left;
margin:5px 1% 0 1%;
width:48%;
}
#side-link li img{
width:100%;
}
} #content img{
max-width:100% !important;
height:auto;
} #page-top {
position: fixed;
right:10px;
z-index:1000;
}
#page-top a{
display:block;
padding:10px 12px;
background:#4E4E4E;
font-size: 12px; font-size:1.2rem;
color:#FFFFFF;
text-decoration:none;
}
@media only screen and (max-width: 767px) {
#page-top {
bottom: 10px;
right: 10px;
font-size: 0;
}
#page-top img{
width:50px;
}
} #footer {
width:100%;
z-index:10;
margin:0 auto 0 auto;
background:rgba(255,255,255,1.0);
} #footer #footer-navi{
margin-top:20px;
margin-bottom:50px;
text-align: center;
padding-top:15px;
padding-bottom:15px;
border-bottom:1px dotted #a3a3a3;
background:rgba(50,50,50,1.0);
}
#footer #footer-navi li{
display: inline-block;
border-right:1px solid #fff;
line-height:100%;
font-size: 7px; font-size:0.7rem;
}
#footer #footer-navi li a{
display:block;
padding:5px 20px;
text-decoration:none;
color:#fff;
}
#footer #footer-navi li a:hover{
text-decoration:none;
}
#footer #footer-navi li#last-navi{
border-right: none;
}
#footer #footer-inner {
position: relative;
width:980px;
margin:0 auto;
} #footer #footer-inner #footer-spec{
width:100%;
margin:20px auto 20px auto;
}
#footer #footer-spec #f-s-logo{
float:left;
text-align:right;
width:48%;
}
#footer #footer-spec #f-s-logo img{
width:60%;
}
#footer #footer-inner #footer-spec #f-s-text{
float:right;
text-align:left;
width:48%;
} #footer #footer-spec #f-s-logo #footer-iso-bnr{
width: 120px;
margin-left: 280px;
margin-top: 15px;
}
#footer #footer-spec #f-s-logo #footer-iso-bnr img{
width: 120px;	
}
@media only screen and (max-width: 767px) {
#footer #footer-spec #f-s-logo #footer-iso-bnr {
margin-left: 0;
margin-top: 5px;
text-align: center;
width:100%;
}
#footer #footer-spec #f-s-logo #footer-iso-bnr img{
width: 30%;	
}
} #footer #footer-copyright{
text-align:center;
font-size: 7px; font-size:0.7rem;
}
@media only screen and (max-width: 767px) {
#footer #footer-inner {
position: relative;
width:100%;
padding:0 20px;
box-sizing:border-box;
}
#footer #footer-inner #footer-navi li{
border-right: none;
} #footer #footer-inner #footer-spec{
}
#footer #footer-spec #f-s-logo{
float: none;
text-align: center;
width:100%;
margin-bottom:20px;
}
#footer #footer-spec #f-s-logo img{
width:80%;
}
#footer #footer-inner #footer-spec #f-s-text{
float: none;
text-align:left;
width:100%;
}
}
  .f-left {
float: left;
_display:inline;
}
.f-right {
float: right;
_display:inline;
}
.over {
overflow: hidden;
height: 100%;
}
.clear {
clear: both;
}
.clear_fix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}
*:first-child+html .clear_fix {
height:1%;
}
* html .clear_fix {
height: 1%;
}
.over {
overflow: hidden;
height: 100%;
}
.vis {
position:absolute;
overflow:hidden;
width:0;
height:0;
}
.centerMargin {
margin-left: auto;
margin-right: auto;
} .img-l {
float: left;
margin-right: 20px;
}
.img-lbtm {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
.img-r {
float: right;
margin-left: 20px;
}
.img-rbtm {
float: right;
margin-right: 15px;
margin-bottom: 10px;
}
.img-bottom {
vertical-align:bottom;
}
.img-top {
vertical-align:top;
}
.img-middle {
vertical-align: middle;
}
.imgbotan {
float:right;
} .left {
text-align: left !important;
}
.right {
text-align: right !important;
}
.center {
text-align: center !important;
}
tr.center th,
tr.center td {
text-align: center !important;
}
.center th,
.center td {
text-align: center !important;
}
.txt-narrow {
letter-spacing: -1px;
}
.txt-space {
letter-spacing: 1px;
}
.txt-indent {
text-indent: 1em;
}
.txt-underline {
text-decoration:underline;
}
.disp-inline{
display:inline;
} .font-none {
font-size:0 !important;
line-height:0 !important;
}
.font07 {
font-size: 7px; font-size: 0.7rem;
}
.font08 {
font-size: 8px; font-size: 0.8rem;
}
.font09 {
font-size: 9px; font-size: 0.9rem;
}
.font10 {
font-size: 10px; font-size: 1.0rem;
}
.font12 {
font-size: 12px; font-size: 1.2rem;
line-height:140%;
}
.font14 {
font-size: 14px; font-size: 1.4rem;
line-height:140%;
}
.font16 {
font-size: 16px; font-size: 1.6rem;
line-height:140%;
}
.font18 {
font-size: 18px; font-size: 1.8rem;
line-height:140%;
}
.font22 {
font-size: 22px; font-size: 2.2rem;
line-height:140%;
}
.font25 {
font-size: 25px; font-size: 2.5rem;
line-height:140%;
}
.nowrap{
white-space: nowrap;
}
.img-color,
.img-color a {
color: #1ca2bb;
}
.black {
color: #000000;
}
.white {
color: #fff;
}
.gray {
color: #999;
}
.red {
color: #d02c00;
}
.blue {
color: #003f98;
}
.lightblue {
color: #6197c2;
}
.yellow {
color: #aa6802;
}
.green{
color:#8DC21F;
}
.purple{
color:#684081;
}
.sp-purple {
color:#c377dc;
}
.bold {
font-weight: bold !important;
}
.bold2 {
font-weight: 700;
}
.no-bold ,
.no-bold th,
.no-bold td,
th.no-bold,
td.no-bold{
font-weight: 100 !important;
} .bg-grey{
background: #e0e0e0;
}
.bg-white {
background:#fff;
}
.bg-blue {
background:#003f98;
}
.bg-lightblue {
background:#e5eff7;
}
.bg-yellow {
background:#aa6802;
}
.bg-none{
background: none !important;
}
.bg-sp-purple {
background:#c377dc !important;
} .border {
border: #999999 solid 1px;
}
.blue-border {
border:#0e4983 solid 4px;
}
.lightblue-border{
border:#b9cfdf solid 4px;
}
.blue-border2 {
border:#3baec7 solid 1px;
}
.border-none{
border: none !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
}
.border-top-none{
border-top: none !important;
} .display-inline {
display: inline;
}
.line-height-none{
line-height:0;
}
.p-relative{
position:relative;
}
.display-none{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
} .m-0 { 
margin:0px !important;
}
.m-5 { 
margin:5px !important;
}
.m-10 { 
margin:10px !important;
}
.m-15 { 
margin:15px !important;
}
.m-20 { 
margin:20px !important;
}
.m-30 { 
margin:30px !important;
}
.m-40 { 
margin:40px !important;
}
.m-50 { 
margin:50px !important;
}
.m-60 { 
margin:60px !important;
}
.m-top0 { 
margin-top: 0 !important;
}
.m-top5 { 
margin-top: 5px !important;
}
.m-top10 { 
margin-top: 10px !important;
}
.m-top15 { 
margin-top: 15px !important;
}
.m-top20 { 
margin-top: 20px !important;
}
.m-top30 { 
margin-top: 30px !important;
}
.m-top40 { 
margin-top: 40px !important;
}
.m-top50 { 
margin-top: 50px !important;
}
.m-top60 { 
margin-top: 60px !important;
}
.m-top80 { 
margin-top: 80px !important;
}
.m-top90 { 
margin-top: 90px !important;
}
.m-top100 { 
margin-top: 100px !important;
}
.m-bottom0 { 
margin-bottom: 0 !important;
}
.m-bottom5 { 
margin-bottom: 5px !important;
}
.m-bottom10 { 
margin-bottom: 10px !important;
}
.m-bottom15 { 
margin-bottom: 15px !important;
}
.m-bottom20 { 
margin-bottom: 20px !important;
}
.m-bottom25 { 
margin-bottom: 25px !important;
}
.m-bottom30 { 
margin-bottom: 30px !important;
}
.m-bottom40 { 
margin-bottom: 40px !important;
}
.m-bottom50 { 
margin-bottom: 50px !important;
}
.m-bottom60 { 
margin-bottom: 60px !important;
}
.m-bottom100 { 
margin-bottom: 100px !important;
}
.m-left5 { 
margin-left: 5px !important;
}
.m-left10 { 
margin-left: 10px !important;
}
.m-left15 { 
margin-left: 15px !important;
}
.m-left20 { 
margin-left: 20px !important;
}
.m-left25 { 
margin-left: 25px !important;
}
.m-left30 { 
margin-left: 30px !important;
}
.m-left40 { 
margin-left: 40px !important;
}
.m-left50 { 
margin-left: 50px !important;
}
.m-left60 { 
margin-left: 60px !important;
}
.m-left100 { 
margin-left: 100px !important;
}
.m-left120 { 
margin-left: 120px !important;
}
.m-left150 { 
margin-left: 150px !important;
}
.m-left180 { 
margin-left: 180px !important;
}
.m-left190 { 
margin-left: 190px !important;
}
.m-left200 { 
margin-left: 200px !important;
}
.m-left300 { 
margin-left: 300px !important;
}
.m-left330 { 
margin-left: 330px !important;
}
.m-left350 { 
margin-left: 350px !important;
}
.m-left400 { 
margin-left: 400px !important;
}
.m-left410 { 
margin-left: 410px !important;
}
.m-right5 { 
margin-right: 5px !important;
}
.m-right10 { 
margin-right: 10px !important;
}
.m-right14 { 
margin-right: 14px !important;
}
.m-right15 { 
margin-right: 15px !important;
}
.m-right20 { 
margin-right: 20px !important;
}
.m-right30 { 
margin-right: 30px !important;
}
.m-right40 { 
margin-right: 40px !important;
}
.m-right50 { 
margin-right: 50px !important;
}
.m-right60 { 
margin-right: 60px !important;
}
.m-right100 { 
margin-right: 100px !important;
} .p-5 { 
padding:5px !important;
}
.p-10 { 
padding:10px !important;
}
.p-15 { 
padding:15px !important;
}
.p-20 { 
padding:20px !important;
}
.p-30 { 
padding:30px !important;
}
.p-60 { 
padding:60px !important;
}
.p-top0 { 
padding-top: 0px !important;
}
.p-top5 { 
padding-top: 5px !important;
}
.p-top10 { 
padding-top: 10px !important;
}
.p-top15 { 
padding-top: 15px !important;
}
.p-top20 { 
padding-top: 20px !important;
}
.p-top30 { 
padding-top: 30px !important;
}
.p-top50 { 
padding-top: 50px !important;
}
.p-bottom0 { 
padding-bottom: 0px !important;
}
.p-bottom5 { 
padding-bottom: 5px !important;
}
.p-bottom10 { 
padding-bottom: 10px !important;
}
.p-bottom15 { 
padding-bottom: 15px !important;
}
.p-bottom20 { 
padding-bottom: 20px !important;
}
.p-bottom30 { 
padding-bottom: 30px !important;
}
.p-bottom40 { 
padding-bottom: 40px !important;
}
.p-bottom50 { 
padding-bottom: 50px !important;
}
.p-bottom100 { 
padding-bottom: 100px !important;
}
.p-left5 { 
padding-left: 5px !important;
}
.p-left10 { 
padding-left: 10px !important;
}
.p-left15 { 
padding-left: 15px !important;
}
.p-left20 { 
padding-left: 20px !important;
}
.p-left30 { 
padding-left: 30px !important;
}
.p-right5 { 
padding-right: 5px !important;
}
.p-right10 { 
padding-right: 10px !important;
}
.p-right15 { 
padding-right: 15px !important;
}
.p-right20 { 
padding-right: 20px !important;
}
.p-right30 { 
padding-right: 30px !important;
}
.p-right100 { 
padding-right: 100px !important;
}
.p-right120 { 
padding-right: 120px !important;
} .width-100 {
width:100px !important;
}
.width-150 {
width:150px !important;
}
.width-200 {
width:200px !important;
}
.width-250 {
width:250px !important;
}
.width-300 {
width:300px !important;
}
.width-320 {
width:320px !important;
}
.width-330 {
width:320px !important;
}
.width-350 {
width:350px !important;
}
.width-400 {
width:400px !important;
}
.width-410 {
width:410px !important;
}
.width-450 {
width:450px !important;
}
.width-500 {
width:500px !important;
}
.width-550 {
width:550px !important;
}
.width-600 {
width:600px !important;
}
.width-650 {
width:650px !important;
}
.width-700 {
width:700px !important;
}
.width-750 {
width:750px !important;
}
.width-800 {
width:800px !important;
}
.width-850 {
width:850px !important;
}
.width-900 {
width:900px !important;
}
.width-fix {
width:100% !important;
} .list-number li{
list-style: outside;
list-style-type: decimal;
margin-left:20px;
padding:0 0 3px 0;
}
.list-circle li{
list-style: outside;
list-style-type: circle;
margin-left:20px;
padding:0 0 3px 0;
}
.list-disc li{
list-style: outside;
list-style-type: disc;
margin-left:20px;
padding:0 0 3px 0;
}
.list-none li{
display:inline;
}
.clear {
clear: both;
} .triangle{
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 30px solid #ba3e42;
}
.triangle1{
width: 0;
height: 0;
border-left: 30px solid #ba3e42;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
}
.triangle2{
width: 0;
height: 0;
border-top: 30px solid transparent;
border-right: 30px solid #ba3e42;
border-bottom: 30px solid transparent;
}
.triangle3{
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #ba3e42;
}
   .fade-effect {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.fade-out {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.rollover-fade a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.rollover-fade a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
} .img-w100percent {
width: 100%;
}  .sec-ti-center {
font-size: 18px;
font-size: 1.8rem;
line-height: 140%;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.sec-ti-center {
font-size: 16px;
font-size: 1.6rem;
line-height: 140%;
}
} #page-title {
position: relative;
width: 100%;
height: 275px;
margin-bottom: 30px;
overflow: hidden;
}
#page-title dt {
position: absolute;
top: 0;
left: 50%;
width: 980px;
height: 275px;
margin-left: -490px;
z-index: 1;
}
#page-title dt div#page-title-text {
height: 275px;
width: 980px;
z-index: 2;
display: table-cell;
vertical-align: middle;
}
#page-title dt div#page-title-text h1 {
font-size: 28px;
font-size: 2.8rem;
font-weight: 500;
font-family: 'Noto Sans Japanese', serif !important;
opacity: 0.9;
line-height: 110%;
}
#page-title dt div#page-title-text #page-title-en {
color: #30a664;
font-size: 15px;
font-size: 1.5rem;
margin-left: 10px;
font-family: 'Montserrat' !important;
font-weight: 100;
opacity: 0.5;
}
#page-title dt div#page-title-text #page-title-sholder {
margin: 10px 0 0 5px;
font-size: 10px;
font-size: 1.0rem;
font-weight: 300;
font-family: 'Noto Sans Japanese', serif !important;
opacity: 0.9;
}
#page-title dd {
position: absolute;
top: 0;
left: 50%;
}
#page-title dd img {
margin-left: -1055px;
max-width: none;
}
@media only screen and (max-width: 767px) { #page-title {
height: 200px;
}
#page-title dt {
position: absolute;
top: 0;
left: 0;
width: auto;
height: 200px;
margin-left: 30px;
margin-right: 30px;
box-sizing: border-box;
}
#page-title dt div#page-title-text {
height: 200px;
}
#page-title dt div#page-title-text h1 {
font-size: 17px;
font-size: 1.7rem;
}
#page-title dt div#page-title-text #page-title-en {
font-size: 13px;
font-size: 1.3rem;
margin-left: 5px;
}
#page-title dt div#page-title-text #page-title-sholder {
margin: 10px 0 0 5px;
font-size: 10px;
font-size: 1.0rem;
font-weight: 300;
font-family: 'Noto Sans Japanese', serif !important;
opacity: 0.9;
}
#page-title dd {}
#page-title dd img {
width: 1600px;
margin-left: -800px;
}
} #page-title02 {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/page_title02_mark.png) no-repeat 2px 45%;
position: relative;
font-size: 18px;
font-size: 1.8rem;
border-bottom: 3px solid #30a664;
color: #30a664;
padding: 0 0 10px 25px;
margin: 5px 0 20px 0;
line-height: 100%;
font-family: 'Noto Sans Japanese', serif !important;
}
@media only screen and (max-width: 767px) {
#page-title02 {
font-size: 16px;
font-size: 1.6rem;
}
} #page-img {
position: relative;
width: 100%;
height: 65px;
overflow: hidden;
}
#page-img div {
position: absolute;
top: 50%;
left: 50%;
}
#page-img div img {
margin-top: -132px;
margin-left: -1055px;
max-width: none;
} .sub-title01 {
background: #e0f2e8;
width: 100%;
font-size: 15px;
font-size: 1.5rem;
font-weight: 400;
color: #30a664;
line-height: 120%;
margin: 20px 0;
padding: 10px 20px;
box-sizing: border-box;
clear: both;
}
.sub-title01 span {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
display: inline-block;
margin-bottom: -1px;
}
.sub-title01:first-child {
margin-top: 0;
}
.sub-title02 {
font-size: 12px;
font-size: 1.2rem;
color: #30a664;
margin: 0 0 10px 0;
border-bottom: 1px solid #30a664;
padding-bottom: 5px;
}
.sub-title02 a {
color: #30a664;
}
@media only screen and (max-width: 767px) {
.sub-title01 {
font-size: 13px;
font-size: 1.3rem;
margin: 10px 0 20px 0;
}
} .border-box {
border: #999999 solid 1px;
padding: 20px;
}
.border-box02 {
border: #adcb89 solid 1px;
padding: 20px;
}
.border-box03 {
border: #000000 solid 1px;
padding: 20px;
} .base-font-color {
color: #30a664;
}
.base02-font-color {
color: #ba3e42;
}   .green-btn p, .green-btn03 p {
max-width: 350px;
border: solid 2px #ba3e42;
font-size: 11px;
font-size: 1.1rem;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
.green-btn p a, .green-btn03 p a {
display: block;
padding: 10px 25px;
color: #fff;
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow02_02.png) no-repeat no-repeat 6% 50% #ba3e42;
}
.green-btn03 p {
max-width: 500px;
}
.green-btn p a:hover, .green-btn03 p a:hover {
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow02_01.png) no-repeat no-repeat 6% 50% #fff;
color: #ba3e42;
-webkit-transition: .2s ease;
transition: .2s ease;
}
@media only screen and (max-width: 767px) {
.green-btn p, .green-btn03 p {
margin: 0 auto;
width: 250px;
font-size: 10px;
font-size: 1.0rem;
}
.green-btn03 p {
width: 260px;
}
} .green-btn04 p {
width: auto;
border: solid 2px #ba3e42;
font-size: 12px;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
.green-btn04 p a {
display: block;
padding: 5px 10px;
color: #fff;
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow02_02.png) no-repeat no-repeat 6% 50% #ba3e42;
}
.green-btn04 p a:hover {
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow02_01.png) no-repeat no-repeat 6% 50% #fff;
color: #ba3e42;
-webkit-transition: .2s ease;
transition: .2s ease;
}
@media only screen and (max-width: 767px) {
.green-btn04 p {
font-size: 10px;
}
.green-btn04 p a {
padding: 3px 8px;
}
} .green-btn02 p {
width: 200px;
border: solid 2px #30a664;
font-size: 11px;
font-size: 1.1rem;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
.green-btn02 p a {
display: block;
padding: 10px 25px;
color: #30a664;
text-decoration: none;
position: relative;
}
.green-btn02 a::before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 20px;
width: 0;
height: 0;
border-style: solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-top: 6px solid #30a664;
border-bottom: 0;
}
.green-btn02 p a:hover {
text-decoration: none;
background: #e0f2e8;
-webkit-transition: .2s ease;
transition: .2s ease;
}
@media only screen and (max-width: 767px) {
.green-btn02 {
margin: 10px 0;
}
} .red-btn p {
max-width: 500px;
border: solid 2px #ba3e42;
font-size: 11px;
font-size: 1.1rem;
font-weight: bold;
text-align: center;
margin: 0 auto;
word-break: normal;
}
.red-btn p a {
display: block;
padding: 10px 25px;
color: #fff;
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow02_02.png) no-repeat no-repeat 94% 50% #ba3e42;
}
.red-btn03 p {
max-width: 500px;
}
.red-btn p a:hover {
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow02_01.png) no-repeat no-repeat 94% 50% #fff;
color: #ba3e42;
-webkit-transition: .2s ease;
transition: .2s ease;
}
@media only screen and (max-width: 767px) {
.red-btn p {
margin: 0 auto;
width: 90%;
font-size: 10px;
font-size: 1.0rem;
}
} .orange-btn p {
max-width: 350px;
border: solid 2px #eb6101;
font-size: 11px;
font-size: 1.1rem;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
.orange-btn p a {
display: block;
padding: 10px 25px;
color: #fff;
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow02_02.png) no-repeat no-repeat 6% 50% #eb6101;
}
.orange-btn03 p {
max-width: 500px;
}
.orange-btn p a:hover {
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow02_01.png) no-repeat no-repeat 6% 50% #fff;
color: #eb6101;
-webkit-transition: .2s ease;
transition: .2s ease;
}
@media only screen and (max-width: 767px) {
.orange-btn p {
margin: 0 auto;
width: 250px;
font-size: 10px;
font-size: 1.0rem;
}
} .page-index-list {
width: 102%;
margin-left: -2%;
box-sizing: border-box;
}
.page-index-list li {
float: left;
width: 48%;
margin-left: 2%;
margin-bottom: 10px;
background-color: #ffffff;
overflow: hidden;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
.page-index-list li a {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow04.png) no-repeat 96% 50%;
position: relative;
display: block;
padding: 15px;
color: #333333;
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.page-index-list li a:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow04.png) no-repeat 96% 50% #e3eddd;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.page-index-list li a .p-i-l-icon {
float: left;
width: 65px;
height: 100%;
min-height: 65px;
vertical-align: middle;
position: relative;
}
.page-index-list li a .p-i-l-icon img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.page-index-list li a .p-i-l-text {
float: right;
width: 220px;
padding-right: 20px;
font-size: 7px;
font-size: 0.7rem;
line-height: 140%;
}
.page-index-list li a .p-i-l-text .p-i-l-t-title {
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.1em;
}
@media only screen and (max-width: 767px) {
.page-index-list {
width: 100%;
margin-left: 0;
}
.page-index-list li {
float: none;
width: 100%;
margin-left: 0 !important;
margin-bottom: 5px;
}
.page-index-list li a {
padding: 10px;
}
.page-index-list li a .p-i-l-icon {
float: left;
width: 20%;
}
.page-index-list li a .p-i-l-icon img {
width: 100%;
max-width: 65px;
}
.page-index-list li a .p-i-l-text {
float: right;
width: 68%;
padding-right: 8%;
font-size: 7px;
font-size: 0.7rem;
line-height: 140%;
}
} .red-toggle-btn {
width: 100%;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.red-toggle-btn p {
display: block;
padding: 10px 10px;
color: #ad0147;
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_down_r.png) no-repeat no-repeat 94% 50%;
cursor: pointer;
}
.red-toggle-btn p:hover {
text-decoration: none;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_down_r.png) no-repeat no-repeat 94% 50% #d495af;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.red-toggle-btn.bg02 p {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_up_r.png) no-repeat no-repeat 94% 50%;
}
.red-toggle-btn.bg02 p:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_up_r.png) no-repeat no-repeat 94% 50% #d495af;
}
.toggle-box {
display: none;
} .page-index-list-book {}
.page-index-list-book li {
min-height: 215px;
}
#page-index-thumb-list {
margin-top: 20px;
margin-left: -2%;
}
#page-index-thumb-list li {
float: left;
width: 48%;
margin-left: 2%;
margin-bottom: 15px;
border: 1px solid #dedede;
background-color: #fafafa;
box-sizing: border-box;
}
#page-index-thumb-list li:hover {
background-color: #EDEDED;
opacity: 0.8;
-webkit-transition: .2s ease;
transition: .2s ease;
}
#page-index-thumb-list li a {
display: block;
padding: 20px;
color: #333333;
text-decoration: none;
}
#page-index-thumb-list li a:hover {
text-decoration: none;
}
#page-index-thumb-list li .content-list-thumb {
float: left;
line-height: 0;
width: 40%;
height: 80px;
overflow: hidden;
}
#page-index-thumb-list li .content-list-thumb img {
width: 100%;
}
#page-index-thumb-list li .content-list-cate {
font-size: 7px;
font-size: 0.7rem;
padding: 0 10px;
margin-bottom: 10px;
background: #000000;
color: #FFFFFF;
}
#page-index-thumb-list li .content-list-text {
float: right;
width: 55%;
}
#page-index-thumb-list li .content-list-text .content-list-title {
font-size: 12px;
font-size: 1.2rem;
color: #ad0147;
}
@media only screen and (max-width: 767px) {
#page-index-thumb-list li .content-list-thumb {
float: none;
line-height: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
#page-index-thumb-list li .content-list-text {
float: none;
width: 100%;
margin-top: 20px;
}
} .sec-block-bg-gray {
background-color: #fafafa;
padding: 20px 30px;
} .base-table01 {
width: 100%;
border-top: 1px solid #A6A6A6;
border-left: 1px solid #A6A6A6;
}
.base-table01 th, .base-table01 td {
border-right: 1px solid #A6A6A6;
border-bottom: 1px solid #A6A6A6;
text-align: center;
padding: 5px 10px;
}
.base-table01 th {
background: #f5f5f5;
font-weight: 100;
}
.base-table01 td {
text-align: left;
}
@media only screen and (max-width: 767px) {
.base-table01 {
border-top: none;
border-left: none;
}
.base-table01 thead {
display: none;
}
.base-table01 th, .base-table01 td {
float: left;
width: 100%;
box-sizing: border-box;
text-align: left;
border-left: 1px solid #A6A6A6;
}
.base-table01 th {
border-top: 1px solid #A6A6A6;
margin-top: 10px;
}
} .base-table02 {
width: 100%;
border-top: 1px solid #A6A6A6;
border-left: 1px solid #A6A6A6;
}
.base-table02 thead th {
text-align: center;
font-weight: bold;
color: #FFFFFF;
background: #47b075;
}
.base-table02 th, .base-table02 td {
border-right: 1px solid #A6A6A6;
border-bottom: 1px solid #A6A6A6;
text-align: left;
padding: 5px 10px;
}
.base-table02 th {
background: #f5f5f5;
font-weight: 100;
}
.base-table02 td {}
@media only screen and (max-width: 767px) {
.base-table02 {
border-top: none;
border-left: none;
}
.base-table02 thead {
display: none;
}
.base-table02 th, .base-table02 td {
float: left;
width: 100%;
box-sizing: border-box;
text-align: left;
border-left: 1px solid #A6A6A6;
}
.base-table02 th {
border-top: 1px solid #A6A6A6;
margin-top: 10px;
}
} .base-table03 {
width: 100%;
border-top: 1px solid #A6A6A6;
border-left: 1px solid #A6A6A6;
}
.base-table03 thead th {
text-align: center;
font-weight: bold;
color: #FFFFFF;
background: #47b075;
}
.base-table03 th, .base-table03 td {
border-right: 1px solid #A6A6A6;
border-bottom: 1px solid #A6A6A6;
text-align: left;
padding: 5px 10px;
}
.base-table03 th {
background: #f5f5f5;
font-weight: 100;
} .base-table04 {
width: 100%;
border-top: 1px solid #A6A6A6;
border-left: 1px solid #A6A6A6;
}
.base-table04 thead th {
text-align: center;
font-weight: bold;
color: #FFFFFF;
background: #47b075;
}
.base-table04 th, .base-table04 td {
border-right: 1px solid #A6A6A6;
border-bottom: 1px solid #A6A6A6;
text-align: left;
padding: 5px 10px;
}
.base-table04 th {
background: #f5f5f5;
font-weight: 100;
}
@media only screen and (max-width: 767px) {
.base-table04 th, .base-table04 td {
font-size: 0.9em;
padding: 5px 5px;
}
} .table-fixed {
table-layout: fixed;
}
@media only screen and (max-width: 767px) {
.table-fixed {
table-layout: auto;
}
} @media only screen and (max-width: 767px) {
.table-scroll {
overflow: auto;
white-space: nowrap;
} .table-scroll::-webkit-scrollbar {
height: 5px;
}
.table-scroll::-webkit-scrollbar-track {
background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
background: #999;
}
} .detail-btn {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_c_b.png) no-repeat 0 50%;
padding-left: 20px;
}
.detail-btn a {
display: block;
}
.detail-btn a:hover {
display: block;
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
} .video-01 {
width: 100%;
max-width: 350px;
height: auto;
display: block;
margin: auto;
} .youtube-block {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtube-block iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #fff; background: #7f7f7f; }
.pagination a:hover {
color: #ededed; background: #4e4e4e; }
.pagination .current {
padding: 10px 15px 10px 15px;
color: #4e4e4e; background: #ededed; }
.pagination a .current {
padding: 0;
line-height: 75%;
color: inherit;
background: inherit;
}
@media only screen and (max-width: 413px) {
.pagination {
font-size: 12px;
line-height: 12px;
}
.pagination span, .pagination a {
padding: 8px 10px 8px 10px;
}
.pagination .current {
padding: 8px 10px 8px 10px;
}
} .pdf-icon {
display: inline-block;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/icon_pdf.png) no-repeat right 50%;
padding-right: 35px;
min-height: 26px;
vertical-align: middle;
margin: 3px 0;
}
.word-icon {
display: inline-block;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/icon_word.png) no-repeat right 50%;
padding-right: 35px;
min-height: 26px;
vertical-align: middle;
margin: 3px 0;
}
.excel-icon {
display: inline-block;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/icon_excel.png) no-repeat right 50%;
padding-right: 35px;
min-height: 26px;
vertical-align: middle;
margin: 3px 0;
} .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
} .accordion-text .accordion-title {
display: inline-flex;
justify-content: space-between;
align-items: baseline;
border-bottom: 1px solid #ddd;
list-style: none;
cursor: pointer;
}
.accordion-text .accordion-title::-webkit-details-marker {
display: none;
}
.accordion-text .accordion-title {
padding: 0.8em 0.5em 0.3em;
font-size: 1.1em;
}
.accordion-text .ico {
content: "";
display: block;
width: 0.6em;
height: 0.8em;
margin: 0 0 0 0.8em ;
background-color: currentColor;
clip-path: polygon(50% 80%, 0 20%, 100% 20%);
transition: transform .3s;
}
.accordion-text[open] .accordion-title .ico {
transform: rotate(180deg);
}
.accordion-text .inner {
padding: 0.5em 0 0.5em 1em;
}  .home #news-title {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/index/sec01_icon.png) no-repeat 0 50%;
font-family: 'Noto Sans Japanese', serif !important;
font-size: 18px;
font-size: 1.8rem;
line-height: 140%;
margin-bottom: 20px;
padding-left: 40px;
} .home #home-spec-area {
float: right;
margin-top: 60px;
} .home #home-spec-area #home-bnr {
border: 1px solid #cccccc;
box-sizing: border-box;
line-height: 0;
} .home #receptionist-guide {
margin-top: 20px;
} .home .home-cont-block {
padding-top: 30px !important;
}
.home #home-cont-list {
width: 100%;
margin-top: 0;
box-sizing: border-box;
text-align: center;
}
.home #home-cont-list li {
display: inline-block;
box-sizing: border-box;
text-align: center;
overflow: hidden;
line-height: 0;
border: 1px solid #e5e5e5;
}
.home #home-cont-list li a {
position: relative;
color: #333333;
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.home #home-cont-list li a:hover {
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
} .home #link {}
.home #link-title {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/index/sec03_icon.png) no-repeat 0 50%;
font-family: 'Noto Sans Japanese', serif !important;
font-size: 18px;
font-size: 1.8rem;
line-height: 140%;
margin-bottom: 20px;
padding-left: 40px;
}
.home #home-link-list {
width: 102%;
margin-left: -1%;
}
.home #home-link-list li {
float: left;
margin: 0 0.5%;
width: 24%;
}
.home #home-link-list li img {
width: 100%;
}
@media only screen and (max-width: 767px) { .home #home-spec-area {
float: none;
margin-top: 30px;
} .home #home-spec-area #home-bnr {
float: left;
width: 48%;
margin: 0 1%;
;
}
.home #home-spec-area #home-bnr img {
width: 100%;
} .home #receptionist-guide {
clear: both;
margin-bottom: 30px;
margin-top: 30px !important;
}
.home .home-cont-block {
margin-top: 80px !important;
}
.home #home-cont-list {}
.home #home-cont-list li {
width: 30%;
}
.home #home-cont-list li img {
width: 100%;
}
.home #home-link-list {
width: 100%;
margin-left: 0%;
}
.home #home-link-list li {
float: left;
margin: 0 1%;
width: 48%;
}
.home #home-link-list li img {
width: 100%;
}
} .report-box {
display: flex;
text-align: center;
flex-wrap: wrap;
}
.report-item {
width: 33%;
padding: 20px;
box-sizing: border-box;
}
.report-item img {
max-width: 100% !important;
}
@media only screen and (max-width: 768px) {
.report-item {
width: 50%;
}
}  .departments .d-o-l-title {
font-size: 12px;
font-size: 1.2rem;
color: #30a664;
margin: 0 0 10px 0;
}
.departments .d-o-l-title a {
color: #30a664;
} .departments #departments-index-link {
width: 103%;
margin-left: -1%;
box-sizing: border-box;
}
.departments #departments-index-link li {
float: left;
width: 31%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 10px;
overflow: hidden;
border: 1px solid #e5e5e5;
box-sizing: border-box;
text-align: center;
}
.departments #departments-index-link li a {
position: relative;
display: block;
padding: 15px;
color: #333333;
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.departments #departments-index-link li a:hover {
background: #e3eddd;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.departments #departments-index-link li a .d-i-l-t-title {
font-family: 'Noto Sans Japanese', serif !important;
font-size: 11px;
font-size: 1.1rem;
font-weight: 500;
margin-top: 5px;
margin-bottom: 10px;
line-height: 1.1em;
}
.departments #departments-index-link li a .d-i-l-text {
font-size: 8px;
font-size: 0.8rem;
margin-bottom: 10px;
}
.departments #departments-index-link li a .d-i-l-detail {
font-size: 8px;
font-size: 0.8rem;
color: #0072c8;
}
@media only screen and (max-width: 767px) {
.departments #departments-index-link {
width: 103%;
margin-left: 0;
}
.departments #departments-index-link li {
float: left;
width: 48%;
margin-left: 1%;
margin-right: 1%;
margin-left: 0 !important;
margin-bottom: 3px;
}
.departments #departments-index-link li a {
padding: 10px;
}
}
.departments {} .departments #departments-tab ul {
display: table;
width: 100%;
margin-bottom: 40px;
border-color: #cccccc;
border-style: solid;
border-width: 2px 0 2px 2px;
box-sizing: border-box;
}
.departments #departments-tab ul li {
display: table-cell;
border-right: 2px solid #cccccc;
text-align: center;
box-sizing: border-box;
}
.departments #departments-tab ul li a {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow05.png) no-repeat 5% 50% #979797;
display: block;
padding: 5px;
color: #ffffff;
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.departments #departments-tab ul li a:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow06.png) no-repeat 5% 50% #ffffff;
text-decoration: none;
color: #333333;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.departments #departments-tab ul li.departments-tab-on a {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow06.png) no-repeat 5% 50% #ffffff;
text-decoration: none;
color: #333333;
-webkit-transition: .2s ease;
transition: .2s ease;
}
@media only screen and (max-width: 767px) {
.departments #departments-tab ul {
display: table;
width: 100%;
border-color: #cccccc;
border-style: solid;
border-width: 2px 0 0 2px;
box-sizing: border-box;
}
.departments #departments-tab ul li {
float: left;
width: 50%;
display: block;
border-bottom: 2px solid #cccccc;
}
} .departments #departments-message {
margin-bottom: 40px;
} .departments #departments-attending {
margin-bottom: 40px;
}
.departments #departments-attending li {
list-style-type: inherit !important;
margin-left: 22px !important;
} .departments .departments-table {
width: 100%;
margin-bottom: 10px;
border-top: 1px solid #A6A6A6;
border-left: 1px solid #A6A6A6;
}
.departments .departments-table th, .departments .departments-table td {
border-right: 1px solid #A6A6A6;
border-bottom: 1px solid #A6A6A6;
text-align: center;
padding: 5px 5px;
font-size: 0.8px;
font-size: 0.8rem;
}
.departments .departments-table th {
background: #f5f5f5;
font-weight: 100;
}
.departments .departments-table-text {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.departments .departments-table {
border-top: none;
border-left: none;
}
.departments .departments-table thead {
display: none;
}
.departments .departments-table th, .departments .departments-table td {
float: left;
width: 100%;
box-sizing: border-box;
text-align: left;
border-left: 1px solid #A6A6A6;
}
.departments .departments-table th br, .departments .departments-table td br {
display: none !important;
}
.departments .departments-table th {
border-top: 1px solid #A6A6A6;
margin-top: 10px;
}
.departments .departments-table td.d-t-cell01:before {
content: "月曜日：";
font-weight: bold;
color: #30a664;
}
.departments .departments-table td.d-t-cell02:before {
content: "火曜日：";
font-weight: bold;
color: #30a664;
}
.departments .departments-table td.d-t-cell03:before {
content: "水曜日：";
font-weight: bold;
color: #30a664;
}
.departments .departments-table td.d-t-cell04:before {
content: "木曜日：";
font-weight: bold;
color: #30a664;
}
.departments .departments-table td.d-t-cell05:before {
content: "金曜日：";
font-weight: bold;
color: #30a664;
}
.departments .departments-table td.d-t-cell06:before {
content: "土曜日：";
font-weight: bold;
color: #30a664;
}
} .departments .staff-block {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px dotted #333333;
}
.departments .staff-block .staff-name-area {
border-left: 3px solid #30a664;
padding-left: 15px;
margin-bottom: 10px;
}
.departments .staff-block .staff-name-area .staff-position {
font-size: 10px;
font-size: 1.0rem;
line-height: 120%;
color: #30a664;
margin-bottom: 10px;
font-weight: bold;
}
.departments .staff-block .staff-name-area .staff-name {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
.departments .staff-block .staff-photo-area { float: none; margin-right: 20px;
box-sizing: border-box;
}
.departments .staff-block .staff-introduction-area {
float: left;
box-sizing: border-box;
}
.departments .staff-block .staff-introduction {
margin-bottom: 5px;
}
.departments .staff-block .staff-introduction dt {
color: #30a664;
} .departments .record-table .r-t-nowrap {
min-width: 180px;
max-width: 500px;
}
@media only screen and (max-width: 767px) {
.departments .staff-block .staff-photo-area {
float: none;
width: 100%;
margin-right: 0;
}
.departments .staff-block .staff-photo-area {  margin-right: 0;
}
.departments .staff-block .staff-introduction-area {
float: none;
width: 100%;
}
.departments .record-table .r-t-nowrap {
min-width: inherit;
max-width: inherit;
}
} @media only screen and (max-width: 767px) {
.departments .pediatrics-table td.d-t-cell01:before {}
.departments .pediatrics-table td.d-t-cell02:before {
content: "女の子：";
font-weight: bold;
color: #30a664;
}
.departments .pediatrics-table td.d-t-cell03:before {
content: "男の子：";
font-weight: bold;
color: #30a664;
}
} table.ethics th {
text-align: center;
}
@media only screen and (max-width: 768px) {
table.ethics th {
text-align: left;
}
} table.count {
counter-reset: row-counter;
}
table.count tbody th:before {
counter-increment: row-counter;
content: counter(row-counter);
} .org_chart {
position: relative;
display: flex;
justify-content: center;
}
.org_chart_box {
display: flex;
position: absolute;
top: 33%;
gap: 10px;
margin: 0 20px;
}
.org_chart_box img {
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.4));
}
.org_chart_box img:hover {
opacity: 0.8;
} .right-contents {
background: #30a664;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
padding: 10px;
margin-bottom: 15px;
}
.right-contents span a {
color: #fff;
font-size: 1.0rem;
margin-left: 10px;
} .clinicalcase-list ul {
display: grid;
width: fit-content;
column-gap: 30px;
grid-template-columns: repeat(2, auto);
}
@media only screen and (max-width: 500px) {
.clinicalcase-list ul {
display: block;
}
} #main .content ol.paren li {
list-style-type: none!important;
counter-increment: cnt;
margin-left: 1.5em!important;
margin-bottom: 10px;
}
#main .content ol.paren li::before {
content: counter(cnt) "）";
margin-left: -1.5em;
}  .center-guide table {
vertical-align: top;
}
.center-guide th,
.center-guide .title01, 
.center-guide .title02,
.center-guide .title03 {
font-weight: bold;
font-size: 16px;
text-align: center;
}
.center-guide th {
background: #30a664;
color: #fff;
position: sticky;
left: -1px;
}
.center-guide th.none,
.center-guide th.none::before {
background: #fff;
}
.center-guide .title01 {
background: #ffeff0;
}
.center-guide .title02 {
background: #d4e6f1;
}
.center-guide .title03 {
background: #fcf3cf;
}
.center-guide .flex-box {
display: flex;
flex-direction: row;
gap: 10px;
}
.center-guide .flex-item {
flex: 1;
}
@media only screen and (max-width: 768px) {
.center-guide .table-scroll {
border: 1px solid #A6A6A6;
}
.center-guide table {
border: none;
}
} .google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} #sitemap {}
#sitemap .sitemap-inner {
margin-bottom: 30px;
}
#sitemap h2 {
font-size: 10px;
font-size: 1.0rem;
line-height: 140%;
border-bottom: 1px solid #909090;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}
#sitemap h2 a {
display: block;
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
}
#sitemap ul {
padding: 0 0 5px 0;
margin-left: -10px;
margin-bottom: 20px;
}
#sitemap ul li {
float: left;
width: 226px;
margin: 5px 0 0 10px;
padding: 0 0 0 20px;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_c_b.png) no-repeat 0 50%;
box-sizing: border-box;
}
#sitemap ul li a {
display: block;
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
}
@media only screen and (max-width: 767px) {
#sitemap ul {
width: 100%;
padding: 0 0 5px 0;
margin-left: -10px;
}
#sitemap ul li {
float: none;
width: 100%;
margin: 5px 0 0 10px;
padding: 0 0 0 20px;
}
}  #news {
float: left;
width: 700px;
}
#news #news-tab {}
#news #news-tab ul {
display: table;
width: 100%;
border-color: #cccccc;
border-style: solid;
border-width: 2px 0 2px 2px;
box-sizing: border-box;
}
#news #news-tab ul li {
display: table-cell;
border-right: 2px solid #cccccc;
text-align: center;
background: #aaaaaa;
color: #333333;
}
#news #news-tab ul li.ui-state-active {
background: #ffffff;
}
#news #news-tab ul li a {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow07.png) no-repeat 10% 50%;
display: block;
padding: 5px;
color: #333333;
text-decoration: none;
}
#news #news-tab ul li a:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow07.png) no-repeat 10% 50% #E5E5E5;
text-decoration: none;
-webkit-transition: .2s ease;
transition: .2s ease;
}
#news #news-tab ul li.news-tab-last {
border-right: none;
}
#news .news-list {
margin-top: 20px;
}
#news .news-list li {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px solid #E9E9E9;
}
#news .news-list li .news-date {
float: left;
width: 60px;
color: #333333;
font-size: 11px;
font-size: 1.1rem;
text-align: center;
padding: 5px;
background: #5c5c5c;
color: #FFFFFF;
font-weight: bold;
}
#news .news-list li .news-text {
float: right;
width: 610px;
}
#news .news-list li .news-cate {
display: inline-block;
font-size: 7px;
font-size: 0.7rem;
padding: 2px 10px;
background: #5c5c5c;
color: #FFFFFF;
margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
#news {
float: none;
width: 100%;
}
#news #news-tab {
display: none;
}
#news .news-list {
margin-top: 20px;
}
#news .news-list li {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px solid #E9E9E9;
}
#news .news-list li .news-date {
width: 20%;
font-size: 9px;
font-size: 0.9rem;
padding: 3px;
}
#news .news-list li .news-text {
width: 73%;
}
} #news-detail-date {
float: right;
font-size: 9px;
font-size: 0.9rem;
margin-top: 0;
margin-bottom: 10px;
}
.news-bnr-wrap {
width: 100%;
display: flex;
gap: 0 10px;
line-height: 0;
margin-top: 10px;
}
#main .content .news-bnr-wrap img {
width: 100%;
max-width: none;
border: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
.news-bnr-wrap {
margin-top: 20px;
}
.col-1 {
flex-direction: column;
gap: 20px 0;
}
.col-2 {
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}
.col-2 .news-bnr-item {
display: flex;
width: calc((100% - 20px) / 2);
}
} #search-result {
width: 100%;
}
#search-result dl {
border-bottom: 1px solid #9e9e9e;
padding: 0 0 10px 0;
margin-bottom: 20px;
}
#search-result dl dt {
padding: 0 0 5px 0;
}
#search-result dl dt h2 {
font-size: 12px;
font-size: 1.2rem;
line-height: 140%;
}
#search-result dl dt h2 a {
text-decoration: underline;
}
#search-result dl dt h2 a:hover {
text-decoration: none;
}  .form {}
.form .text1 {
width: 220px;
}
.form .text2 {
width: 360px;
}
.form .text3 {
width: 60px;
}
.form .text4 {
width: 80px;
}
.form .text5 {
width: 30px;
}
@media only screen and (max-width: 767px) {
.form .text1, .form .text2, .form .text3, .form .text4, .form .text5 {
width: 95%;
}
}
.form .text1, .form .text2, .form .text3, .form .text4, .form .text5, .form select {
padding: 5px;
border: 1px solid #d9d9d9;
background: #f5f5f5;
}
.form select.prefecture, .form input.add {
margin-top: 5px;
}
.form input.urgency {
margin-bottom: 5px;
}
.form .radio input {
margin-right: 5px;
vertical-align: middle;
}
.form .radio select {
margin-top: 5px;
}
.form input, .form select {
margin-right: 5px;
}
.form #submit {
margin-top: 30px;
text-align: center;
}
.form #submit input {
margin: 0 10px;
padding: 10px 70px;
border: solid 2px #555555;
background-color: #fff;
font-weight: bold;
color: #555555;
font-size: 20px;
cursor: pointer;
}
.form p.formError {
margin: 30px 0;
color: #930;
text-align: center;
}
.form p.formMessage {
margin: 50px 0;
text-align: center;
} .contact-block {}
.contact-block .contact-block-dl {
border-left: 1px solid #B0B0B0;
border-right: 1px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
background-color: #F6F6F7;
color: #4B4B4B;
margin: 0 auto;
}
.contact-block .contact-block-dl dt, .contact-block .contact-block-dl dd {
display: table-cell;
box-sizing: border-box;
}
.contact-block .contact-block-dl dt {
margin: 0;
padding: 5px 10px;
border-top: 1px solid #B0B0B0;
float: left;
clear: both;
display: inline;
width: 300px;
text-indent: 5px;
font-weight: bold;
text-align: right;
}
.contact-block .contact-block-dl dd {
margin-left: 300px;
width: 700px;
padding: 5px 10px;
border-left: 1px solid #B0B0B0;
border-top: 1px solid #B0B0B0;
background-color: #fff;
text-align: left;
vertical-align: top;
}
.contact-block .contact-block-dl dd:after {
content: "";
display: block;
clear: both;
} .contact-btn {
width: 300px;
height: 65px; margin: 0 auto;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.contact-btn input {
width: 100%;
margin: 0 !important;
padding: 20px 0 !important;
color: #ad0147 !important;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_right_r.png) no-repeat no-repeat 94% 50% !important;
border: none !important;
box-sizing: border-box;
}
.contact-btn input:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_right_r.png) no-repeat no-repeat 94% 50% #d495af !important;
border: none !important;
-webkit-transition: .2s ease;
transition: .2s ease;
} .contact-btn02 {
width: 300px;
height: 65px; margin: 0 auto;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.contact-btn02 input {
width: 100%;
margin: 0 !important;
padding: 20px 0 !important;
color: #ad0147 !important;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_r.png) no-repeat no-repeat 6% 50% !important;
border: none !important;
box-sizing: border-box;
}
.contact-btn02 input:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_r.png) no-repeat no-repeat 6% 50% #d495af !important;
border: none !important;
-webkit-transition: .2s ease;
transition: .2s ease;
} .contact-btn-table {
margin-top: 30px;
width: 100%;
}
.contact-btn-table td {
width: 50%;
}
@media only screen and (max-width: 767px) {
.contact-block {}
.contact-block .contact-block-dl {
border-top: 1px solid #B0B0B0;
border-left: 1px solid #B0B0B0;
border-right: 1px solid #B0B0B0;
border-bottom: 0px;
background-color: #F6F6F7;
color: #4B4B4B;
width: 100%;
margin: 0 auto;
}
.contact-block .contact-block-dl dt, .contact-block .contact-block-dl dd {
border-top: 0px solid #B0B0B0;
border-left: 0px solid #B0B0B0;
border-right: 0px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
padding: 10px 10px;
display: block;
}
.contact-block .contact-block-dl dt {
float: none;
width: auto;
text-indent: 5px;
font-weight: bold;
text-align: left;
}
.contact-block .contact-block-dl dd {
margin-left: 0;
width: auto;
float: none;
background-color: #fff;
text-align: left;
vertical-align: top;
}
.contact-block .contact-block-dl dd:after {
content: "";
display: block;
clear: both;
}
.contact-btn, .contact-btn02 {
width: 145px;
}
} .omimai-form {}
.omimai-form .tableGray {}
.omimai-form .tableGray th, .omimai-form .tableGray td {
padding: 7px 12px;
}
.omimai-form .tableGray th {
background: #959595;
color: #FFFFFF;
}
.omimai-form .tableGray td {
background: #CCCCCC;
}
.omimai-form tr.tableGray th {
background: #959595;
color: #FFFFFF;
}
.omimai-form .omimai-mail th, .omimai-form .omimai-mail td {
padding: 7px 12px;
}
.omimai-form .omimai-mail a.doui, .omimai-form .omimai-mail a.douiNo {
border: solid 2px #30a664;
}
.omimai-form .omimai-mail a.doui {
display: block;
padding: 10px;
background: #FFFFFF;
color: #333333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.omimai-form .omimai-mail a:hover.doui {
display: block;
padding: 10px;
background: #30a664;
color: #333333;
text-decoration: none;
}
.omimai-form .omimai-mail a.douiNo {
display: block;
padding: 10px;
background: #e9e9e9;
color: #333333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.omimai-form .omimai-mail a:hover.douiNo {
display: block;
padding: 10px;
background: #30a664;
color: #333333;
text-decoration: none;
}
.omimai-form .base-table01 .cell01 {
width: 185px;
}
.omimai-form .base-table01 span.wpcf7-not-valid-tip {
font-size: small;
}
div.wpcf7 .omimai-form .ajax-loader {
display: none;
} .omimai-form .omimai-contact-btn {
width: 300px;
height: 65px; margin: 0 auto;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.omimai-form .omimai-contact-btn input {
width: 100%;
margin: 0 !important;
padding: 20px 0 !important;
color: #ad0147 !important;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_right_r.png) no-repeat no-repeat 94% 50% !important;
border: none !important;
box-sizing: border-box;
}
.omimai-form .omimai-contact-btn input:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_right_r.png) no-repeat no-repeat 94% 50% #d495af !important;
border: none !important;
-webkit-transition: .2s ease;
transition: .2s ease;
} .omimai-form .omimai-contact-btn02 {
width: 300px;
height: 65px; margin: 0 auto;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.omimai-form .omimai-contact-btn02 input {
width: 100%;
margin: 0 !important;
padding: 20px 0 !important;
color: #ad0147 !important;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_r.png) no-repeat no-repeat 6% 50% !important;
border: none !important;
box-sizing: border-box;
}
.omimai-form .omimai-contact-btn02 input:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_r.png) no-repeat no-repeat 6% 50% #d495af !important;
border: none !important;
-webkit-transition: .2s ease;
transition: .2s ease;
} .omimai-form .omimai-contact-btn-table {
margin-top: 30px;
width: 100%;
}
.omimai-form .omimai-contact-btn-table td {
width: 50%;
}
@media only screen and (max-width: 767px) {
.omimai-form {}
.omimai-form .omimai-form-dl {
border-top: 1px solid #B0B0B0;
border-left: 1px solid #B0B0B0;
border-right: 1px solid #B0B0B0;
border-bottom: 0px;
background-color: #F6F6F7;
color: #4B4B4B;
width: 100%;
margin: 0 auto;
}
.omimai-form .omimai-form-dl dt, .omimai-form .omimai-form-dl dd {
border-top: 0px solid #B0B0B0;
border-left: 0px solid #B0B0B0;
border-right: 0px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
padding: 10px 10px;
display: block;
}
.omimai-form .omimai-form-dl dt {
float: none;
width: auto;
text-indent: 5px;
font-weight: bold;
text-align: left;
}
.omimai-form .omimai-form-dl dd {
margin-left: 0;
width: auto;
float: none;
background-color: #fff;
text-align: left;
vertical-align: top;
}
.omimai-form .omimai-form-dl dd:after {
content: "";
display: block;
clear: both;
}
.omimai-form .omimai-contact-btn, .omimai-form .omimai-contact-btn02 {
width: 145px;
}
.omimai-form .base-table01 .cell01 {
width: 100%;
}
} .cancer-btn-table {
margin: 0 auto;
width: 80%;
}
.cancer-btn-table td {
width: 50%;
text-align: center;
}
.cancer-btn {
width: 60%;
margin: 0 auto 10px;
box-sizing: border-box;
}
.cancer-btn-table a:hover {
opacity: 0.8;
}
@media only screen and (max-width: 767px) {
.cancer-btn-table {
width: 90%;
}
.cancer-btn {
width: 80%;
}
} .cancer-form .base-table01 th {
text-align: left;
vertical-align: top;
}
.cancer-form .base-table01 .cell01 {
width: 400px !important;
}
.cancer-form .base-table01 .wpcf7-list-item {
display: block;
margin: 0 0 5px;
}
.cancer-form .base-table01 input[type="text"] {
font-size: 15px;
padding: 5px;
margin: 0 0 5px;
width: 90%;
}
.cancer-form .base-table01 textarea {
padding: 5px;
font-size: 15px;
width: 90%;
}
.cancer-form .tableGray {}
.cancer-form .tableGray th, .cancer-form .tableGray td {
padding: 7px 12px;
}
.cancer-form .tableGray th {
background: #959595;
color: #FFFFFF;
}
.cancer-form .tableGray td {
background: #CCCCCC;
}
.cancer-form tr.tableGray th {
background: #959595;
color: #FFFFFF;
}
.cancer-form .cancer-mail th, .cancer-form .cancer-mail td {
padding: 7px 12px;
}
.cancer-form .cancer-mail .doui, .cancer-form .cancer-mail .douiNo {
border: solid 2px #30a664;
}
.cancer-form .cancer-mail .doui {
display: block;
padding: 10px;
background: #FFFFFF;
color: #333333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.cancer-form .cancer-mail a:hover.doui {
display: block;
padding: 10px;
background: #30a664;
color: #fff;
text-decoration: none;
}
.cancer-form .cancer-mail a.douiNo {
display: block;
padding: 10px;
background: #e9e9e9;
color: #333333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.cancer-form .cancer-mail a:hover.douiNo {
display: block;
padding: 10px;
background: #30a664;
color: #fff;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.cancer-form .base-table01 .cell01 {
width: 100% !important;
}
.cancer-form .base-table01 input[type="text"] {
font-size: 20px;
}
.cancer-form .base-table01 textarea {
font-size: 20px;
}
.cancer-form .contact-btn, .cancer-form .contact-btn02 {
width: 90%;
}
} .salon-form {
font-size: 16px;
}
.salon-form ul {
margin-bottom: 5px;
}
.salon-form .wpcf7-list-item {
display: block;
margin: 5px 0 0;
}
.salon-form .wpcf7-select {
font-size: 20px;
}
.salon-form .base-table01 th {
text-align: left;
vertical-align: top;
}
.salon-form .base-table01 .cell01 {
width: 400px !important;
}
.salon-form .base-table01 input[type="text"] {
font-size: 15px;
padding: 5px;
margin: 0 0 5px;
width: 95%;
}
.salon-form .base-table01 textarea {
padding: 5px;
font-size: 15px;
width: 90%;
}
.salon-form .salon-mail {
display: flex;
text-align: center;
font-size: 14px;
}
.salon-form .salon-mail .salon-btn {
padding: 7px 12px;
width: 50%;
}
.salon-form .salon-mail .submit {
margin: 0 auto;
}
.salon-form input.wpcf7-submit {
padding: 0;
background-color: transparent;
border: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
margin: 0 auto;
}
.salon-form .wpcf7-spinner {
display: none;
}
.salon-form input.wpcf7-submit, .salon-form a.douiNo {
border: solid 2px #30a664;
}
.salon-form input.wpcf7-submit {
display: block;
width: 100%;
padding: 12px;
background: #FFFFFF;
color: #333333;
border-radius: 10px;
text-decoration: none;
}
.salon-form a.douiNo {
border: solid 2px #30a664;
display: block;
padding: 10px;
background: #e9e9e9;
color: #333333;
border-radius: 10px;
}
.salon-form a.douiNo {
text-decoration: none;
}
.salon-form a:hover, .salon-form input.wpcf7-submit:hover {
display: block;
padding: 10px;
background: #30a664;
color: #fff;
}
@media only screen and (max-width: 767px) {
.salon-form .salon-mail {
flex-wrap: wrap;
justify-content: center;
}
.salon-form .salon-mail .salon-btn {
width: 80%;
}
.salon-form .base-table01 .cell01 {
width: 100% !important;
}
.salon-form .base-table01 input[type="text"] {
font-size: 20px;
}
.salon-form .base-table01 textarea {
font-size: 20px;
}
.salon-form .contact-btn, .salon-form .contact-btn02 {
width: 90%;
}
} .infection-form {
font-size: 16px;
}
.infection-form ul {
margin-bottom: 5px;
}
.infection-form .wpcf7-list-item {
display: block;
margin: 5px 0 0;
}
.infection-form .wpcf7-select {
font-size: 20px;
}
.infection-form .base-table01 th {
text-align: left;
vertical-align: top;
}
.infection-form .base-table01 .cell01 {
width: 400px !important;
}
.infection-form .base-table01 input[type="text"],
.infection-form .base-table01 input[type="email"] {
font-size: 15px;
padding: 5px;
margin: 0 0 5px;
width: 95%;
}
.infection-form .base-table01 textarea {
padding: 5px;
font-size: 15px;
width: 90%;
}
.infection-form .wpcf7-spinner {
display: none;
}
@media only screen and (max-width: 767px) {
.infection-form .base-table01 .cell01 {
width: 100% !important;
}
.infection-form .base-table01 input[type="text"] {
font-size: 20px;
}
.infection-form .base-table01 textarea {
font-size: 20px;
}
.infection-form .contact-btn, .infection-form .contact-btn02 {
width: 90%;
}
} .student-form {}
.student-form .tableGray {}
.student-form .tableGray th, .student-form .tableGray td {
padding: 7px 12px;
}
.student-form .tableGray th {
background: #959595;
color: #FFFFFF;
}
.student-form .tableGray td {
background: #CCCCCC;
}
.student-form tr.tableGray th {
background: #959595;
color: #FFFFFF;
}
.student-form .tableOrange {}
.student-form .tableOrange th, .student-form .tableOrange td {
padding: 7px 12px;
}
.student-form .tableOrange th {
background: #ffcc80;
}
.student-form tableOrange td {
background: #fff0d9;
}
.student-form .student-mail a.doui {
display: block;
padding: 10px;
background: #FFFFFF;
color: #333333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.student-form .student-mail a:hover.doui {
display: block;
padding: 10px;
background: #30a664;
color: #fff;
text-decoration: none;
}
.student-form .student-mail a.douiNo {
display: block;
padding: 10px;
background: #e9e9e9;
color: #333333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.student-form .student-mail a:hover.douiNo {
display: block;
padding: 10px;
background: #30a664;
color: #fff;
text-decoration: none;
}
.student-form .base-table01 .cell01 {
width: 185px;
}
.student-form .base-table01 span.wpcf7-not-valid-tip {
font-size: small;
}
div.wpcf7 .student-form .ajax-loader {
display: none;
} .student-form .student-contact-btn {
width: 300px;
height: 65px; margin: 0 auto;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.student-form .student-contact-btn input {
width: 100%;
margin: 0 !important;
padding: 20px 0 !important;
color: #ad0147 !important;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_right_r.png) no-repeat no-repeat 94% 50% !important;
border: none !important;
box-sizing: border-box;
}
.student-form .student-contact-btn input:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_right_r.png) no-repeat no-repeat 94% 50% #d495af !important;
border: none !important;
-webkit-transition: .2s ease;
transition: .2s ease;
} .student-form .student-contact-btn02 {
width: 300px;
height: 65px; margin: 0 auto;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.student-form .student-contact-btn02 input {
width: 100%;
margin: 0 !important;
padding: 20px 0 !important;
color: #ad0147 !important;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_r.png) no-repeat no-repeat 6% 50% !important;
border: none !important;
box-sizing: border-box;
}
.student-form .student-contact-btn02 input:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_r.png) no-repeat no-repeat 6% 50% #d495af !important;
border: none !important;
-webkit-transition: .2s ease;
transition: .2s ease;
} .student-form .student-contact-btn-table {
margin-top: 30px;
width: 100%;
}
.student-form .student-contact-btn-table td {
width: 50%;
}
@media only screen and (max-width: 767px) {
.student-form {}
.student-form .student-form-dl {
border-top: 1px solid #B0B0B0;
border-left: 1px solid #B0B0B0;
border-right: 1px solid #B0B0B0;
border-bottom: 0px;
background-color: #F6F6F7;
color: #4B4B4B;
width: 100%;
margin: 0 auto;
}
.student-form .student-form-dl dt, .student-form .student-form-dl dd {
border-top: 0px solid #B0B0B0;
border-left: 0px solid #B0B0B0;
border-right: 0px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
padding: 10px 10px;
display: block;
}
.student-form .student-form-dl dt {
float: none;
width: auto;
text-indent: 5px;
font-weight: bold;
text-align: left;
}
.student-form .student-form-dl dd {
margin-left: 0;
width: auto;
float: none;
background-color: #fff;
text-align: left;
vertical-align: top;
}
.student-form .student-form-dl dd:after {
content: "";
display: block;
clear: both;
}
.student-form .student-contact-btn, .student-form .student-contact-btn02 {
width: 145px;
}
} .opinion-form .base-table01 .cell01 {
width: 400px !important;
}
.opinion-form .base-table01 th, .opinion-form .base-table01 td {
padding: 10px;
}
.opinion-form .base-table01 input[type="text"] {
font-size: 15px;
padding: 5px;
width: 90%;
}
.opinion-form .base-table01 textarea {
padding: 5px;
font-size: 15px;
width: 90%;
}
.opinion-form .tableGray th {
background: #ddd;
text-align: left;
}
.opinion-form .tableGray th, .opinion-form .tableGray td {
padding: 10px 20px;
}
.opinion-form .contact-mail th, .opinion-form .contact-mail td {
padding: 7px 12px;
}
.opinion-form .contact-mail a.doui, .opinion-form .contact-mail a.douiNo {
border: solid 2px #30a664;
}
.opinion-form .contact-mail a.doui {
display: block;
padding: 10px;
background: #FFFFFF;
color: #333333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.opinion-form .contact-mail a:hover.doui {
display: block;
padding: 10px;
background: #30a664;
color: #fff;
text-decoration: none;
}
.opinion-form .contact-mail a.douiNo {
display: block;
padding: 10px;
background: #e9e9e9;
color: #333333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.opinion-form .contact-mail a:hover.douiNo {
display: block;
padding: 10px;
background: #30a664;
color: #fff;
text-decoration: none;
} .opinion-form .contact-btn {
width: 300px;
height: 65px; margin: 0 auto;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.opinion-form .contact-btn input {
width: 100%;
margin: 0 !important;
padding: 20px 0 !important;
color: #ad0147 !important;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_right_r.png) no-repeat no-repeat 94% 50% !important;
border: none !important;
box-sizing: border-box;
}
.opinion-form .opinion-btn input:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_right_r.png) no-repeat no-repeat 94% 50% #d495af !important;
border: none !important;
-webkit-transition: .2s ease;
transition: .2s ease;
} .opinion-form .contact-btn02 {
width: 300px;
height: 65px; margin: 0 auto;
border: solid 2px #ad0147;
color: #ad0147;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.opinion-form .contact-btn02 input {
width: 100%;
margin: 0 !important;
padding: 20px 0 !important;
color: #ad0147 !important;
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_r.png) no-repeat no-repeat 6% 50% !important;
border: none !important;
box-sizing: border-box;
}
.opinion-form .contact-btn02 input:hover {
background: url(//www.nara-hp.jp/nara-hp/wp-content/themes/nara-hp/img/common/arrow_left_r.png) no-repeat no-repeat 6% 50% #d495af !important;
border: none !important;
-webkit-transition: .2s ease;
transition: .2s ease;
} .opinion-form .contact-btn-table {
margin-top: 30px;
width: 100%;
}
.opinion-form .contact-btn-table td {
width: 50%;
}
@media only screen and (max-width: 768px) {
.opinion-form .base-table01 .cell01 {
width: 100% !important;
}
.opinion-form .base-table01 input[type="text"] {
font-size: 20px;
}
.opinion-form .base-table01 textarea {
font-size: 20px;
}
.opinion-form .contact-btn, .opinion-form .contact-btn02 {
width: 90%;
}
}  .ic-form .base-table01,
.seminar-form .base-table01 {
font-size: 16px;
}
.ic-form .base-table01 th,
.seminar-form .base-table01 th {
text-align: left;
vertical-align: top;
}
.ic-form .base-table01 input[type="text"],
.ic-form .base-table01 input[type="url"], 
.ic-form .base-table01 input[type="email"],
.ic-form .base-table01 input[type="tel"],
.ic-form .base-table01 input[type="date"],
.ic-form .base-table01 textarea,
.seminar-form .base-table01 input[type="text"],
.seminar-form .base-table01 input[type="url"], 
.seminar-form .base-table01 input[type="email"],
.seminar-form .base-table01 input[type="tel"],
.seminar-form .base-table01 input[type="date"],
.seminar-form .base-table01 input[type="number"],
.seminar-form .base-table01 select,
.seminar-form .base-table01 textarea {
padding: 5px;
margin: 5px 0;
width: 100%;
box-sizing: border-box;
}
.ic-form .base-table01 .add input[type="text"],
.ic-form .base-table01 input[type="date"],
.ic-form .base-table01 .short input[type="text"],
.seminar-form .base-table01 .short input[type="text"],
.seminar-form .base-table01 input[type="date"],
.seminar-form .base-table01 input[type="number"],
.seminar-form .base-table01 select {
width: auto;
}
.ic-form .form-mail,
.seminar-form .form-mail {
display: flex;
text-align: center;
font-size: 14px;
}
.ic-form .form-mail .form-btn,
.seminar-form .form-mail .form-btn {
padding: 7px 12px;
width: 50%;
}
.ic-form .form-mail .submit,
.seminar-form .form-mail .submit {
margin: 0 auto;
}
.ic-form input.wpcf7-submit,
.seminar-form input.wpcf7-submit {
padding: 0;
background-color: transparent;
border: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
margin: 0 auto;
border: solid 2px #30a664;
}
.ic-form .wpcf7-spinner,
.seminar-form .wpcf7-spinner {
display: none;
}
.ic-form input.wpcf7-submit,
.seminar-form input.wpcf7-submit {
display: block;
width: 100%;
padding: 12px;
background: #FFFFFF;
color: #333333;
border-radius: 10px;
text-decoration: none;
}
.ic-form .form-mail a:hover, .ic-form .form-mail input.wpcf7-submit:hover,
.seminar-form .form-mail a:hover, .seminar-form .form-mail input.wpcf7-submit:hover {
display: block;
padding: 10px;
background: #30a664;
color: #fff;
}
.ic-form .base-table04 th,
.seminar-form .base-table04 th {
text-align: center;
}
@media only screen and (max-width: 767px) {
.ic-form .form-mail,
.seminar-form .form-mail {
flex-wrap: wrap;
justify-content: center;
}
.ic-form .form-mail .form-btn,
.seminar-form .form-mail .form-btn {
width: 80%;
}
.ic-form .base-table01 input[type="text"],
.seminar-form .base-table01 input[type="text"]
.ic-form .base-table01 textarea,
.seminar-form .base-table01 textarea {
font-size: 18px;
}
} .base-table01 .small {
font-size: small;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid-tip {
color: #d02c00;
font-size: 12px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #d02c00;
color: #d02c00;
padding: 0.5em 1em;
}
.block .wpcf7-list-item {
display: block;
margin: 5px 0 0;
}
.wpcf7-list-item:first-child {
margin: 0;
}
.wpcf7 input::placeholder {
color: #aaa;
}