@charset "utf-8";

/*______________________________ reset ______________________________*/
/*
html5 Reset 2015.04.01
kaz
Revised based on

html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - 
http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display: block;
}

a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

em,strong,var {
font-style: normal;
font-weight: normal;
text-decoration: none;
}

ins,u {
text-decoration: none;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

input, select {
vertical-align: middle;
}

button {
padding: 0;
border: none;
background: none;
}

img {
margin: 0;
vertical-align: top;
line-height: 0;
}

input,textarea,button,table,tr,th,td {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


/*########################___ html_tag ___########################*/
body {
-webkit-text-size-adjust: 100%;
text-align: center;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}

a {
color: #00d;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

br {
letter-spacing: normal;
}

em {
color: #e33737;
}

strong {
color: #e33737;
}

del {
text-decoration: line-through;
}

ol li {
margin: 0 0 0 2em;
line-height: 1.6;
}

table {
width: 100%;
margin: 0 0 30px;
font-size: 100%;
line-height: 1.6;
}

th,td {
text-align: left;
padding: 1.25em 1em;
border: solid 1px #93bbe6;
vertical-align: middle;
}

th {
font-weight: normal;
text-align: right;
}

input,select,textarea {
font-size: 1em;
font-family: sans-serif;
}

input,textarea {
padding: 0.25em;
}

input[type=checkbox] {
position: relative;
top: -0.1em;
margin: 0 5px 0 0;
}

input[type=image] {
padding: 0;
border: none;
}

textarea {
width: 100%;
}


/*#_---------------------------___*/
/*########################___ page-structure ___########################*/
#header > .inner,.section {
width: 900px;
margin: 0 auto;
text-align: left;
}

.section-wide40 {
width: 940px;
}


/*#_---------------------------___*/
/*########################___ header ___########################*/
#header {
background: url(../img/bg_header.gif) repeat-x left bottom;
}

#header > .inner {
position: relative;
}

#header h1 {
padding: 8px 0; 
}

#header h1 img {
vertical-align: bottom;
}

#header-tel {
position: absolute;
top: 8px;
right: 0;
}

#header .fb-like {
position: absolute;
top: 36px;
right: 230px;
}


/*#_---------------------------___*/
/*########################___ page-common ___########################*/
.nopc {display: none;}
.nosp {display: block;}

h2 {
margin: 0 0 16px;
padding: 0 0 30px;
background: url(../img/bg_heading.gif) no-repeat 50% bottom;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Std","Hiragino Kaku Gothic Std","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 170%;
font-weight: bold;
text-align: center;
line-height: 1.3;
}

.section {
margin-bottom: 70px;
}

.section p {
margin: 0 0 1.6em;
line-height: 1.6;
}

.list-bubble {
margin: 0 0 15px;
padding: 10px 10px 30px;
background: #d9f1fc url(../img/icon_tri_down.gif) no-repeat 50% bottom;
}

.list-bubble ul {
padding: 20px 30px 1px;
background: #fff;
border: solid 1px #93bbe6;
}

.list-bubble li {
margin: 0 0 1.2em;
padding: 0 0 0 40px;
background: url(../img/icon_check.gif) no-repeat left 0.2em;
line-height: 1.4;
}

.summary {
margin: 0 !important;
font-weight: bold;
font-size: 120%;
text-align: center;
}

.summary strong {
font-weight: bold;
}

.note {
font-weight: bold;
}

.strong-word {
font-size: 150%;
font-weight: bold;
color: #eb3341;
text-decoration: underline;
}

.small {
font-size: 90%;
}

.list-book li {
float: left;
width: 33.3%;
text-align: center;
}

.list-book li h4 {
margin: 0 0 18px;
font-size: 90%;
line-height: 1.4;
text-align: center;
}

.list-book li h4 strong {
font-size: 133.33%;
}

.list-book li p {
margin: 15px 0 0 60px;
text-align: left;
font-size: 90%;
line-height: 1.3;
white-space: nowrap;
}

