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

.blue_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 0%, #66ccff 60%) repeat scroll 0 0;}
.dx_arrow { padding:0; margin:0; color:#764EA1; font-size: 3em; }
.dx_em { color:#486199; font-weight: bold; }
.dx_text_b {color:#486199;}
.dx_test_sm { font-size: 0.8em; }


.dx_hero {/*親div*/
  position: relative;/*相対配置*/
  }

.dx_text01 {
  position: absolute;/*絶対配置*/
  color: #626262;/*文字の色*/
  font-family　:　'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4em;
  top: 20px;
  left: 20px;
  }
  
  @media (min-width: 860px) {
  .dx_text01  {
    font-size: calc(1rem + ((1vw - 8.6px) * 1.9048));
  }
}

@media (min-width: 1280px) {
  .dx_text01 {
    font-size: 24px;
  }
}

.dx_woman p { display:inline-block; vertical-align: middle; }
.dx_womanimg { margin: 0 8px; }


.dx_btngreen { position: relative; display: block; padding: 10px 20px; font-size:1.2em; letter-spacing: 2px;　font-weight: bold; text-align: center; text-decoration: none; color: #FFF; background: #99c244; border-bottom: 2px solid #627d2b; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); }


.dx_btnorange { position: relative; display: block; padding: 10px 20px; font-size:1.2em; letter-spacing: 2px;　font-weight: bold; text-align: center; text-decoration: none; color: #FFF; background: #e79b37; border-bottom: 2px solid #a6712a; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); }


.dx_btnblue { position: relative; display: block; padding: 10px 20px; font-size:1.2em; letter-spacing: 2px;　font-weight: bold; text-align: center; text-decoration: none; color: #FFF; background: #53a6dc; border-bottom: 2px solid #325f7d; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); }


.dx_btnpink { position: relative; display: block; padding: 10px 20px; font-size:1.2em; letter-spacing: 2px;　ont-weight: bold; text-align: center; text-decoration: none; color: #FFF; background: #e08bb2; border-bottom: 2px solid #884c68; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); }

.boxContainer{
  display: flex;
}

.dx_title { margin: 10px; font-size: 1.2em; font-weight: bold; color: #5d496b; }

.dx_kakomi {
 margin: 1em auto;  
font-size: 1.1em;
 padding: 1em;
 width: 100%; /*幅の調節*/
 color: #666666; /*文字色*/
 background-color: #f7f7f7; /*背景色*/
 border: 2px solid #ccc; /*線の太さ・色*/
 border-radius: 10px; /*角の丸み*/ 
}


.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
.list4 li{
	position:relative;
	padding-left:20px;
}
 
.list4 li:after, .list4 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#ff0000; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list4 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

.dx_box {
	padding: 0.5em 1em;
	margin: .5em 0;
	background: #e5e5e5;
	border-radius: 10px;/*角の丸み*/
}
.dx_box p {
    margin: 0; 
    padding: 0;
}