@charset "UTF-8";

/*
Theme Name: theme
Theme URI: http://jam.codes
Version: 1.0
Author: JAM Community Desigh
Description: JAM Community Design Templete
*/

@charset "utf-8";

/* サイト共通要素 */

/* ==================== タグの初期設定 ==================== */
body,html{
height:100%;
}
body {
color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
h1 {
font-weight: normal;
font-size: small;
}
h2,
h3,
h4,
h5,
h6 {
font-size: medium;
}
p,
td,
th,
li,
dt,
dd,
input,
textarea,
.entryBody,
.entryMore {
font-size: 14px;
}
.clear {
clear: both;
}
br.clear {
letter-spacing: 0;
line-height: 1;
}
.center {
text-align: center;
}

#menuBtn,
#spclose{
display:none;
}

BR.clear {
clear: both;
}
.center {
text-align: center;
}


.aligncenter {
display: block;
margin: 5px auto;
}

/*forsp*/

.pcNone {
  display: none;
}
.ac_Menu {
  display: none;
}

#sp_gnavi{
  display: none;
}




/* ==================== クリアフィックス ==================== */
.clearfix:after {
content: ".";
display: block;
clear: both;
line-height: 0;
font-size: 0;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Mac版IEを除外 \*/
.clearfix {
display: block;
}
/* */



/* ==================== サイト全体 レイアウト ==================== */
/* ========== 全体枠 ========== */
#container_top {
}

#container {
}

/* ========== ヘッダー ========== */
#header {
background: #313131;
}

#siteTitle {
background: #171b38;
}
#siteTitle h1 {
color: #fff;
width:940px;
font-size:12px;
margin: 0 auto;
padding: 5px 0;
text-align:right;
}

#headerTitle {
width:940px;
margin: 0 auto;
padding:15px 0;
position:relative;
}
#headerAreaLogo {
text-align:center;
}

#headerAreaLogo img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

#headerAreaSub {
position:absolute;
right:0;
top:50px;
}

p#headerAddress a{
margin-left:10px;
}

/* メインメニュー + キャッチ画像 + メイン をラップ */
#mainBg {
margin: 0 auto;
padding: 0 ;
}


/* ========== 上記で色変える ========== */

@media screen and (min-width: 992px) {
.navbar-toggle {
    display: none;
}
}

/* ========== キャッチ画像 ========== */
div#catchArea {
    background: url(/wp/wp-content/themes/jamtpl/cmn/images/mainimage.jpg) center center no-repeat;
    height: 503px;
}

.nivoSlider{
}

#slider{
}

#slider{
background:url(./cmn/images/loading.gif) no-repeat 50% 50%;
}

#slider img {}

/* セカンドエリア + コンテンツ をラップ */
#main {
margin-top:5px;
width: 940px;
margin: 0 auto;
}
#mainInner {
padding: 15px 0;
}



/* ========== メインメニュー ========== */
#mainMenu {
margin: 0 auto;
}
#mainMenu ul {
margin: 0 auto;
padding: 0;
width:940px;
}


/* メインメニュー */
div#mainMenu ul {
text-align:center;
margin:65px auto;
}
div#mainMenu ul,
div#mainMenu ul li,
div#mainMenu ul li a {
}
div#mainMenu ul li {
display:inline-block;
font-size:16px;
margin:0 20px;
font-weight:700;
border-bottom: 3px solid transparent;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

div#mainMenu ul li:hover {
border-bottom: 3px solid #000;
}


div#mainMenu ul a {
overflow: hidden;
display: block;
text-decoration: none;/* firefoxでは下線がされてしまう問題を修正 */
width: 100%;/* ボタンの幅のデフォルト値 */
}


/*
 * "/cmn/css/main_menu.css" に移動
 * （※【メインメニュー】ブログのインデックスアーカイブで生成。）
 */

/* ==================== コンテンツ ==================== */
#contents {
}