.list-book li p span {
font-size: 77.78%;
}

.list-book li img {
border: solid 1px #d7d7d5;
}

.box-movie {
margin: 0 0 1em;
text-align: center;
}

.box-button {
margin: 20px 0;
text-align: center;
}

.box-button li {
display: inline;
}

.form-text {
width: 95% !important;
}

.form-introducer {
width: 16em !important;
}



/*########################___     table ___########################*/
.table-stripe {
font-size: 75%;
}

.table-stripe .odd th,.table-stripe .odd td {
background: #f7fcfe;
}

.table-stripe .title-section {
padding: 0;
background: #fff !important;
font-weight: bold;
}

.table-stripe .title-section p {
margin: 1px;
padding: 1em;
background: #d9f1fc;
font-size: 106.67%;
text-align: center;
}

.table-panel th,.table-panel td {
padding: 0.3em 1em 0.3em 1.5em;
border: solid #fff;
border-width: 12px 0;
}

.table-panel th {
width: 10em;
background: #38a992;
color: #fff;
font-size: 75%;
white-space: nowrap;
}

.table-panel td {
background: #f1f1f1 url(../img/icon_tri_right.png) no-repeat left 50%;
font-size: 85%;
}

.cell-state {
color: #19954d;
text-align: right;
}

.cell-state a {
color: #e33737;
}

.req {
display: inline-block;
margin: 0 0 0 8px;
padding: 5px 12px 4px;
background: #e33737;
border-radius: 3px;
color: #fff;
font-size: 80%;
line-height: 1;
}


/*########################___     box-interview ___########################*/
.box-interview {
width: 560px;
margin: 0.75em auto 2.5em;
text-align: left;
}

.list-interview .cont-item {
margin: 0 0 0.5em;
line-height: 1.4;
}

.list-interview .item-q {
color: #777;
}

.list-interview .item-a {
margin-bottom: 1.25em;
font-weight: bold;
}


/*########################___     box-case ___########################*/
.box-case {
margin: 0 0 2em;
border-bottom: solid 1px #00317a;
}

.cover-box-case .box-case:last-of-type {
margin-bottom: 4em;
border: none;
}

.box-case .item-heading {
margin: 0 0 0.75em;
display: table;
}

.box-case .item-heading .cont-elm {
display: table-cell;
vertical-align: top;
}

.box-case .item-heading .item-img {
padding-right: 1em;
}

.box-case .item-heading .item-text {
font-size: 150%;
font-weight: bold;
line-height: 1.4;
}

.box-case .item-heading .item-name {
margin: 0.5em 0 0;
}

.box-case .item-profile {
margin: 0 0 0.75em;
padding: 0.5em 1em;
background: #eee;
font-size: 70%;
line-height: 1.3;
}

.box-case .list-profile li {
display: inline-block;
width: 49.5%;
}

.box-case .list-profile .item-wide {
width: 100%;
}


/*########################___     box-result ___########################*/
.box-result {
margin: 0 0 3em;
}

.box-result h3 {
margin: 3em 0 1em;
font-size: 120%;
font-weight: bold;
color: #013277;
}

.box-result h3:first-of-type {
margin-top: 1em;
}


/*########################___     animation ___########################*/
.anime-beating {
animation: beating-scale 1s infinite;
}

@keyframes beating-scale {
0% { transform: scale(1); }
50% { transform: scale(1.08); }
100% { transform: scale(1); }
}


/*########################___     sns ___########################*/
.box-sns {
width: 460px;
margin: 30px auto 0;
}

.box-sns ul {
margin: 0 0 0 -20px;
background: url(../img/bg_sns.png) no-repeat left top;
}

.box-sns ul li {
float: left;
width: 120px;
}

.box-sns ul li .box {
margin: 29px 0 29px -20px;
text-align: center;
}


/*#_---------------------------___*/
/*########################___ footer ___########################*/
#footer {
}

#footer p {
padding-left: 0;
padding-right: 0;
}

#pagetop a {
display: block;
background: url(../img/bg_pagetop.gif) repeat-x left top;
}

