/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
* {
box-sizing:border-box;
vertical-align:top;
}

html {
overflow: auto;
height: 100%;
font-size: 62.5%;
}

body {
font-family: 'Noto Serif JP', serif;
font-weight:500;
padding: 0px;
margin: 0px;
font-size:1.6rem;
line-height:1.5;
color:#666;
background:#fff;
text-align:left;
height:100%;
letter-spacing:.05em;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}

section {
text-align:center;
padding: 0;
}

p {
padding: 0;
margin:0 0 1.5em 0;
}

img{
max-width: 100%;
height: auto;
width :auto;
vertical-align:top;
}

h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
font-weight: inherit;
}

a {
color:inherit;
text-decoration:underline;
transition: opacity 0.5s ease;
}
a:hover {
color:inherit;
text-decoration:underline;
opacity: .5;
transition: opacity 0.5s ease;
}

ul {
padding:0;
margin:0 0 1.5em 0;
list-style: none;
list-style-type: disc;
}
ul li {
padding: 0;
margin:0;
list-style: none;
}

ol {
padding:0;
margin:0 0 1.5em 0;
list-style: decimal outside;
}

ol li {
padding:0;
margin:0 0 0 1.5em;
}

dl {
padding: 0;
margin:0 0 1.5em 0;
}
dt {
margin:0;
padding:0;
}
dd {
margin:0;
padding:0;
}

b ,
strong {
font-weight:700;
}

input {
font-size: 1.6rem;
line-height:4rem;
font-family: 'Noto Serif JP', serif;
font-weight:500;
vertical-align: baseline;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="password"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

margin:0;
padding:5px 10px;
border:0;
width: 100%;
height: 40px;
box-sizing:border-box;
background:#f1f0e8;
color:#666;
border-radius:0;
}
input[type="file"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

margin:0;
padding:10px 10px;
border:0;
width: 100%;
height: auto;
box-sizing:border-box;
background:#f1f0e8;
color:#000;
border-radius:0;
line-height:1;
vertical-align:top;
}
input[type="checkbox"] {
margin:0 .5em 0 0;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size: 1.6rem;
line-height:4rem;
font-family: 'Noto Serif JP', serif;
font-weight:400;
margin:0;
padding:5px 10px;
border:0;
width: 100%;
box-sizing:border-box;
background:#f1f0e8;
color:#666;
vertical-align: baseline;
border-radius:0;
}

.select {
width:100%;
position:relative;
display:inline-block
}
.select:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight: 900;
font-size: 1.6rem;
line-height:4rem;
color:#a6aaa9;
position:absolute;
right:15px;
top: 0;
z-index:1;
pointer-events: none
}
.select select::-ms-expand {
display: none;
}
.select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size: 1.6rem;
line-height:1;
font-family: 'Noto Serif JP', serif;
font-weight:400;
margin:0;
padding:5px 10px;
border:0;
width: 100%;
height:40px;
box-sizing:border-box;
background:#f1f0e8;
color:#666;
vertical-align: baseline;
border-radius:0;
cursor:pointer;
white-space: nowrap;
z-index:1;
}