/* ---------- コモン ---------- */
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6 {
clear: both;
margin-bottom: 10px;
}
#contents h2,
#contents h3,
#contents h4,
#contents H5,
#contents H6,
#contents p,
#contents td,
#contents th,
#contents li,
#contents dt,
#contents dd,
#contents .entryBody,
#contents .entryMore {
line-height: 1.5;
}
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table {
margin-bottom: 15px;
font-size:14px;
font-weight:700;
}
#contents tr{
border-bottom: 1px solid #171b38;
}

#contents tr:nth-child(even) {
    background: #f3f3f3;
}

#contents td{
padding: 15px 10px;
}
#contents th{
color: #333;
font-weight:bold;
padding: 15px 10px;
}
#contents thead th,
#contents tfoot th{
color: #fff;
background-color: #333;
}

#contents textarea {
width: 300px;
height: 8em;
}

/* ---------- mainBlock ---------- */
#contents .mainBlock {
margin-bottom: 10px;
}

/* ---------- 見出し ---------- */
#contents .mainTitle {
}
#contents .mainTitle h2 {
color: #333333;
font-size:18px;
padding: 10px 15px;
border-top: 1px dotted #171b38;
border-bottom: 1px dotted #171b38;
}
#contents .mainTitle h2.rss {
}
#contents .mainTitle a.rss {
display: block;
text-decoration: none;
color: #333333;
width: 100%;
}
#contents .mainTitle a.rss:hover {
text-decoration: none;
}

#contents h3 {
font-size:20px;
font-weight:800;
margin:20px 0 15px;
position: relative;
}

#contents h4 {
position: relative;
padding-left: 1em;
font-weight:600;
}

#contents h4:after {
    display: block;
    content: '';
    position: absolute;
    top: .65em;
    left: 0;
    width: 12px;
    height: 2px;
    background-color: #313131;
}

/* ---------- ボディー ---------- */
#contents .mainContents {
padding: 10px 0;
}
#contents .entryBody,
#contents .entryMore {
}
#contents .entryBody a:hover img,
#contents .entryMore a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

/* ---------- ページ送り ---------- */
#contents .contentNavi {
text-align: center;
padding-bottom: 8px;
width: 100%;
margin: 0 0 8px;
background: url("./cmn/images/hr_bg.gif") left bottom repeat-x;
}
#contents .contentNavi a,
#contents .contentNavi strong,
#contents .contentNavi span.current_page{
display: inline-block;
text-decoration: underline;
text-align: center;
line-height: 1;
font-size: 130%;
margin: 0 5px 0 0;
padding: 5px 8px;
border: 2px solid #efefef;
/* color */
color: #1C55FF;
border-color: #efefef;
background-color: #f5f5f5;
}
#contents .contentNavi strong,
#contents .contentNavi a:hover {
text-decoration: none;
color: #101113;
border-color: #dddddd;
background-color: #ffffff;
}

#contents .contentNavi span.current_page{
text-decoration: none;
color: #101113;
border-color: #dddddd;
background-color: #ffffff;
}



/* ---------- 基本クラス ---------- */
.pankuzu {
background:#f3f3f3;
padding:5px;
color:#333;
}

.pankuzu a{
color:#333;
}


#contents .pankuzu p {}
#contents .fontXLarge {font-size: large;}
#contents .fontLarge {font-size: medium;}
#contents .fontSmall {font-size: x-small;}
#contents .fontMedium {font-size: small;}
#contents .fontXSmall {font-size: xx-small;}
#contents input.text {
width: 200px;
}
#contents input.text_s {
width: 100px;
}
#contents input.text_xs {
width: 50px;
}

#contents p.nextPrevious {
clear: both;
text-align: center;
}

#contents p.linkBlock,
#contents p.anchorTop {
text-align: right;
padding-top: 15px;
}

#contents td.buttonArea {
border: none;
}

.social_block div {
margin-right: 15px;
float: left;
}

/* ==================== セカンドエリア ==================== */
#secondArea {
width: 250px;
}


/* ---------- 見出し ---------- */
#secondArea h2,
#secondArea h3,
#secondArea h4,
#secondArea h5,
#secondArea h6,
#secondArea td,
#secondArea th,
#secondArea li,
#secondArea dt,
#secondArea dd,
#secondArea p {
}
#secondArea th,
#secondArea td,
#secondArea li,
#secondArea dt,
#secondArea dd,
#secondArea p {
line-height: 150%;
}