#copyright {
padding: 20px 0;
background: #00317a;
color: #fff;
font-size: 60%;
}


/*#_---------------------------___*/
/*########################___ section ___########################*/
#section01 .introduction {
padding: 30px 0 0;
background: url(../img/img_miyazawa.jpg) no-repeat right bottom;
}

#section01 h2 {
margin-top: 83px;
}

#section01 p {
margin-bottom: 1.8em;
line-height: 1.8;
}

#section01 .box-result ul {
margin: 0 -7px;
}

#section01 .box-result li {
float: left;
width: 33.3%;
text-align: center;
}

#section01 .box-result p {
font-weight: bold;
text-align: center;
}

#section02 h2 {
font-size: 160%;
}

#section-profile h3 {
margin: 0 0 20px;
padding: 0 0 10px;
border-bottom: solid 2px #00317a;
font-size: 150%;
font-weight: bold;
color: #04873f;
text-align: center;
}

#section-profile .box-profile {
margin: 0 0 45px;
}

#section-profile .box-profile .box-photo {
float: left;
margin: 0 25px 0 0;
}

#section-profile .box-profile .box-text {
font-size: 80%;
}

#section-profile .box-profile .box-text p {
margin-bottom: 1em;
}

#section-profile .box-profile .box-text em {
font-size: 112.5%;
color: #000;
}

/*
#section-profile .list-book {
margin: 0 90px;
}
*/

#section06 th,#section06 .cell-state {
text-align: center;
}

#section08 .splash {
margin: 0 0 30px;
}

#section08 .mb0 th {
width: 20em;
}

#section08 p {
margin: 0;
line-height: 1.8;
}

#section08 .box-button {
margin: 15px 0 50px;
}

.table-company th {
width: 10em;
}

#section09 {
margin-bottom: 100px;
}

#section09 .splash {
margin: -30px 0 15px;
}

#section10 .fb-like {
margin: 0 200px 10px;
}

#section10 .box-facebook {
text-align: center;
}

#section99 {
margin-top: 5;
margin-bottom: 100px;
}

#section99 .box-thanks {
margin: 0 0 80px;
text-align: center;
}

#section99 .box-button {
margin-top: 80px;
}

/*#_---------------------------___*/
/*########################___ for PC ___########################*/
@media all and (min-width: 641px) {
#main-visual {
overflow: hidden;
position: relative;
min-width: 900px;
}

#main-visual img {
position: relative;
left: 50%;
margin-left: -600px;
}


}
/*########################___ for smartphone ___########################*/
@media all and (min-width: 0px) and (max-width: 640px) {
body {
font-size: 14px;
}

h2 {
margin: 0 0 10px;
padding: 0 0 16px;
background-size: 1500px 10px;
}

table {
margin: 0 0 15px;
}

th,td {
padding: 0.5em;
}

img {
width: 100%;
height: auto;
}

.nosp {display: none;}
.nopc {display: block;}

#header > .inner,.section {
width: auto;
margin: 0 10px;
}

#header .logo {
width: 130px;
}

#header .label {
display: block;
width: 75px;
margin: 3px 0 0;
}

#header-tel {
top: 12px;
width: 135px;
}

#header .inner {
height: 80px;
}

#header .fb-like {
top: 50px;
right: 0;
}

#main-visual {
width: auto;
min-width: auto;
}

#main-visual img {
position: relative;
left: 0;
margin-left: 0;
}

.section p {
margin: 0 0 1em;
}

.list-bubble {
padding: 5px 5px 15px;
background-size: 600px 10px;
}

.list-bubble ul {
padding: 10px 15px 1px;
}

.list-bubble li {
padding: 0 0 0 20px;
background-position: left 0.3em;
background-size: 14px 11px;
font-size: 110%;
}

.table-panel th,.table-panel td {
width: auto;
padding: 0.5em 0.75em;
border-width: 5px 0;
}

.table-panel td {
background-image: none;
}

