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

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

/* 基本カラー  */ 

.faBasic {
	color:#e67800;
}

/* column  */ 

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

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

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

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

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


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

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

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

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

/* table  */ 

table.table3 th {
	background-color:#EAA34D;
	color:#fff;
}

table.table2 th {
	background-color:#EAA34D;
	color:#fff;
}

.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:#F59338;
}

ol.liNum {
	counter-reset:number;
	list-style-type: none;
}
ol.liNum li {
	border-bottom: dotted 1px #ccc;
	position: relative;
	padding: 0.5em 0.5em 0.5em 34px;
	line-height: 1.5em;
	font-size:1.2em;
}
ol.liNum li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background:#EEB853;
	color: white;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top:0.8em;/*以下 上下中央寄せのため
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
ol li:last-of-type {
	border-bottom: none; /*最後のliの線だけ消す*/
}



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

/* buttons */

.txtBnr a {
	background-color:#e67800;
}



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



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

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



/* contactBtn */


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

.txtContacBnrPC {
	color:#FFF;
	background-color:color:#e67800;
}

/* catch */

h3.h3Catch1 {
	color:#e67800;
}

h3.h3Catch2 {
	color:#e67800;
}

/* catchiphrase */

.catch1 {
	color:#e67800;
}

.catch2 {
	color:#e67800;
}

.catchS {
	color:#e67800;
}

/* list */

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

/* flow */


.area_flowC .inner_flow {

}

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



.txtIcon3 {
    background-color: #e67800;
}

/* font color */

.fcRed {
	color:#E92D05 !important;
}


.fcRedOrange {
	color:#FB5328 !important;
}

.fcBlue {
	color:#1A71B0 !important;
}

.fcOrange {
	color:#dc722b !important;
}

.fcYellow {
	color:#F3AB25 !important;
}

.fcYG {
	color:#A7B82C !important;
}

.fcGreen {
	color:#4a861e !important;
}

.fcSkyB {
	color:#6ABDE6 !important;
}

.fcBlue {
	color:#408BD0 !important;
}

.fcBlueP {
	color:#8B5FCF !important;
}

.fcRedP {
	color:#AF41B8 !important;
}

.fcWineR {
	color:#C62B71 !important;
}

.fc333 {
	color:#333 !important;
}

.fcfff {
	color:#fff !important;
}

.indexCatch {
	font-size:2em;
	margin-bottom:1em;
	line-height:1.6em;
	color:#E68B1E;
	text-decoration: underline dotted #E69D68;
	text-underline-offset: 0.4em;
}

@media screen and (max-width: 768px) {
.indexCatch {
	font-size:1.6em;
}	
}

@media screen and (max-width: 600px) {
.indexCatch {
	font-size:1.2em;
}	
}




/* 枠  */ 

.boxSimple {
	border: solid 1px #CCC;	
	padding:1.5em;
	background:#fff;
}

.boxSimple2 {
	border: solid 1px #CCC;	
	padding:1.5em;
	background:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
}

.boxFrame {
	padding:2em;
	border:3px solid #F1C03F;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: rgba(255,255,255,.85);
}

.boxFrameM {
	position: relative;
	padding:3em 2em 2em 2em;
	border:3px solid #F07E33;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: rgba(255,255,255,.85);
}

.boxFrameM .box-title {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    padding: 0.2em 0.8em 0.2em 0.8em;
    height: auto;
    line-height: 1.4em;
    font-size: 1.1em;
    background: #F07E33;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius:3px;
    color: #fff;
}


.boxFrameDouble {
	padding:2em;
	border:3px double #F1C03F;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: #FFFDF9;
}

.boxDot {
	padding:2em;
	border:  dotted 2px #E3AA24;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background:#FEFDE9;
	
}

.boxFablic {
	padding:2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	margin-bottom:40px;
	background:#FEFDE9;
	box-shadow: 0px 0px 0px 10px #FEFDE9;
	border:  dotted 2px #E3AA24;
}



@media only screen and (max-width: 600px) {

.boxFrame {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em;
}

.boxFrameDouble {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em;
}

.boxDot {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em
}

.boxFablic {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em;
}

}

