@charset "utf-8";
/*===========================
add
===========================*/

/*-----------
   色変更   
-----------*/


/* humberger area*/

.slicknav_menu .slicknav_menutxt {  /* MENU文字色　*/
	color: #fff;
}

.slicknav_btn {
    background-color: #2981c0;  /* MENU背景　*/
}

.slicknav_menu {
    background-color: #f2f2f2;  /* 背景　*/
}

.slicknav_nav li {
    background-color: #2981c0;  /* ナビ色　*/
}

.slicknav_nav a {
    border-bottom: 1px solid #fcfcfc;  /* 下線　*/
}

.slicknav_nav li:first-child {
	border-top: 1px solid #fcfcfc; /* 最初の上線　*/
}


.slicknav_nav .slicknav_row:hover {
	background: #4ea1dc;
	color: #fff;
}

.slicknav_nav a:hover {
	background: #4ea1dc; /* オーバー時背景色　*/
    color:  #fff; /* オーバー時文字色　*/
}


/* column  */ 

.column1_100p {
	border:1px solid #e1e1e1;
	background: rgba(255,255,255,.9);
}

.column1_80p {
	/*border:1px solid #2981c0;*/
	background: rgba(255,255,255,.9);
}

.column1_60p {
	border:1px solid #2981c0;
	background: rgba(255,255,255,.9);
}

.column2_80p {
	border:3px double #2981c0;
	background: rgba(255,255,255,.9);
}

.column2_60p {
	border:3px double #2981c0;
	background: rgba(255,255,255,.9);
}


.column3_80p {
	border:4px dashed #2981c0;
	background: rgba(255,255,255,.95);
}

.column3_60p {
	border:4px dashed #2981c0;
	background: rgba(255,255,255,.95);
}

.column4_80p {
	border:4px dashed #2981c0;
	background: rgba(255,255,255,.95);
}

.column4_60p {
	border:4px dashed #2981c0;;
	background: rgba(255,255,255,.95);
}

/* table  */ 

table.table3 th {
	background-color:#efefef;
	color:#333;
}

table.table2 th {
	background-color:#efefef;
	color:#333;
}

.tdColorBeige {
	background:#FEF8E9 !important;
	text-align:center;
	vertical-align:middle;
}

table.table2 td.tdBgC01 {
	background-color:#FFF;
}

table.table2 td.tdBgC02 {
	background-color:#EEE;
}

table.table2 td.tdBgC03 {
	background-color:#DDD;
}


table.table2 td.tdBgC04 {
	background-color:#CCC;
}


table.table2 td.tdBgC05 {
	background-color:#BBB;
}



/* addon-circle */ 

.circle-big::before {
	color: #FFF;
	background:#2981c0;
}


ol.liFeature li::before {
	color: #FFF;
	background:#EEB853;
}

/* buttons */

.txtBnr a {
	background-color:#2981c0;
}



.txtBnr2 a {
	color:#FFF;
	background-color:#2981c0;;
	margin:0.4em 0;
}



.txtBnr3 a {
	color:#FFF;
	background-color:#2981c0;
}

.txtBnrInline a {
	color:#FFF;
	background-color:#2981c0;
}



/* contactBtn */


.txtContacBnr a {
	color:#FFF;
	background-color:#2981c0;
}

.txtContacBnrPC {
	color:#FFF;
	background-color:#2981c0;
}

/* catch */

h3.h3Catch1 {
	color:#2981c0;
}

h3.h3Catch2 {
	color:#2981c0;
}

/* catchiphrase */

.catch1 {
	/*color:#2981c0;*/
}

.catch2 {
	color:#2981c0;
}

.catchS {
	/*color:#2981c0;*/
}

/* list */

ul.liCircle li::before {
	background:#F3AC56;
}

/* flow */


.area_flowC .inner_flow {
	background: rgba(250,250,250,.85);
}

.area_flowC .inner_flow .largeTxt {
	color:#2981c0;
	border-bottom:1px dotted #CCC;
}