input[type="submit"],
input[type="button"],
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size: 1.6rem;
line-height:4rem;
font-family: 'Noto Sans JP', sans-serif;
color:#fff;
background:#e33f6a;
border:1px solid #e33f6a;
letter-spacing:.05em;
line-height:50px;
border-radius:25px;
display: inline-block;
width:max-content;
/*padding:0 50px 0 30px;*/
padding:0 100px;
margin:5px;
position:relative;
cursor:pointer;
transition: all 0.2s ease;
}
input[type="submit"]:hover ,
input[type="button"]:hover ,
button:hover {
opacity:1;
color:#e33f6a;
background:#fff;
transition: all 0.2s ease;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
input[type="submit"]:disabled:hover ,
input[type="button"]:disabled:hover ,
button:disabled:hover {
opacity:.2;
color:#fff;
background:#e33f6a;
cursor: not-allowed;
}

.btn_submit ,
.btn_back {
/*display:inline-block;
margin:5px;*/
position:relative;
display:inline;
}


/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/***** clearfix *****/
.clearfix:after { 
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/***** inner *****/
.inner {
/*width:1280px;*/
max-width:100%;
margin:auto;
}

/***** PCのみ/SPのみ *****/
.pc_only {
display:inline-block!important;
}
.sp_only {
display:none!important;
}

/***** 改行無し *****/
.nobr {
display:inline-block;
}

/***** フォントカラー *****/
.clr_pink {
color:#e33f6a;
}

/***** リスト *****/
ul.dotlist {
}
ul.dotlist li {
position:relative;
padding:0 0 0 1.5em;
position:relative;
margin:0 auto .5em auto;
}
ul.dotlist li:before {
content:"・";
position:absolute;
left:0;
}


/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */
.wrapper{
width:100%;
min-width:100%;
max-width:100%;
position:relative;
overflow: hidden;
background:#fff;
padding:120px 0 0 0;
}

/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */
.header {
background:#fff;
text-align:right;
width:100%;
height:120px;
position:fixed;
top:0;
bottom:auto;
left:0;
right:0;
margin:auto;
z-index:10;
box-shadow: 0px 5px 20px 0px rgba(0,0,0,.02);
}

.header .inner {
/*display:flex;
justify-content: flex-end;
align-items: center;*/
position:relative;
max-width:1280px;
padding: 20px;
height:120px;
}
/*** logo ***/
.header .logo {
display:block;
padding:10px 0 ;
margin:0 ;
width:460px;
height:60px;
color:#00599a;
/*position:absolute;
left:20px;*/
}
.header .logo a {
display:block;
text-decoration:none;
}
.header .logo a:hover {
opacity:1;
}
.header .logo a .text {
font-size:1.1rem;
line-height: 1;
margin-bottom:5px;
display: block;
}
.header .logo img {
width:460px;
height:60px;
}
.header .logo img.pc_sitelogo {
display:block;
}
.header .logo img.sp_sitelogo {
display:none;
}

/*** コンタクトナビ ***/
.header .contactnavi {
position:absolute;
right:20px;
top:20px;

display:flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
}
.header .contactnavi .address {
margin:0 1.5em 0 0;
font-size:1.2rem;
font-weight:400;
color:#666;

}
.header .contactnavi .tel {
font-size:2.2rem;
line-height:30px;
color:#e33f6a;
text-align: center;
position:relative;
padding-left:calc(30px + .3em);
margin:0 1em 0 0;
}
.header .contactnavi .tel i {
position:absolute;
left:0;
display:inline-block;
width:30px;
height:30px;
font-size:1.2rem;
line-height:30px;
border-radius:50%;
background:#e33f6a;
color:#fff;
text-align: center;
margin: 0 .5em 0 0;
}
.header .contactnavi .btn_contact a {
text-decoration:none;
font-size:1.3rem;
line-height:28px;
border-radius:15px;
background:#e33f6a;
border:1px solid #e33f6a;
color:#fff;
padding:0 1.5em;
display:inline-block;
transition: all 0.5s ease;
}
.header .contactnavi .btn_contact a:hover {
background:#fff;
color:#e33f6a;
opacity: 1;
transition: all 0.5s ease;
}
.header .contactnavi .btn_contact a i {
margin: 0 .5em 0 0;
}


/*** グロナビ ***/
.header .globalnavi {
position:absolute;
right:20px;
bottom:20px;
}

.header .globalnavi #navToggle {
display:none;
}

.header .globalnavi ul {
font-size:0;
text-align:center;
position:relative;
}
.header .globalnavi ul > li {
display:inline-block;
vertical-align: top;
margin:0 0 0 2.4rem;
position:relative;
font-size:1.4rem;
line-height:1;
}
.header .globalnavi ul > li.gmenu_contact {
display:none;
}
.header .globalnavi ul > li a {
text-decoration:none;
display: inline-block;
padding: 0 0 .75em 0;
transition: all 0.5s ease;
}
.header .globalnavi ul > li a:hover {
color:#e33f6a;
opacity: 1;
transition: all 0.5s ease;
}
.header .globalnavi ul > li.current a {
color:#e33f6a;
border-bottom:2px solid #e33f6a;
}

.header .globalnavi .sp_contactnavi {
display:none;
}

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/****************************** 共通 ******************************/

/******************** 導入文 ********************/
.introduction {
width:1040px;
max-width:calc(100% - 40px);
min-height:250px;
padding:80px 40px;
margin:-200px auto 0 auto;
border-top:3px solid #e33f6a;
position:relative;
/*background: -moz-linear-gradient(top, rgba(241,240,232,0.5), rgba(241,240,232,1) 190px, rgba(241,240,232,1));
background: -webkit-linear-gradient(top, rgba(241,240,232,0.5), rgba(241,240,232,1) 190px, rgba(241,240,232,1));*/
background: linear-gradient(to bottom, rgba(241,240,232,0.5), rgba(241,240,232,1) 190px, rgba(241,240,232,1));
font-size:1.8rem;
line-height:2;
color:#000;

display:flex;
align-items:center;
}
.introduction .inner *:last-child {
margin-bottom:0;
}

/******************** 記事一覧 ********************/
.archive_list_title {
font-size:2rem;
font-weight:400;
color: #000;
margin: 0 auto 60px auto;
padding: 20px 0;
border-bottom: 1px solid #f1f0e8;
border-top: 1px solid #f1f0e8;
}

.archive_list ul {
display:flex;
flex-wrap:wrap;
}
.archive_list ul li {
width:calc(100% / 3);
padding:0 30px;
margin:0 0 60px 0;
text-align:left;
position:relative;
}
.archive_list ul li a {
text-decoration:none;
}
.archive_list ul li .thmb {
width:100%;
height:0;
padding-top:75%;
margin:0 auto 20px auto;
position:relative;
overflow: hidden;
}
.archive_list ul li .thmb img {
position:absolute;
/*top:50%;
left:50%;
transform: translate(-50%,-50%);*/
top:0;
left:50%;
transform: translateX(-50%);
}

.archive_list ul li .category {
margin-top: -32px;
display: flex;
position: absolute;
right: 40px;
max-width: calc(100% - 80px);
}
.archive_list ul li .category a {
font-size:1.2rem;
line-height:1;
text-align: center;
color:#fff;
background: #e33f6a;
border:1px solid #e33f6a;
padding:5px 20px 7px 20px;
margin: 0 1px;
display:block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all 0.5s ease;
}
.archive_list ul li .category a:hover {
color:#e33f6a;
background: #fff;
border:1px solid #e33f6a;
opacity:1;
transition: all 0.5s ease;
}
.archive_list ul li .date {
font-size:1.4rem;
margin:0 auto 5px auto;
}
.archive_list ul li .title {
font-size:1.6rem;
color:#000;
}

/******************** ページネーション ********************/
.pagination {
font-size:0;
margin: 50px auto 0 auto;
}
.pagination .screen-reader-text {
display:none;
}
.pagination span.current ,
.pagination span.dots ,
.pagination a {
font-size:1.6rem;
line-height:40px;
display:inline-block;
height: 40px;
width: 40px;
margin: 0 ;
border-radius: 50%;
text-decoration: none;
}
.pagination span.current  {
background: #e33f6a;
color: #fff;
}
.pagination a {
background: #fff;
color: #666;
transition: all 0.2s ease;
}
.pagination a:hover {
transition: all 0.2s ease;
}


/******************** 記事詳細 ********************/
.post {
text-align:left;
}
/* 記事ヘッダー */
.post .post_head {
margin:0 auto 100px auto;
}
.post .post_head .date-category {
display:flex;
flex-wrap:wrap;
align-items: center;
justify-content: space-between;
border-bottom:1px solid #d2d1c5;
padding:0 0 20px 0;
margin:0 auto 50px auto;
}
.post .post_head .date-category .date {
color:#666;
margin:.5em .5em .5em 0;
}

.post .post_head .date-category .category {
display: flex;
max-width: 100%;
}
.post .post_head .date-category .category a {
font-size:1.6rem;
line-height:1;
text-align: center;
color:#fff;
background: #e33f6a;
border:1px solid #e33f6a;
padding:7px 20px 9px 20px;
margin: 0 1px;
display:block;
text-decoration:none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.post .post_head .date-category .category a:hover {
color:#e33f6a;
background: #fff;
opacity:1;
transition: all 0.5s ease;
}

.post .post_head .title {
font-size:3.6rem;
color:#000;
margin:0 auto 50px auto;
}

.post .post_head .tag {
margin:0 auto 100px auto;
}
.post .post_head .tag ul {
display: flex;
flex-wrap: wrap;
}
.post .post_head .tag ul li {
margin: 2px 4px;
display: block;
line-height: 1;
}
.post .post_head .tag ul li a {
border: 1px solid #d2d1c5;
font-size: 1.4rem;
line-height: 30px;
letter-spacing: 0;
border-radius: 16px;
text-decoration: none;
background: #fff;
padding: 0 1em;
transition: all 0.5s ease;
display: inline-block;
}
.post .post_head .tag ul li a:hover {
color:#fff;
background:#666;
transition: all 0.5s ease;
}

.post .post_head .thmb {
text-align:center;
}


/* 記事本文内HTMLタグスタイル */
.post .post_main h2 {
font-size:2.4rem;
font-weight:500;
background:#e33f6a;
color:#fff;
padding:.5em 1em;
margin:2em 0;
}
.post .post_main h3 {
font-size:2.2rem;
font-weight:500;
padding:0 0 10px 0;
margin:1.5em 0;
color:#000;
border-bottom:2px solid #d2d1c5;
}
.post .post_main h4 {
font-size:1.8rem;
font-weight:500;
margin:0 0 1em 0;
color:#000;
}
.post .post_main p {
margin:0 0 1.5em 0;
line-height: 2.0;
}
.post .post_main strong {
font-weight:500;
}
.post .post_main a {
text-decoration:underline;
}
.post .post_main ul {
padding:0;
margin:0 0 1.5em 0;
}
.post .post_main ul li {
padding: 0 0 0 1.5em;
margin: 0;
list-style: none;
text-align:left;
position:relative;
}
.post .post_main ul li:before {
position:absolute;
left:0;
content:"・";
}
.post .post_main ol {
padding:0;
margin:0 0 1.5em 0;
list-style: decimal outside;
}
.post .post_main ol li {
padding:0;
margin:0 0 0 1.5em;
}
.post .post_main table{
border:1px solid #d2d1c5;
border-collapse:collapse;
margin:0 0 1.5em 0;
}
.post .post_main table th{
font-weight:500/*Light 300 / Regular 400 / Medium 500 / Bold 700*/;
background:#f1f0e8;
}
.post .post_main table td,
.post .post_main table th{
border:1px solid #d2d1c5;
padding:.5em .75em;
}
.post .post_main amp-img,
.post .post_main img{
-o-object-fit:contain;
object-fit:contain;
max-width:100%;
height:auto;
margin-bottom:1.5rem
}
.post .post_main figure {
display: block;
margin: 0 auto 1.5rem auto;
text-align:center;
}

.post .post_main blockquote{
position:relative;
border-left:3px solid #a6aaa9;
padding-left:1.5rem;
margin: 0 0 1.5rem 0;
}
.post .post_main blockquote:before{
position:absolute;
font-family: "Font Awesome 5 Free";
content:'\f10d';
font-weight: 900;
font-size: 1.5rem;
color:#a6aaa9;
}
.post .post_main blockquote p{
position:relative;
padding-left:3rem;
margin-bottom: 1em;
}
.post .post_main blockquote cite{
display: block;
font-size:1rem;
color:#a6aaa9;
text-align:right;
}

/***** タイトル *****/
/* mv_pagetitle */
.mv_pagetitle {
font-size:4.8rem;
font-weight:700;
color:#fff;
margin:0 auto ;
text-shadow: 0px 0px 10px #000;
}
.mv_pagetitle .en {
font-size:1.4rem;
color:#e33f6a;
display:block;
margin: 10px auto;
text-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
 
/* section_title */
.section_title {
font-size:3.6rem;
font-weight:700;
color:#000;
margin:0 auto 80px auto;
}
/* section_subtitle */
.section_subtitle {
font-size:2.2rem;
font-weight:700;
color:#e33f6a;
margin:0 auto 30px auto;
padding:0 ;
}

/***** サービス例 *****/
ul.service_case {
margin:0 auto ;
display: flex;
flex-wrap:wrap;
}
ul.service_case li {
width:calc(50% - 40px);
margin:80px 20px 20px 20px;
padding: 90px 30px 30px 30px;
background:#fff;
position:relative;
}
ul.service_case li .ic {
position:absolute;
top:-60px;
left:50%;
transform: translateX(-50%);
width:120px;
display:block;
background:#fff;
border-radius:50%;
border:1px solid rgba(227,63,106,.25);
}
ul.service_case li dl {
margin:0 auto;
text-align:left;
}
ul.service_case li dl dt {
color:#e33f6a;
font-size:1.8rem;
margin:0 auto .5em auto;
text-align:center
}
ul.service_case li dl dd {
display:inline-block;
font-size:1.4rem;
position:relative;
padding:0 1em 0 1.5em;
margin:0 auto .5em auto;
text-align:left;
}
ul.service_case li dl dd:before {
font-family: "Font Awesome 5 Free";
content: "\f058";
font-weight: 900;
position:absolute;
left:0;
top:.2em;
font-size:1.2rem;
color:#e33f6a;
}

/***** btnarea *****/
.btnarea {
/*display:flex;*/
text-align:center;
/*max-width:1040px;*/
margin:auto;
}
.btnarea a {
background:#e33f6a;
border:1px solid #e33f6a;
color:#fff;
text-decoration:none;
display:inline-block;
position:relative;
width:auto;
font-size:1.8rem;
line-height:48px;
padding:0 60px;
border-radius:25px;
transition: all 0.5s ease;
}
.btnarea a:hover {
background:#fff;
color:#e33f6a;
opacity:1;
transition: all 0.5s ease;
}
/*.btnarea a img {
width:36px;
vertical-align: middle;
margin:0 20px 0 0;
}
.btnarea a i {
font-size:35px;
vertical-align: middle;
margin:0 20px 0 0;
font-weight: normal;
}*/



/********** Contact form 7 **********/
span.wpcf7-list-item {
display: block;
margin: 0 0 0;
}
/* ローダー */
/*.ajax-loader {
display:none;
position: absolute;
bottom: -30px;
left: 0;
right: 0;
margin: auto!important;
}
.ajax-loader.is-active {
display:block;
}*/
.wpcf7-spinner {
display:none!important;
position: absolute!important;
top: 50%!important;
transform: translateY(-50%)!important;
margin: auto!important;
right: 10%!important;
width: 16px!important;
height: 16px!important;
background-color:#fce5eb !important;
opacity:1!important;
}
.wpcf7-spinner::before {
top: 2px!important;
left: 2px!important;
transform-origin: 6px 6px!important;
background-color:#e33f6a!important;
}

form.submitting .wpcf7-spinner {
display:inline-block!important;
}
/* エラー表示 */
div.wpcf7-response-output,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng {
background:#fef3f6 !important;
border:2px solid #fce5eb!important;
margin: 100px auto!important;
padding: 60px 20px!important;
box-sizing: border-box!important;
text-align:center!important;
position:relative;
}
/*div.wpcf7-response-output:before,
div.wpcf7-validation-errors:before,
div.wpcf7-acceptance-missing:before,
div.wpcf7-mail-sent-ok:before,
div.wpcf7-mail-sent-ng:before {
font-family: "Font Awesome 5 Free";
content: "\f06a";
font-weight:900;
font-size:3rem;
color:#e33f6a;
position:absolute;
top:0;
left:50%;
transform: translate(-50%,-50%);
}*/
/* エラーメッセージ */
span.wpcf7-not-valid-tip {
text-align:left!important;
color: #e33f6a!important;
font-size:11px!important;
line-height: 1.2!important;
display: block!important;
margin: 0 auto!important;
}
span.wpcf7-not-valid-tip::before {
font-family: "Font Awesome 5 Free";
content: "\f06a";
font-weight:900;
margin-right: .5em;
}
.agreement span.wpcf7-not-valid-tip {
display:none!important;
}
/* 確認画面 */
/*.wpcf7c-conf {
background:none!important;
padding: 5px 0!important;
border: 0 !important;
color: #a6aaa9 !important;
}*/

/****************************** TOPページ ******************************/
/******************** メインビジュアル ********************/
.mainvisual {
width:100%;
height:640px;
background:url(../images/mv.jpg) no-repeat center center;
background-size:cover;
position:relative;
}

.mainvisual .inner {
width:1280px;
height: 640px;
position:relative;
}
/* mv_logo */
.mainvisual .mv_logo {
position:absolute;
top: 50%;
left: 100px;
transform: translateY(-50%);
margin: auto;
text-align: center;
}
.mainvisual .mv_logo img {
width:250px;
display:block;
margin:auto;
}

/******************** サイト導入文 ********************/
.site_introduction {
background:#fff;
position:relative;
padding:100px 0;
}
.site_introduction .inner {
width:1080px;
padding:0 20px;
margin:0 auto ;
text-align:center;
}

.site_introduction .section_title {
font-size:3.6rem;
font-weight:500;
color:#e33f6a;
margin:0 auto 80px auto;
padding:0 0 40px 0;
display:inline-block;

position: relative;
border-bottom: 1px solid #e33f6a;
}
.site_introduction .section_title:before,
.site_introduction .section_title:after{
content: "";
position: absolute;
right: 0;
left: 0;
width: 0;
height: 0;
margin: auto;
}
.site_introduction .section_title:before{
top: 100%;
left: 0;
border-top:30px solid #e33f6a;
border-right:30px solid transparent;
}
.site_introduction .section_title:after{
top: 100%;
left: 0;
border-top:28px solid #fff;
border-right:28px solid transparent;
z-index: 1;
}
.site_introduction p {
font-size:1.6rem;
line-height:1.875;
text-align:left;
color:#000;
}

/******************** 当ステーションの特徴 ********************/
.feature {
background:#fef3f6;
position:relative;
padding:100px 0;
}
.feature .inner {
width:100%;
padding:0 50px;
margin:0 auto ;
}

.feature ul {
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.feature ul li {
width:calc(100% / 3);
padding:0 50px;
text-align:left;
}
.feature ul li .feature_ic {
padding: 0;
background:#fff;
width:200px;
height:200px;
border-radius:50%;
position:relative;
margin:0 auto 40px auto;
text-align:center;
}

.feature ul li .feature_title {
font-weight:700;
font-size:2rem;
color:#e33f6a;
margin:0 0 30px 0;
text-align:center;
}

/******************** 採用情報 ********************/
.recruit {
background:#fff;
position:relative;
padding:0;
display: flex;
flex-wrap:wrap;
}
.recruit .inner {
width:60%;
padding:100px ;
margin:0 auto ;
text-align:left;
}

.recruit .recruit_text {
margin:0 auto 80px auto;
}

.recruit .recruit_vis {
background: url(../images/recruit_vis.jpg) no-repeat top right;
background-size: cover;
width:40%;
}

/****************************** サービス ******************************/
/******************** メインビジュアル ********************/
.mv_service {
width:100%;
height:640px;
background:url(../images/mv_service.jpg) no-repeat center center;
background-size:cover;
position:relative;
}

.mv_service .inner {
width:100%;
padding:180px 20px 0 20px;
margin:0 auto ;
}

/******************** サービス導入文 ********************/
.introduction dl.service_intro_target {
border:1px solid rgba(0,0,0,.3);
border-top:0;
display:inline-block;
margin:1.5em 0 0 0;
}
.introduction dl.service_intro_target dt {
display: flex;
align-items: center;
font-size:1.8rem;
line-height:20px;
height:20px;
margin:-10px auto 0 auto;
}
.introduction dl.service_intro_target dt:before {
content: "";
flex-grow: 1;
border-top: 1px solid rgba(0,0,0,.3);
display: block;
}
.introduction dl.service_intro_target dt:after {
content: "";
flex-grow: 1;
border-top: 1px solid rgba(0,0,0,.3);
display: block;
}
.introduction dl.service_intro_target dd {
padding:40px;
text-align:left;
line-height:1.5;
}
.introduction dl.service_intro_target dd p {
}
.introduction dl.service_intro_target dd ul {
margin:0 auto;
}
.introduction dl.service_intro_target dd ul li {
font-size:1.4rem;
position:relative;
padding:0 0 0 1.5em;
margin: 0 0 .5em 0;
color:#666;
}
.introduction dl.service_intro_target dd ul li:before {
content:"※";
position:absolute;
left:0;
}

/******************** 訪問看護のメリット ********************/
.merit {
background:#fff url(../images/bg_bubble.png) no-repeat center center;
background-size:cover;
position:relative;
padding:100px 0;
}
.merit .inner {
width:1280px;
padding:0 20px ;
margin:0 auto ;
}

.merit ul {
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content: center;
align-items: flex-start;
}
.merit ul li {
/*width:calc(25% - 40px);*/
width:22%;
height:0;
/*padding-top:calc(25% - 40px);*/
padding-top:22%;
/*margin:20px;*/
margin:1.5%;
border-radius:50%;
position:relative;

background:rgba(227,63,106,.8);
border:1px solid rgba(254,243,246,.8);
color:#fff;
}
.merit ul li .merit_cont {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width: 100%;
font-size:1.8rem;
}
.merit ul li .merit_cont .merit_number {
font-size:8rem;
line-height:1;
font-style:italic;
margin:0 .15em 5% 0;
}
.merit ul li .merit_cont .merit_number:before {
content:"メリット";
font-size:1.0rem;
line-height: .5;
display:block;
margin: 0 0 0 1.5em;
}
.merit ul li .merit_cont p {
margin:0 auto;
}

.merit ul li:first-child ,
.merit ul li:nth-child(3) {
background:rgba(227,63,106,.8);
border:1px solid rgba(254,243,246,.8);
color:#fff;
margin-top:1.5%;
}
.merit ul li:nth-child(6) ,
.merit ul li:nth-child(8) {
background:rgba(227,63,106,.8);
border:1px solid rgba(254,243,246,.8);
color:#fff;
margin-top:1.5%;
}
.merit ul li:nth-child(2) ,
.merit ul li:nth-child(4) {
background:rgba(254,243,246,.8);
border:1px solid rgba(227,63,106,.8);
color:#e33f6a;
margin-top:4.5%;
}
.merit ul li:nth-child(5) ,
.merit ul li:nth-child(7) {
background:rgba(254,243,246,.8);
border:1px solid rgba(227,63,106,.8);
color:#e33f6a;
margin-top:-1.5%;
}


/******************** 看護 サービス例 ********************/
.nursing {
background:#fce5eb;
position:relative;
padding:0;
display: flex;
flex-wrap:wrap;
}
.nursing .inner {
width:70%;
padding:100px ;
margin:0 auto ;
text-align:center;
}

.nursing .nursing_vis {
background: url(../images/nursing_vis.jpg) no-repeat top center;
background-size: cover;
width:30%;
}


/******************** リハビリ サービス例 ********************/
.rehabilitation {
background:#fef3f6;
position:relative;
padding:0;
display: flex;
flex-wrap:wrap;
}
.rehabilitation .inner {
width:70%;
padding:100px ;
margin:0 auto ;
text-align:center;
order:2;
}

.rehabilitation .rehabilitation_vis {
background: url(../images/rehabilitation_vis.jpg) no-repeat top center;
background-size: cover;
width:30%;
order:1;
}


/******************** 代表的対象疾患など ********************/
.disease {
background:#fff;
position:relative;
padding:100px 0;
}
.disease .inner {
width:1080px;
padding:0 20px ;
margin:0 auto ;
}

.disease .disease_cont {
display: flex;
flex-wrap:wrap;
justify-content: center;
align-items: center;
}
.disease .disease_cont .disease_vis {
width:50%;
}
.disease .disease_cont ul {
width:50%;
padding:0 0 0 100px;
margin:0;
}
.disease .disease_cont ul li {
padding:0 1em 0 1.2em;
margin:0 auto .5em auto;
text-align:left;
position:relative;
font-size:1.8rem;
color:#000;
}
.disease .disease_cont ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f058";
font-weight: 900;
position:absolute;
left:0;
top:.5em;
font-size:1.2rem;
color:#e33f6a;
}
.disease .disease_cont ul li small {
font-size:1.4rem;
color:#666;
display:block;
}

/****************************** ステーション紹介 ******************************/
/******************** メインビジュアル ********************/
.mv_station {
width:100%;
height:640px;
background:url(../images/mv_station.jpg) no-repeat center center;
background-size:cover;
position:relative;
}

.mv_station .inner {
width:100%;
padding:180px 20px 0 20px;
margin:0 auto ;
}

/******************** 理念・基本方針 ********************/
.philosophy {
background:none;
position:relative;
padding:120px 0;
z-index:1;
}
.philosophy:before {
content:"";
position:absolute;
top:0;
background:url(../images/bg_bubble.png) no-repeat center center;
width:100%;
height:100%;
display:block;
z-index: -1;
opacity: .5;
}
.philosophy .inner {
width:1080px;
padding:0 30px ;
margin:0 auto ;
}
.philosophy .section_title {
font-size:4.2rem;
font-weight:500;
margin:0 auto 80px auto;
}

.philosophy ul {
padding:0 ;
margin: auto;
display: inline-block;
}
.philosophy ul li {
padding:0 0 0 1.2em;
margin:0 auto .5em auto;
text-align:left;
position:relative;
font-size:1.8rem;
color:#000;
}
.philosophy ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f058";
font-weight: 900;
position:absolute;
left:0;
top:.5em;
font-size:1.2rem;
color:#e33f6a;
}

/******************** エリア紹介 ********************/
.area {
/*background: -moz-linear-gradient(top, #f1f0e8, #d2d1c5 30%, #d2d1c5 70%, #f1f0e8));
background: -webkit-linear-gradient(top, #f1f0e8, #d2d1c5 30%, #d2d1c5 70%, #f1f0e8));*/
background: linear-gradient(to bottom, #f1f0e8, #d2d1c5 30%, #d2d1c5 70%, #f1f0e8);
position:relative;
padding:100px 0;
z-index:1;
}
.area .inner {
width:100%;
padding:0 100px ;
margin:0 auto ;
}

.area .area_cont {
position:relative;
}

.area .area_hiroshimamap {
position:absolute;
top:50%;
left: 40%;
transform: translate(-50%,-50%);
width: 1200px;
overflow: visible;
z-index: -1;
}

.area ul {
width:60%;
margin:0 0 0 40%;
display:flex;
flex-wrap:wrap;
justify-content: center;
}
.area ul li {
width:calc(50% - 40px);
background:rgba(255,255,255,.9);
margin:20px;
padding:30px;
}
.area ul li .area_name {
font-size:2.0rem;
margin: 0 auto 5px auto;
}
.area ul li .area_name small {
font-size:1.4rem;
display:inline-block;
}
.area ul li .area_tel {
font-size:1.6rem;
color:#000;
margin:0 auto 5px auto;
display: inline-block;
position:relative;
padding-left:calc(21px + .3em);
}
.area ul li .area_tel i {
position:absolute;
left:0;
top: 50%;
transform: translateY(-50%);
display:inline-block;
width:21px;
height:21px;
font-size:1rem;
line-height:21px;
border-radius:50%;
color:#fff;
text-align: center;
}
.area ul li .area_address {
font-size:1.4rem;
color:#000;
margin:0 auto 20px auto;
}
.area ul li .areamanager_photo {
width:120px;
margin:0 auto 5px auto;
}
.area ul li .areamanager_name {
font-size:1.1rem;
margin:0 auto 20px auto;
font-weight:400;
}
.area ul li .areamanager_comment {
font-size:1.4rem;
font-weight:400;
text-align:left;
}
/*安佐エリア*/
.area ul li.asa {
border:1px solid #d4718a;
border-top:3px solid #d4718a;
}
.area ul li.asa .area_name ,
.area ul li.asa .area_tel {
color:#d4718a;
}
.area ul li.asa .area_tel i {
background:#d4718a;
}
/*東エリア*/
.area ul li.higashi {
border:1px solid #90b67f;
border-top:3px solid #90b67f;
}
.area ul li.higashi .area_name ,
.area ul li.higashi .area_tel {
color:#90b67f;
}
.area ul li.higashi .area_tel i {
background:#90b67f;
}
/*中・西エリア*/
.area ul li.naka-nishi {
border:1px solid #8dafcc;
border-top:3px solid #8dafcc;
}
.area ul li.naka-nishi  .area_name ,
.area ul li.naka-nishi  .area_tel {
color:#8dafcc;
}
.area ul li.naka-nishi .area_tel i {
background:#8dafcc;
}
/*安芸エリア*/
.area ul li.aki {
border:1px solid #e09474;
border-top:3px solid #e09474;
}
.area ul li.aki .area_name ,
.area ul li.aki .area_tel {
color:#e09474;
}
.area ul li.aki .area_tel i {
background:#e09474;
}

/******************** 利用者さまの声 ********************/
.voice {
background:#fff;
position:relative;
padding:100px 0;
}
.voice .inner {
width:1200px;
padding:0 20px ;
margin:0 auto ;
}

.voice ul {
display:flex;
flex-wrap:wrap;
justify-content: center;
margin:0 auto;
}
.voice ul li {
width:50%;
padding:0 50px;
}

.voice ul li .voice_illust {
width:200px;
margin:0 auto 20px auto;
}
.voice ul li .voice_initial {
color:#000;
margin:0 auto 50px auto;
}
.voice ul li .voice_comment {
background:#f1f0e8;
padding:30px;
margin:0px auto 0 auto;
position:relative;
text-align:left;
}
.voice ul li .voice_comment:after {
position: absolute;
content: " ";
height: 0;
width: 0;

bottom: 100%;
left: 50%;
border-bottom:30px solid #f1f0e8;
border-right:20px solid transparent;
}

/******************** 管理者より一言 ********************/
.manager {
background:#fef3f6;
position:relative;
padding:100px 0;
}
.manager .inner {
width:1200px;
padding:0 20px ;
margin:0 auto ;
}

.manager ul {
display:flex;
flex-wrap:wrap;
justify-content: center;
margin:0 auto;
}
.manager ul li {
width:50%;
padding:0 50px;
margin: 50px auto;
}

.manager ul li .manager_photo {
width:300px;
margin:0 auto 30px auto;
}
.manager ul li .manager_name {
color:#000;
margin:0 auto 40px auto;
font-size:2rem;
}
.manager ul li .manager_name small {
font-size:1.4rem;
display:block;
}
.manager ul li .manager_comment {
margin:0 auto;
position:relative;
text-align:left;
}

/******************** 沿革・概要 ********************/
.profile {
background:#fff;
position:relative;
padding:0;
display: flex;
flex-wrap:wrap;
}
.profile .inner {
width:60%;
padding:100px ;
margin:0 auto ;
text-align:left;
}

.profile .profile_block {
margin:0 auto 60px auto;
}
.profile .profile_staiton {
font-size:1.6rem;
color:#e33f6a;
margin:0 auto 1em auto;
}

.profile .profile_block dl {
display: inline-block;
text-align:left;
font-size:1.6rem;
margin:0 auto 60px auto;
}
.profile .profile_block dl:last-child {
margin-bottom:0;
}
.profile .profile_block dl dt {
float: left;
width: 12em;
margin: 0 auto .5em auto;
}
.profile .profile_block dl dd {
padding-left: 12em;
margin: 0 auto .5em auto;
}
.profile .profile_block dl dd small {
font-size:1.2rem;
}

.profile .googlemap {
width:40%;
height:auto;

position: relative;
margin:0 auto ;
overflow: hidden;
z-index:1;
}
.profile .googlemap iframe,
.profile .googlemap object,
.profile .googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
/*height: 100%;*/
height: 50%;
padding-bottom:2.5px;
}
.profile .googlemap iframe:last-child,
.profile .googlemap object:last-child,
.profile .googlemap embed:last-child {
top: auto;
bottom: 0;
padding-top:2.5px;
padding-bottom:0;
}


/****************************** ご利用の流れ ******************************/
/******************** メインビジュアル ********************/
.mv_flow {
width:100%;
height:640px;
background:url(../images/mv_flow.jpg) no-repeat center center;
background-size:cover;
position:relative;
}

.mv_flow .inner {
width:100%;
padding:180px 20px 0 20px;
margin:0 auto ;
}

/******************** サービス開始までの流れ ********************/
.step {
background:#fff;
position:relative;
padding:100px 0;
}
.step .inner {
width:1100px;
padding:0 ;
margin:0 auto ;
}

.step ul {
display:flex;
flex-wrap:wrap;
/*justify-content: center;*/
margin:0 auto 70px auto;
}
.step ul li {
width:50%;
padding: 30px;
}
.step ul li:nth-child(even) {
margin:12% 0 -12% 0;
}

.step ul li .step_number {
font-size:8rem;
line-height:1;
font-style:italic;
margin:0 .15em 5% 0;
color:#e33f6a;
}
.step ul li .step_number:before {
content:"STEP";
font-size:1.0rem;
line-height: .5;
display:block;
margin: 0 0 0 1.5em;
}

.step ul li .step_cont {
background:#fef3f6;
margin:-6rem 0 0 0;
padding:6rem 30px 30px 30px;
}

.step .step_chart {
padding:0 20px;
}

/******************** 利用料金 ********************/
.price {
background:#fef3f6;
position:relative;
padding:100px 0;
}
.price .inner {
width:1280px;
padding:0 20px ;
margin:0 auto ;
}

.price .section_subtitle {
font-size:2.6rem;
color:#000;
border-bottom:2px solid #e33f6a;
padding: 0 1.5em .5em 1.5em;
display: inline-block;
}
.price .price_block {
margin:0 auto 80px auto;
}

.price .price_block .scrolltable {
width:100%;
position:relative;
margin:0 auto 30px auto;
display:block;
background:#fff;
overflow:auto;
word-break: keep-all;
box-sizing:border-box;
}
.price .price_block .scrolltable table {
table-layout:fixed;
width:auto;
max-width:none;
margin:0;
border-left: 0;
border-bottom: 0;
min-width: 100%;
border-collapse: collapse;
}
.price .price_block .scrolltable table th,
.price .price_block .scrolltable table td {
width:auto;
height:auto;
box-sizing:border-box;
border:1px solid #d2d1c5;
padding:15px;
vertical-align:middle;
text-align:center;
}
.price .price_block .scrolltable table th {
word-break: break-all;
white-space:normal;
font-weight:normal;
background:#f1f0e8;
color:#333;

min-width:150px;
}
.price .price_block .scrolltable table thead th {
background:#e33f6a;
color:#fff;

min-width:150px;
}
.price .price_block .scrolltable table td {
word-break: keep-all;
}

.price .price_block .scrolltable table th span ,
.price .price_block .scrolltable table td span {
font-size: 1.1rem;
display: block;
}

.price ul.caution li {
position: relative;
padding: 0 0 0 1.5em;
margin: 0 0 .5em 0;
color: #666;
text-align:left;
}
.price ul li::before {
content: "※";
position: absolute;
left: 0;
}



/****************************** お問い合わせ ******************************/
/******************** メインビジュアル ********************/
.mv_contact {
width:100%;
height:auto;
background:#fff;
position:relative;
}

.mv_contact .inner {
width:100%;
padding:100px 20px;
margin:0 auto ;
}

.mv_contact .mv_pagetitle {
color:#000;
text-shadow: none;
}
.mv_contact .mv_pagetitle .en {
text-shadow: none;
}

/******************** お問い合わせフォーム ********************/
.contactform {
background:#fff;
position:relative;
padding:0 0 100px 0;
}
.contactform .inner {
width:1080px;
padding:0 20px;
margin:0 auto ;
}

.contactform .contact_lead {
margin:0 auto 80px auto;
}

.contactform dl {
width:728px;
max-width:100%;
text-align:left;
font-size:1.6rem;
margin:0 auto 50px auto;
}
.contactform dl dt {
margin: 0 auto .75em auto;
}
.contactform dl dd {
margin: 0 auto .75em auto;
}
.contactform .required {
display:inline-block;
padding:4px 10px 6px 10px;
margin:-2px 1em 0 1em;
font-size:1rem;
line-height:1;
background:#e33f6a;
color:#fff;
vertical-align: middle;
}

.contactform .contactform_btns {
position:relative;
}


/****************************** ニュース ******************************/
/******************** メインビジュアル ********************/
.mv_news {
width:100%;
height:auto;
background:#fff;
position:relative;
}

.mv_news .inner {
width:100%;
padding:100px 20px;
margin:0 auto ;
}

.mv_news .mv_pagetitle {
color:#000;
text-shadow: none;
}
.mv_news .mv_pagetitle .en {
text-shadow: none;
}


/******************** ニュース一覧 ********************/
.news_list {
background:#fff;
position:relative;
padding:0 0 100px 0;
}
.news_list .inner {
width:1280px;
padding:0 30px;
margin:0 auto ;
}


/******************** ニュース詳細 ********************/
.news_post {
width:100%;
height:auto;
background:#fff;
position:relative;
}
.news_post .inner {
width:1000px;
padding:100px 20px;
margin:0 auto ;
}


/****************************** おかもと訪問看護通信 ******************************/
.blog_layout {
width:1280px;
max-width:100%;
display: flex;
flex-wrap: wrap;
padding:0 0 100px 0;
margin:auto;
}
.single-okamoto_blog .blog_layout {
padding: 100px 0;
}

/******************** メインビジュアル ********************/
.mv_blog {
width:100%;
height:auto;
background:#fff;
position:relative;
}

.mv_blog .inner {
width:100%;
padding:100px 20px;
margin:0 auto ;
}

.mv_blog .mv_pagetitle {
color:#000;
text-shadow: none;
}
.mv_blog .mv_pagetitle .en {
text-shadow: none;
}


/******************** ピックアップ記事スライダー ********************/
.pickup_slider {
position:relative;
margin:0 auto 100px auto ;
}
.pickup_slider .inner {
width:640px;
}

.pickup_slider ul {
margin:0;
}
.pickup_slider ul li {
position:relative;
opacity:.3;
margin:0 10px;
}
.pickup_slider ul li.swiper-slide-active {
opacity:1;
}
.pickup_slider ul li a {
text-decoration:none;
}
.pickup_slider ul li .thmb {
width:640px;
height:480px;
position:relative;
overflow: hidden;
margin:0;
}
.popular_list ul li .thmb img {
position:absolute;
/*top:50%;
left:50%;
transform: translate(-50%,-50%);*/
top:0;
left:50%;
transform: translateX(-50%);
}
.pickup_slider ul li .data {
background:#fff;
padding:50px;
position:absolute;
bottom:50px;
left:-250px;
width:440px;
border-right:3px solid #e33f6a;
text-align:left;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
z-index:1;

display:none;
}
.pickup_slider ul li.swiper-slide-active .data {
display:block;
}

.pickup_slider ul li.swiper-slide-active .data .category {
display: flex;
position: absolute;
top:-16px;
right: 20px;
max-width: calc(100% - 40px);
}
.pickup_slider ul li.swiper-slide-active .data .category a {
font-size:1.6rem;
line-height:1;
text-align: center;
color:#fff;
background: #e33f6a;
border:1px solid #e33f6a;
padding:7px 20px 9px 20px;
margin:0 1px;
display:block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.pickup_slider ul li.swiper-slide-active .data .category a:hover {
color:#e33f6a;
background: #fff;
opacity:1;
transition: all 0.5s ease;
}

.pickup_slider ul li.swiper-slide-active .data .date {
font-size:1.4rem;
margin:0 auto 5px auto;
}
.pickup_slider ul li.swiper-slide-active .data .title {
font-size:2rem;
color:#000;
max-height: 254px;
overflow: hidden;
}
/*** swiper ***/
.pickup_slider .swiper-container {
overflow: visible !important;
}
.pickup_slider .swiper-button-next {
right:50px;
z-index: 1;
background-image: url(../images/slider-arrow-right.png);
background-size:33px 57px;
width:33px;
height:57px;
margin: 0;
transform: translateY(-50%);
opacity:.4;
}
.pickup_slider .swiper-button-prev {
left:50px;
z-index: 1;
background-image: url(../images/slider-arrow-left.png);
background-size:33px 57px;
width:33px;
height:57px;
margin: 0;
transform: translateY(-50%);
opacity:.4;
}

/******************** おかもと訪問看護通信一覧 ********************/
.blog_list {
background:#fff;
position:relative;
width:calc(100% - 390px);
}
.blog_list .inner {
padding:0 30px;
margin:0 auto ;
}

/***** 記事一覧 *****/
.blog_list .archive_list ul li {
width:calc(100% / 2);
padding:0 30px;
margin:0 0 60px 0;
}

/******************** おかもと訪問看護通信詳細 ********************/
.blog_post {
background:#fff;
position:relative;
width:calc(100% - 390px);
}
.blog_post .inner {
padding:0 30px;
margin:0 auto ;
}


/******************** サイドバー ********************/
aside {
background:#fff;
position:relative;
width:390px;
}
aside .inner {
padding:0 30px;
}
/***** sideblock *****/
.sideblock {
margin:0 auto 60px auto;
}
.sideblock .sideblock_title {
font-size:1.8rem;
padding:0 0 20px 0;
margin:0 auto 20px auto;
border-bottom:2px solid #e33f6a;
color:#e33f6a;
}
/* カテゴリー一覧 */
.category_list ul li {
position:relative;
padding:0 0 0 1.5em;
margin:0 0 10px 0;
}
.category_list ul li a{
color:#000;
text-decoration:none;
}
.category_list ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
margin:0;
color:#e33f6a;
position:absolute;
left:0;
}

/* 良く見られている記事 */
.popular_list ul li {
margin:0 0 20px 0;
}
.popular_list ul li a {
display:flex;
flex-wrap:wrap;
text-decoration:none;
}
.popular_list ul li .thmb {
width:80px;
height:60px;
position:relative;
overflow: hidden;
margin:0 20px 0 0;
}
.popular_list ul li .thmb img {
position:absolute;
/*top:50%;
left:50%;
transform: translate(-50%,-50%);*/
top:0;
left:50%;
transform: translateX(-50%);
}

.popular_list ul li .data {
width:calc(100% - 100px);
}
.popular_list ul li .data .date {
font-size:1.2rem;
}
.popular_list ul li .data .title {
font-size:1.4rem;
color:#000;
}

/* タグ一覧 */
.tag_list {
margin:0 auto ;
}
.tag_list ul {
display: flex;
flex-wrap: wrap;
}
.tag_list ul li {
margin: 1px 2px;
display: block;
line-height: 1;
}
.tag_list ul li a {
border:1px solid #d2d1c5;
font-size:1.2rem;
line-height:22px;
letter-spacing:0;
border-radius:12px;
text-decoration:none;
background:#fff;
padding:0 .5em;
transition: all 0.5s ease;
}
.tag_list ul li a:hover {
color:#fff;
background:#666;
transition: all 0.5s ease;
}


/****************************** パンくず ******************************/
.breadcrumb {
text-align:center;
padding: 20px;
background:#f1f0e8;
position:relative;
}
.breadcrumb ul {
font-size:0;
display:inline-block;
text-align:left;
width:100%;
max-width:1280px;
}
.breadcrumb ul li {
font-size:1.4rem;
font-weight:400;
display:inline;
}
.breadcrumb ul li:after {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
margin:0 1rem;
color:#ccc;
}
.breadcrumb ul li:last-child:after {
display:none;
}
.breadcrumb ul li a {
color:#000;
text-decoration:none;
}
.breadcrumb ul li a:after {
content:",";
margin:0 .5em;
}
.breadcrumb ul li a:last-child:after {
display:none;
}

/* ******************************************************************** */
/**** footer ****/
/* ******************************************************************** */
.footer {
background:#222;
padding: 0;
}

.footer .inner {
max-width: 1280px;
padding:60px 20px;
position:relative;
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}

/*** footer_logo ***/
.footer .footer_logo {
display:inline-block;
vertical-align:top;
text-align:left;
color:#fff;
margin:0 ;
}
.footer .footer_logo .logo {
margin:0 auto 30px auto;
dispaly:flex;
}
.footer .footer_logo img {
width:460px;
height:auto;
margin:0 0 10px 0;
}
.footer .footer_logo .address {
font-size:1.4rem;
display: block;
color:#999;
margin:0 auto 1.5em auto;
}

/*** footer_navigation ***/
.footer .footer_navigation {
display:inline-block;
vertical-align:top;
color:#fff;
margin:0 0 1.5em 0;
}
.footer .footer_navigation ul {
display:inline-block;
font-size:1.5rem;
vertical-align:top;
margin:0 50px 0 0;
}
.footer .footer_navigation ul li {
margin:0 0 10px 0;
padding:0 0 0 1em;
position:relative;
}
.footer .footer_navigation ul li:before {
content:"-";
position:absolute;
left:0;
color:#999;
margin: 0 0;
}
.footer .footer_navigation ul li a {
text-decoration:none;
}
.footer .footer_navigation ul li i {
font-size:1.2rem;
color:#a6aaa9;
margin:0 0 0 5px;
}

/*** copyright ***/
.footer .copyright {
display:block;
width:100%;
color:#666;
font-size:1.0rem;
margin:auto;
text-align:center;
}

/*** pagetop ***/
.pagetop {
margin: auto;
position: fixed;
right:30px;
bottom:30px;
z-index:5;
}
.pagetop a {
width:58px;
height: 58px;
display:block;
text-align:center;
margin:0px auto 0px auto;
font-size:2.6rem;
padding:0;
color:#fff;
background:#e33f6a;
position:relative;
border:1px solid #e33f6a;
border-radius:50%;
transition: all 0.5s ease;
}
.pagetop a:hover {
color:#e33f6a;
background:#fff;
opacity:1;
transition: all 0.5s ease;
}
.pagetop a i {
position:absolute;
top:50%;
left:0;
right:0;
transform: translateY(-50%);
}

/************************************************ 1280px以下 ************************************************/
@media screen and (max-width: 1280px){
/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */
.wrapper{
padding:100px 0 0 0;
}
/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */
.header {
height:100px;
}

.header .inner {
height:100px;
}
/*** logo ***/
.header .logo {
padding:0 0 ;
}

/*** コンタクトナビ ***/
.header .contactnavi {
right: 100px;
}
.header .contactnavi .address {
width:100%;
margin:0 0 10px 0;
}

/*** グロナビ ***/
.header .globalnavi {
display:none;
margin:0;
position:fixed;
width: 100%;
height:100%;
top:100px;
left: 0;
background:rgba(216,216,208,.95);
}
.header.openNav .globalnavi {
display:block;
overflow-y: auto;
height: calc(100% - 100px );
}
.header #navToggle {
/**/
font-size:2.6rem;
line-height:58px;
display:block;
text-align:center;
width:60px;
height:60px;
cursor:pointer;
margin: 0 0 0 20px;
padding: 0;
z-index:10;
background:#fff;
border:1px solid #f1f0e8;
border-radius:50%;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.5s ease;
}
.header #navToggle:after {
font-family: "Font Awesome 5 Free";
content: "\f0c9";
font-weight:900;
vertical-align:top;
}
.header.openNav #navToggle:after {
font-family: "Font Awesome 5 Free";
content: "\f00d";
font-weight:900;
vertical-align:top;
}
.header #navToggle:hover {
background:#f1f0e8;
transition: all 0.5s ease;
}

