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

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


/* humberger area*/

.slicknav_menu .slicknav_menutxt {  /* MENU文字色　*/
	color: #fff;
}
.slicknav_btn {
	background-color: #8f2e7c;  /* MENU背景　*/
}
.slicknav_menu {
	background-color: #f2f2f2;  /* 背景　*/
}
.slicknav_nav li {
	background-color: #8f2e7c;  /* ナビ色　*/
}
.slicknav_nav a {
	border-bottom: 1px solid #fcfcfc;  /* 下線　*/
}
.slicknav_nav li:first-child {
	border-top: 1px solid #fcfcfc; /* 最初の上線　*/
}
.slicknav_nav .slicknav_row:hover {
	background: #b745a0;
	color: #fff;
}
.slicknav_nav a:hover {
	background: #b745a0; /* オーバー時背景色　*/
	color:  #fff; /* オーバー時文字色　*/
}
/* column  */ 

.column1_100p {
	border:1px solid #e1e1e1;
	background: rgba(255, 255, 255, .9);
}
.column1_80p {
	border:1px solid #8f2e7c;
	background: rgba(255, 255, 255, .9);
}
.column1_60p {
	border:1px solid #8f2e7c;
	background: rgba(255, 255, 255, .9);
}
.column2_80p {
	border:3px double #8f2e7c;
	background: rgba(255, 255, 255, .9);
}
.column2_60p {
	border:3px double #8f2e7c;
	background: rgba(255, 255, 255, .9);
}
.column3_80p {
	border:4px dashed #8f2e7c;
	background: rgba(255, 255, 255, .95);
}
.column3_60p {
	border:4px dashed #8f2e7c;
	background: rgba(255, 255, 255, .95);
}
.column4_80p {
	border:4px dashed #8f2e7c;
	background: rgba(255, 255, 255, .95);
}
.column4_60p {
	border:4px dashed #8f2e7c;
	;
	background: rgba(255, 255, 255, .95);
}
/* table  */ 




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

table.table3 th.drink {
	background-color:#8f2e7c;
	color:#fff;
}

table.table2 th {
	background-color:#FEF5FB;
	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:#F59338;
}
 ol.liFeature li::before {
 color: #FFF;
 background:#EEB853;
}
/* buttons */

.txtBnr a {
	background-color:#8f2e7c;
}
.txtBnr2 a {
	color:#FFF;
	background-color:#8f2e7c;
	;
	margin:0.4em 0;
}
.txtBnr3 a {
	color:#FFF;
	background-color:#8f2e7c;
}
.txtBnrInline a {
	color:#FFF;
	background-color:#8f2e7c;
}
/* contactBtn */


.txtContacBnr a {
	color:#FFF;
	background-color:#8f2e7c;
}
.txtContacBnrPC {
	color:#FFF;
	background-color:#8f2e7c;
}
.txtBA {
	color:#FFF;
	background-color:#8f2e7c;
}
/* catch */

h3.h3Catch1 {
	color:#EEA011;
}
h3.h3Catch2 {
	color:#EEA011;
}
/* catchiphrase */

.catch1 {
	color:#EEA011;
}
.catch2 {
	color:#EEA011;
}
.catchS {
	color:#EEA011;
}

/* list */

ul.liCircle li::before {
 background:#8f2e7c;
}
/* flow */


.area_flowC .inner_flow {
	background: rgba(254, 254, 254, .95);
}
.area_flowC .inner_flow .largeTxt {
	color:#E8840B;
	border-bottom:1px dotted #CCC;
}