.ls{
	letter-spacing: -0.1em;
}
.serif{
	font-family: serif;
	font-weight: 500;
}
.layAuto {
    display: inline-block;
	text-align: left;
    margin: 0 4px 10px 4px;
    width: 19%;
	vertical-align: top;
	
}
.pt15{
	    padding-top: 1.5em;
}
.txtIcon3 {

    background-color: #2981c0;

}
.concept{
    width: 220px;
    height: 220px;
    border-radius: 220px;
    padding: 20px;
}
.concept .catch1{
	padding-top: 0.2em;
	color: #333;
}
.concept-position{
	position: relative;
	height: 750px;
	color: #000;
	font-size:1.4em;
}
.concept-position .position1{
	position: absolute;
	top: 0;
	left: 320px;
	background-color: #f9d581;
}
.concept-position .position2{
	position: absolute;
	top: 0;
	right: 320px;
	background-color: #b8ed9d;
}
.concept-position .position3{
	position: absolute;
	top: 260px;
	left: 140px;
	background-color: #afe7f8;
}
.concept-position .position4{
	position: absolute;
	top: 260px;
	right: 140px;
	background-color: #f4acd2;
}
.concept-position .position5{
	position: absolute;
	bottom: 0;
	left: 320px;
	background-color: #b6cafd;
}
.concept-position .position6{
	position: absolute;
	bottom: 0;
	right: 320px;
	background-color: #d4b9ff;
}
@media screen and (max-width: 768px) {
	.layAuto {

    width: 48%;
	
}
	.concept{
    width: 150px;
    height: 150px;
    border-radius: 150px;
    padding: 20px;
}
.concept .catch1{
	padding-top: 0.3em;
}
.concept-position{
	height: 590px;
	font-size:1.2em;
}
.concept-position .position1{
	position: absolute;
	top: 0;
	left: 150px;
	background-color: #f9d581;
}
.concept-position .position2{
	position: absolute;
	top: 0;
	right: 150px;
	background-color: #b8ed9d;
}
.concept-position .position3{
	position: absolute;
	top: 200px;
	left: 20px;
	background-color: #afe7f8;
}
.concept-position .position4{
	position: absolute;
	top: 200px;
	right: 20px;
	background-color: #f4acd2;
}
.concept-position .position5{
	position: absolute;
	bottom: 0;
	left: 150px;
	background-color: #b6cafd;
}
.concept-position .position6{
	position: absolute;
	bottom: 0;
	right: 150px;
	background-color: #d4b9ff;
}
	
}
@media screen and (max-width: 600px) {
	.layAuto {

    width: auto;
	
}
	.concept{
    padding: 5px;
}
.concept .catch1{
	padding-top: 0.5em;
}
.concept-position{
	height: 520px;
	font-size:1em;
}
.concept-position .position1{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f9d581;
}
.concept-position .position2{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #b8ed9d;
}
.concept-position .position3{
	position: absolute;
	top: 180px;
	left: 0;
	background-color: #afe7f8;
}
.concept-position .position4{
	position: absolute;
	top: 180px;
	right: 0;
	background-color: #f4acd2;
}
.concept-position .position5{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #b6cafd;
}
.concept-position .position6{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #d4b9ff;
}
}

/* index_wp */
 
.index_wp ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCCCCC;
}

.index_wp .thumbnail {
    display: inline-block;
	vertical-align:middle;
	line-height:150px;

}
.index_wp .data {
    margin-left: 20px;
    display: inline-block;
	vertical-align:middle;
	line-height:150px;

}
.index_wp .title {
    margin-left: 20px;
	display: inline-block;
	vertical-align:middle;
	line-height:150px;
}


@media only screen and (max-width: 600px) {
.index_wp .thumbnail {
	display: block;
	margin-bottom:10px;
}

.index_wp .data {
    margin-left: 0;
	display: block;
	line-height:1.2em;
	margin-bottom:5px;
}
.index_wp .title {
    margin-left: 0;
	display: block;
	line-height:1.2em;
	margin-bottom:10px;
}

}
/*===========================
spacer
===========================*/