.header .globalnavi ul {
text-align:left;
border-top:1px solid #d8d8d0;
border-left:1px solid #d8d8d0;
display:flex;
flex-flow: wrap;
}
.header .globalnavi ul > li {
margin:0;
border-bottom:1px solid #d8d8d0;
border-right:1px solid #d8d8d0;
width:50%;
}
.header .globalnavi ul > li a {
display:block;
margin:0 auto;
padding: 20px;
color:#000;
background:rgba(241,240,232,.95);
transition: all 0.5s ease;
}
.header .globalnavi ul > li a:after {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight:900;
font-size:2rem;
float:right;
}
.header .globalnavi ul > li a:hover {
color:#fff;
background:#e33f6a;
opacity:1;
transition: all 0.5s ease;
}
.header .globalnavi ul > li.current a {
color:#fff;
border:0;
background:#e33f6a;
}


/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/****************************** 共通 ******************************/

/****************************** TOPページ ******************************/

/****************************** サービス ******************************/
/******************** 訪問看護のメリット ********************/
.merit ul li .merit_cont {
font-size:1.6rem;
}
.merit ul li .merit_cont .merit_number {
font-size:6rem;
}

/****************************** ステーション紹介 ******************************/
/******************** エリア紹介 ********************/
.area .inner {
padding:0 20px ;
}

