/* ヘッダ */
#content section.titlearea {
    background: #1c6247 url("../image/common/title_back.svg") no-repeat 100% 20px;
    background-size: 80%;
}
#content section.titlearea * {
    color: #fff;
}
#content section.titlearea h1 * {
    line-height: 1.5;
}
#content h2 {
    font-size: 2.2rem;
    font-weight: 500;
    color: #1c6247;
    margin-bottom: 30px;
    text-align: center;
}
#content h2:after {
    content: '';
    display: block;
    width: 2em;
    height: 3px;
    background: #1c6247;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px auto 0;
}
#content h3 {
    font-size: 2rem;
    font-weight: 500;
    color: #1c6247;
    margin-bottom: 0.6em;
}
strong.marker {
    font-weight: 600;
    color: #f67184;
    background: #fef1f2;
}
@media (min-width: 768px) {
#content section.titlearea {
    background-position: 100% 0px;
    background-size: 70%;
}
#content h2 {
    font-size: 2.8rem;
    margin-bottom: 40px;
}
#content h2:after {
    margin-top: 0.3em;
}
#content h3 {
    font-size: 2.4rem;
    margin-bottom: 0.6em;
}
}
@media (min-width:1280px) {
#content section.titlearea {
    background-position: 100% -22px;
    background-size: 920px;
}
#content h2 {
    font-size: 3.2rem;
    margin-bottom: 50px;
}
#content h3 {
    font-size: 2.6rem;
    margin-bottom: 0.6em;
}
}