/* 事業内容　*/

ul.liBusiv {
	text-align:center;
	margin-bottom:2em;
}
ul.liBusi li {
	padding:0.2em 1em;
	text-align:center;
	font-size:1.2em;
	width:100%;
	box-sizing: border-box;
	vertical-align:top;
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 77%, #FEE9A0 85%, #DAAF08 90%, #B67B03 95% 100%);
	color:#FFF;
	margin-bottom:10px;
	border-radius: 50px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px;
}

ul.liBusi2Div {
	text-align:center;
	margin-bottom:2em;
}
ul.liBusi2Div li {
	display:inline-block;
	padding:0.2em 1em;
	font-size:1.2em;
	width:46%;
	box-sizing: border-box;
	vertical-align:top;
	background-color:#41b879;
	color:#FFF;
	margin-bottom:10px;
	border-radius: 50px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px;
}

@media only screen and (max-width: 768px) {
	
ul.liBusi2Div li {
	display:block;
	width:100%;
}
}

/* リスト */


ul.liReseter , ul.liReseterFloat , ul.liReseter2Div , ul.liReseter3Div , ul.liReseter4Div {
	line-height:1.8em;
	margin-left:18px;
}

ul.liReseter li {
	display:list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:-10px;
}


ul.liReseterFloat li {
	display:list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:-10px;
	float:left;
	padding-right:3em;
}

ul.liReseter2Div li {
	display:list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:-10px;
	float:left;
	padding-right:1em;
	width:45%;
	box-sizing: border-box;
}

ul.liReseter3Div li {
	display:list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:-10px;
	float:left;
	padding-right:1em;
	width:31%;
	box-sizing: border-box;
}

ul.liReseter4Div li {
	display:list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:-10px;
	float:left;
	padding-right:3em;
	width:22%;
	box-sizing: border-box;
}


ol.liReseter {
	line-height:1.8em;
	margin-left:20px;
}

ol.liReseter li {
	display:list-item;
	list-style-type:decimal;
	list-style-position: outside;
	padding-left:-10px;
}

 ul.liInline li::before ,  ul.liInline2Div li::before , ul.liInline3Div li::before , ul.liInline4Div li::before {
	position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 3rem;
    margin-left: -3rem;
    top: 7px;
    padding: 0;
    border-radius: 5px;
}

ul.liInline {
}

ul.liInline li {
	display:inline-block;
	padding:0 1.5em 0 20px;
	position: relative;
}


ul.liInline2Div {
}
ul.liInline2Div li {
	display:inline-block;
	padding:0 1.5em 0 20px;
	position: relative;
	width:48%;
	box-sizing: border-box;
	vertical-align:top;
}

ul.liInline3Div {
}
ul.liInline3Div li {
	display:inline-block;
	padding:0 1.5em 0 20px;
	position: relative;
	width:31%;
	box-sizing: border-box;
	vertical-align:top;
}

ul.liInline4Div {
}
ul.liInline4Div li {
	display:inline-block;
	padding:0 1.5em 0 20px;
	position: relative;
	width:24%;
	box-sizing: border-box;
	vertical-align:top;
}


ul.liCheck , ul.liCheckInline , ul.liCheck2Div , ul.liCheck3Div  , ul.liCheck4Div {
	padding-left: 1em;
}

ul.liCheck li , ul.liCheckInline li  , ul.liCheck2Div li  , ul.liCheck3Div li , ul.liCheck4Div li {
	position: relative;
	padding-left: 0.4em;
}

ul.liCheck li:before , ul.liCheckInline li:before , ul.liCheck2Div li:before , ul.liCheck3Div li:before , ul.liCheck4Div li:before {
	font-family: "Font Awesome 5 Free";
 	content: '\f14a';
	color:#ED8D18;
	position: absolute;
	left: -1em;
	top: 0;
}

ul.liCheckInline li {
	display:inline-block;
	margin-right:1.5em;
	vertical-align:top;
}

ul.liCheck2Div li {
	display:inline-block;
	width:48%;
	vertical-align:top;
}

ul.liCheck3Div li {
	display:inline-block;
	width:30%;
	vertical-align:top;
}