/****************************** ご利用の流れ ******************************/

/****************************** おかもと訪問看護通信 ******************************/

/******************** ピックアップ記事スライダー ********************/
.pickup_slider .inner {
width:480px;
}
.pickup_slider ul li .thmb {
width:480px;
height:360px;
}
.pickup_slider ul li .data {
padding:30px;
bottom:30px;
left:-210px;
width:400px;
}
.pickup_slider ul li.swiper-slide-active .data .title {
max-height: 214px;
}
}

/************************************************ 960px以下 ************************************************/
@media screen and (max-width: 960px){

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */

/*** logo ***/
.header .logo {
width:240px;
height:60px;
}
.header .logo img {
width:240px;
height:60px;
}
.header .logo img.pc_sitelogo {
display:none;
}
.header .logo img.sp_sitelogo {
display:block;
}
/*** コンタクトナビ ***/
.header .contactnavi {
display:none;
}

/*** グロナビ ***/
.header #navToggle {
font-size:2rem;
line-height:50px;
width:50px;
height:50px;
margin: 0 0 0 10px;
border-radius:50%;
}
.header.openNav .globalnavi {
height: calc(100% - 100px );
}

.header .globalnavi ul > li {
width:100%;
}
.header .globalnavi ul > li.gmenu_contact {
display:block;
}
.header .globalnavi .sp_contactnavi {
display:block;
background:#222;
color:#fff;
text-align: left;
padding: 20px;
}
.header .globalnavi .sp_contactnavi .address {
font-size: 1.2rem;
margin: 0 0 1em 0;
}
.header .globalnavi .sp_contactnavi .tel {
font-size:2.2rem;
line-height:30px;
color:#fff;
text-align: left;
position:relative;
padding-left:calc(30px + .3em);
margin:0 1em 0 0;
}
.header .globalnavi .sp_contactnavi .tel i {
position:absolute;
left:0;
display:inline-block;
width:30px;
height:30px;
font-size:1.2rem;
line-height:30px;
border-radius:50%;
background:#e33f6a;
color:#fff;
text-align: center;
margin: 0 .5em 0 0;
}


