@charset "shift_jis";
/*
cs-hiroshima オリジナルcss
*/

/*------------------------------------------------
共通　navi
-------------------------------------------------*/
#navi li a {
	position:relative;
	width:auto;
	color:#333;
	font-weight:bold;
/*	text-shadow:0 -1px 0px #333,0 1px 0px #555;*/
	padding:10px 0;
	text-decoration:none;
	display:block;
	
	 /*全体のグラデーション*/
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #efefef 51%, #e5e5e5 51%, #e5e5e5 52%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#efefef 51%,#e5e5e5 51%,#e5e5e5 52%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#efefef 51%,#e5e5e5 51%,#e5e5e5 52%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border-left:1px solid #ffffff;/*仕切り線*/
	}


#navi li a:hover {
	background: #f2b0cc; /* Old browsers */
	background: -moz-linear-gradient(top, #f2b0cc 0%, #f2b0cc 50%, #f29bb5 51%, #f29bb5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2b0cc 0%,#f2b0cc 50%,#f29bb5 51%,#f29bb5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2b0cc 0%,#f2b0cc 50%,#f29bb5 51%,#f29bb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b0cc', endColorstr='#f29bb5',GradientType=0 ); /* IE6-9 */
}


#navi li.active a {
	background: #f2b0cc; /* Old browsers */
	background: -moz-linear-gradient(top, #f2b0cc 0%, #f2b0cc 50%, #f29bb5 51%, #f29bb5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2b0cc 0%,#f2b0cc 50%,#f29bb5 51%,#f29bb5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2b0cc 0%,#f2b0cc 50%,#f29bb5 51%,#f29bb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b0cc', endColorstr='#f29bb5',GradientType=0 ); /* IE6-9 */
}

/*------------------------------------------------
index.html
-------------------------------------------------*/
.btnLink01,
.btnLink02{
	padding:0.8em;
	display:inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#ffffff;
}

.btnNavi01 {
	background:#d6f2ff;
	border:3px solid #1496cc;
	color:#1496cc;
}
.btnNavi01:hover {
	background:#93dfff;
	text-decoration:none;
}
.btnLink01:after {
	content:url("../images/arrow_a_btn01.png");
	margin-left:1em;
}

.btnNavi02 {
	background:#fff2f3;
	border:3px solid #ff6a7f;
	color:#ff6a7f;
}
.btnNavi02:hover {
	background:#fcdee2;
	text-decoration:none;
}
.btnLink02:after {
	content:url("../images/arrow_a_btn02.png");
	margin-left:1em;
}

/*------------------------------------------------
table
-------------------------------------------------*/
#hoken table.detail th {
	background:#f8f1f5;
}

#shien table.detail th {
	background:#f8f1f5;
}

/*------------------------------------------------
ti_base.cssからの設定変更
-------------------------------------------------*/
/*#breadcrumb {
background: #f8f1f5;
}*/

.tIndent0{
text-indent: 0 !important;
}

body {
	color:#444444;
}

.mainBox {
	padding-top:0;
}

.keyimgBox {
	background:#fbf1dc;
}

.btnBlue {
	background:#00A0B8;
}
.btnBlue:hover {
	background:#57b4d3;
}

.btnLink {
	padding:0.5em 1.5em;
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color:#ffffff;
}

a {
	color:#008ad5;
}

.catch {
	text-align:left;
	font-size:2em;
	margin-bottom:0.5em;
	color:#666666;
}


.btnRed {
	background:#E9527D;
}
.btnRed:hover {
	background:#e96d90;
	text-decoration:none;
}


.btnGray {
	background:#CCC;
}
.btnGray:hover {
	background:#AAA;
	text-decoration:none;
}

.dlFloat dt{
	width:15%;
}
.dlFloat dd{
	width:75%;
}

.attBox02{
	border: 5px solid #fbf1dc;
	background:#fbf1dc;
}

table.detail th {
	background:#f8f1f5;
}


/*見出し------------------------------------------------------------*/

h1{
	color: #444444;
	border: 0 none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	display:inline;
}

h1:after {
	border-bottom:none;
	border-top:none;
}