/* ----- コンテンツの余白 ----- */
#secondArea p,
#secondArea select,
#secondArea .entryBody {
margin: 5px 10px;
}

/* ---------- サブメニュー ---------- */
/* ----- 背景画像 ----- */
DIV#secondArea DIV#subMenu DIV.subMenu,
DIV#secondArea DIV#SideNews,
DIV#secondArea DIV#freeSpace,
DIV#secondArea DIV#qrcode {
margin: 0 0 25px;
}


DIV#secondArea DIV#freeSpace DIV.entryBody,
DIV#secondArea DIV#qrcode DIV.entryBody {
background: url("./cmn/images/second_area_hr.gif") center bottom no-repeat;
}
DIV#secondArea DIV#banners {
margin: 0 0 10px;
}
/* ----- タイトル ----- */
DIV#secondArea DIV#subMenu DIV.title,
DIV#secondArea DIV#freeSpace DIV.title,
DIV#secondArea DIV#banners DIV.title,
DIV#secondArea DIV#qrcode DIV.title {
overflow: hidden;
text-indent: -9999px;
height: 34px;
background-position: left top;
background-repeat: no-repeat;
}
/* ----- コンテンツの余白 ----- */
DIV#secondArea P,
DIV#secondArea SELECT,
DIV#secondArea DIV.entryBody,
DIV#secondArea DIV#freeSpace H3 {
margin: 5px 10px;
}
/* ---------- サブメニュー ---------- */
/* title */
DIV#secondArea DIV#subMenu DIV.subMenu DIV.title,
DIV#secondArea DIV#SideNews DIV.title{
overflow: hidden;
display: none;
text-indent: -9999px;
}
/*
 * タイトル画像は "/cmn/css/sub_menu.css" で指定しています。
 * （※【サブパーツ : サブメニュー／フッターメニュー】ブログのインデックスアーカイブで生成。）
 */

/* ---------- List ---------- */
#customPartsCategory ul {
width: 100%;/* IEの表示バグのため、widthを設定 */
margin: 0;
padding: 0;
}

#subMenu ul {
width: 100%;/* IEの表示バグのため、widthを設定 */
margin: 0;
padding: 0;
}
#subMenu li,
.sideTitle li {
list-style-type: none;
width: 100%;/*IE6の表示バグのため、widthを設定*/
margin: 0;
padding: 0;
background: url("./cmn/images/second_area_hr.gif") center bottom no-repeat;
}
#subMenu li a,
.sideTitle li a {
position: relative;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 0 8px 34px;
background: url("./cmn/images/arrow_001.gif") 10px center no-repeat;
}
#subMenu li a,
#subMenu li a:visited {
color: #333;
}
#subMenu li a:hover {
color: #ddd;
}
/* ---------- バナー ---------- */
/*
 * バナーブロックは "/cmn/css/banner_side_link.css" で指定しています。
 * （※【サイドパーツ : バナー】ブログのインデックスアーカイブで生成。）
 */

/* ---------- ブログパーツ・カスタムパーツ ---------- */
#secondAreaBlogParts,
#secondAreaFreeParts,
#secondAreaCustomParts {}

/* sideBlock */
#secondAreaBlogParts .sideBlock,
#secondAreaFreeParts .sideBlock,
#secondAreaCustomParts .sideBlock{
margin: 0 0 25px;
}
/* 見出し */
#secondAreaBlogParts .sideTitle,
#secondAreaFreeParts .sideTitle,
#secondAreaCustomParts .sideTitle {
}
#secondAreaBlogParts .sideTitle h3,
#secondAreaFreeParts .sideTitle h3,
#secondAreaCustomParts .sideTitle h3 {
text-align: center;
font-size: medium;
color: #171b38;
padding: 15px 5px;
background: #f3f3f3;
}
#secondAreaBlogParts .sideTitle a,
#secondAreaFreeParts .sideTitle a,
#secondAreaCustomParts .sideTitle a {
text-decoration: underline;
color: #fff;
}
#secondAreaBlogParts .sideTitle a:hover,
#secondAreaFreeParts .sideTitle a:hover,
#secondAreaCustomParts .sideTitle a:hover {
text-decoration: none;
}