/* ************************************************ */
/**** main ****/
/* ************************************************ */
/****************************** 共通 ******************************/
/******************** 導入文 ********************/

/****************************** TOPページ ******************************/
/******************** メインビジュアル ********************/
.mainvisual {
}

.mainvisual .inner {
width:100%;
}
/* mv_logo */
.mainvisual .mv_logo {
left: 60px;
}

/******************** サイト導入文 ********************/

/******************** 記事一覧 ********************/
.archive_list ul li {
padding:0 20px;
margin:0 0 40px 0;
}
.archive_list ul li .category {
right: 30px;
max-width: calc(100% - 60px);
}
.archive_list ul li .category a {
font-size: 1.1rem;
padding:5px 10px 7px 10px;
}

/******************** 当ステーションの特徴 ********************/
.feature ul li {
width:calc(100% / 2);
}

/******************** 採用情報 ********************/
.recruit .inner {
padding:100px 50px ;
}

.recruit .recruit_vis {
background: url(../images/recruit_vis.jpg) no-repeat top right 20%;
background-size: cover;
}


/****************************** サービス ******************************/

/******************** メインビジュアル ********************/

/******************** サービス導入文 ********************/

/******************** 訪問看護のメリット ********************/
.merit ul li {
width:calc(100% / 3 - 3%);
padding-top:calc(100% / 3 - 3%);
}
.merit ul li:first-child ,
.merit ul li:nth-child(3) ,
.merit ul li:nth-child(5) {
background:rgba(227,63,106,.8);
border:1px solid rgba(254,243,246,.8);
color:#fff;
margin-top:1.5%;
}
.merit ul li:nth-child(2) {
background:rgba(254,243,246,.8);
border:1px solid rgba(227,63,106,.8);
color:#e33f6a;
margin-top:4.5%;
}
.merit ul li:nth-child(4) ,
.merit ul li:nth-child(6) ,
.merit ul li:nth-child(7) {
background:rgba(254,243,246,.8);
border:1px solid rgba(227,63,106,.8);
color:#e33f6a;
margin-top:-1.5%;
}
.merit ul li:nth-child(8) {
background:rgba(227,63,106,.8);
border:1px solid rgba(254,243,246,.8);
color:#fff;
margin-top:-1.5%;
}

