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

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

/* 基本　#1a54a5; */

.fcBasic {
	color:#2981c0 !important;
}

.fcBasic2 {
	color:#4796CF !important;
}

.fcBasic3 {
	color:#F8B71F !important;
}


.bgBasic {
	background-color:#1a54a5 !important;
}



/* column  */ 

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

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

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

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

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


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

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

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

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

/* table  */ 

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

table.table2 th {
	background-color:#2981c0;
	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;
}

.tdColGreen {
	background:#ECF5D1!important;
	text-align:center;
	vertical-align:middle;
}

.tdColBlue {
	background:#F3F7FC!important;
	text-align:center;
	vertical-align:middle;
}

.tdColPink {
	background:#FEE7E0!important;
	text-align:center;
	vertical-align:middle;
}


/* addon-circle */ 

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


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

/* buttons */

.txtBnr a {
	background-color:#1a54a5;
}



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



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

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



/* contactBtn */


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

.txtContacBnrPC {
	color:#FFF;
	background-color:#1a54a5;
}

/* catch */

h3.h3Catch1 {
	color:#1a54a5;
}

h3.h3Catch2 {
	color:#1a54a5;
}

/* catchiphrase */

.catch1 {
	color:#1a54a5;
}

.catch2 {
	color:#1a54a5;
}

.catchS {
	color:#1a54a5;
}

/* list */

ul.liCircle li::before {
	background:#4796CF;
}

/* flow */


.area_flowC .inner_flow {
	background: rgba(253,253,253,.9);
}

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



.txtIcon3 {
    background-color: #1a54a5;
}

/* ご利用案内　*/

ul.liBusiv  , ul.liBusi2Div, ul.liBusi3Div , ul.liBusi4Div{
	text-align:center;
	margin-bottom:2em;
}
ul.liBusi li {
	padding:0.2em 1em;
	font-size:1.2em;
	width:100%;
	box-sizing: border-box;
	vertical-align:top;
	background-color:#4796CF;
	color:#FFF;
	margin-bottom:10px;
	border-radius: 50px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px;
}

 {
	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:#4796CF;
	color:#FFF;
	margin-bottom:10px;
	border-radius: 50px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px;
}

ul.liBusi3Div li {
	display:inline-block;
	padding:0.2em 1em;
	font-size:1.2em;
	width:30%;
	box-sizing: border-box;
	vertical-align:top;
	background-color:#4796CF;
	color:#FFF;
	margin-bottom:10px;
	border-radius: 50px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px;
}


ul.liBusi4Div li {
	display:inline-block;
	padding:2em 1em;
	font-size:1.2em;
	width:23%;
	box-sizing: border-box;
	vertical-align:top;
	background-color:#4796CF;
	color:#FFF;
	margin:0 5px;
	border-radius: 50px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px;
}


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

ul.liBusi4Div li {
	padding:0.5em 1em;
	margin-bottom:10px;
}
}

/* 背景付き見出し */

.txtIconM {
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	line-height: normal;
	padding: 0.4em 1em 0.5em 1em;
	background-color:#1a54a5;
	margin: 0 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


@media only screen and (max-width: 600px) {
	
.txtIconM {
	font-size: 1.1em;
}
}

/* 枠  */ 

.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 #4796CF;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: rgba(255,255,255,.85);
}

.boxFrameDouble {
	padding:2em;
	border:3px double #4796CF
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: rgba(255,255,255,.85);
}

.boxDot {
	padding:2em;
	border:  dotted 2px #4796CF
	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:#F9FCFD;
	box-shadow: 0px 0px 0px 10px #F9FCFD;
	border:  dotted 2px #4796CF
}



@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;
}

}

/*　丸　*/

.txtCir {
	display: inline-block;
}
.txtCir {
	color:#fff;
	font-size:1.2em;
	display: inline-block;
	text-decoration: none;
	line-height: normal;
	padding: 3.8em 2em;
	margin: 0;
	background-color:#4796CF;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

@media only screen and (max-width: 600px) {
.txtCir {
	font-size:1.1em;
	display: inline-block;
	text-decoration: none;
	line-height: normal;
	padding: 0.5em 1em;
	margin: 0;
}
}

/* 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;
}

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:#2981c0;
	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の線だけ消す*/
}