/* ---------- コンテンツ ---------- */
#secondAreaBlogParts .sideContents,
#secondAreaFreeParts .sideContents,
#secondAreaCustomParts .sideContents {
}


/* ---------- LIST ---------- */
#secondAreaBlogParts .sideContents ul,
#secondAreaCustomParts .sideContents ul{
width: 100%;/* IEの表示バグのため、widthを設定 */
margin: 0;
padding: 0;
}
#secondAreaBlogParts .sideContents li,
#secondAreaCustomParts .sideContents li{
list-style-type: none;
margin: 0;
padding: 5px 10px;
background: url("./cmn/images/second_area_hr.gif") center bottom no-repeat;
}

#secondAreaBlogParts .sideContents li a,
#secondAreaCustomParts .sideContents li a{
    position: relative;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 8px 0 8px 34px;
    background: url("./cmn/images/arrow_001.gif") 10px center no-repeat;
}

#secondAreaBlogParts .sideContents li li,
#secondAreaCustomParts .sideContents li li,
.sideContents ul#categorytree li li {
padding-left: 1em;
background: url("./cmn/images/li_bg.gif") 5px 12px no-repeat;
}


/* ========== フッター ========== */
DIV#footer {
border-top:solid 2px #b3b3b3;
}
DIV#footer a {
}

DIV#footerInner {
width: 940px;
margin: 0 auto;
}

/* ---------- フッターロゴ ---------- */
#footerAreaLogo {
text-align:center;
margin:30px 0;
}

#footerAreaLogo p{
font-size:12px;
line-height:1.6;
margin-bottom:15px;
font-weight:700;
}

#footerAreaLogo p#footer_logo{
margin-bottom:60px;
}

#footerAreaLogo p.address{
font-size:10px;
}
/* ---------- フッターメニュー ---------- */


#footerMenu ul {
text-align:center;
padding:40px 0 15px;
}


DIV#footer DIV#footerMenu ul li {
display:inline-block;
margin:0 10px;
font-size:12px;
}


DIV#footer DIV#footerMenu ul li a {
padding:0;
color:#fff;
}

/* ---------- フッター copyright エリア ---------- */
DIV#footer DIV#footerCopyrightArea {
padding: 5px 0;
clear:both;
background:#000;
color:#fff;
border-top:solid 1px #2c3155;
}

/* ---------- フッター copyright 付メニュー ---------- */
DIV#footer P#footerFree {
margin-bottom: 10px;
}

/* ---------- copyright ---------- */
DIV#footer P#copyright {
text-align:center;
font-size:11px;
}


/* ==================== トップページ ==================== */
#contents #categoryTop {}
#contents #categoryTop #topNews {
background-color:#ffffff;
}
#contents #categoryTop #topLatestBlog {
background-color:#ffffff;
}
#contents #categoryTop #topContents {
background-color:#ffffff;
}

#categoryTop .date {
list-style:none;
margin:0;
padding:0;
}
#categoryTop .date .dateTitle {
}

#categoryTop .date li {
padding: 8px 0 8px 34px;
background: url("./cmn/images/arrow_001.gif") 10px center no-repeat;
}

#categoryTop .date li span.dateTime{
margin-right:15px;
}

/* ==================== 企業情報 ==================== */
#contents #topcategoryCompany {
background-color:#FFFFFF;
}
#contents #categoryCompany {
background-color:#FFFFFF;
}

#categoryCompany .accessText {
}
#categoryCompany table.accessTable {
float: right;
width: 360px;
}
#categoryCompany #googleMapsArea {
float: left;
margin-bottom: 10px;
width: 380px;
height: 340px;
}


/* ==================== 良くあるご質問 ==================== */
#categoryFaq {
background-color:#ffffff;
}