/******************** 看護 サービス例 ********************/
.nursing .inner {
padding:100px 20px ;
}

/******************** リハビリ サービス例 ********************/
.rehabilitation .inner {
padding:100px 20px ;
}

/******************** 代表的対象疾患など ********************/
.disease .disease_cont .disease_vis {
width:40%;
}
.disease .disease_cont ul {
width:60%;
padding:0 0 0 50px;
}


/****************************** ステーション紹介 ******************************/

/******************** メインビジュアル ********************/

/******************** 理念・基本方針 ********************/

/******************** エリア紹介 ********************/
.area .area_hiroshimamap {
position:relative;
top:0;
left:0;
transform: translate(0,0);
width: 640px;
margin: -50px auto;
max-width: 100%;
}

.area ul {
width:100%;
margin:0 auto;
}

/******************** 利用者さまの声 ********************/

/******************** 管理者より一言 ********************/

/******************** 沿革・概要 ********************/
.profile .inner {
width:100%;
text-align:center;
padding: 100px 100px 0 100px;
}

.profile .googlemap {
width:100%;
height:0;
padding-top:400px;
}


/****************************** ご利用の流れ ******************************/

/******************** メインビジュアル ********************/

/******************** サービス開始までの流れ ********************/

/******************** 利用料金 ********************/