.box-movie iframe {
width: auto;
height: auto;
}

.box-button li input {
width: 100%;
}

.list-book li .box {
margin: 0 10px;
}

.list-book li h4 {
margin: 0 0 8px;
}

.list-book li p {
margin: 8px 0 0;
white-space: normal;
}

#pagetop a {
background-size: 5px 33px;
}

#pagetop img {
width: 50px;
}

#copyright {
padding: 10px 0;
}


/*########################___     box-interview ___########################*/
.box-interview {
width: auto;
}


/*########################___     box-case ___########################*/
.box-case .item-heading .item-text {
font-size: 120%;
}

.box-case .list-profile li {
width: 99.5%;
}


/*########################___     sns ___########################*/
.box-sns {
width: 220px;
}

.box-sns ul {
margin: 0;
background: url(../img/bg_sns_sp.png) no-repeat 50% top;
}

.box-sns ul li {
width: 110px;
}

.box-sns ul .item-hatena {
clear: both;
}

.box-sns ul li .box {
margin: 29px 0 44px;
}


/*########################___     section ___########################*/
#section09 h2 {font-size: 90%;}
#section08 h2 {font-size: 120%;}
#section02 h2 {font-size: 130%;}
#section06 h2,#section07 h2,#section99 h2 {font-size: 140%;}

#section01 .introduction {
padding: 15px 0 0;
background: none;
}

#section01 h2 {
margin-top: 20px;
}

#section01 p {
margin: 0 0 1em;
line-height: 1.6;
}

#section01 .box-result li {
float: none;
width: auto;
margin: 0 7px;
}

#section-profile {
margin-bottom: 20px;
}

#section-profile h3 {
margin: 0 0 10px;
padding: 0 0 5px;
}

#section-profile .box-profile {
margin: 0 0 20px;
}

#section-profile .box-profile .box-photo {
float: none;
margin: 0 0 15px;
}

#section-profile .list-book {
margin: 0 -10px;
}

#section08 .splash {
margin: 0 0 5px;
}

#section08 th {
width: 8.5em;
}

#section08 td p {
line-height: 3;
}

#section08 .box-button {
margin: 10px 0 30px;
}

#section09 {
margin-bottom: 30px;
}

#section09 .splash {
margin: -15px 0 10px;
}

#section10 {
overflow: hidden;
margin: 0 10px 30px;
}

#section10 .fb-like {
margin-left: 0;
}

#section99 {
margin-top: 5px;
margin-bottom: 60px;
}