h1, h2, h3, h4, h5, h6{
	color:#444444;
}
h2{
	font-size: 2rem;
	border-bottom:2px solid #444444;
	margin-top:35px;
}


h3 {
	border-left: 10px solid #e85282;
	color: #e85282;
	background:#fdf1f5;
	padding:10px;
}

.attBox02 h3 {
	background-color: transparent;
}



h4{
	font-size: 1.3rem;
	border-left: 5px solid #e85282;
	color: #e85282;
}

@media screen and (max-width:767px) {
	.grid1 img,
	.grid2 img,
	.grid3 img,
	.grid4 img,
	.grid5 img,
	.grid6 img,
	.grid7 img,
	.grid8 img,
	.grid9 img,
	.grid10 img,
	.grid11 img,
	.grid12 img{
		width:100%;
	}
.fLeft767{
	float: none;
	margin-left: 0;
	margin-right: 0;
}
}

/*------------------------------------------------
box
-------------------------------------------------*/
.box dl{
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	background:#f4cbd5;
}

.box dt{
	font-size:1.3em;
	color:#e7586d;
	text-align:center;
}

.box dd{
	padding:20px;
	background:#ffffff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
.tri{
	position: relative;
	margin-bottom:32px;
}
.tri::after {
position: absolute;
content: "";
left: 50%;
bottom: -30px;
width:80px;
height:30px;
margin-left: -40px;
background: url("../images/bgFlow.png") top left no-repeat;
background-size:80px 30px;
}

footer .inner2{
background:#f8f1f5;
border-bottom: 2px solid #e9527d;
}

table.detail .w20{
	width:20%;
}

.news dl dt {
	background: #fee6ed;
	color: #e85282;
}

/*------------------------------------------------
faq
-------------------------------------------------*/
.faq dt{
	background-image:url("../images/icon_Q.png");
}
.faq dd{
	background-image:url("../images/icon_A.png");
}

/*------------------------------------------------
テーブル 一部上書き
-------------------------------------------------*/
table.detail th {
	padding: 10px;
}

caption
{
	font-weight:bold;
	padding-left: 0%!important;
}



/*------------------------------------------------
indentの上書き
-------------------------------------------------*/
.tIndent4em {
	text-indent: -4em;
	padding-left: 4em;
}

/*------------------------------------------------
h4の上書き
-------------------------------------------------*/

h4.simple
{
	color:#333;
	font-weight:bold;
	padding-left: 0px;
}
/*------------------------------------------------
h3の上書き
-------------------------------------------------*/

h3
{
	margin-top:30px;
}


/*------------------------------------------------
flex
-------------------------------------------------*/

.flexBox{
display : flex;
width : 90%;
margin : 0 auto;
}

.flexBox > p {
width : 33%;
padding : 2em 0.5em ;
border : 1px solid #e85282;
background : #fee6ed;
color : #e85282;
margin-top : 0 !important;
}

.flex_flow{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 230px;
    color: #e85282;
margin : 20px auto;
/*    font-size: 36px;
    font-weight: 700;*/

}

.flex_flow li{
width : 4em;
text-align : center;
background-color: #fee6ed;
margin-right : 10px;
}
.flex_flow li:last-child{
margin-right : 0;
}
.flex_flow li p{
text-align : center;
height: 40px;
padding : 0.5px 0;
width : 4em;
line-height : 1.2em;
}

.flex_flow li div{
text-align : left;
writing-mode: vertical-rl;
color : #e85282;
background-color: #fff;
height: 200px;
width : 3em;
margin : 0 auto 10px;
padding : 0.5em;
}


.alertBox01, .alertBox02 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:1.2em;
	text-align:center;
}
.alertBox01 {
	color:#a94442;
	border:1px solid #dca7a7;
	background: linear-gradient(#f2dddd, #e7c3c3);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2dddd', endColorstr='#e7c3c3', GradientType=0)";
}
.alertBox02 {
	color:#a66d3b;
	border:1px solid #f5e79e;
	background: linear-gradient(#fcf8e1, #f8efc1);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf8e1', endColorstr='#f8efc1', GradientType=0)";
}