/****************************** お問い合わせ ******************************/

/****************************** ニュース ******************************/

/******************** ニュース一覧 ********************/
.news_list .inner {
padding:0 20px;
}
/******************** ニュース詳細 ********************/

/****************************** おかもと訪問看護通信 ******************************/
.blog_layout {
padding:0 0;
}
.single-okamoto_blog .blog_layout {
padding: 100px 0 0 0;
}

/******************** ピックアップ記事スライダー ********************/
/*.pickup_slider ul li .data {
padding: 30px;
position: relative;
bottom: 30px;
left: 50%;
width: 580px;
border-right: 0;
border-top: 3px solid #e33f6a;
transform: translateX(-50%);
}

.pickup_slider ul li.swiper-slide-active .data .title {
max-height: none;
}*/
.pickup_slider ul li .data {
left:-110px;
}

/******************** おかもと訪問看護通信一覧 ********************/
.blog_list {
width:100%;
padding:0 0 100px 0;
}
.blog_list .inner {
padding:0 20px;
margin:0 auto ;
}

/***** 記事一覧 *****/
.blog_list .archive_list ul li {
width:calc(100% / 3);
padding:0 20px;
margin:0 0 40px 0;
}

/******************** おかもと訪問看護通信詳細 ********************/
.blog_post {
width:100%;
padding:0 0 100px 0;
}
.blog_post .inner {
padding:0 20px;
margin:0 auto ;
}

/******************** サイドバー ********************/
aside {
background:#fef3f6;
width:100%;
padding:100px 0;
}
aside .inner {
padding:0 20px;
}


/****************************** パンくず ******************************/


/* ******************************************************************** */
/**** footer ****/
/* ******************************************************************** */

/*** footer_logo ***/
.footer .footer_logo {
width:100%;
padding:0 0 30px 0;
margin:0 auto 30px auto;
text-align:center;
border-bottom: 1px solid #444;
}
.footer .footer_logo .logo {
margin:0 auto 20px auto;
}
.footer .footer_logo img {
display:block;
margin:10px auto;
}