#section99 .box-button {
margin-top: 50px;
}

}
/*#_---------------------------___*/
/*########################___ module ___########################*/
.hoge a:hover img {filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.fs80 {font-size: 80% !important;}
.fs90 {font-size: 90% !important;}
.fs95 {font-size: 95% !important;}
.fs130 {font-size: 130% !important;}
.fs160 {font-size: 160% !important;}

/*______________________________ item-align ______________________________*/
p.item-center {text-align: center;}
p.item-left {text-align: left;}
p.item-right {text-align: right;}

img.item-center {
display: block;
margin: 0 auto 1em;
text-align: center;
}

img.item-left {
float: left;
margin: 0 1em 1em 0;
}

img.item-right {
float: right;
margin: 0 0 1em 1em;
}

/*______________________________ list ______________________________*/
ul.list,ul.list-text {
margin: 0.5em 0;
}

ul.list li {
margin: 0 0 0 2em;
list-style: disc;
line-height: 1.6;
}

ul.list-text li {
margin: 0 0 0.6em 1em;
padding: 0 0 0 1em;
text-indent: -1em;
line-height: 1.6;
}

dl.flat dt {
clear: both;
float: left;
padding: 0.25em 0 0.15em;
line-height: 1.6;
}

dl.flat dd {
padding: 0.25em 0 0.15em 9em;
border-bottom: dotted 1px #ccc;
line-height: 1.6;
}

ul.banner2 li {
float: left;
}

ul.banner2 .banner-right {
float: right;
}

/*########################___ clearfix-item ___########################*/
.clearfix:after
{content: '';display: block;clear: both;height: 0;}

.clearfix
{/zoom: 1;}



/*-- 2022-06-10：subscidy-sec 新cta 用調整--*/
@media screen and (min-width: 600px) {
a[href^="tel:"] {pointer-events: none;}
}

div.is-center {
margin-left: auto;
margin-right: auto;
text-align: center;
}

:root {
  --p-orange: #E95529;
  --p-blue: #003C6F;
  --p-sky: #29AAE1;
  --p-green: #8BC53F;
  --trans: all 0.5s ease;
  --m-font: 'M PLUS Rounded 1c', sans-serif;
}

.subsidy-sec {
margin: 0 -50px;
font-family: "Segoe UI", Verdana, 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.subsidy-sec strong {
color: #000;
font-weight: bold;
}

.subsidy-sec a:hover {
text-decoration: none;
}

.container {
  max-width: 960px;
  width: 100%;
  margin: auto;
/*
  padding-right: 10px;
  padding-left: 10px;
*/
}

.call-btn a {
  font: 32px 小塚明朝 Pr6N;
  font-weight: bold;
  color: var(--p-blue);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.call-btn a span {
  margin-left: 10px;
}


/*--subscidy-sec--*/
.subsidy-sec {
  padding: 3em 0;
}

.subsidy-sec .subscidy-card {
  background: url('../img/subscidy-bg.jpg') no-repeat;
  background-color: #fff;
  border: 6px solid var(--p-blue);
  text-align: center;
  background-size: contain;
  position: relative;
  overflow: hidden;
}

.subsidy-sec .subscidy-card .sec-title {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background-color: var(--p-blue);
  padding: 5px 10px 2px;
  max-width: 258px;
  margin: auto auto 1em;
  position: relative;
}

.subsidy-sec .subscidy-card .sec-title span {
  color: var(--p-sky)
}

.subsidy-sec .subscidy-card .sec-title:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 110px solid transparent;
  border-right: 110px solid transparent;
  border-top: 10px solid var(--p-blue);
}

.subscidy-card .card-body p strong {
  display: block;
  font-weight: bolder;
  font-size: 64px;
  letter-spacing: -3px;
}

.subscidy-card .card-body p {
  margin-bottom: 18px !important;
  font-size: 38px;
  font-weight: 700;
  line-height: 56px !important;
}

.subscidy-card .card-body p strong span {
  color: var(--p-sky);
}

.subscidy-card .cta-btn a {
  background-color: var(--p-orange);
  border-radius: 100px;
  height: 120px;
  width: 720px;
  line-height: 120px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  font-size: 32px;
  box-shadow: 0 10px 5px rgba(8, 8, 5, 0.5);
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  animation: beating-scale 1.2s ease 1s infinite;
}

.subscidy-card .cta-btn a img {
  position: absolute;
  height: 48px;
  width: 48px;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.subscidy-card .call-btn a {
  font-size: 48px;
}

.subscidy-card .call-btn strong {
  display: block;
  text-align: center;
  font-size: 21px;
  magin-top: 20px;
}

.subscidy-card .call-btn {
  text-align: center;
  margin: 35px 0 25px;
  display: block;
}

.subscidy-card .call-btn a img {
  height: 46px;
  width: 46px;
}

.subscidy-thumb {
  position: absolute;
  right: -85px;
  bottom: -5px;
  z-index: 3;
}

.subscidy-thumb img {
  width: auto;
  height: 496px;
/*
  object-fit: cover;
  width: 344px;
  object-position: top;
*/
}

.card-body {
  position: relative;
  z-index: 5;
}


@media (max-width: 767px) {
.subsidy-sec {
margin: 0;
}

.container {
width: auto;
}

  .subscidy-thumb img {
    height: 380px;
    margin-bottom: -10px;
  }
  .subscidy-thumb {
    position: static;
  }
  .subscidy-card .call-btn strong {
    font-size: 12px;
  }
  .subscidy-card .call-btn a img {
    width: 25px;
  }
  .subscidy-card .call-btn a {
    font-size: 28px;
  }
  .subscidy-card .cta-btn a {
    font-size: 14px;
    height: 60px;
    width: 90%;
    line-height: 60px
  }
  .subscidy-card .cta-btn a img {
    width: 20px;
  }
  .subscidy-card .card-body p strong {
    font-size: 30px;
  }
  .subscidy-card .card-body p {
    font-size: 18px;
    line-height: 35px !important;
  }
  .subsidy-sec .subscidy-card .sec-title {
    font-size: 22px;
  }

} /* end of max-width: 767px */
			
			/*--progress-sec--*/

.progress-sec {
  background: url('../images/grid_bg.png') repeat;
  padding: 25px 0 50px;
}

svg.radial-progress {
  height: auto;
  max-width: 240px;
  padding: 0em;
  transform: rotate(-90deg);
  width: 100%;
}

svg.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129;
  /* Circumference */
  stroke-width: 10;
}

svg.radial-progress circle.incomplete {
  opacity: 1;
  stroke: #E5E5E5 !important;
}

svg.radial-progress circle.complete {
  stroke-dasharray: 219.91148575129;
  /* Circumference */
}

svg.radial-progress text {
  fill: #333;
  font: 800 1em/1 小塚ゴシック Pr6N;
  text-anchor: middle;
  display: none;
}


/*** COLORS ***/


/* Primary */

svg.radial-progress:nth-of-type(6n+1) circle {
  stroke: var(--p-sky);
}

.bar-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.bar-item {
  border-radius: 100%;
  background: #fff;
  position: relative
}

.bar-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  text-align: center;
  line-height: 50px;
}

.bar-text span {
  font-size: 32px;
  font-weight: bold;
}

.bar-text strong {
  display: block;
  font-size: 68px;
}

.bar-text strong sub {
  font-size: 28px;
  vertical-align: baseline;
}

section.progress-sec .sec-title {
  text-align: center;
  font-size: 36px;
  line-height: 40px;
}

section.progress-sec .sec-title small {
  display: block;
  font-size: 24px;
  color: #666666;
}

section.progress-sec .sec-title span {
  color: var(--p-sky);
}

section.progress-sec>.container>p {
  text-align: center;
  margin: 0;
  font-weight: bold;
  margin-top: 55px;
  font-size: 24px;
}


/*--adopt-section--*/

.adopt-sec {
  background: url('../images/money_bg.jpg') no-repeat;
  background-color: #FDFDFD;
  background-size: cover;
  padding: 15px 0 25px;
  position: relative;
}

.adopt-body {
  position: relative;
}

.adopt-body:after,
.adopt-body:before {
  content: '';
  background: url('../img/adopt-element.svg') no-repeat;
  height: 351px;
  width: 126px;
  position: absolute;
  right: -70px;
  top: 24px;
  background-size: cover;
}

.adopt-body:before {
  left: -70px;
  right: auto;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.adopt-body .adopt-text {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: var(--p-blue);
  max-width: 660px;
  margin: auto;
  width: 100%;
  border-bottom: 8px solid var(--p-blue);
}

.adopt-body .adopt-text span {
  display: inline-block;
  font-size: 132px;
  color: var(--p-orange);
  margin: 0 5px;
  line-height: 1.2;
}

.adopt-body .adopt-text p {
  margin-bottom: -10px;
  text-align: center;
  color: #000;
  font-size: 24px;
}

.adopt-body .adopt-text:first-of-type {
  max-width: 531px;
  margin: auto auto 22px;
}

.adopt-foot p {
  text-align: center;
  margin: 30px 0 0;
  display: block;
  font-size: 24px;
  color: #666666;
  font-weight: bold;
}



/*#____ 2023-0429：ヘッダに LINE アイコン追加 _===*/
#header .fb-like {
right: 276px !important;
}

#header-tel {
height: 54px;
}