/* ショートカットメニュー */
#categoryFaq .shortCut dt {
font-weight: bold;
font-size: 100%;
margin: 0 0 .5em;
}
#categoryFaq .shortCut dd {
margin: 0 0 1.5em 10px;
padding-left: 15px;
border-left: 2px dotted #171b38;
}
#categoryFaq .shortCut a {
display: block;
width: 100%;
}
#categoryFaq .shortCut .even a {
background-color: #f3f3f3;
}
/*コンテンツ*/
#categoryFaq .entryOdd {
margin: 0 0 10px;
padding: 10px 10px 0;
}
#categoryFaq .entryEven {
margin: 0 0 10px;
padding: 10px 10px 0;
background-color: #f3f3f3;
}
#categoryFaq .faq_q {
line-height: 1.5;
color: #171b38;
padding: 2px 0 0 35px;
margin: 0 0 4px;
background: url("./cmn/images/faq_q.gif") left bottom no-repeat;
}
#categoryFaq .faq_a {
width: auto;
margin-bottom: 20px;
padding: 5px 0 0 35px;
background: url("./cmn/images/faq_a.gif") left 4px no-repeat;
border-top: 1px dotted #171b38;
}
#categoryFaq p.anchorTop {
margin-bottom: 50px;
}


/* ==================== 以下サイト別追加CSS ==================== */

#concept{
background: url("./cmn/images/bg01.png") center center no-repeat;
height:514px;
}

#product{
background: url("./cmn/images/bg02.png") center center no-repeat;
height:514px;
margin-bottom:50px;
}

.top_block{
background:#fff;
width:355px;
height:315px;
text-align:center;
box-sizing:border-box;
padding:30px 0;
}

.inner{
width:940px;
margin:0 auto 50px;
}

#concept .top_block{
float:right;
margin-top:40px;
}

#product .top_block{
float:left;
margin-top:40px;
}


.top_block h2{
font-size:20px;
font-weight:700;
position: relative;
margin-bottom:20px;
}

.top_block h2:after {
    content: "";
    width: 130px;
    height: 2px;
    background: #000;
    display: block;
    margin: 10px auto 0px;
}

.top_block p{
font-size:14px;
font-weight:700;
margin-bottom:20px;
}

#categoryTop ul{
margin:0;
padding:0;
list-style:none;
}

#categoryTop ul li{
float:left;
width:300px;
margin-right:20px;
text-align:center;
}

#categoryTop ul li:nth-child(3n){
margin-right:0;
}

#categoryTop ul li p{
margin-bottom:20px;
}

.pagetop {
    cursor: pointer;
    position: fixed;
    right: 80px;
    bottom: 60px;
    z-index: 10;
}

/*リンクホバー*/
a img:hover {
    transition: 0.3s linear;
    opacity: 0.7;
}

#product_list ul{
font-size: 0;
margin: 0;
padding: 15px;
list-style: none;
background: #eee;
margin-bottom: 60px;
}

#product_list ul li {
display: inline-block;
margin-right: 20px;
text-align: center;
width: 285px;
vertical-align: top;
}

#product_list ul li:nth-child(3n){
margin-right:0;
}

#product_list ul li img {
    width: 100%;
    height: auto;
}

#product_list ul li .entryTitle{
display:block;
}
#product_list ul li span.entryTitle {
background: #fff;
padding: 10px;
}

.pankuzu {
    background: #ffffff;
    padding: 5px;
    color: #333;
    clear: both;
    border-top: 1px solid #313131;
    border-bottom: 3px solid #313131;
}
.pan_inner {
    width: 940px;
    margin: auto;
    font-size: 0;
}
.pankuzu p {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 50%;
    font-size: 14px;
}
.pan_inner .mainTitle {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.pan_inner .mainTitle h2 {
    font-size: 18px;
    font-weight: bold;
}
.pan_inner .mainTitle h2 span {
    font-size: 40px;
    font-weight: bold;
    margin-right: 30px;
}
div#cont01 {
    margin: 60px 0;
}

/*患者様・お客様の声*/
.voice_box {
    font-size: 0;
    margin-bottom:40px;
}
.voice_box_img {
    width: 20%;
    display: inline-block;
    margin-right: 5%;
    vertical-align: top;
}
.voice_box_img img {
    width: 100%;
    border: 1px solid #ccc;
}
.voice_box_text {
    width: 75%;
    display: inline-block;
    vertical-align: top;
}
.voice_box {
    font-size: 0;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px dotted #ccc;
}
.voice_box:last-child {
    border-bottom: 0px dotted #ccc;
}