/*リンク光らせる*/
.company_data a:hover,
.wrap-banner a:hover,
.content a:hover{
    cursor:pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; 
    -moz-opacity:0.7; 
    -khtml-opacity: 0.7; 
    opacity:0.7;
    zoom:1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.wrap-banner span {
    /* margin: 5px 10px 5px 0px; */
    display: inline-block;
    background-color: #ffffff;
}

div.btn_link img:hover{
   transition: all 0.5s ease;
   opacity:0.7;
}




/* 代表名　*/
.CEO{
    font-weight:700;
    text-align:right;
}



/*　大きく強調　*/

.catch-main {
font-size:1.7em;
line-height:1.5em;
font-weight: 700;
color: #8f2e7c;
/* font-family: 'Noto Sans Japanese';*/
}

/*　やや大きめ　*/

.catch-middle {
font-size:1.4em;
line-height:1.5em;
font-weight: 700;
color: #8f2e7c;
/* font-family: 'Noto Sans Japanese';*/
}

/*　太字のみ　*/

.catch-normal {
font-size:1em;
line-height:1.2em;
font-weight: 700;
/* font-family: 'Noto Sans Japanese';*/
}



.w50 {
    width: 50%;
    margin: auto;
    min-width: 500px;
}

.w60 {
    width: 60%;
    margin: auto;
    min-width: 600px;
}


.w70 {
    width: 70%;
    margin: auto;
    min-width: 650px;
}

.w80 {
    width: 80%;
    margin: auto;
    min-width: 650px;
}

@media screen and (max-width: 768px) {
	.w50,.w60,.w70,.w80{
		width:100%;
		min-width: auto;
		box-sizing: border-box;
	}
}

/* 囲み　色付き*/

.bg-color {
background-color: #e7e7e7;
}


/* 内部リンク位置調整 */
.landing{
position: absolute;
display:block;
padding-top:120px;
margin-top:-120px;
z-index: -5;
}


/* 地図の住所表示 */
.map-add {
font-size: 1.6em;
line-height: 1.3em;
position: relative;
margin-bottom:20px;
text-align:center;
}


/*リンクボタン*/


.btn9 a {
	background: #004776;
	text-decoration: none;
	text-align:center;
	color: #FFF !important;
	position: relative;
	display: inline-block;
	padding: 0.25em 1em;
	border-radius: 2px;
	transition: all .3s;
	-webkit-transition: all .3s;
}


/*ボックス*/

.box9 {
	border: 4px double #62A67C;
	padding: 2em;
}
.box9 h3 {
	font-size: 1.4em;
	margin-bottom: 1em;
}
.box9 h3::after {
	position: relative;
	background: none;
	bottom: 0;
}


/* 画像とテキストを交互に表示 */


.full{
	background: #f6f6f6;
}

.full .contents-text {
	width: 50%; /*flex: 2;*/
}
.full .contents-img {
	width: 50%; /*flex: 1;*/
}
.full .contents-text h3 {
	color: #8f2e7c;
	font-weight: 700;
	text-align: center;
	margin-top:0;
	margin-top: 1.5em;
	margin-bottom: 10px;
	font-size: 1.5rem;
	line-height:1.3em;
	border: none;
	padding:0;
}

.full .contents-text h3::after {
	background-color: transparent;
}


.full .contents-text p {
	width: 90%;
	text-align: left;
	margin: 20px auto;
	line-height: 2em;
	}

.full .contents-img img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1200px) {
.full .contents-text,
.full .contents-img {
		width:100%;
	}

.full .contents-text{
	max-width: 100%;
}

.full .contents-img {
		max-width:100%;
	}

.full .contents-text h3 {
	font-size:1.2rem;
	margin-top: 1em;

}

}



/* 画像とテキストを交互に表示 */


.contents-wrap {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-webkit-box-pack: justify; /*Android4.3*/
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.contents-wrap:nth-child(even) {
	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction:row-reverse;

}
.contents-text {
	width: 47.5%; /*flex: 2;*/
}
.contents-img {
	width: 47.5%; /*flex: 1;*/
}
.contents-text h3 {
	margin-bottom: 2rem;
	font-size: 2rem;
	line-height:1.1em;
	border: none;
	padding:0;
	color:#9091c3;
}
.contents-img img {
	display: block;
	width: auto;
	max-width: 100%;
}
@media screen and (max-width: 768px) {
.contents-wrap, .contents-wrap:nth-child(odd) {
	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction: column-reverse;
}
.contents-text, .contents-img {
	width: 100%; /*flex: 1;*/
	margin-bottom:3em;
}
.contents-text h3 {
	text-align: center;
}

.contents-wrap:nth-child(even) {
	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction:column-reverse;

}


}