#header-tel img {
width: auto;
height: 100%;
}

@media all and (min-width: 0px) and (max-width: 640px) {
#header-tel {
top: 8px;
width: auto;
height: 35px;
}

#header .fb-like {
right: 0 !important;
}
}


/*#____ 2023-05-08：期間限定LINEプレゼントバナー _===*/
.blk-banner-line,.blk-banner-line * {
box-sizing: border-box;
}

.blk-banner-line {
max-width: 879px;
margin: 0 auto 2em;
padding: 0.75em 1em;
border: solid 18px #ffde4f;
text-align: center;
}

.blk-banner-line .cont-title {
position: relative;
max-width: 760px;
margin: 0 auto;
padding: 0.5em 1em;
background: #ffde4f;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Std","Hiragino Kaku Gothic Std","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.9em;
font-size: min(1.9em, 6vw);
font-weight: bold;
line-height: 1.2;
}

.blk-banner-line .cont-title:before,.blk-banner-line .cont-title:after {
content: '';
position: absolute;
top: 0;
left: -1px;
display: block;
width: 0.6em;
height: 100%;
background: #fff;
clip-path: polygon(0 0, 100% 50%,0 100%);
}

.blk-banner-line .cont-title:after {
left: auto;
right: -1px;
transform: scale(-1, 1);
}