.mt10 {
	margin-top:10px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mt60 {
	margin-top:60px !important;
}
.mt70 {
	margin-top:70px !important;
}
.mt80 {
	margin-top:80px !important;
}
.mt0{
	margin-top:0px !important;}
	
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mb60 {
	margin-bottom:60px !important;
}
.mb70 {
	margin-bottom:70px !important;
}
.mb80 {
	margin-bottom:80px !important;
}
.mb0{
	margin-bottom:0px !important;}
.pb0 {
	padding-bottom:0px !important;
}

@media screen and (max-width: 768px) {
.mt10,.mt20,.mt30 {
     margin-top:4% !important;
}
.mb10,.mb20,.mb30 {
     margin-bottom:4% !important;
}
.mt40,.mt50,.mt60 {
     margin-top:5% !important;
}
.mb40,.mb50,.mb60 {
     margin-bottom:5% !important;
}
.mt70,.mt80 {
     margin-top:8% !important;
}
.mb70,.mb80 {
     margin-bottom:8% !important;
}
}


ol.num_order {
 padding-left:20px;
}
ol.num_order > li {
    padding: 5px 0 4px 0;
    list-style-type: decimal;
	margin-bottom:1em;
}
ol.num_order > li::marker {
	font-size:1.4em;
}
ol.kakko > li {
	list-style-type: none;
	counter-increment: cnt;
	margin-bottom:0.5em;
		padding-left:1.3em;
	text-indent:-1.3em;
	
}
ol.kakko > li:first-child {
	margin-top:0.5em;
}
ol.kakko > li.la-list {
	margin-bottom:0px;
}

ol.kakko > li::before {
	content: counter(cnt) ") ";
	font-size:1.2em;
}
ol.kakko-v2 {
    padding-left:0px;
}
ol.kakko-v2 > li {
	list-style-type: none;
	counter-increment: cnt;
	padding-left:1.3em;
	text-indent:-1.3em;
	margin-bottom:1em;
}
ol.kakko-v2 > li:first-child {
	margin-top:0.5em;
}

ol.kakko-v2 > li::before {
	content: counter(cnt) ") ";
		font-size:1.2em;
}
ol.kakko-v3 {
   list-style: none;
   padding-left: 20px ;
   
}
ol.kakko-v3 > li {
	counter-increment: alpha; 
	padding-left:0.2em;
	text-indent:-0.2em;
	position: relative;
	margin-bottom:1em;
}

ol.kakko-v3 > li::before {
	content: "(" counter(alpha, lower-alpha) "）";
	  position: absolute;
	  top: 0;
      left: -20px;
	  font-size:1.1em;
}
ol.circle_num {
    counter-reset: number;
    list-style-type: none!important;
    margin-left: -0px;
}
ol.circle_num > li {
    position: relative;
    padding: 0.5em 0.5em 0.5em 20px;
    line-height: 1.8em;
    font-size: 1.0em;
    width: 96%;
    margin-right: 10px;
    margin-left: 0px;
	text-indent:initial;
}
ol.circle_num > li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
	border:1px solid #333;
    color: #333;
    font-weight: normal;
    font-size: 0.89em;
    border-radius: 50%;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
ul.circle {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
	padding-left:10px;
}
ul.circle li {
    padding: 0 0 0.2em 1.2em;
    margin-bottom: 0.2em;
    width:90%;
    margin-right:2%;
    position: relative;
}
ul.circle li.circle-cnt {
    padding: 0 0 0.2em 0em;
    margin-bottom: 0.2em;
    width:90%;
    margin-right:2%;
    position: relative;
}
ul.circle li.la-list {
    margin-bottom:0px;
	padding-bottom:0px;
}
ul.circle li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: -0.8em;
    margin-top: 0.6em;
}