/*faq*/
#contents .faq_box h3.title02:before {
    content: "Q:";
    margin-right: 10px;
    font-size: 30px;
}
#contents .faq_box p.text01:before {
    content: "A:";
    color:red;
    margin-right: 10px;
    font-size: 30px;
}
#contents .faq_box h3.title02 {
    display: inline-block;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f1ff61 0%) repeat scroll 0 0
}
#contents .faq_box p.text01 {
    font-size: 20px;
}
#contents .faq_box h3.title02 span {
    font-size: 28px;
}
#contents .faq_box p.text01 span {
    font-size: 34px;
}
.faq_box {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px dotted #ccc;
}
.faq_box:last-child {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 0px dotted #ccc;
}

img.faq_img_inner {
    width: 25%;
    margin-right: 5%;
}
.faq_img {
    font-size: 0;
}
#contents .faq_img p {
    font-size: 18px;
    margin: 10px 0;
    border-bottom: 2px solid;
    display: inline-block;
}
img.faq_img_inner2 {
    display: inline;
    width: 25%;
}
.faq_img02 {
    text-align: right;
}

/*会社概要*/
.text_box {
    background: #ffffff;
    padding: 30px 30px 10px;
    box-shadow: 0 0 0 10px #ddd;
    box-sizing: border-box;
    width: 920px;
    margin: 30px auto;
    border: 1px dashed #999;
}

/*会社概要*/
.product_box {
    font-size: 0;
}
.product_box_inner {
    width: 30%;
    display: inline-block;
    margin-right: 5%;
}
.product_box_inner:last-child {
    margin-right: 0%;
}
.product_box_inner img {
    width: 100%;
}
.product_box_inner p {
    text-align: center;
    margin: 10px 0;
}
.about_table table {
    width: 100%;
}
.about_table table th {
    text-align: center;
}
#contents .about_table table tr,
#contents table tr {
    border-bottom: 1px solid #ccc;
}
#contents .about_table table tr:nth-child(even),
#contents table tr:nth-child(even) {
    background: #fff;
}
.cont_inner {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom:2px dotted #ccc;
}
.cont_inner:last-child {
    border-bottom:0px dotted #ccc;
}
#catchArea_ispage {
    margin: 0 auto;
    background: url(https://www.dental-mirai.co.jp/wp/wp-content/themes/jamtpl/cmn/images/image_undercontents.jpg);
    height: 200px;
    background-position-x: 100%;
}
#catchArea_ispage_concept {
    margin: 0 auto;
    background: url(https://www.dental-mirai.co.jp/wp/wp-content/themes/jamtpl/cmn/images/image_undercontents_concept.jpg);
    height: 200px;
    background-position-x: 50%;
}
#catchArea_ispage_faq {
    margin: 0 auto;
    background: url(https://www.dental-mirai.co.jp/wp/wp-content/themes/jamtpl/cmn/images/image_undercontents_faq.jpg);
    height: 200px;
    background-position-x: 50%;
}
#catchArea_ispage_about {
    margin: 0 auto;
    background: url(https://www.dental-mirai.co.jp/wp/wp-content/themes/jamtpl/cmn/images/image_undercontents_about.jpg);
    height: 200px;
    background-position-x: 50%;
}
#catchArea_ispage_product {
    margin: 0 auto;
    background: url(https://www.dental-mirai.co.jp/wp/wp-content/themes/jamtpl/cmn/images/image_undercontents_product.jpg);
    height: 200px;
    background-position-x: 50%;
}
#catchArea_ispage_contact {
    margin: 0 auto;
    background: url(https://www.dental-mirai.co.jp/wp/wp-content/themes/jamtpl/cmn/images/image_undercontents_contact.jpg);
    height: 200px;
    background-position-x: 50%;
}
#catchArea_ispage_voice {
    margin: 0 auto;
    background: url(https://www.dental-mirai.co.jp/wp/wp-content/themes/jamtpl/cmn/images/image_undercontents_voice.jpg);
    height: 200px;
    background-position-x: 50%;
}