.blk-banner-line .cont-title strong {
font-weight: bold;
color: #cf151b;
}

.blk-banner-line .cont-title .title-head::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
margin: 0 0.3em 0 0;
background: url(../img/icon_line2.png) left top / contain no-repeat;
transform: translateY(0.1em);
}

.blk-banner-line .cont-subtitle {
margin: 0.2em auto !important;
font-size: 1.6em;
font-weight: bold;
}

.blk-banner-line .cont-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
grid-column-gap: 1em;
grid-row-gap: 0.5em;
}

.blk-banner-line .cont-list .cont-item {
padding: 1em 1em;
background: #eee;
border: solid 1px #ccc;
}

.blk-banner-line .box-btn {
margin: 1.5em 0 1em;
}

.blk-banner-line .btn-text {
position: relative;
display: inline-block;
padding: 0.75em 3em;
background: #00ba00;
border-radius: 2em;
box-shadow: 0 10px 5px rgba(8, 8, 5, 0.4);
font-size: 1.7em;
font-size: min(1.7em, 5vw);
font-weight: bold;
color: #fff;
}

.blk-banner-line .btn-text:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
display: block;
width: 1em;
height: 1em;
margin-top: -0.5em;
background: #fff;
clip-path: polygon(0 0, 100% 50%,0 100%);
}

.blk-banner-line .btn-text:hover {
text-decoration: none;
}

.blk-banner-line .only-sp {display: none;}

@media all and (min-width: 0px) and (max-width: 640px) {
.blk-banner-line .only-sp {display: block;}

.blk-banner-line {
border-width: 8px;
}
}


/*#____ 2023-11-13：ボタン _===*/
.p-btn-box {
display: flex;
flex-wrap: wrap;
margin: 0 0 1.5em;
padding: 0 10px;
justify-content: space-between;
}

.p-btn-box * {
box-sizing: border-box;
}

.p-btn-box .p-item {
width: 48.5%;
margin: 0 0 1.5em;
}

.c-text-btn {
position: relative;
display: flex;
width: 100%;
padding: 0.5em 2.5em 0.5em 1em;
background-color: #e95529;
border-radius: 2em;
box-shadow: 0 10px 5px rgba(8, 8, 5, 0.5);
color: #fff;
font-size: 1.3em;
font-weight: bold;
line-height: 1.4;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none !important;
transition: all 0.3s;
}

@media all and (min-width: 0px) and (max-width: 640px) {
.p-btn-box .p-item {
width: 100%;
}
}

.c-text-btn.btn-line {
background-color: #00b900;
}

.c-text-btn:hover {
opacity: 0.5;
}

.c-text-btn svg {
  position: absolute;
  height: 2em;
  width: 2em;
  right: 0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}