@charset "UTF-8";
/*------------------------------------------------------------------------------

	新グローバルナビゲーション適応追加

------------------------------------------------------------------------------*/

/*-----------------------------------------------------
Dirpath
------------------------------------------------------*/
#Dirpath {
	padding: 1em;
	background: #f7f2ee;
}
#Dirpath ul {
	width: 1200px;
	margin: 0 auto;
}
#Dirpath ul li {
	float: left;
	padding-right: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #333;
}
#Dirpath ul li a {
	position: relative;
	text-decoration: none;
}
#Dirpath ul li a:hover {
	text-decoration: none;
}
#Dirpath ul li:before {
	content: "/";
	width: 6px;
	height: 8px;
	display: inline-block;
	margin: 0 0.85em;
	position: relative;
	top: 0;
	font-weight: normal;
	background: none;
}
#Dirpath ul li:first-child:before {
	display: none;
}
#Dirpath ul li:last-child {
	font-weight: bold;
}

@media (max-width: 667px) {
	#Dirpath { display: none; }
}

/* -------------------------------------------------------------------------------- */


#contents {
	padding-top: 150px;
}
#Main {
	background: none;
}
.section {
	width: 1230px;
	margin: 0 auto;
	padding: 0 15px;
}
.content_body {
	padding-top: 25px;
	padding-bottom: 25px;
}
.content_body p {
	line-height: 1.75;
}
.flexlayout {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maincont {
	width: 83%;
	margin:0 0 0 2%;
	order: 1;
}
.sidecont {
	width: 15%;
	order: 0;
}
.singlecont {
	width: 100%;
	margin:0 auto;
	font-size:115%;
}
.sidenav {margin:1em 0 0 0;}
.sidenav a {margin:.5em 0;padding:.5em;border-bottom:1px solid #ccc;display:block;}
.subbtn {padding:.8rem 1rem;text-align:center;text-decoration:none;border:2px solid rgba(153, 227, 239, 1);display:block;transition:ease-in all .3s}
.sidecaption {padding:.6rem .8rem;font-size:80%;line-height:1.2;text-align:center;font-weight:bold;background:rgba(153, 227, 239, .5);}
.subbtn:hover {background:rgba(153, 227, 239, .5);}
#bridge h2.homeh2 {padding:0;background:#fff;}
.keyv {width:100%;}
.keyv img {width:100%;height:auto;}
.suptxt {margin:0 .1em;font-size:80%;vertical-align:super;display:inline-block;}

.mt-15 {margin:1.5rem 0 0 0;}

.voiceframe {display:flex;}
.voicename {width:10%;}
.voicetext {width:90%;}

/* ### SP ### */
/* -------------------------------------------------------------------------------- */

@media screen and (max-width: 667px) {
	#contents {
		padding-top: 18vw;
	}
	.section {
		width: 100%;
		padding: 0 5vw;
	}
	.content_body {
		padding-top: 15px;
	}
	.flexlayout {display:block;}
	.maincont {width:100%;margin:0;}
	.sidecont {width:100%;}
	.sidenav {width:92%;margin:0 auto;}
	.sidenav li {display:inline-block;}
	.sidenav a {margin:.5em;padding:.5em;border:2px solid #12ab89;display:inline-block;}
	.subbtn {width:90%;margin:0 auto;}
	.tabcontent {width:92%;margin:0 auto;}
	
	.voiceframe {display:block;}
	.voicename {width:auto;display:block;}
	.voicetext {width:auto;display:block;}
}