/* ご案内 */
.information .link_block {
}
.information .link_bt {
    display: table;
    margin: 0 auto 0.5em;
}
.information .link_bt a {
    color: #fff;
    background: #bc956c;
    padding: 0.6em 1em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.information .link_bt a * {
    color: #fff;
}
.information .link_bt a small {
    display: none;
}
.information .link_bt a img.icon_dl {
    width: 16px;
    margin-left: 10px;
}

/* 必要性 */
.necessity .necessity_inner {
    overflow: hidden;
}
.necessity .necessity_inner .necessity_img {
    width: 50%;
    max-width: 500px;
    margin: 8px 0 15px 15px;
    float: right;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    overflow: hidden;
}

/* よくあるご質問 */
.faq dl {
    border-top: solid 2px #eaeaea;
}
.faq dl dt {
    font-size: 2rem;
    font-weight: 500;
    color: #1c6247;
    margin: 20px 0 0.5em;
    padding-left: 44px;
    position: relative;
}
.faq dl dt:before {
    content: 'Q';
	font-family: "Roboto", sans-serif;
    font-size: 2rem;
    font-weight: 200;
    color: #fff;
    display: block;
    width: 1.7em;
    background: #1c6247;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
}
.faq dl dd {
    padding: 0 0 20px 44px;
    border-bottom: solid 2px #eaeaea;
}

/* コース案内 */
.course table {
    width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
    border: solid 2px #d4c2a9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    overflow: hidden;
}
.course table thead {
    background: #bc956c;
}
.course table thead * {
    color: #fff;
    line-height: 1.4;
    font-weight: normal;
}
.course table thead td {
    padding: 0.5em;
}
.course table thead th {
    font-size: 1.6rem;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    padding: 0.5em 0.2em;
    text-align: left;
}
.course table thead th strong {
    font-size: 1.4em;
}
.course table thead th span {
    font-size: 1.4rem;
    display: inline-block;
    border: dotted 1px #fff;
    padding: 0.3em 0;
    margin-top: 0.5em;
}
.course table tbody tr:nth-child(even) {
    background: #f8f7f5;
}
.course table tbody th {
    font-weight: normal;
    text-align: left;
    color: #775b3e;
    background: #f4efe7;
    padding: 0.5em;
}
.course table tbody tr:nth-child(even) th {
    background: #eee7de;
}
.course table tbody td {
    text-align: center;
    color: #d4c2a9;
    padding: 0.5em;
    border-left: solid 1px #bc956c;
}

/* 特典 */
.benefit .benefit_inner div {
    background: #f6f2ec;
    padding: 15px;
    margin-bottom: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.benefit .benefit_inner div .benefit_bar {
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    background: #1c6247;
    position: absolute;
    top: 12px;
    left: -37%;
	-webkit-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	transform: rotate(-25deg);
}
#content .benefit .benefit_inner div h3 {
    margin-bottom: 0.2em;
}
.benefit .benefit_inner div h3 img {
    display: inline-block;
    width: 40px;
    margin: 0 auto 5px;
}

/* わんにゃんドック受診の流れ */
.flow_content ol > li {
    list-style: none;
    margin-left: 7px;
    padding: 0 0 2.5em 1.5em;
    border-left: solid 1px #d5d5d5;
    position: relative;
}
.flow_content ol > li:last-child {
    padding-bottom: 0;
}
.flow_content ol > li:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    background: #1c6247;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
    position: absolute;
    top: 0px;
    left: -6px;
}
#content .flow_content h3 {
    font-size: 1.8rem;
    color: #232728;
    width: 100%;
    margin-bottom: -6px;
	-webkit-transform: translateY(-11px);
	-ms-transform: translateY(-11px);
	transform: translateY(-11px);
}
.flow_content .tel_bt {
  font-size: 1.6em;
    font-weight: 500;
  color: #1c6247;
}
.flow_content .tel_bt a {
  font-size: 1.3em;
    font-weight: 500;
  color: #1c6247;
  text-decoration: none;
  letter-spacing: 0.05em;
}
.flow_content .link_bt {
    display: table;
    margin-top: 1em;
}
.flow_content .link_bt a {
    color: #fff;
    background: #bc956c;
    padding: 0.6em 1em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.flow_content .link_reserve {
    margin-top: 0;
}
.flow_content .link_reserve a {
    background: #1c6247;
    padding: 0.6em 2em;
}
.flow_content .link_bt a small {
    display: none;
}
.flow_content .link_bt a img.cal {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(22deg) brightness(105%) contrast(101%);
    margin: 0 10px 0 0;
}
.flow_content .link_bt a img.icon_dl {
    width: 16px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(22deg) brightness(105%) contrast(101%);
    margin-left: 10px;
}
.flow_content .board {
    display: table;
  background: #f8f2ed;
  padding: 0.5em 1em;
}

@media (min-width: 768px) {
/* ご案内 */
.information .link_block {
}
.information .link_bt {
}
.information .link_bt a {
    padding: 0.6em 1.5em;
}
.information .link_bt a small {
    display: inline;
}

/* 必要性 */
.necessity .necessity_inner {
}
.necessity .necessity_inner div {
}
.necessity .necessity_inner .necessity_img {
    width: 40%;
    margin: 5px 0 20px 25px;
//    float: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* よくあるご質問 */
.faq dl {
    border-top: solid 2px #eaeaea;
}
.faq dl dt {
    font-size: 2.3rem;
    margin: 30px 0 0.5em;
    padding-left: 55px;
}
.faq dl dt:before {
    font-size: 2.3rem;
    width: 1.8em;
}
.faq dl dd {
    padding: 0 0 30px 55px;
}

/* コース案内 */
.course table {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.course table thead {
}
.course table thead td {
    padding: 0.5em 1em;
}
.course table thead th {
    font-size: 1.8rem;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    text-orientation: upright;
    padding: 0.5em 0 0.7em;
    text-align: center;
    width: 18%;
}
.course table thead th strong {
    font-size: 1.25em;
    line-height: 1;
}
.course table thead th span {
    font-size: 1.3rem;
    padding: 0 0.3em;
    margin: 0.5em auto 0;
    display: table;
}
.course table tbody th {
    padding: 0.5em 1em;
    white-space: nowrap;
}
.course table tbody td {
    padding: 0.5em;
}

/* 特典 */
.benefit .benefit_inner {
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.benefit .benefit_inner div {
    width: 31%;
    padding: 30px 15px;
    margin-bottom: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.benefit .benefit_inner div .benefit_bar {
    font-size: 1.6rem;
    top: 12px;
    left: -33%;
}
#content .benefit .benefit_inner div h3 {
    font-size: 2rem;
    margin-left: -10px;
    margin-right: -10px;
}
.benefit .benefit_inner div h3 img {
    width: 40px;
    margin: 0 auto 5px;
}

/* わんにゃんドック受診の流れ */
.flow_content ol > li {
    padding: 0 0 2em 1.5em;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.flow_content ol > li:last-child {
    padding-bottom: 0;
    border-left-color: transparent;
}
#content .flow_content h3 {
    font-size: 2rem;
    width: 140px;
    margin-bottom: 0;
	-webkit-transform: translateY(-14px);
	-ms-transform: translateY(-14px);
	transform: translateY(-14px);
}
.flow_content li .flow_note {
	width: 70%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	widht: -webkit-calc(100% - 150px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 150px);/*Firefox4~15対応*/
	width: calc(100% - 150px);  
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}
.flow_content li .link_block {
    margin-top: 15px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
.flow_content .tel_bt {
}
.flow_content .tel_bt a {
}
.flow_content .link_bt {
    display: table;
    margin-top: 0;
}
.flow_content .link_bt a {
    padding: 0.6em 1.5em;
}
.flow_content .link_reserve {
    margin-top: 0;
    margin-left: 15px;
}
.flow_content .link_reserve a {
    padding: 0.6em 2em;
}
.flow_content .link_bt a small {
    display: inline;
    color: #fff;
}
.flow_content .link_bt a img.cal {
    width: 22px;
    margin: 0 13px 0 0;
}
.flow_content .link_bt a img.icon_dl {
    width: 20px;
    margin-left: 10px;
}
.flow_content li .link_pdf {
    display: block;
    text-align: right;
}
.flow_content li .link_pdf .link_bt {
    margin-left: auto;
}
.flow_content .board {
  background: #f8f2ed;
  padding: 1em 1.5em;
}
}
@media (min-width:1280px) {
/* ご案内 */
.information .link_block {
}
.information .link_bt {
}
.information .link_bt a {
    padding: 0.6em 1.8em;
}
.information .link_bt a small {
    display: inline;
}
.information .link_bt a img.icon_dl {
    width: 20px;
}

/* 必要性 */
.necessity .necessity_inner {
}
.necessity .necessity_inner div {
}
.necessity .necessity_inner .necessity_img {
    width: 500px;
    margin: 8px 0 20px 60px;
}

/* よくあるご質問 */
.faq dl dt {
    font-size: 2.6rem;
    margin: 40px 0 0.5em;
    padding-left: 60px;
}
.faq dl dt:before {
    font-size: 2.6rem;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5;
    top: 0.15em;
}
.faq dl dd {
    padding: 0 0 40px 60px;
}

/* コース案内 */
.course table thead td {
    padding: 0.5em 1.5em;
}
.course table thead th {
    font-size: 2rem;
    padding: 0.5em 0 0.7em;
    width: 235px
}
.course table thead th strong {
    font-size: 1.4em;
}
.course table thead th span {
    font-size: 1.8rem;
}
.course table tbody th {
    padding: 0.5em 1.5em;
}

/* 特典 */
.benefit .benefit_inner {
}
.benefit .benefit_inner div {
    width: 370px;
    padding: 50px 15px;
}
.benefit .benefit_inner div .benefit_bar {
    font-size: 1.6rem;
    top: 12px;
    left: -33%;
}
#content .benefit .benefit_inner div h3 {
    font-size: 2.6rem;
    margin: 0 0 0.5em;
}
.benefit .benefit_inner div h3 img {
    width: 50px;
}

/* わんにゃんドック受診の流れ */
.flow_content ol > li {
    padding: 0 0 2em 50px;
}
.flow_content ol > li:last-child {
    padding-bottom: 0;
    border-left-color: transparent;
}
#content .flow_content h3 {
    font-size: 2.2rem;
    width: 220px;
    margin-bottom: 0;
}
.flow_content li .flow_note {
	width: 70%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	widht: -webkit-calc(100% - 220px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 220px);/*Firefox4~15対応*/
	width: calc(100% - 220px);  
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}
.flow_content li .link_block {
    margin-top: 1.5em;
}
.flow_content .link_bt a {
    padding: 0.6em 1.8em;
}
.flow_content .link_reserve {
    margin-left: 25px;
}
.flow_content .link_reserve a {
    padding: 0.6em 3em;
}
.flow_content .link_bt a img.cal {
    width: 30px;
}
.flow_content .link_bt a img.icon_dl {
    width: 22px;
}
.flow_content .board {
  padding: 1.5em 2em;
}
}


/* 獣医療関係者様へ */



/* 共通 */
#content .green_head li {
    list-style: none;
    padding-left: 1.5em;
    position: relative;
}
#content .green_head li:before {
    content: '';
    display: block;
    width: 0.5em;
    height: 0.5em;
    background: #1c6247;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    left: 0.3em;
    top: 0.8em;
}
#content .b_marker {
    font-weight: normal;
    color: #f67184;
    background: linear-gradient(transparent 50%, #fef1f2 50%);
}
#content .green_txt {
    color: #1c6247;
}
#content ul.kome_list li {
    list-style: none;
    padding-left: 1.5em;
    position: relative;
}
#content ul.kome_list li::before {
  content: '※';
  position: absolute;
  top: 0px;
  left: 0px;
}

#content ul.check_list {
    background: #f8f2ed;
    padding: 0.5em 1em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#content ul.check_list li {
    list-style: none;
    padding-left: 1.2em;
    position: relative;
}
#content ul.check_list li:before {
    content: '';
    display: block;
    width: 14px;
    height: 1em;
    background: url("../image/common/icon_check.svg") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0.4em;
    left: 0px;
}

@media (min-width: 768px) {
}
@media (min-width:1280px) {
}