@media screen and (max-width: 768px) {
ol.num_order {
    padding-left: 10px;
}
ol.num_order > li::marker {
	font-size:1.2em;
}
ol.num_order > li::marker {
	font-size:1.1em;
}
ol.kakko > li::before {
	font-size:1.1em;
}
ol.kakko-v2 > li::before {
 font-size:1.1em;
}
ol.kakko-v3 > li::before {
 font-size:1.0em;
}
ul.circle li {
	text-indent:initial;
	padding-left:0px;
	line-height:1.8;
}
ol.circle_num > li {
	line-height:1.8em;
}
ol.circle_num > li:before {
    top: 20px;
}
ol.circle_num > li.line-1:before {
    top: 50%;
}
}



/* txt */
.txt2 {
   font-size:1.2rem;
   font-weight:800;
}
.txtbold {
   font-weight:bold;
}
.tx-center {
   text-align:center
}
.tx-left {
   text-align:left;
}
.tx-right {
   text-align:right;
}
.tx_marker {
   background:linear-gradient(transparent 75%, #fff799 75%);
   font-weight:bold;
   display:inline;
}
/* color */

.red {
	color: #bc2d2d;
}
.green {
	color: #3b7a28;
}
.brown {
	color: #a67435;
}
.blue {
	color: #325f99;
}
.catchcopy {
    font-size: 2rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    line-height: 1.3em;
    color: #E0625E;
}
.catchcopy2 {
    font-size: 2.2rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 600;
    line-height: 1.3em;
    color: #E0625E;
}
.col_red {
	color:#F33;
}
.col_green {
	color: #1a9651 !important;
}
.col_blue {
	color: #06C;
}
.col_orange {
	color: #F06000;
}
.tx-70p  {
	font-size:70% !important;
	letter-spacing:normal;
}	
.tx-80p  {
	font-size:80% !important;
	letter-spacing:normal;
}
.tx-90p  {
	font-size:90% !important;
	letter-spacing:normal;
}
.tx100p    {
	font-size:100% !important;
	letter-spacing:normal;
}
.tx-110p {
    font-size: 110% !important;
	letter-spacing:normal;
}
.tx-120p    {
	font-size:120% !important;
	letter-spacing:normal;
}
.tx-130p    {
	font-size:130% !important;
	letter-spacing:normal;
}
.tx-140p    {
	font-size:140% !important;
	letter-spacing:normal;
	line-height:1.4em;
}
.tx-150p    {
	font-size:150% !important;
	letter-spacing:normal;
}
.tx-160p    {
	font-size:160% !important;
	letter-spacing:normal;
}
.tx-170p    {
	font-size:170% !important;
	letter-spacing:normal;
}
.tx-180p    {
	font-size:180% !important;
	letter-spacing:normal;
}
.tx-230p    {
	font-size:230% !important;
	letter-spacing:normal;
}
.tx-300p    {
	font-size:300% !important;
	letter-spacing:normal;
}
.mar0 {
    margin:0 auto;
}
.txsize1 {
   font-size:1.2rem;
   font-weight:800;
   color:#F33;
   text-align:center;
}
.txtstyle1 {
	font-size: 1.16em;
	font-weight: bold;
}
.txtstyle2 {
	font-size: 1.24em;
	font-weight: bold;
}
.ex {
    padding-left:1em;
    text-indent:-1em;
}
.pb10 {
	padding-bottom:10px;
}

@media only screen and (max-width: 768px) {
.tx-230p {
    font-size: 120% !important;
    letter-spacing: nomal;
}
.tx-180p {
    font-size: 110% !important;
    letter-spacing: nomal;
}	


}


@media only screen and (max-width: 600px) {
.line-h2 {
    line-height: 1.5;
}
.tx-230p {
    font-size: 130% !important;
    letter-spacing: nomal;
}
.tx-180p,.tx-170p {
    font-size: 120% !important;
    letter-spacing: nomal;
}
.tx-160p,.tx-150p {
    font-size: 110% !important;
    letter-spacing: nomal;
}
.tx-140p,.tx-130p,.tx-120p,.tx-110p {
    font-size: 100% !important;
    letter-spacing: nomal;
}
}
.pc-disp {
    display:block;
}
.sp-disp {
    display:none; 
}
@media only screen and (max-width: 768px) {
.pc-disp {
    display:none;
}
.sp-disp {
    display:block; 
}
.sp-no {
	display:none;
}
}