/*** footer_navigation ***/
.footer .footer_navigation {
width:100%;
max-width: 350px;
margin:0 auto 30px auto;
}
.footer .footer_navigation nav {
display:flex;
padding:0 ;
}
.footer .footer_navigation ul {
display:inline-block;
width:50%;
margin:0 0 0 0;
}


}
/************************************************ 768px以下 ************************************************/
@media screen and (max-width: 768px){
/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */

input[type="submit"],
input[type="button"],
button {
padding:0 50px;
}

/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/***** PCのみ/SPのみ *****/
.pc_only {
display:none!important;
}
.sp_only {
display:inline-block!important;
}

/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */

/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */


/****************************** 共通 ******************************/

/******************** 導入文 ********************/
.introduction {
width:calc(100% - 20px);
max-width:calc(100% - 20px);
padding:25px;
font-size:1.6rem;
}

/******************** 記事一覧 ********************/
.archive_list_title {
font-size:1.8rem;
margin: 0 auto 40px auto;
}
.archive_list ul li {
width:calc(100% / 2);
padding:0 10px;
margin:0 0 20px 0;
}
.archive_list ul li .category {
right: 20px;
max-width: calc(100% - 40px);
}



/******************** 記事詳細 ********************/
.post {
}
/* 記事ヘッダー */
.post .post_head {
margin:0 auto 40px auto;
}
.post .post_head .date-category {
padding: 0 0 15px 0;
margin:0 auto 30px auto;
}

.post .post_head .date-category .category a {
font-size:1.4rem;
padding:6px 20px 8px 20px;
}

.post .post_head .title {
font-size:2.6rem;
margin:0 auto 30px auto;
}

.post .post_head .tag {
margin:0 auto 40px auto;
}
.post .post_head .tag ul li {
margin: 1px 2px;
}
.post .post_head .tag ul li a {
font-size:1.2rem;
line-height:22px;
border-radius:12px;
padding:0 .5em;
}

/* 記事本文内HTMLタグスタイル */
.post .post_main h2 {
font-size:2rem;
}
.post .post_main h3 {
font-size:1.8rem;
}
.post .post_main h4 {
font-size:1.7rem;
}

/***** タイトル *****/
/* mv_pagetitle */
.mv_pagetitle {
font-size:3.2rem;
}
 
/* section_title */
.section_title {
font-size:2.6rem;
margin:0 auto 40px auto;
}
/* section_subtitle */
.section_subtitle {
font-size:2rem;
margin:0 auto 20px auto;
}

/***** サービス例 *****/
ul.service_case li {
width:100%;
max-width:480px;
margin:60px auto 20px auto;
padding: 80px 20px 20px 20px;
}


/***** btnarea *****/
.btnarea {
flex-wrap: wrap;
}
.btnarea a {
font-size:1.5rem;
padding:0 30px;
line-height:48px;
border-radius:25px;
}
/*.btnarea a img {
width:30px;
margin:0 15px 0 0;
}
.btnarea a i {
font-size:28px;
margin:0 15px 0 0;
}*/


/****************************** TOPページ ******************************/
/******************** メインビジュアル ********************/
.mainvisual {
width:100%;
height:auto;
background:url(../images/mv.jpg) no-repeat top right 30%;
background-size:cover;
position:relative;
}

.mainvisual .inner {
height: 400px;
position:relative;
}
/* mv_logo */
.mainvisual .mv_logo {
width: 100%;
left: auto;
top: auto;
bottom: 0;
transform: translate(0);
padding: 40px;
text-align: left;
}
.mainvisual .mv_logo img {
width:100%;
max-width:334px;
}

/******************** サイト導入文 ********************/
.site_introduction {
padding:60px 0;
}
.site_introduction .inner {
width:100%;
}

.site_introduction .section_title {
font-size:3rem;
margin: 0 auto 40px auto;
padding: 0 0 30px 0;
}
.site_introduction .section_title:before{
border-top:20px solid #e33f6a;
border-right:20px solid transparent;
}
.site_introduction .section_title:after{
border-top:18px solid #fff;
border-right:18px solid transparent;
}
.site_introduction p {
font-size:1.4rem;
line-height:1.75;
}

/******************** 当ステーションの特徴 ********************/
.feature {
padding:60px 0;
}
.feature .inner {
width:100%;
padding:0 20px;
}

.feature ul {
display:block;
max-width:480px;
margin:0 auto;
}
.feature ul li {
width:100%;
padding:0 ;
text-align:left;
margin: 0 auto 30px auto;
}
.feature ul li .feature_ic {
font-size:4rem;
line-height:72px;
width:120px;
height:120px;
margin:0 auto 20px auto;
}
.feature ul li .feature_ic:before {
font-size:1.4rem;
top:10px;
}

.feature ul li .feature_title {
font-size:1.8rem;
margin:0 0 20px 0;
}

/******************** 採用情報 ********************/
.recruit .inner {
width:100%;
padding:60px 20px ;
/*order: 2;*/
text-align:center;
}

.recruit .recruit_text {
margin:0 auto 40px auto;
}
.recruit .recruit_text p {
text-align:left;
}

.recruit .recruit_vis {
width:100%;
height:250px;
/*order: 1;*/
background: url(../images/recruit_vis_sp.jpg) no-repeat center center;
background-size: cover;
}

/****************************** サービス ******************************/
/******************** メインビジュアル ********************/
.mv_service {
width:100%;
height:auto;
background:url(../images/mv_service.jpg) no-repeat top right 30%;
background-size:cover;
position:relative;
}

.mv_service .inner {
height: 400px;
position:relative;
padding:60px 20px 0 20px;
}

/******************** サービス導入文 ********************/
.introduction dl.service_intro_target {
}
.introduction dl.service_intro_target dt {
font-size:1.6rem;
line-height:20px;
height:20px;
margin:-10px auto 0 auto;
}
.introduction dl.service_intro_target dd {
padding:20px;
}
.introduction dl.service_intro_target dd ul li {
font-size:1.4rem;
}

/******************** 訪問看護のメリット ********************/
.merit {
background-size:300%;
padding:60px 0;
}
.merit .inner {
width:100%;
padding:0 20px;
}

.merit ul {
margin: 0 auto 18.5% auto;
}
.merit ul li {
width:47%;
padding-top:47%;
}
.merit ul li .merit_cont {
font-size:1.3rem;
}
.merit ul li .merit_cont .merit_number {
font-size:4rem;
}

.merit ul li:first-child ,
.merit ul li:nth-child(5) {
background:rgba(227,63,106,.8);
border:1px solid rgba(254,243,246,.8);
color:#fff;
margin-top:1.5%;
}
.merit ul li:nth-child(2) ,
.merit ul li:nth-child(6) {
background:rgba(254,243,246,.8);
border:1px solid rgba(227,63,106,.8);
color:#e33f6a;
margin-top: 18.5%;
margin-bottom: -12.5%;
}
.merit ul li:nth-child(3) ,
.merit ul li:nth-child(7) {
background:rgba(254,243,246,.8);
border:1px solid rgba(227,63,106,.8);
color:#e33f6a;
margin-top:1.5%;
}
.merit ul li:nth-child(4) ,
.merit ul li:nth-child(8) {
background:rgba(227,63,106,.8);
border:1px solid rgba(254,243,246,.8);
color:#fff;
margin-top: 18.5%;
margin-bottom: -12.5%;
}

/******************** 看護 サービス例 ********************/
.nursing .inner {
width:100%;
padding:60px 20px ;
order: 2;
text-align:center;
}

.nursing .nursing_vis {
width:100%;
height:250px;
order: 1;
background: url(../images/nursing_vis_sp.jpg) no-repeat center center;
background-size: cover;
}

/******************** リハビリ サービス例 ********************/
.rehabilitation .inner {
width:100%;
padding:60px 20px ;
order: 2;
text-align:center;
}

.rehabilitation .rehabilitation_vis {
width:100%;
height:250px;
order: 1;
background: url(../images/rehabilitation_vis_sp.jpg) no-repeat center center;
background-size: cover;
}

/******************** 代表的対象疾患など ********************/
.disease {
padding:60px 0;
}
.disease .inner {
width:100%;
padding:0 20px ;
}

.disease .disease_cont .disease_vis {
width:100%;
max-width:480px;
margin:0 auto 30px auto;
}
.disease .disease_cont ul {
width:auto;
padding:0;
}


/****************************** ステーション紹介 ******************************/
/******************** メインビジュアル ********************/
.mv_station {
width:100%;
height:auto;
background:url(../images/mv_station.jpg) no-repeat center center;
background-size:cover;
position:relative;
}

.mv_station .inner {
height: 400px;
position:relative;
padding:60px 20px 0 20px;
}

/******************** 理念・基本方針 ********************/
.philosophy {
padding:60px 0;
}
.philosophy:before {
background-size:300%;
}
.philosophy .inner {
width:100%;
}

.philosophy .section_title {
font-size:3rem;
margin:0 auto 40px auto;
}

.philosophy ul {
}
.philosophy ul li {
font-size:1.6rem;
}
.philosophy ul li:before {
top:.3em;
}

/******************** エリア紹介 ********************/
.area {
padding:60px 0;
}
.area .area_hiroshimamap {
margin: -20px auto; 
}

.area ul li {
width:480px;
max-width:100%;

margin:10px;
padding:20px;
}
.area ul li .area_name {
font-size:2.0rem;
}
.area ul li .area_address {
font-size:1.4rem;
color:#000;
margin:0 auto 20px auto;
}
.area ul li .areamanager_photo {
width:120px;
margin:0 auto 5px auto;
}
.area ul li .areamanager_name {
font-size:1.1rem;
margin:0 auto 20px auto;
font-weight:400;
}
.area ul li .areamanager_comment {
font-size:1.4rem;
font-weight:400;
text-align:left;
}

/******************** 利用者さまの声 ********************/
.voice {
padding:60px 0;
}
.voice .inner {
width:100%;
}

.voice ul {
}
.voice ul li {
width:480px;
max-width:100%;
padding:20px;
}

.voice ul li .voice_comment {
padding:20px;
}

/******************** 管理者より一言 ********************/
.manager {
padding:60px 0;
}
.manager .inner {
width:100%;
}

.manager ul {
}
.manager ul li {
width:480px;
max-width:100%;
padding: 0 20px;
margin:0 auto 40px auto;
}

.manager ul li .manager_photo {
width:200px;
margin:0 auto 20px auto;
}
.manager ul li .manager_name {
margin:0 auto 30px auto;
}

/******************** 沿革・概要 ********************/
.profile {
}
.profile .inner {
padding:60px 20px 0 20px;
}

.profile .profile_block {
margin:0 auto 40px auto;
text-align:left;
}
.profile .profile_block .section_subtitle {
text-align:center;
}

.profile .profile_block dl {
margin:0 auto 40px auto;
}
.profile .profile_block dl dt {
float: none;
width: 100%;
color:#000;
}
.profile .profile_block dl dd {
padding-left: 0;
margin: 0 auto 1em auto;
}

.profile .googlemap {
padding-top:200%;
}

/****************************** ご利用の流れ ******************************/
/******************** メインビジュアル ********************/
.mv_flow {
width:100%;
height:auto;
background:url(../images/mv_flow.jpg) no-repeat center center;
background-size:cover;
position:relative;
}

.mv_flow .inner {
height: 400px;
position:relative;
padding:60px 20px 0 20px;
}


/******************** サービス開始までの流れ ********************/
.step {
padding:60px 0;
}
.step .inner {
width:100%;
}

.step ul {
margin:0 auto 50px auto;
justify-content: center;
}
.step ul li {
width:100%;
padding: 20px ;
max-width: 480px;
}
.step ul li:nth-child(even) {
margin:0 ;
}

.step ul li .step_number {
font-size:5rem;
}
.step ul li .step_cont {
padding:4rem 20px 20px 20px;
margin: -4rem 0 0 0;
}

/******************** 利用料金 ********************/
.price {
padding:60px 0;
}
.price .inner {
width:100%;
}

.price .section_subtitle {
font-size:2rem;
}
.price .price_block {
margin:0 auto 50px auto;
}


.price .price_block .scrolltable {
margin:0 auto 30px auto;
}
.price .price_block .scrolltable table {
}
.price .price_block .scrolltable table th,
.price .price_block .scrolltable table td {
font-size:1.4rem;
padding:10px;
}
.price .price_block .scrolltable table th {
}
.price .price_block .scrolltable table thead th {
}
.price .price_block .scrolltable table td {
}
.price .price_block .scrolltable table tr:last-child td {
/*border-bottom:0;*/
}

.price .price_block .scrolltable table th span ,
.price .price_block .scrolltable table td span {
font-size: 0.8em;
display: block;
}

.price ul.caution li {
font-size:1.4rem;
}



/****************************** お問い合わせ ******************************/
/******************** メインビジュアル ********************/
.mv_contact .inner {
padding:60px 20px;
}

/******************** お問い合わせフォーム ********************/
.contactform {
padding:0 0 60px 0;
}
.contactform .inner {
width:100%;
}

.contactform .contact_lead {
margin:0 auto 40px auto;
}

.contactform dl {
margin:0 auto 30px auto;
}


/****************************** ニュース ******************************/
/******************** メインビジュアル ********************/
.mv_news .inner {
padding:60px 20px;
}

/******************** ニュース一覧 ********************/
.news_list {
padding:0 0 60px 0;
}
.news_list .inner {
padding:0 10px;
}


/******************** ニュース詳細 ********************/
.news_post .inner {
width:100%;
padding:40px 20px 60px 20px;
}


/****************************** おかもと訪問看護通信 ******************************/
.blog_layout {
padding: 0;
}
.single-okamoto_blog .blog_layout {
padding: 60px 0 0 0;
}

/******************** メインビジュアル ********************/
.mv_blog .inner {
padding:60px 20px;
}

/******************** ピックアップ記事スライダー ********************/
.pickup_slider  {
margin:0 0 60px 0 ;
}
.pickup_slider .inner {
width:480px;
max-width:calc(100% - 40px);
}
.pickup_slider ul li {
margin:0 1px;
}
.pickup_slider ul li .thmb {
width:480px;
max-width:100%;
height:0;
padding-top:75%;
}
.pickup_slider ul li .thmb a {
position:absolute;
top:0;
left:0;
right:0;
}

.pickup_slider ul li .data {
padding: 20px 20px 25px 20px;
position: relative;
bottom: 20px;
left: 50%;
width: calc(100% - 40px);
border-right: 0;
border-top: 3px solid #e33f6a;
transform: translateX(-50%);
}

.pickup_slider ul li.swiper-slide-active .data .category {
top:-12px;
right: 10px;
max-width: calc(100% - 20px);
}
.pickup_slider ul li.swiper-slide-active .data .category a {
font-size: 1.2rem;
padding:5px 10px 7px 10px;
}
.pickup_slider ul li.swiper-slide-active .data .title {
font-size:1.8rem;
max-height: none;
}

/*** swiper ***/
.pickup_slider .swiper-button-next {
/*right:20px;*/
position: relative;
right: auto;
top: auto;
margin: 10px 0 0 20px;
display: inline-block;
width: 14px;
height: 24px;
background-size: 14px 24px;
transform: translateY(0);
opacity: 1;
}
.pickup_slider .swiper-button-prev {
/*left:20px;*/
position: relative;
left: auto;
top: auto;
margin: 10px 20px 0 0;
display: inline-block;
width: 14px;
height: 24px;
background-size: 14px 24px;
transform: translateY(0);
opacity: 1;
}

/******************** おかもと訪問看護通信一覧 ********************/
.blog_list {
padding:0 0 60px 0;
}
.blog_list .inner {
padding:0 10px;
}

/***** 記事一覧 *****/
.blog_list .archive_list ul li {
width:calc(100% / 2);
padding:0 10px;
margin:0 0 20px 0;
}

/******************** おかもと訪問看護通信詳細 ********************/
.blog_post {
padding:0 0 60px 0;
}

/******************** サイドバー ********************/
aside {
padding:60px 0;
}
aside .inner {
padding:0 20px;
}





/****************************** パンくず ******************************/


/* ******************************************************************** */
/**** footer ****/
/* ******************************************************************** */
.footer .inner {
padding:30px 20px;
flex-wrap: wrap;
}
/*** footer_navigation ***/
.footer .footer_navigation ul {
font-size:1.4rem;
}

/*** pagetop ***/
.pagetop {
right:20px;
bottom:20px;
}
.pagetop a {
width:50px;
height: 50px;
font-size:2rem;
}

}
/************************************************ 480px以下 ************************************************/
@media screen and (max-width: 480px){
/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/****************************** 共通 ******************************/
/******************** 記事一覧 ********************/
.archive_list ul li {
width:100%;
margin:0 auto 40px auto;
}

/****************************** おかもと訪問看護通信 ******************************/

/******************** おかもと訪問看護通信一覧 ********************/
/***** 記事一覧 *****/
.blog_list .archive_list ul li {
width:100%;
margin:0 auto 40px auto;
}
}