@charset "utf-8";

/* ------ 共通css ------ */

/* 打ち消し用 */
#main_Underlayer {
padding:0;
}
header ul.link {
width:auto;
margin:0;
padding:0;
}
footer a {
border-bottom:none;
}
#wrapper_nav{
background-color:#00984b;
}
/* 打ち消し用ここまで */



/* ヘッダー */
header {
width:100%;
color:#00984b;
height:78px;
}
header #h_area .logo_hm {
width:19%;
margin:1rem 0;
float:left;
}
header #h_area .logo_ad {
width:13.2%;
margin:1rem;
float:left;
}


/* ナビゲーションpc */
nav {
text-align:center;
font-weight:bold;
}
#wrapper_nav nav a {color:#fff;}
nav a {color:#00984b;}
nav a:hover {opacity:0.6;}
nav ul {
padding:0;
margin:0 auto;
}
nav ul li {
width:calc((99% - 0px) / 5);
border-right:1px solid #ddd;
margin:1.56% 0;
}
nav ul li:nth-child(1) {
border-left:1px solid #ddd;
}

/*---- フッター ----*/
footer {
background-image:linear-gradient( 0deg, #00984b 75%, #fff 0%);
}
footer #f_area {
width:100%;
margin:3.5rem 0 0;
}
footer #f_area .logo_b {
width:21.76%;
padding:0 3.12% 2% 0;
float:left;
}
footer div.info {
color:#fff;
}
footer div.info .number {
font-size:1.6em;
line-height:1.5em;
font-weight:bold;
}
#home_link a {
padding:1.56% 0;
text-align:center;
display:block;
border-bottom:1px solid #fff;
}
#copyright {
padding:1.56% 0;
color:#fff;
text-align:center;
}

p + p {
margin:15px 0;
}
#read {
margin:3rem 0;
text-align:center;
font-weight:bold;
}

.anchor_area{
display:flex;
}
.anchor_area ul {
width:calc((88% - 0px) / 2);
border-right:1px solid #666;
}
.anchor_area ul:last-child {
border-right:none;
}
li.service__item_anc {
width:calc((80% - 0px) / 2);
padding:0;
margin:0 20px 0 0;
}
li.service__item_anc:last-child {
margin-right:0;
margin-right:0;
}


/* プログラム紹介 */
#prg_hm,
#prg_ad {
width:980px; margin:0 auto;
}
#prg_hm h3,
#prg_ad h3 {
margin:0 0 3.12%;
padding:0 3.12%;
color:#222785;
}
#prg_hm h3.head_ad:before,
#prg_ad h3.head_ad:before {
content:'';
display:inline-block;
width:10px;
border:3px solid #222785;
margin:0 10px 3px -10px;
}
#prg_hm h4 {
background-color:#fb6464;
border-radius:15px;
margin:0 0 4%;
padding:0.75% 3.12%;
color:#FFF;
font-size:1.2em;
}
#prg_ad h4 {
background-color:#8ec31f;
border-radius:15px;
margin:0 0 4%;
padding:0.75% 3.12%;
color:#FFF;
font-size:1.2em;
}
#prg_info h4 {
margin:0 9.36% 3.12% 0;
font-size:1.4em;
padding:0 20% 0 0;
}
ul.item_prg {
width:100%;
margin:0 auto 4%;
}
ul.item_prg li {
width:calc(28% - 0px);
margin:0 3.12% 1.75%;
display:flex;
text-align:center;
align-content:space-around;
flex-wrap:wrap;
}
ul.item_prg li:nth-child(3n) {
margin:0;
}
ul.item_prg li .item {
margin:3.12% 0;
font-size:1.2em;
font-weight:bold;
line-height:1.2em;
}
ul.item_prg li img {
border-radius:180px;
}
.img-mb {
margin:0 0 6.24% 0;
}

#FB_hm,
#FB_ad {
width:80%;
margin:-1.75% auto 6.24%;
}

ul.linkbtn li {
width:40%; float:left; margin:0 0 0 6.2%;
}
#prg_info {
margin:6.24% 0;
border:1px solid #222785;
border-radius:15px;
padding:4%;
}
#prg_info .txt {margin:0 24% 6.24% 0;}
.prg_info_img {
width:32.8%;
margin:-16% -10% 0 3.12%;
float:right;
}

/* ご利用までの流れ */
#cont_area #riyou_flow h3 {
text-align:left;
}
#feature_bnr {
margin:2em auto 5em;
width:60%;
}
a.download {
color:#FFF;
}


@media screen and (max-width:768px) {
#target p {
margin:0;
}

/* ヘッダーsp */
header {
background-color:#00984b;
margin:0;
width:100%;
height:auto;
}
header #inner {
margin:0;
width:100%;
}
header #h_area {
width:100%;
display:table;
margin:0;
}
header #h_area .logo_b {
margin:3.12%;
width:34.30%;
}
header ul li:nth-child(5) {
width:20.3%;
padding:0;
margin:0;
}
#Navigation nav ul li {
width:100%;
border-left:none;
margin:.5rem 0;
}


/* ナビゲーションsp */
nav a {color:#222785;}

/* コンテンツ */
#read {
margin:2rem 0;
}
.anchor_area{
display:inherit;
}
.anchor_area ul {
width:100%;
border-right:none;
margin:0 auto 2rem;
}
li.service__item_anc {
width:calc((90% - 0px) / 2);
padding:0;
margin:0 0 0 10px;
}
#prg_hm,
#prg_ad {
width:90%;
margin:0 auto;
}
#prg_hm h3,
#prg_ad h3 {
margin:3.12% 0;
padding:0 3.12%;
}
#prg_hm h4,
#prg_ad h4 {
margin:6.24% 0;
padding:3.12%;
text-align:center;
line-height:1.2em;
}
#wrapper_hm, #wrapper_ad {
padding:9.36% 0;
}
  

ul.item_prg li {
width:calc(42% - 0px);
height:auto;
margin:3.12%;
}
ul.item_prg li:nth-child(3n) {
margin:3.12%;
} 
ul.item_prg li .item {
font-size:0.85em;
line-height:1.2em;
}

.img-mb {
margin:0 0 12% 0;
}


#FB_hm,
#FB_ad {
width:100%;
margin:6.24% auto 0;
}

#wrapper_hm ul.linkbtn li,
#wrapper_ad ul.linkbtn li {
width:93.6%;
display:block;
margin:6.24% 3.12% 0;
}
#prg_info {
margin:14.6% 0;
}
#prg_info h4 {
margin:3.12% 0;
padding:0;
line-height:initial;
}
.prg_info_img {
width:auto;
margin:6.24%;
float:none;
}
#prg_info .txt {
margin:0 3.12%;
}


#cont_area #riyou_flow h3 {
margin-bottom:0;
}    

/* フッターsp */
footer {
background-image:linear-gradient( 0deg, #00984b 100%, #fff 0%);
padding:3rem 0;
}
footer #f_area {
width:auto;
margin:0 6.24%;
display:grid;
}
footer #f_area .logo_b {
width:60%;
padding:0 0 3.12% 0;
float:left;
}
footer div.info .number {
font-size:1.5em;
font-weight:bold;
}
#home_link a {padding:6.24% 0;}

#feature_bnr {
width:auto;
padding:0;
}

}