/***投稿ページタイトル******/
.spageh3{margin-top:3%; border-bottom:#EB8686 solid 2px;padding:2%;}
/***下線**/
.under{ border-bottom:#6AC1B7 solid 3px;padding:2%;}
/**左の線**/
.line-left{border-left:3px solid #6ac1b7; padding-left:5%;margin-bottom:1%;}
/**左の線背景付き**/
.line-left2{border-left:3px solid #6ac1b7; background-color:#DFEFED;padding:2% 5%;margin-bottom:1%;}

/***固定ページタイトル******/
.kpageh3{margin:3% 0; border-bottom:#6AC1B7 double 3px;padding:2%;}
/***２重下線**/

.footer-widgets .widget-title {
    color: #ffffff;
    font-weight: 400;
}

.contact-info {
    margin-bottom: 15px;
    color: #ffffff;
	font-weight:500;
}
.footer-widgets, .footer-widgets a {
    color: #ffffff;
}
.site-info {
    color: #ffffff;
}
/***トップページヘッダータイトル文字**/
.header-text {
    margin: 0 auto;
    color: #fff;
    font-size: 76px;
    font-weight: 500;
 
}

.site-description {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    margin: 15px 0 0;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 2px 3px #808080;
}
/*******ウィジェットタイトル********/
 .widget-title {
    margin: 0 0 15px;
    position: relative;
    padding-bottom: 15px;
    color: #454545;
	 border-bottom:#97e3c8  solid 2px;padding:2%;
    text-shadow: 1px 1px 1px #808080;}

/*******footerウィジェットタイトル********/
.footer-widgets .widget-title {
    margin: 0 0 15px;
    position: relative;
    padding-bottom: 15px;
    color: #ffffff;
    text-shadow: 1px 2px 3px #808080;}

#icon-facebook{ color: #ffffff;}

/*******会社概要ページのタイトル******/
.aboutus{border-left:5px double #BFE9DB; margin-bottom:2%;padding-left:3%;}

/*******サービスページのタイトル******/
.service{border-left:5px double #6AC1B7; border-bottom:1px dotted #DFEFED; margin-bottom:2%;padding-left:3%;}

/*******料金ページのタイトル******/
 .price{border-left:3px solid #6AC1B7; border-bottom:1px dotted #DFEFED; margin-bottom:2%;padding-left:3%;}

 .price2{ margin-bottom:2%;padding-left:5%;}


/********401k**********/
.dct{border-left:1px solid #BFE9DB;border-bottom:1px dotted #DFEFED; margin:2% 0;padding-left:3%;}
.dcd{padding-left:5%;}

/*******セミナー開催予告投稿のタイトル******/
.semi{border-left:1px solid #6AC1B7; border-bottom:1px dotted #DFEFED; margin-top:2%;padding-left:3%;}
.semi2{clear:both; margin-bottom:2%;padding-left:3%;}
.semi3{float:right;}

/**LP用**/
#ashita_lp p{font-size:130%;}

.dct1:before {
  font-family: "Font Awesome 5 Free";
  content: "\f02b";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
}

.dct1{position: relative;/*相対位置*/
  padding-left: 1.8em;/*アイコン分のスペース*/
  line-height: 2.8;/*行高*/
  font-size:150%;}

.dcd1{margin-bottom:2%;padding-left:3%;
font-size:130%;}



.cp_h3title {
	position: relative;
	background-color: #67C7D4;
	color: #fff;
	overflow: hidden;
	padding: .3em;
}
.cp_h3title:before{
	background-color:rgb(43, 28, 28);
	content: '';
	display: block;
	transform: rotate(-30deg);
	position: absolute;
	bottom: -30px;
	right: -100px;
	width: 200px;
	height: 200px;
}

/*******下線後ろ半分いろちがう**********/
.reaerh3{
  border-bottom: solid 3px skyblue;
  position: relative;
  }
  
  .reaerh3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}

 .reaerh3:first-letter{
  font-size: 2em;
  color: #7172ac;
 }

/************角丸□*************/
.bgradius2 { border-radius: 20px; 
             background-color: #78BBE6;
             color:#ffffff;
             padding: 15px;
	           margin:20px;
             width: 90%;}

/***************横並び　角丸□***************/

.flex_test-box{ display: flex;   
	flex-wrap: wrap;
    background-color: #fff;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */ 
    align-items:stretch;        /* 縦の位置指定 */ 
}
 
.flex_test-item { padding: 10px;
                  color:  #fff;               /* 文字色 */
                  margin:  10px;              /* 外側の余白 */
                  border-radius: 50px 3px; 
                  background-color: #78BBE6;
                  padding: 15px;
	  flex: 1 0 300px;
  /*                 width: 31%;   */              /* 幅指定 */}   
              
.flex_test-item:nth-child(1) {
    background-color:  #2196F3; /* 背景色指定 */
}
 
.flex_test-item:nth-child(2) {
    background-color:  #4CAF50; /* 背景色指定 */
}
 
.flex_test-item:nth-child(3) {
    background-color: #3F51B5; /* 背景色指定 */
}          
 /***************横並び　角丸2□***************/

.flex_test-box2{ display: flex;    flex-wrap: wrap;
    background-color: #fff;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */ 
    align-items:stretch;        /* 縦の位置指定 */ 
}
 
.flex_test-item2 { padding: 10px;
                  color:  #fff;               /* 文字色 */
                  margin:  10px;              /* 外側の余白 */
                  border-radius: 50px 3px; 
                  background-color: #78BBE6;
                  padding: 15px;
                   /*width: 30%;*/            flex: 1 0 300px;     /* 幅指定 */}   
              
.flex_test-item2:nth-child(1) {
    background-color:  #1B435D; /* 背景色指定 */
}
 
.flex_test-item2:nth-child(2) {
    background-color:  #78BBE6; /* 背景色指定 */
}
 
.flex_test-item2:nth-child(3) {
    background-color: #6088C6; /* 背景色指定 */
}          

.flex_test-item2:nth-child(4) {
    background-color:#4072B3; /* 背景色指定 */
}          

.flex_test-item2:nth-child(5) {
    background-color: #6495ED; /* 背景色指定 */
}



 /***************横並び　角丸3□***************/

.flex_test-box3{ 
    padding:  10px;             /* 余白指定 */ 
    background-color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	/*** width:1000px; **/
	justify-content: space-around;
	border-bottom:3px solid #6AC1B7; 
}
 
.flex_test-item3 { padding: 10px;
                  color:  #fff;               /* 文字色 */
                  margin:  10px;              /* 外側の余白 */
                  border-radius: 50px 3px; 
                  background-color: #78BBE6;
                  padding: 15px;
                   /*width: 30%;*/            flex: 1 0 300px;     /* 幅指定 */}   
              
.flex_test-item3:nth-child(1) {
    background-color:#78BBE6; /* 背景色指定 */
}
 
.flex_test-item3:nth-child(2) {
    background-color: #F99F48; /* 背景色指定 */
}
 
.flex_test-item3:nth-child(3) {
    background-color: #D5EEFF; /* 背景色指定 */
    color:#1B435D;
}          


.flex_test-item3:nth-child(1)  h4{border-bottom: double 5px #EEF9FF;}
.flex_test-item3:nth-child(2)  h4{border-bottom: double 5px #FFC778;}

.flex_test-item3:nth-child(3)  h4{border-bottom: double 5px #ffffff;}
/*****トレルーノ用タイトル付きボックス************/
.box26 {
    position: relative;
	flex-wrap: wrap;
	/*** width:1000px; **/
	justify-content: space-around;
    margin:  10px;   
     padding: 1.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
     flex: 1 0 300px;     /* 幅指定 */
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}
.box26:nth-child(1) {margin:  10px;   
    padding: 0 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;}


.box26:nth-child(2) {margin:  10px;   
    padding: 1.5em 1em;
    border: solid 3px #116fa4;
    border-radius: 8px;}
    
    
.box26:nth-child(3) {margin:  10px;   
    padding: 1.5em 1em;
    border: solid 3px #1546f6;
    border-radius: 8px;}
    


/********質問のページ*******/	
	.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
	position: relative;
	padding: 0.5em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 0.3em;
}
.cp_qa dt {
	margin: 0 3em 1em 3em;
	background: #ffe0b2;
}
.cp_qa dd {
	margin: 0 3em 3em 3em;
	background: #b2ebf2;
}
/* 吹き出し▶︎ */
.cp_qa dt::before,.cp_qa dd::before{
	position: absolute;
	z-index: 99;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
}
/* 質問吹き出し▶︎ */
.cp_qa dt::before {
	left: -0.5em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #ffe0b2 transparent transparent;
}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {
	right: -0.5em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #b2ebf2;
}
/* ?!アイコン */
.cp_qa dt::after,.cp_qa dd::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
/* ?アイコン */
.cp_qa dt::after {
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.2em 0.4em;
	content: '\f128';
	background: #f57c00;
}
/* !アイコン */
.cp_qa dd::after {
	right: -2.5em;
	margin: 0 0 0 0.5em;
	padding: 0.2em 0.55em;
	content: '\f12a';
	background: #0097a7;
}

/**コンタクトフォーム**/
.mname{ width:100%;height:auto;}

/****問い合わせフォーム*****/

.flexcontainer1{
	background-color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	/*** width:1000px; **/
	justify-content: space-around;
}
.flexcontainer2{
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}



.flexitem {flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 400px;margin: 10px;
	}



/******ふわっと出てくるやつ******/

#animation {
opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.8s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
/******LP********/

 
#merize_wrap{ width: 960px;}




/****スマホ向け******/
@media screen and (max-width:639px) {

#merize_wrap{ max-width: 639px;    margin: 0 auto;}
	
	p{font-size:90%;}

	h4{font-size:120%;}
	h5,h6,h7{font-size:120%;}
	
	
	img.alignright {
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
	}

img.alignleft{
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;}
.alignright {
	float: none;
	}
 
.alignleft {
	float: none;
	}

.flex_test-box{ display: block;   
    background-color: #fff;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */ 
    align-items:stretch;        /* 縦の位置指定 */ 
}
 
.flex_test-item:nth-child(1) {
   width: 100%;
         margin: 0 auto;
}
 
.flex_test-item:nth-child(2) {
    width: 100%;
         margin: 0 auto;
}
 
.flex_test-item:nth-child(3) {
   width: 100%;
         margin: 0 auto;
}

.flexcontainer1{width:100%;
	display: block;   
    background-color: #fff;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */ 
    align-items:stretch;        /* 縦の位置指定 */ 
}
.flexitem {width: 100%;
         margin: 0 auto;
	box-sizing: border-box;
	
}

		
}