@charset "utf-8";

.wid780 {
  width:780px;
  margin:0 auto;
}
.wid675 {
  width:675px;
  margin:0 auto;
}
.wid640 {
  width:640px;
  margin:0 auto;
}
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}
.spnone {display:inline-block;}
ul,ol,ul li,ol li {list-style-type:none;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mb1em {margin-bottom:1em;}
.line_g {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(211, 245, 207) 70%);
}
.ic_kome {
  position:relative;
  padding-left:1em;
}
.ic_kome:before {
  content:"※";
  position:absolute;
  top:0;
  left:0;
}

#line2025_about p,
.line_contact_area p,
.line_contact_area_toggle li .line_contact_area_toggle_txtbox {
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/*line2025_1st
================================*/
.line2025_1st .line2025_1st_img {
  float:left;
  width:190px;
}
.line2025_1st h1,
.line2025_1st .line2025_1st_cv {
  float:right;
  width:435px;
}
.line2025_1st h1 {
  font-size:40px;
  text-align:left;
  margin-bottom:30px;
  line-height:1.4;
}
.line2025_1st_cv li a {
  margin:auto auto 20px 0;
}
.line2025_1st_nav {
  display:flex;
  justify-content:space-between;
  margin-bottom:60px;
}
.line2025_1st_nav li a {
  text-decoration:none;
  color:#222;
  font-size:24px;
  line-height:1.5;
  border-radius:100%;
  position:relative;
  display:block;
  width:170px;
  height:170px;
}
.line2025_1st_nav li a {
  background:none;
}
.line2025_1st_nav li:nth-child(4) a {
  background:#D4DEE6;
}
.line2025_1st_nav li a span {
  width:100%;
  position:absolute;
  top:40%;
  left:50%;
  transform: translate(-50%,-50%);
}
.line2025_1st_nav li a:before {
  content:">";
  position:absolute;
  left:51%;
  bottom:10%;
  transform: translateX(-50%) rotate(90deg);
}
.line2025_1st_cv_txt {
  display: block;
  text-align: left;
  margin-top: -2em;
  padding-left: 15px;
  margin-bottom: 20px;
}
.line2025_1st_cv_btn_txt {
  display: block;
  text-align: left;
  padding-left: 60px;
  margin-bottom: 10px;
}

/* line2025_about
================================*/
#line2025_about h3 {
  font-size:24px;
  line-height:1.5;
  margin-bottom:25px;
}
#line2025_about h3 + p,
#line2025_about h3 + p + p {
  text-align:left;
}
#line2025_about h3 + p + p {
/*  margin-bottom:40px;*/
  margin-bottom:1em;
}
#line2025_about h3 + p + p + p {
  margin-bottom:40px;
  text-align:left;
}
#line2025_about p {
  line-height:1.5;
}


/* merit
================================*/
.Merit_titleText {
  line-height:1.5;
}

/*step01
================================*/
.Step + .Conversion {
  margin-bottom:200px;
}

/*line_contact
================================*/
.line_contact_area {
  border:1px solid #819EB5;
  padding:26px;
}

.line_contact_area h2 {
  font-size:32px;
  margin-bottom:20px;
}
.line_contact_area p {
  text-align:left;
  line-height:1.5;
}
.line_contact_area p.Button {
  margin-bottom:35px;
}
.line_contact_area_inner {
  border:1px solid #819EB5;
  padding:16px 30px;
}
.line_contact_area_inner h3 {
  text-align:center;
  font-size:20px;
  cursor:pointer;
}
.line_contact_area_inner h3:hover {
  opacity: 0.7;
  transition: opacity 0.5s ease-in-out;
}
.line_contact_area_toggle {
  border-top:1px solid #819EB5;
  padding-top:20px;
  margin-top:20px;
  display:none;
}
.line_contact_area_toggle li {
  display:flex;
  justify-content:space-between;
  margin-bottom:30px;
}
.line_contact_area_toggle li .line_contact_area_toggle_txtbox {
  width:52%;
  position:relative;
  padding-left:1em;
  margin-bottom:15px;
  text-align:left;
  line-height:1.5;
}
.line_contact_area_toggle li .line_contact_area_toggle_txtbox:before {
  position:absolute;
  left:0;
  top:0;
}
.line_contact_area_toggle li:nth-child(1) .line_contact_area_toggle_txtbox:before {
  content:"①";
}
.line_contact_area_toggle li:nth-child(2) .line_contact_area_toggle_txtbox:before {
  content:"②";
}
.line_contact_area_toggle li:nth-child(3) .line_contact_area_toggle_txtbox:before {
  content:"③";
}
.line_contact_area_toggle li:nth-child(4) .line_contact_area_toggle_txtbox:before {
  content:"④";
}

.line_contact_area_toggle li .line_contact_area_toggle_imgbox {
  width:46%;
}


/*-------------------------

SP

-------------------------*/
@media screen and (max-width: 768px) {
.wid780,.wid675,.wid640 {
  width:96%;
  padding:0 2%;
}
.spnone {display:none;}
.line2025_1st h1,
.line2025_1st .line2025_1st_img,
.line2025_1st h1, .line2025_1st .line2025_1st_cv {
  float:none;
  width:100%;
}
.line2025_1st h1 {
  font-size:30px;
  padding-top:20px;
  text-align:center;
}
.line2025_1st .line2025_1st_img {
  text-align:center;
  margin-bottom:20px;
}
.line2025_1st .line2025_1st_img img {
  width:50%;
}
.line2025_1st_cv li a {
  margin:0 auto 20px;
}
.line2025_1st_cv_txt,
.line2025_1st_cv_btn_txt {
  text-align: center;
  padding-left: 0;
}

.line2025_1st_nav {
  flex-wrap: wrap;
  margin-bottom:30px;
}
.line2025_1st_nav li {
  /*width:48%;*/
  width:100%;
  margin-bottom:10px;
}
.line2025_1st_nav li a {
  width:100%;
  height:auto;
  background:#D4DEE6;
  border-radius:10px;
  font-size:20px;
  padding:5px 0 5px 20px;
  text-align:left;
}
.line2025_1st_nav li a span {
  position:static;
  te
}
.line2025_1st_nav li a:before {
  left:auto;
  right:5%;
  bottom:auto;
  transform: translateX(0) rotate(90deg);
}
.Step + .Conversion {
  margin-bottom:100px;
}

.line_contact_area {
  padding:6%;
}
.line_contact_area h2 {
  font-size:20px;
}
.line_contact_area_inner h3 {
  font-size:18px;
}
.line_contact_area_inner {
  padding:6% 4%;
}
.line_contact_area_toggle li {
  display:block;
  margin-bottom:50px;
}
.line_contact_area_toggle li .line_contact_area_toggle_txtbox,
.line_contact_area_toggle li .line_contact_area_toggle_imgbox {
  width:100%;
}
.line_contact_area_toggle li .line_contact_area_toggle_imgbox {
  text-align:center;
}
.line_contact_area_toggle li .line_contact_area_toggle_imgbox img {
  width:70%;
}



}