@charset "utf-8";
/* CSS Document */

/*初期設定撤廃*/
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;
  vertical-align: baseline;
  background: transparent; }


/*エレベーター広告バナー調整*/
.mv-bnr {
	margin-right: 30px;}

/*iphone11以上に改行が入るためadd.cssを上書き*/
.g-header .g-header__menu {
	width: 60%!important;
    margin: auto!important;
	text-align: center;}


#pc-sns {
  display: none;
  position: fixed;
  right: 0;
  top: 30%;
  background: #0171AC;
  z-index: 5000; }

.btn-line{
 position: fixed;
	right: 0;
	top: 59%;
	width: 200px;
	height: 100px;
	z-index: 5000; }
 
/*PC時にスマホ設定のSNSを表示をさせない*/
@media screen and (min-width: 769px) {
  #pc-sns{
	  display: block; }
  .btn-line{
	  display: block; }
  .smp-sns{
	  display: none!important;}
}
	

#pc-sns ul li {
  text-align: center; }

#pc-sns ul li a {
  display: block;
  padding: 10.5px 14px; }

#pc-sns ul li a:hover {
  transform: scale(1.05); }

#pc-sns ul li i {
  color: #fff;
  font-size: 16px;
  transition: 0.8s; }



/*スマホ用のsns調整*/
.smp-sns {
  display: flex;
  justify-content: center;
  padding-bottom: 24px; }

.smp-sns a {
  margin: 0 8px;
  display: block;
  padding: 0 10px;
  width: 46px;
  text-align: center; }

.smp-sns a i {
  color: #fff;
  font-size: 18px; }

.g-header .logo-area {
	padding: 40px 20px 30px!important
}
/*保険商材広告*/
.home .insulance h2 {
    background: #061a40;
    font-size: 2.4rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 70px;
    width: 210px;
    text-align: center;
    border-left: 4px solid #008ad9;
    position: absolute;
    top: -100px;
    left: 30px;
}

.home .insulance {
	padding: 75px 0 60px;
}

.inner_insulance { 
    display: flex;

}
.onecoin { 
	width: 50%;
	margin-top: 30px;
	margin-bottom: 60px;
}

.onecoin img {
	width: 80%;
	height: auto;
}

.onecoin h5 {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom:15px;
}

.onecoin p {
	margin-right: 10px;
	width: 80%;
}


/*保険商材レスポンシブ.lineボタン*/
@media screen and (max-width: 769px) {
		.g-header .sp-open-btn {
    	top: 40px!important;
	}
	.inner_insulance {
		display: flex;
 		flex-wrap: wrap;
		}
	.onecoin { 
		 flex: 1 0 300px;
		 margin-bottom: 0px;
		margin-top: 10px;
	}
	.onecoin img { 
		width: 100%;}
	.home .insulance h2 {
    	font-size: 2rem;
    	display: inline-block;
    	width: auto;
    	text-align: left;
    	padding: 0 30px;
    	top: -85px;
    	left: 8px;
    	line-height: 60px;
}
	.onecoin p {
		margin-bottom:20px;
		width: 100%;
	}
	.insulance {
		margin-top: 30px;
	}
	
	.btn-line{
	   width: 100px;
	   height: 60px; }
}
/*コラム調整*/
.home .column {
	padding: 75px 0 60px!important;
}
.home .column h2 {
	    top: -120px!important;
}

@media screen and (min-width:769px){
	.g-header__menu a {
		font-size: 1.1rem;
	}
	.g-header__menu {
	white-space: nowrap;
}
	}

/*769px以降のレスポンシブ調整*/

.g-footer__inner {
	width: 100%!important;
}
.home .column-list ul {
	width: 98%!important;
}


@media screen and (max-width:768px) {
	.sp-mv-bottom img {
		margin-right: auto;
		margin-left: auto;
	}
	.mv-bnr img {
		width: 100%;
}
}

/*線の調整*/
@media screen and (min-width:769px) and (max-width:1060px) {
	.home .reason h2:before, .home .reason h2:after {
    	display: none;
	}
	.home .parenting h2:before, .home .parenting h2:after {
		display: none;
	}

}
/*ハンバーガーメニュー960pxまで*/
@media screen and (min-width: 768px) and (max-width: 960px){
	

}
.home .achievement .alliance .unit {
	margin-bottom: 20px;
}