ul.liCheck4Div li {
	display:inline-block;
	width:22%;
	vertical-align:top;
}

ul.liPDF , ul.liPDFInline , ul.liPDF2Div , ul.liPDF3Div , ul.liPDF4Div  {
	padding-left: 1em;
}

ul.liPDF li , ul.liPDFInline li , ul.liPDF2Div li , ul.liPDF3Div li , ul.liPDF4Div li {
	position: relative;
	padding-left: 0.4em;
}


ul.liPDF li:before , ul.liPDFInline li:before , ul.liPDF2Div li:before , ul.liPDF3Div li:before , ul.liPDF4Div li:before {
	font-family: "Font Awesome 5 Free";
 	content: '\f1c1';
	color:#C00505;
	position: absolute;
	left: -1em;
	top: 0;
}

ul.liPDFInline li {
	display:inline-block;
	margin-right:1.5em;
	vertical-align:top;
}

ul.liPDF2Div li {
	display:inline-block;
	width:48%;
	vertical-align:top;
}

ul.liPDF3Div li {
	display:inline-block;
	width:30%;
	vertical-align:top;
}

ul.liPDF4Div li {
	display:inline-block;
	width:22%;
	vertical-align:top;
}

ol.liFeature li {
	list-style-type: none;
	list-style-position: outside;
	padding:12px 0 12px 55px;
	margin-bottom:7px;
	background-position:0 0;
	background-repeat:no-repeat;
	line-height:1.2em;
	font-size:1.3em;
	position: relative;
}
ol.liFeature li::before {
	position: absolute;
	content:'';
	width: 2.7rem;
	height: 2.7rem;
	left: 3rem;
	margin-left: -2.7rem;
	top:0;
	border-radius: 2.7rem;
	font-size: 1.8rem;
	padding: 0.5rem 0.8rem 0;
	line-height: 1;
	box-sizing: border-box;
}

ol.liFeature .no1::before {
	 content:'1';
}

ol.liFeature .no2::before {
	 content:'2';
}

ol.liFeature .no3::before {
	 content:'3';
}

ol.liFeature .no4::before {
	 content:'4';
}

ol.liFeature .no5::before {
	 content:'5';
}

ol.liNum {
	counter-reset:number;
	list-style-type: none;
}
ol.liNum li {
	border-bottom: dotted 1px #ccc;
	position: relative;
	padding: 0.5em 0.5em 0.5em 34px;
	line-height: 1.5em;
	font-size:1.2em;
}
ol.liNum li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background:#EEB853;
	color: white;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top:0.8em;/*以下 上下中央寄せのため
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
ol li:last-of-type {
	border-bottom: none; /*最後のliの線だけ消す*/
}





@media only screen and (max-width: 768px) {
	
ul.liInline4Div li , ul.liReseter4Div li , ul.liPDF4Div li {
	box-sizing: border-box;
	width:48%;
	}
}

@media only screen and (max-width: 600px) {
	
ul.liReseterFloat li , ul.liReseter2Div li , ul.liReseter3Div li , ul.liReseter4Div li {
	width:100%;
	box-sizing: border-box;
}

ul.liInline2Div li, ul.liInline3Div li, ul.liInline4Div li {
	width:100%;
	box-sizing: border-box;
}

ul.liCheckInline li , ul.liCheck2Div li , ul.liCheck3Div li , ul.liCheck4Div li , ul.liPDFInline li , ul.liPDF2Div li , ul.liPDF3Div li , ul.liPDF4Div li {
	width:100%;
	box-sizing: border-box;
	margin-right:0;
}



 ol.liFeature li {
 background-size:30px;
 padding:8px 0 8px 40px;
 margin-bottom:7px;
 line-height:1.1em;
 font-size:1.1em;
}
 ol.liFeature li::before {
 position: absolute;
 content:'';
 width: 1.8rem;
 height: 1.8rem;
 left: 2.4rem;
 margin-left: -2.7rem;
 top:0;
 border-radius: 2.7rem;
 font-size: 1.2rem;
 padding: 0.4rem 0.6rem 0 0.5rem;
}
	
	
}