/*コンタクト*/
#contents .mfp_phase table {
    width: 100%;
    box-shadow: none;
}
#contents .mfp_phase tr:nth-child(even) {
    background: #fff;
}
#contents .mfp_phase tr {
    border-bottom: 0px solid #171b38;
}
#contents .mfp_phase input[type="text"],
#contents .mfp_phase input[type="email"],
#contents .mfp_phase input[type="tel"],
#contents .mfp_phase select,
#contents .mfp_phase textarea {
    padding: 3px;
    font-size: 18px;
    color: #666;
    vertical-align: middle;
    width: 100%;
    height: 50px;
    border: 0;
    background: #eee;
}
#contents #mailformpro th {
    font-size: 16px;
    color: #666;
    padding: 15px 0px 15px 0px;
    text-align: center;
}
#contents div.mfp_buttons button {
    width: 260px;
    height: 40px;
    background: #fff;
    border: 2px solid #333;
    color: #171b38;
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px;
    cursor: pointer;
}
#contents div.mfp_buttons button:hover {
    background: #333;
    border: 2px solid #333;
    color: #fff;
    transition: 0.3s ease-in-out;
}
#contents .mfp_phase input[type="text"] {
    width: 49.5% !important;
}
#contents .mfp_phase input[type="email"],
#contents .mfp_phase input#mfp_element_11,
#contents .mfp_phase input#mfp_element_12,
#contents .mfp_phase input#mfp_element_13,
#contents .mfp_phase textarea#mfp_element_12,
#contents .mfp_phase input#mfp_element_5
 {
    width: 100% !important;
}


/*特徴*/
.check_box {
    font-size: 0;
    margin-bottom: 30px;
}
.check_box_circle {
    font-size: 18px;
    background: #f1ff61;
    width: 148px;
    height: 120px;
    text-align: center;
    display: inline-block;
    border: 2px solid;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    margin-right: 50px;
    box-sizing: border-box;
}
.check_box_circle:last-child {
     margin-right: 0px;
}
.check_box_circle span {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    margin: auto;
}
.check_box_circle strong {
    color: #ffffff;
    background: #333;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 4px 0;
}
.check_box_circle:after {
    position: absolute;
    right: -32px;
    top: 45px;
    content: "";
    width: 20px;
    height: 20px;
    border: 3px solid;
    border-color: #565656 #565656 transparent transparent;
    transform: rotate(45deg);
}
.check_box_circle:last-child:after {
    position: absolute;
    right: -35px;
    top: 45px;
    content: "";
    width: 0px;
    height: 0px;
    border: 0px solid;
    border-color: #565656 #565656 transparent transparent;
    transform: rotate(45deg);
}
div.text_box_inner {
    margin: 15px 0;
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}
.check_box_img {
    text-align: right;
    display: inline-block;
    width: 26%;
    margin-left: 3%;
    vertical-align: middle;
}
.check_box_img img {
    width: 100%;
}

.check_box_circle1 {
    font-size: 18px;
    width: 280px;
    height: 80px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    margin-right: 50px;
    box-sizing: border-box;
    /* background: #f1ff61; */
    border: 2px solid #333;
}
.check_box_circle1:last-child {
    margin-right: 0px;
}
.check_box_circle1 span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    padding: 9% 0;
}
.check_box_circle1 strong {
    position: absolute;
    top: 0;
    left: 0;
    color: #f1ff61;
    margin: auto;
    padding: 0px 10px 2px;
    background: #333;
    font-size: 15px;
}

.pc_none {
    display: block;
}
.sp_none {
    display: none;
}

strong.caution {
    color: red;
    margin-left: 5px;
}

@media screen and (min-width: 768px) {
#footer_fix_btn {
    display: none !important;
}
}

/*aos*/
/*[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: .5s !important;
}*/

.head_h h1 {
    max-width: 970px;
    margin: auto;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}
.head_h {
    width: 100%;
    background: #313131;
}