@charset "utf-8";

/* basic setting */
html, body{ position:relative; width:100%; height:100%; }
body{ -webkit-text-size-adjust: 100%; }
body{
  margin:0;
  padding:0;
  font-size:14px;
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  line-height:1.5;
  color:#000;
  background:#fff;
}
h1,h2,h3,h4,h5,h6,p,em,pre,th,td,blockquote{margin:0; padding:0; font-size:100%}
img,table{border:0; vertical-align:bottom}
img{max-width:100%; height:auto}
form,ul,dl,ol{margin:0; padding:0}
li{list-style:none}
a, a:visited{color:#000; text-decoration:none;}
@media screen and (min-width:769px){
  a{transition-duration:0.2s}
  a:hover{opacity:0.7}
  a[href^="tel"]{pointer-events:none}
  a[href^="tel"]:hover{opacity:1}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display: block; margin:0; padding:0}
.clr{clear:both}
/*.cf{*zoom:1}*/
.cf:after{content:""; display:block; clear:both}
input[type="submit"]{-webkit-appearance: none}

/* header */
header{
  width:100%;
  background:#fff;
  position:fixed;
  top:0;
  left:0;
  z-index:1000;
}
header .inner{
  max-width:1020px;
  margin:0 auto;
  position:relative;
}

header h1{
  float:left;
  width:188px;
  padding:22px 0 0 10px;
  transition-duration:0.4s;
}
header h1.top_head{
  width:237px;
  padding:22px 0 0 22px;
}
header h1.top_head a{
  display:block;
  position:relative;
}
header h1.top_head a::before{
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-top:33.3%;
}
header h1.top_head a img{
  position:absolute;
  top:0;
  left:0;
}
header h1.top_head .imgchg{
  display:none;
}

header nav{
  float:right;
  width:calc(100% - 330px);
}
header nav ul{
  display:flex;
  height:100px;
  align-items:center;
  justify-content:space-around;
  transition-duration:0.4s;
}
header nav ul li{
  display:flex;
  align-items:center;
}
header nav ul li a{
  padding:5px 0;
  font-weight:bold;
  text-decoration:none;
}

@media screen and (min-width:881px){
  header .inner.off h1, header .inner.off h1.top_head.off{
    width:188px;
    padding:13px 0 0 10px;
  }
  header h1.top_head.off .fortop{
    display:none;
  }
  header h1.top_head.off .imgchg{
    display:block;
  }
  header .inner.off nav ul{
    height:90px;
  }
}

header .menu{
  display:none;
}


/* footer */
footer{
  border-top:solid 6px #f4f4f4;
}
footer .inner{
  max-width:1020px;
  margin:0 auto;
  padding:30px 15px 10px;
}
footer .logo{
  float:left;
  width:188px;
  margin:8px 64px 0 0;
}
footer .address{
  float:left;
  width:calc(100% - 592px);
  line-height:2;
}
footer ul{
  float:left;
  width:240px;
  margin:8px 0 0 100px;
}
footer ul li + li{
  margin-top:13px;
}
footer .copyright{
  font-size:12px;
  text-align:center;
  padding-top:22px;
}


/* text style */
.fbold{font-weight:bold !important}
.fnormal{font-weight:bold !important}
.talcnt{text-align:center !important}
.tallf{text-align:left !important}
.talrg{text-align:right !important}


/* container */

.spblock, .spinline{
  display:none;
}

.container{
  padding-top:100px;
}

.under_ttl{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:180px;
  background:#e88c00;
}
.under_ttl h2{
  font-size:24px;
  color:#fff;
}

.breadcrumb{
  padding:5px 0 0;
  margin-bottom:60px;
}
.breadcrumb ul{
  max-width:1020px;
  margin:0 auto;
  padding:0 10px;
}
.breadcrumb ul li{
  float:left;
  font-size:14px;
}
.breadcrumb ul li a,
.breadcrumb ul li .current{
  color:#333;
}
.breadcrumb ul li a, .breadcrumb ul li a:visited{
  color:#333;
  text-decoration:underline;
}

.contact_method_block{
  display:flex;
  justify-content:center;
  max-width:1008px;
  margin:0 auto 66px;
  padding:18px 0;
  border:solid 6px #f4f4f4;
}
.contact_method_block .tel{
  margin-right:6.9%;
}
.contact_method_block .tel .guide,
.contact_method_block .mail .guide{
  font-size:16px;
  font-weight:bold;
  letter-spacing:0.07em;
  margin-bottom:10px;
}
.contact_method_block .tel .guide::before,
.contact_method_block .mail .guide::before{
  content:"";
  display:inline-block;
  width:44px;
  height:44px;
  margin-right:10px;
  vertical-align:middle;
}
.contact_method_block .tel .guide::before{
  background:url(../img_comm/ico_tel.png) no-repeat;
  background-size:contain;
}
.contact_method_block .mail .guide::before{
  background:url(../img_comm/ico_mail.png) no-repeat;
  background-size:contain;
}
.contact_method_block .tel .telnumber{
  max-width:299px;
  margin:0 0 15px 50px;
}
.contact_method_block .tel .schedule{
  font-weight:bold;
  margin-left:14px;
  letter-spacing:0.05em;
}
.contact_method_block .mail .btn{
  padding-left:15px;
}
.contact_method_block .mail .btnlike{
  display:block;
  max-width:260px;
  margin:0 auto;
  padding:18px 0;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  letter-spacing:0.1em;
  background:#e88c00;
}


/* トップページ */
.main_visual{
  margin-bottom:65px;
  text-align:center;
}

.top_support_block{
  margin-bottom:125px;
  overflow:hidden;
}

.top_content_block{
  margin-bottom:130px;
  overflow:hidden;
}

.top_support_block .inner,
.top_content_block .inner{
  max-width:1020px;
  margin:0 auto;
  padding:0 15px;
}

.top_support_block figure{
  float:left;
  width:calc(100% - 458px);
  margin-top:5.6%;
  position:relative;
}
.top_support_block .txt{
  float:right;
  width:417px;
}
.top_support_block .inner figure::before{
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-top:60.6%;
}
.top_support_block .inner figure img{
  max-width:none;
  width:auto;
  height:100%;
  position:absolute;
  top:0;
  right:0;
}

.top_content_block figure{
  float:right;
  width:calc(100% - 350px);
  margin-top:3%;
  position:relative;
}
.top_content_block .txt{
  float:left;
  width:328px;
}
.top_content_block .inner figure::before{
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-top:50.7%;
}
.top_content_block .inner figure img{
  max-width:none;
  width:auto;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

.top_support_block .txt h3,
.top_content_block .txt h3{
  display:flex;
  width:316px;
  height:126px;
  align-items:center;
  justify-content:center;
  margin-bottom:30px;
  font-size:24px;
  font-weight:bold;
  color:#e88c00;
  letter-spacing:0.05em;
  border:solid 6px #e88c00;
}
.top_support_block .txt p,
.top_content_block .txt p{
  font-size:15px;
  font-weight:bold;
  line-height:1.6;
  color:#333;
  letter-spacing:0.05em;
  margin-bottom:45px;
}
.top_support_block .txt .btn{
  text-align:right;
}

.top_achievement_block{
  margin-bottom:145px;
  overflow:hidden;
}
.top_achievement_block .inner{
  max-width:1020px;
  margin:0 auto;
  padding:0 15px;
  position:relative;
}
.top_achievement_block .inner::before{
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-top:33.3%;
}
.top_achievement_block .inner img{
  max-width:none;
  width:auto;
  height:100%;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.top_achievement_block .inner h3{
  font-size:30px;
  color:#fff;
  letter-spacing:0.1em;
  position:absolute;
  top:34%;
  left:15px;
}

.top_support_block .txt .btn a,
.top_content_block .txt .btn a,
.top_achievement_block .inner .btn{
  display:inline-block;
  width:260px;
  margin:0 auto;
  padding:18px 0;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  letter-spacing:0.1em;
  background:#1ea039;
}
.top_achievement_block .inner .btn{
  background:#e88c00;
}
.top_achievement_block .inner .btn{
  position:absolute;
  bottom:9%;
  left:15px;
}


/* タカラ薬局 在宅事業について */

.about_01_block{
  margin-bottom:55px;
}
.about_01_block .outer{
  padding:48px 0 60px;
  background:#fbfbfb;
}
.about_01_block .inner, .about_02_block, .about_03_block{
  max-width:1020px;
  margin:0 auto;
  padding:0 15px;
}
.about_02_block{
  margin-bottom:60px;
}
.about_03_block{
  margin-bottom:50px;
}

.about_01_block .ornament{
  width:44px;
  margin:0 auto 10px;
}
.about_02_block .ornament{
  width:49px;
  margin:0 auto 13px;
}
.about_03_block .ornament{
  width:132px;
  margin:0 auto 15px;
}

.about_01_block h3, .about_02_block h3, .about_03_block h3{
  font-size:30px;
  color:#1ea039;
  text-align:center;
  letter-spacing:0.05em;
  margin-bottom:10px;
}
.about_02_block h3{
  margin-bottom:20px;
}
.about_03_block h3{
  margin-bottom:40px;
}

.about_01_block .inner figure{
  float:right;
  width:47%;
}
.about_01_block .inner .txt{
  float:left;
  width:49%;
}
.about_01_block .inner .txt p{
  font-size:16px;
  line-height:1.6;
  color:#333;
  letter-spacing:0.05em;
}
.about_01_block .inner .txt p + p{
  margin-top:25px;
}

.about_02_block .case_box{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.about_02_block .case_box .item{
  width:calc(48% - 56px);
  margin-bottom:3.9%;
  padding:38px 25px 40px;
  border:solid 3px #1ea039;
}
.about_02_block .case_box .item .number{
  display:flex;
  align-items:center;
  justify-content:center;
  height:90px;
  margin-bottom:5px;
}
.about_02_block .case_box .item:nth-child(1) .number img{
  width:96px;
}
.about_02_block .case_box .item:nth-child(2) .number img{
  width:52px;
}
.about_02_block .case_box .item:nth-child(3) .number img{
  width:48px;
}
.about_02_block .case_box .item:nth-child(4) .number img{
  width:33px;
}
.about_02_block .case_box .item .cttl{
  display:flex;
  margin-bottom:15px;
}
.about_02_block .case_box .item h4{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:70px;
  font-size:24px;
  text-align:center;
  line-height:1.16;
  color:#e88c00;
  letter-spacing:0.05em;
}
.about_02_block .case_box .item ul{
  margin-bottom:10px;
}
.about_02_block .case_box .item li{
  font-size:17px;
  font-weight:bold;
  color:#333;
  padding-left:1em;
  text-indent:-1em;
  letter-spacing:0.05em;
}
.about_02_block .case_box .item p{
  font-size:15px;
  color:#333;
  line-height:1.6;
  letter-spacing:0.05em;
}

.about_03_block .flow_box{
  display:flex;
  margin-bottom:60px;
}
.about_03_block .flow_box .item{
  width:calc(29.4% - 52px);
  padding:60px 20px 90px;
  border:solid 6px #f7f7f7;
  border-radius:50%/38%;
}
.about_03_block .flow_box .arrow{
  width:5.8%;
  background:url(../about/img/arrow_01.png) no-repeat 50% 50%;
  background-size:18.5px 21.5px;
}
.about_03_block .flow_box .item .fttl{
  display:flex;
  margin-bottom:20px;
}
.about_03_block .flow_box .item h4{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:65px;
  font-size:24px;
  color:#1ea039;
  text-align:center;
  line-height:1.2;
  letter-spacing:0.05em;
}
.about_03_block .flow_box .item p{
  font-size:16px;
  font-weight:bold;
  color:#333;
  letter-spacing:0.05em;
}
.about_03_block .adver_box .txt_1{
  font-size:24px;
  font-weight:bold;
  color:#1ea039;
  line-height:1.83;
  text-align:center;
  letter-spacing:0.05em;
  margin-bottom:5px;
}
.about_03_block .adver_box .txt_2{
  color:#333;
  text-align:center;
  letter-spacing:0.05em;
}


/* 在宅事業本部の事業内容 */

.content_01_block{
  max-width:1020px;
  min-height:322px;
  margin:0 auto 75px;
  padding:45px 15px 0;
  background:url(../content/img/bg_exclamation.png) no-repeat 50% 50%;
}
.content_01_block p{
  font-size:24px;
  font-weight:bold;
  text-align:center;
}
.content_01_block .txt_1{
  color:#1ea039;
  line-height:2;
  margin-bottom:25px;
}
.content_01_block .txt_2, .content_01_block .txt_3{
  color:#333;
  line-height:1.2;
}
.content_01_block .txt_2{
  margin-bottom:20px;
}

.content_02_block{
  max-width:1020px;
  margin:0 auto 110px;
  padding:0 15px;
}
.content_02_block .support_box + .support_box{
  margin-top:80px;
}
.content_02_block .support_box .cap{
  float:left;
  display:flex;
  align-items:center;
  justify-content:center;
  width:148px;
  height:148px;
  padding:10px;
  margin-right:calc((100% - 180px) * 35 / 840);
  border:solid 6px #1ea039;
}
.content_02_block .support_box .support{
  float:left;
  width:calc((100% - 180px) * 410 / 840);
  margin-right:calc((100% - 180px) * 20 / 840);
}
.content_02_block .support_box .target{
  float:left;
  width:calc((100% - 180px) * 375 / 840);
  margin-top:24px;
  padding-bottom:10px;
  background:#f9f9f9;
}
.content_02_block .support_box .support h4{
  font-size:30px;
  color:#1ea039;
  padding:15px 0 10px;
  letter-spacing:0.05em;
  border-bottom:solid 3px #1ea039;
  position:relative;
}
.content_02_block .support_box .support h4::after{
  content:"";
  display:block;
  width:79px;
  height:22px;
  background:#fff url(../content/img/arrow_01.png) no-repeat;
  position:absolute;
  bottom:-12px;
  right:0;
}
.content_02_block .support_box .support h4 span{
  color:#e88c00;
}
/*
.content_02_block .support_box .support p{
  padding:10px 79px 0 0;
  font-size:16px;
  border-top:solid 3px #1ea039;
  letter-spacing:0.05em;
  position:relative;
}
.content_02_block .support_box .support p::after{
  content:"";
  display:block;
  width:79px;
  height:22px;
  background:#fff url(../content/img/arrow_01.png) no-repeat;
  position:absolute;
  top:-12px;
  right:0;
}
*/
.content_02_block .support_box .target .label{
  width:137px;
  margin:-24px auto 20px;
  padding:9px 10px;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  background:#e88c00;
  border-radius:22px;
}
.content_02_block .support_box .target li{
  font-size:18px;
  font-weight:bold;
  line-height:1.2;
  color:#333;
  text-align:center;
  padding:0 15px 15px;
}

.content_03_block{
  max-width:1020px;
  margin:0 auto 105px;
  padding:0 15px;
}
.content_03_block .ornament{
  width:119px;
  margin:0 auto 10px;
}
.content_03_block h3{
  font-size:30px;
  color:#1ea039;
  margin-bottom:60px;
  letter-spacing:0.05em;
  text-align:center;
}
.content_03_block .flow_box{
  display:flex;
  margin-bottom:78px;
  word-break:break-word;
}
.content_03_block .flow_box .item{
  width:29.4%;
  padding-bottom:25px;
  background:#f9f9f9;
}
.content_03_block .flow_box .arrow{
  width:5.9%;
  background:url(../content/img/arrow_03.png) no-repeat 50% 42px;
  background-size:29px 16px;
}
.content_03_block .flow_box .item .cap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:68px;
  padding:10px;
  border:solid 6px #1ea039;
  background:#fff;
}
.content_03_block .flow_box .item h4{
  font-size:24px;
  color:#1ea039;
  line-height:1.2;
  letter-spacing:0.05em;
  padding:25px;
  margin-bottom:20px;
  background:#fff;
}
.content_03_block .flow_box .item h4 span{
  color:#e88c00;
}
.content_03_block .flow_box .item ul{
  padding:0 22px;
  margin-bottom:25px;
}
.content_03_block .flow_box .item li{
  margin-bottom:8px;
  font-size:16px;
  font-weight:bold;
  color:#333;
  line-height:1.375;
  padding-left:1em;
  text-indent:-1em;
  letter-spacing:0.05em;
}
.content_03_block .flow_box .item li span{
  display:block;
  font-size:14px;
  font-weight:normal;
  line-height:1.8;
  text-indent:0;
}
.content_03_block .flow_box .item p{
  padding:0 22px;
  color:#333;
  line-height:1.8;
}
.content_03_block .flow_box .item p + p{
  margin-top:10px;
}
.content_03_block .flow_box .item li a,
.content_03_block .flow_box .item p a{
  text-decoration:underline;
}
.content_03_block .btn{
  text-align:center;
}
.content_03_block .btn a{
  display:inline-block;
  min-width:200px;
  margin:0 auto;
  padding:18px 30px;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  letter-spacing:0.1em;
  background:#1ea039;
}


/* 在宅医療サービス 支援実績 */

.achievement_block{
  max-width:1020px;
  margin:0 auto 50px;
  padding:0 15px;
}
.achievement_block h3{
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:268px;
  height:68px;
  padding:10px;
  margin:0 auto 68px;
  font-size:18px;
  color:#1ea039;
  border:solid 6px #1ea039;
}
.achievement_block .intro{
  margin-bottom:60px;
}
.achievement_block .intro .ornament{
  width:52px;
  margin:0 auto 15px;
}
.achievement_block .intro p{
  text-align:center;
  font-weight:bold;
  letter-spacing:0.05em;
}
.achievement_block .intro .txt_1{
  font-size:30px;
  color:#1ea039;
  margin-bottom:8px;
}
.achievement_block .intro .txt_2{
  font-size:18px;
  color:#1ea039;
  margin-bottom:27px;
}
.achievement_block .intro .txt_3{
  font-size:24px;
  color:#333;
}
.achievement_block .task, .achievement_block .measures, .achievement_block .result{
  max-width:760px;
  margin:0 auto 90px;
  padding:0 40px 30px;
  background:#f9f9f9;
}
.achievement_block .task h4, .achievement_block .measures h4, .achievement_block .result h4{
  width:137px;
  padding:9px 10px;
  margin:0 auto;
  font-size:18px;
  color:#fff;
  text-align:center;
  border-radius:22px;
  background:#e88c00;
  transform:translateY(-50%);
}
.achievement_block .measures h4{
  background:#89b014;
}
.achievement_block .result h4{
  background:#1ea039;
}
.achievement_block .task li{
  font-size:20px;
  font-weight:bold;
  color:#333;
  letter-spacing:0.05em;
  padding-left:1em;
  text-indent:-1em;
  line-height:1.3;
  margin-bottom:10px;
}
.achievement_block .measures dt{
  font-size:20px;
  font-weight:bold;
  color:#333;
  letter-spacing:0.05em;
  margin-bottom:13px;
}
.achievement_block .measures dd{
  padding:15px 20px 20px;
  margin:0 0 10px;
  font-size:16px;
  letter-spacing:0.05em;
  line-height:1.8;
  color:#333;
  background:#fff;
}
.achievement_block .measures dd + dt{
  margin-top:40px;
}
.achievement_block .result p{
  font-size:20px;
  font-weight:bold;
  color:#333;
  line-height:1.8;
  letter-spacing:0.05em;
}
.achievement_block .result p span{
  color:#e88c00;
}
.achievement_block .message p{
  font-size:24px;
  font-weight:bold;
  text-align:center;
  line-height:1.8;
  color:#1ea039;
  letter-spacing:0.05em;
}


/* お問い合わせ */

.contact_block{
  max-width:1020px;
  margin:0 auto 120px;
  padding:20px 15px 0;
}
.contact_block > p{
  font-size:16px;
  text-align:center;
  color:#333;
  letter-spacing:0.05em;
  margin-bottom:60px;
}
.contact_block.thanks > p{
  font-size:24px;
  font-weight:bold;
}
.contact_block.thanks h3{
  width:200px;
  margin:0 auto 30px;
  padding:20px 10px;
  font-size:20px;
  text-align:center;
  color:#1ea039;
  border:solid 6px #1ea039;
}
.contact_block dl{
  max-width:690px;
  margin:0 auto;
}
.contact_block dt{
  font-size:18px;
  font-weight:bold;
  color:#333;
  margin-bottom:8px;
}
.contact_block dt span{
  color:#cd2b2b;
}
.contact_block dd{
  margin:0 auto 50px;
  font-size:18px;
}

.contact_block.confirm dd + dt{
  padding-top:23px;
  border-top:solid 3px #e7e7e7;
}
.contact_block.confirm dd{
  margin-bottom:23px;
}

.contact_block input[type="text"], .contact_block input[type="email"],
.contact_block textarea{
  width:calc(100% - 50px);
  font-size:18px;
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  color:#333;
  padding:19px;
  border:solid 6px #e7e7e7;
}
.contact_block textarea{
  height:205px;
}
.contact_block input[type="text"]::placeholder, .contact_block input[type="email"]::placeholder{
  color:#a4a4a4;
}
.contact_block input[type="text"]:-ms-input-placeholder, .contact_block input[type="email"]:-ms-input-placeholder{
  color:#a4a4a4;
}
.contact_block input[type="text"]::-ms-input-placeholder, .contact_block input[type="email"]::-ms-input-placeholder{
  color:#a4a4a4;
}
.contact_block input[type="submit"]{
  width:260px;
  padding:18px 10px;
  margin:0 10px;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  border:0;
  background:#1ea039;
  cursor:pointer;
  border-radius:0;
}
.contact_block.confirm input[type="submit"]{
  width:180px;
  margin:0 10px;
}
@media screen and (min-width:769px){
  .contact_block input[type="submit"]:hover{
    opacity:0.7;
  }
}
.contact_block .btn{
  margin-top:70px;
  text-align:center;
}
.contact_block .privacy_policy{
  max-width:690px;
  margin:0 auto;
}
.contact_block .privacy_policy > p{
  font-size:16px;
  font-weight:bold;
  color:#cd2b2b;
  text-align:center;
}
.contact_block .privacy_policy .inner{
  height:200px;
  padding:15px 15px 0px;
  margin-bottom:10px;
  overflow-y:auto;
  border:solid 2px #ccc
}
.contact_block .privacy_policy .inner h4{
  font-size:17px;
  padding-bottom:5px;
  margin-bottom:8px;
  border-bottom:solid 1px #ccc;
}
.contact_block .privacy_policy .inner h5{
  font-size:15px;
  margin-bottom:5px;
}
.contact_block .privacy_policy .inner p{
  font-size:15px;
  margin-bottom:20px;
}


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:880px){
/* ------------------------------------------------------------------------------------------- */

header .inner{
  height:90px;
}

header h1{
  padding:13px 0 0 22px;
}
header h1.top_head{
  width:188px;
  padding:13px 0 0 22px;
}
header h1.top_head .fortop{
  display:none;
}
header h1.top_head .imgchg{
  display:block;
}

header nav{
  float:none;
  width:100%;
  max-height:0;
  background:rgba(18,143,18,0.85);
  position:fixed;
  top:90px;
  left:0;
  overflow:hidden;
  transition-duration:0.4s;
}
header nav.open{
  max-height:300px;
}
header nav ul{
  display:block;
  height:auto;
  padding:15px 0 15px;
}
header nav ul li{
  display:block;
  padding:8px 0;
  text-align:center;
}
header nav ul li a, header nav ul li a:visited{
  padding:0;
  color:#fff;
}
header nav ul li a:hover{
  opacity:1;
}

header .menu{
  display:block;
  width:54px;
  height:54px;
  position:absolute;
  top:19px;
  right:15px;
}
header .menu a{
  display:block;
  width:48px;
  height:48px;
  border:solid 2px #1ea039;
  position:relative;
  text-indent:-500px;
  overflow:hidden;
}
header .menu a::before,
header .menu a::after{
  content:"";
}
header .menu a::before,
header .menu a::after,
header .menu a span{
  display:block;
  width:34px;
  height:2px;
  background:#1ea039;
  position:absolute;
  left:7px;
  transition-duration:0.3s;
}
header .menu a::before{
  top:12px;
}
header .menu a span{
  top:calc(50% - 1px);
}
header .menu a::after{
  top:34px;
}

header .menu.open a::before{
  top:calc(50% - 1px);
  transform:rotate(45deg);
}
header .menu.open a span{
  opacity:0;
}
header .menu.open a::after{
  top:calc(50% - 1px);
  transform:rotate(-45deg);
}


/* container */

.container{
  padding-top:90px;
}


}/* max-width:810px */


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:768px){
/* ------------------------------------------------------------------------------------------- */

/* footer */

footer .address{
  width:calc(100% - 252px);
}
footer ul{
  clear:both;
  float:none;
  width:auto;
  margin:0;
  padding-top:20px;
  display:flex;
  justify-content:center;
}
footer ul li + li{
  margin-top:0;
  margin-left:20px;
}


/* container */

.under_ttl{
  height:130px;
}

.contact_method_block{
  flex-direction:column;
  align-items:center;
  margin:0 16px 40px;
}
.contact_method_block .tel{
  margin-right:0;
  margin-bottom:20px;
}
.contact_method_block .tel,
.contact_method_block .mail{
  width:410px;
  padding:0 15px;
}
.contact_method_block .tel .telnumber{
  margin:0 auto 15px;
}
.contact_method_block .tel .schedule{
  margin-left:0;
  text-align:center;
}
.contact_method_block .mail .btn{
  padding-left:0;
}


/* トップページ */

.main_visual{
  margin-bottom:40px;
}

.top_support_block{
  margin-bottom:60px;
}

.top_content_block{
  margin-bottom:80px;
}

.top_support_block figure,
.top_content_block figure{
  float:none;
  width:100%;
  margin-top:0;
  margin-bottom:20px;
  text-align:center;
}
.top_support_block .txt,
.top_content_block .txt{
  float:none;
  width:480px;
  margin:0 auto;
}
.top_support_block .inner figure::before,
.top_content_block .inner figure::before{
  display:none;
}
.top_support_block .inner figure img,
.top_content_block .inner figure img{
  max-width:100%;
  height:auto;
  position:static;
}

.top_support_block .txt h3,
.top_content_block .txt h3{
  margin:0 auto 20px;
}
.top_support_block .txt p,
.top_content_block .txt p{
  margin-bottom:25px;
}
.top_support_block .txt .btn,
.top_content_block .txt .btn{
  text-align:center;
}

.top_achievement_block{
  margin-bottom:60px;
}
.top_achievement_block .inner h3{
  font-size:24px;
}


/* タカラ薬局 在宅事業について */

.about_01_block .outer{
  padding:48px 0 50px;
}

.about_01_block h3, .about_02_block h3, .about_03_block h3{
  font-size:26px;
}
.about_02_block h3{
  margin-bottom:15px;
}
.about_03_block h3{
  margin-bottom:30px;
}

.about_01_block .inner .txt p + p{
  margin-top:20px;
}

.about_02_block .case_box .item{
  width:calc(49% - 46px);
  margin-bottom:2%;
  padding:30px 20px 8px;
  border:solid 3px #1ea039;
}
.about_02_block .case_box .item h4{
  min-height:60px;
  font-size:20px;
}
.about_02_block .case_box .item li{
  font-size:16px;
}
.about_02_block .case_box .item p{
  font-size:14px;
}

.about_03_block .flow_box{
  margin-bottom:40px;
}
.about_03_block .flow_box .item{
  width:calc(30% - 52px);
  padding:55px 20px 80px;
  border-radius:50%/20%;
}
.about_03_block .flow_box .arrow{
  width:5%;
}
.about_03_block .flow_box .item .fttl{
  margin-bottom:18px;
}
.about_03_block .flow_box .item h4{
  min-height:55px;
  font-size:20px;
}
.about_03_block .flow_box .item p{
  font-size:15px;
}
.about_03_block .adver_box .txt_1{
  font-size:20px;
}


/* 在宅事業本部の事業内容 */

.content_01_block{
  min-height:inherit;
  margin:0 auto 50px;
  padding:30px 15px 20px;
  background-size:contain;
}
.content_01_block p{
  font-size:20px;
}
.content_01_block .txt_1{
  margin-bottom:18px;
}
.content_01_block .txt_2{
  margin-bottom:15px;
}

.content_02_block{
  margin:0 auto 70px;
}
.content_02_block .support_box{
  padding:0 20px;
}
.content_02_block .support_box + .support_box{
  margin-top:50px;
}
.content_02_block .support_box .cap{
  float:none;
  width:128px;
  height:128px;
  padding:10px;
  margin:0 auto 15px;
}
.content_02_block .support_box .support{
  width:52%;
  margin-right:3%;
}
.content_02_block .support_box .target{
  width:45%;
}

.content_03_block{
  margin:0 auto 50px;
}
.content_03_block h3{
  margin-bottom:30px;
}
.content_03_block .flow_box{
  margin-bottom:45px;
}
.content_03_block .flow_box .item{
  width:30%;
  padding-bottom:20px;
}
.content_03_block .flow_box .arrow{
  width:5%;
  background-size:26px 14px;
}
.content_03_block .flow_box .item .cap{
  height:58px;
}
.content_03_block .flow_box .item h4{
  font-size:20px;
  padding:18px 10px;
  margin-bottom:18px;
}
.content_03_block .flow_box .item ul{
  padding:0 10px;
  margin-bottom:18px;
}
.content_03_block .flow_box .item li{
  margin-bottom:6px;
  font-size:14px;
}
.content_03_block .flow_box .item li span{
  font-size:13px;
}
.content_03_block .flow_box .item p{
  padding:0 10px;
  font-size:13px;
}


/* 在宅医療サービス 支援実績 */

.achievement_block{
  margin:0 auto 40px;
}
.achievement_block h3{
  height:60px;
  padding:10px;
  margin:0 auto 55px;
}
.achievement_block .intro{
  margin-bottom:55px;
}
.achievement_block .intro .txt_1{
  font-size:24px;
}
.achievement_block .intro .txt_2{
  font-size:17px;
  margin-bottom:23px;
}
.achievement_block .intro .txt_3{
  font-size:23px;
}
.achievement_block .task, .achievement_block .measures, .achievement_block .result{
  margin:0 auto 70px;
  padding:0 32px 22px;
}
.achievement_block .task li{
  font-size:18px;
  margin-bottom:8px;
}
.achievement_block .measures dt{
  font-size:18px;
  margin-bottom:11px;
}
.achievement_block .measures dd{
  padding:12px 15px 15px;
  font-size:16px;
}
.achievement_block .measures dd + dt{
  margin-top:30px;
}
.achievement_block .result p{
  font-size:18px;
}
.achievement_block .message p{
  font-size:20px;
}


}/* max-width:768px */


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:480px){
/* ------------------------------------------------------------------------------------------- */

.spblock{
  display:block;
}
.spinline{
  display:inline;
}

/* header */

header h1, header h1.top_head{
  width:180px;
  padding:17px 0 0 22px;
}

/* footer */

footer{
  border-top:solid 3px #f4f4f4;
}
footer .logo{
  float:none;
  width:180px;
  margin:0 auto 15px;
}
footer .address{
  float:none;
  width:auto;
}
footer ul li{
  width:150px;
}
footer ul li + li{
  margin-left:15px;
}


/* container */

.under_ttl{
  height:90px;
}
.under_ttl h2{
  font-size:16px;
}

.breadcrumb{
  padding:2px 0 0;
  margin-bottom:35px;
}
.breadcrumb ul li{
  font-size:12px;
}

.contact_method_block{
  border-width:3px;
}
.contact_method_block .tel,
.contact_method_block .mail{
  width:calc(100% - 24px);
  padding:0 12px;
}
.contact_method_block .tel .guide,
.contact_method_block .mail .guide{
  font-size:13px;
  margin-bottom:10px;
  letter-spacing:0;
}
.contact_method_block .tel .guide::before,
.contact_method_block .mail .guide::before{
  width:31px;
  height:31px;
}
.contact_method_block .tel .telnumber{
  max-width:256px;
  margin:0 auto 13px;
}
.contact_method_block .tel .schedule{
  font-size:12px;
}
.contact_method_block .mail .btn{
  padding-left:15px;
}
.contact_method_block .mail .btnlike{
  max-width:210px;
  padding:13px 0;
  font-size:16px;
}


/* トップページ */
.main_visual{
  margin-bottom:50px;
}

.top_content_block{
  margin-bottom:60px;
}

.top_support_block .inner,
.top_content_block .inner{
  padding:0;
}
.top_support_block .txt,
.top_content_block .txt{
  width:auto;
  padding:0 15px;
}

.top_support_block .txt h3,
.top_content_block .txt h3{
  width:auto;
  height:69px;
  margin-bottom:10px;
  font-size:18px;
  letter-spacing:0;
  border:solid 3px #1ea039;
}
.top_support_block .txt h3 br,
.top_content_block .txt h3 br{
  display:none;
}
.top_support_block .txt p,
.top_content_block .txt p{
  margin-bottom:20px;
}

.top_achievement_block{
  margin-bottom:55px;
}
.top_achievement_block .inner{
  padding:0;
}
.top_achievement_block .inner::before{
  padding-top:76.4%;
}
/*
.top_achievement_block .inner img{
  max-width:none;
  width:100%;
  height:auto;
  position:static;
  left:0;
  transform:translateX(0);
}
*/
.top_achievement_block .inner h3{
  font-size:6.4vw;
  line-height:1.2;
  top:34%;
  left:15px;
}

.top_support_block .txt .btn a,
.top_content_block .txt .btn a,
.top_achievement_block .inner .btn{
  width:210px;
  padding:13px 0;
  font-size:16px;
}

.top_achievement_block .inner .btn{
  bottom:5%;
  left:50%;
  transform:translateX(-50%);
}


/* タカラ薬局 在宅事業について */

.about_01_block{
  margin-bottom:30px;
}
.about_01_block .outer{
  padding:0 0 25px;
}
.about_01_block .inner{
  padding:0;
}
.about_02_block, .about_03_block{
  margin-bottom:30px;
}

.about_01_block .ornament{
  width:30px;
  margin:0 auto 6px;
}
.about_02_block .ornament{
  width:40px;
  margin:0 auto 8px;
}
.about_03_block .ornament{
  width:100px;
  margin:0 auto 10px;
}

.about_01_block h3, .about_02_block h3, .about_03_block h3{
  font-size:18px;
  letter-spacing:0;
  margin-bottom:6px;
}
.about_02_block h3{
  margin-bottom:10px;
}
.about_03_block h3{
  margin-bottom:20px;
}

.about_01_block .inner figure{
  float:none;
  width:100%;
  margin-bottom:10px;
}
.about_01_block .inner .txt{
  float:none;
  width:auto;
  padding:0 15px;
}
.about_01_block .inner .txt p{
  font-size:14px;
  letter-spacing:0;
}
.about_01_block .inner .txt p + p{
  margin-top:15px;
}

.about_02_block .case_box .item{
  width:calc(100% - 36px);
  margin-bottom:7px;
  padding:25px 15px 10px;
}
.about_02_block .case_box .item .number{
  margin-bottom:10px;
}
.about_02_block .case_box .item .cttl{
  margin-bottom:15px;
}
.about_02_block .case_box .item h4{
  min-height:inherit;
  font-size:17px;
  letter-spacing:0;
}
.about_02_block .case_box .item li{
  font-size:15px;
  letter-spacing:0;
}
.about_02_block .case_box .item p{
  font-size:13px;
  letter-spacing:0;
}

.about_03_block .flow_box{
  flex-direction:column;
  margin-bottom:30px;
}
.about_03_block .flow_box .item{
  width:auto;
  padding:20px 15px 25px;
  border:solid 4px #f7f7f7;
  border-radius:0;
}
.about_03_block .flow_box .arrow{
  width:auto;
  height:40px;
  background:url(../about/img/arrow_02.png) no-repeat 50% 50%;
  background-size:21.5px 18.5px;
}
.about_03_block .flow_box .item h4{
  min-height:inherit;
}
.about_03_block .flow_box .item h4 br{
  display:none;
}
.about_03_block .flow_box .item p{
  font-size:14px;
  letter-spacing:0;
}
.about_03_block .adver_box .txt_1{
  font-size:18px;
  letter-spacing:0;
  text-align:left;
}
.about_03_block .adver_box .txt_2{
  font-size:13px;
  letter-spacing:0;
  text-align:left;
}


/* 在宅事業本部の事業内容 */

.content_01_block p{
  font-size:14px;
}
.content_01_block .txt_1{
  line-height:1.8;
  margin-bottom:15px;
}
.content_01_block .txt_2{
  margin-bottom:10px;
}

.content_02_block{
  margin-bottom:60px;
}
.content_02_block .support_box + .support_box{
  margin-top:60px;
}
.content_02_block .support_box .cap{
  width:100px;
  height:100px;
  border:solid 4px #1ea039;
}
.content_02_block .support_box .support{
  float:none;
  width:auto;
  margin-right:0;
  margin-bottom:30px;
}
.content_02_block .support_box .target{
  float:none;
  width:auto;
  position:relative;
}
.content_02_block .support_box .support h4{
  font-size:24px;
  text-align:center;
  margin-bottom:12px;
}
.content_02_block .support_box .support h4::after{
  width:16px;
  height:57px;
  background:#fff url(../content/img/arrow_02.png) no-repeat;
  border-left:solid 4px #fff;
  background-size:contain;
  bottom:-10px;
}
/*
.content_02_block .support_box .support p{
  padding:10px 20px 0 0;
  font-size:14px;
  border-top:solid 2px #1ea039;
}
.content_02_block .support_box .support p::after{
  width:16px;
  height:57px;
  background:#fff url(../content/img/arrow_02.png) no-repeat;
  border-left:solid 4px #fff;
  background-size:contain;
  top:-5px;
}
*/
.content_02_block .support_box .target .label{
  width:116px;
  margin:0 auto;
  padding:5px 10px;
  font-size:15px;
  border-radius:16px;
  transform:translateY(-50%);
}
.content_02_block .support_box .target li{
  font-size:15px;
}

.content_03_block .ornament{
  width:80px;
  margin:0 auto 8px;
}
.content_03_block h3{
  font-size:24px;
  margin-bottom:25px;
  letter-spacing:0;
}
.content_03_block .flow_box{
  flex-direction:column;
  margin-bottom:25px;
}
.content_03_block .flow_box .item{
  width:auto;
  padding-bottom:0;
  background:transparent;
}
.content_03_block .flow_box .arrow{
  width:auto;
  height:66px;
  background:url(../content/img/arrow_04.png) no-repeat 50% 50%;
  background-size:16px 29px;
}
.content_03_block .flow_box .item .cap{
  width:200px;
  height:58px;
  padding:10px;
  margin:0 auto;
  border:solid 4px #1ea039;
}
.content_03_block .flow_box .item h4{
  padding:10px;
  margin-bottom:0;
  text-align:center;
}
.content_03_block .flow_box .item .item_inner{
  padding:15px 0 20px;
  background:#f9f9f9;
}


/* 在宅医療サービス 支援実績 */

.achievement_block{
  margin:0 auto 30px;
}
.achievement_block h3{
  width:200px;
  height:50px;
  padding:10px;
  margin:0 auto 30px;
  border-width:4px;
}
.achievement_block .intro .txt_1{
  font-size:18px;
}
.achievement_block .intro .txt_2{
  font-size:13px;
  margin-bottom:15px;
}
.achievement_block .intro .txt_3{
  font-size:18px;
}
.achievement_block .task, .achievement_block .measures, .achievement_block .result{
  margin:0 auto 50px;
  padding:0 20px 15px;
}
.achievement_block .task h4, .achievement_block .measures h4, .achievement_block .result h4{
  width:116px;
  padding:5px 10px;
  font-size:15px;
  border-radius:16px;
}

.achievement_block .task li{
  font-size:16px;
  letter-spacing:0;
}
.achievement_block .measures dt{
  font-size:16px;
  margin-bottom:9px;
  letter-spacing:0;
}
.achievement_block .measures dd{
  font-size:14px;
  letter-spacing:0;
}
.achievement_block .measures dd + dt{
  margin-top:25px;
}
.achievement_block .result p{
  font-size:16px;
  letter-spacing:0;
}
.achievement_block .message p{
  font-size:18px;
  letter-spacing:0;
  text-align:left;
}


/* お問い合わせ */

.contact_block{
  margin:0 auto 60px;
  padding:10px 15px 0;
}
.contact_block > p{
  font-size:14px;
  text-align:left;
  margin-bottom:30px;
}
.contact_block.thanks > p{
  font-size:18px;
  text-align:center;
}
.contact_block.thanks h3{
  width:160px;
  margin:0 auto 20px;
  padding:12px 10px;
  font-size:16px;
  border:solid 4px #1ea039;
}
.contact_block dt{
  font-size:15px;
}
.contact_block dd{
  margin:0 auto 25px;
  font-size:16px;
}

.contact_block.confirm dd + dt{
  padding-top:12px;
  border-top:solid 2px #e7e7e7;
}
.contact_block.confirm dd{
  margin-bottom:12px;
}

.contact_block input[type="text"], .contact_block input[type="email"],
.contact_block textarea{
  width:calc(100% - 38px);
  font-size:16px;
  padding:15px;
  border:solid 4px #e7e7e7;
}
.contact_block textarea{
  height:150px;
}
.contact_block input[type="submit"]{
  width:210px;
  padding:13px 10px;
  font-size:16px;
}
.contact_block.confirm input[type="submit"]{
  width:120px;
}
.contact_block .btn{
  margin-top:50px;
}
.contact_block .privacy_policy > p{
  text-align:left;
}
.contact_block .privacy_policy .inner h4{
  font-size:16px;
}
.contact_block .privacy_policy > p,
.contact_block .privacy_policy .inner h5,
.contact_block .privacy_policy .inner p{
  font-size:14px;
}
.contact_block .privacy_policy .inner{
  height:180px;
  padding:12px 15px 0px;
}
.contact_block .privacy_policy .inner::-webkit-scrollbar {
  width: 8px;
}
.contact_block .privacy_policy .inner::-webkit-scrollbar-track-piece {
  background: #f1f1f1;
  border-radius: 5px;
}
.contact_block .privacy_policy .inner::-webkit-scrollbar-thumb {
  background: #bcbcbc;
}


}/* max-width:480px */