@charset "utf-8";

/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS Document */

/* よく使うCSS start

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}

角丸 {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}

スマホ対応
@media screen and (max-width: 480px){

}
@media screen and (max-width: 320px){

}

時々使うCSS3 end */

:root {
	--color-main: #2a7b9d;
	--color-hover: #20698c;
	--color-pale-blue: #e8f1f8;
}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.bg-1366 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1366px;
}

@media only screen and (min-width: 1366px) {
	.bg-1366 {
		background-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.bg-1366 {
		background-size: 100% 100%;
	}
}

.title {
	color: var(--color-main);
 	font-weight: bold;
	margin-top: 20px;
}

.title-main {
	font-size: 18px;
}

.title-sub {
	font-size: 23px;
}

@media only screen and (max-width: 767px) {
	.title {
		float: left;
		margin-top: 12px;
	}

	.title-main {
		font-size: 9px;
		line-height: 9px;
	}
	
	.title-sub {
		font-size: 11.5px;
		line-height: 11.5px;
		margin-top: 8px;
	}


	.navbar-toggle .icon-bar {
		width: 100%;
	}

	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 6px;
	}
}


.navbar-header {
	width: calc(100% - 750px);
	height: 100px;
	min-width: 450px;
	background-color: #FFF;
}

/*
@media only screen and (max-width: 992px) {
	.navbar-header {
		width: 100%;
	}
}
*/

@media only screen and (max-width: 767px) {
	.navbar-header {
		width: 100%;
		height: auto;
		min-width: initial;
	}
}

.curecode_logo {
	width: 280px;
	margin-bottom: 60px;
	margin-top: -30px;
	position: absolute;
	right: 32px;
	top: 50px;
}

#search_area {
	width: 300px;
	float: left;
	position: absolute;
	right: 0;
	top: 70px;
	z-index: 9999;
}

.search-wrapper {
	background-color: #FF0000;
}

.searchsubmit {
	border: none;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	background: url(images/pc/search.png) no-repeat;
	background-position: top;
	background-size:100% 100%;
	width: 20px;
	height: 20px;

	float: right;
    position: absolute;
    margin-left: 210px;
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
	.searchsubmit {
		background: url(images/sp/search.png) no-repeat;
		background-size:100% 100%;
		float: right;
		margin-right: 24px;
		margin-top: 9px;
		z-index: 200;
		position: relative;
	}
}

/* CSS specific to iOS devices */ 
@supports (-webkit-touch-callout: none) {
	.searchsubmit {
		background-size:50% 100%;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 767px) {
	#search_area {
		display: none;
	}
}


input[type="text"].w178 {
	width: 200px;
	height: 30px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	outline-offset: -4px;
}

.w1786 {
	margin-top: -2px;
	margin-left: 5px;
}

.cse .gsc-control-cse,
.gsc-control-cse {
	background-color: none;
}

.gsc-resultsbox-visible table {
	border: none;
}

.gsc-resultsbox-visible table,
.gsc-resultsbox-visible table tr th,
.gsc-resultsbox-visible table tr td {
	border: none;
}

input[type="text"] {
	width: 100%;
	border: 1px solid #ccc;
}

input[type="text"].s {
	width: 240px;
	height: 38px;

	float: right;
	margin-top: 30px;
	position: absolute;

	/* iOS: border radius = 0. */
    -webkit-appearance: none;
    border-radius: 0px;
}

.sp-form {
	display: none;
}

@media only screen and (max-width: 767px) {
	input[type="text"].s {
		width: calc(100% - 30px);
		height: 35px;
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 0px;
	}

	.sp-form {
		height: 45px;
		display: block;
	}
}

/* #searchform {
	margin-top: 5px;
}
 */
textarea {
	width: 100%;
}

/* .entry_btn {
	width: 150px;
	font-size: 21px;
}
 */

.design_ttl {
	margin-top: 0px;
	padding-top: 5px;
}

.design_text {
	line-height: 1.2;
	margin-bottom: 25px;
}

.back_btn {
	width: 150px;
	font-size: 21px;
}

h2.hp_ttl {
	font-weight: normal;
}


.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	position: static;
}

@media only screen and (max-width: 767px) {
	.col-xs-1,
	.col-sm-1,
	.col-md-1,
	.col-lg-1,
	.col-xs-2,
	.col-sm-2,
	.col-md-2,
	.col-lg-2,
	.col-xs-3,
	.col-sm-3,
	.col-md-3,
	.col-lg-3,
	.col-xs-4,
	.col-sm-4,
	.col-md-4,
	.col-lg-4,
	.col-xs-5,
	.col-sm-5,
	.col-md-5,
	.col-lg-5,
	.col-xs-6,
	.col-sm-6,
	.col-md-6,
	.col-lg-6,
	.col-xs-7,
	.col-sm-7,
	.col-md-7,
	.col-lg-7,
	.col-xs-8,
	.col-sm-8,
	.col-md-8,
	.col-lg-8,
	.col-xs-9,
	.col-sm-9,
	.col-md-9,
	.col-lg-9,
	.col-xs-10,
	.col-sm-10,
	.col-md-10,
	.col-lg-10,
	.col-xs-11,
	.col-sm-11,
	.col-md-11,
	.col-lg-11,
	.col-xs-12,
	.col-sm-12,
	.col-md-12,
	.col-lg-12 {
		padding-right: 0px;
		padding-left: 0px;
	}
}
@media only screen and (max-width: 767px) {
	.row {
		margin-left: 0px;
		margin-right: 0px;
	}
}


header {
	background-color: rgba(255, 255, 255, 0.6);
}

@media only screen and (max-width: 767px) {
	header {
		width: 100%;
		height: auto;
		background-color: #fff;
		position: relative;
	}
}

p {
	margin-right: 15px;
	margin-left: 15px;
}

.area_second .btn {
	text-decoration: none;
	padding-top: 3px;
}

span.emphasis {
	color: #f63;
}

.area_second a {
	text-decoration: none;
}

.content_category {
	clear: both;
}

ul.archive_list {
	padding-left: 0px;
}

ul.archive_list li {
	list-style: none;
	padding-left: 10px;
}

.btn_description {
	background: #57bdae;
	color: #fff;
	margin: 5px;
	padding: 0px 5px;
	border-radius: 3px;
	border-bottom: 3px solid #008888;
	margin-bottom: 15px;
	display: inline-block;
}

.btn_description:hover,
.btn_description:active,
.btn_description:focus {
	background: #7ccbc0;
	color: #fff;
	margin: 5px;
	padding: 0px 5px;
	border-radius: 3px;
	border-bottom: 3px solid #00aaaa;
	margin-bottom: 15px;
	display: inline-block;
}

.btn_web a {
	background: #ff8;
	margin-left: 5px;
	display: inline-block;
	width: auto;
	padding: 0 5px;
}

.btn_web a:hover,
.btn_web a:active,
.btn_web a:focus {
	background: #ffb;
	margin-left: 5px;
	display: inline-block;
	width: auto;
	padding: 0 5px;
}



.web_ttl {
	margin-top: 0px;
	margin-bottom: 15px;
}

.area_descripsion {
	background-color: rgba(255, 255, 255, 0.6);
	padding-top: 60px;
	padding-bottom: 60px;
	box-shadow: 0px -1px 6px #ccc;
}

.area_descripsion h1 {
	font-weight: bold;
}

a img {

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

th p {
	margin: 0px;
}

a img:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;


}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 16px;
	line-height: 1.5em;

/* 	background: linear-gradient(45deg, rgba(116, 0, 179, .3), rgba(255, 255, 255, .6), rgba(61, 255, 255, .3)) fixed;
 */
}

html {}

body {
	width: 100%;
	overflow-x: hidden;
}

blockquote {}

blockquote ul {
	padding-left: 15px;
	font-size: 16px;
}

blockquote ol {
	padding-left: 15px;
	font-size: 16px;
}

dl {}

dt {
	font-size: 18px;
	margin-bottom: 5px;
	color: var(--color-main);
}


dd {
	font-size: 18px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-left: 15px;
}

ul,
ol {
	font-size: 18px;
}

a[href$=".pdf"]:after {
	content: url(images/pdf_icon.png);
	/*任意のパスを指定*/
	vertical-align: middle;
	margin: 0 5px;
}

a[href$=".PDF"]:after {
	content: url(images/pdf_icon.png);
	/*任意のパスを指定*/
	vertical-align: middle;
	margin: 0 5px;
}

a[href$=".doc"]:after {
	content: url(images/wordicon16px.gif);
	/*任意のパスを指定*/
	vertical-align: middle;
	margin: 0 5px;
}

a[href$=".docx"]:after {
	content: url(images/wordicon16px.gif);
	/*任意のパスを指定*/
	vertical-align: middle;
	margin: 0 5px;
}


#home {
	position: relative;
	display: table;
	width: 100%;
	background: url(images/pc/top_bg.png) no-repeat center center / cover;
	/*background-attachment: fixed;*/
}

.head_text {
	position: relative;
	margin-top: 205px;
	margin-bottom: 35px;
}

.head_text .row {
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	margin-right: -20px;
    margin-left: -20px;
}

.head_text .head-card {
	margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;	
}

.head_text .head-card + div {
	margin-top: 22px;
}

.head_text .head-card a:hover {
	text-decoration: none;
}

.head-inner {
	padding: 20px 0;
	background-color: rgba(255,255,255,0.88);

	-webkit-transition: all .3s;
	transition: all .3s;
}

a:hover .head-inner {
	background-color: rgba(255,255,255,0.75);
}

.head-icon {
	background-repeat: no-repeat;
	width: 44px;
	height: 44px;
    margin-right: auto;
    margin-left: auto;
}

.head-icon.gakunai {
	background-image: url(images/pc/top_icon01.png);
}

.head-icon.gakugai {
	background-image: url(images/pc/top_icon02.png);
}

.head-icon.sonota {
	background-image: url(images/pc/top_icon03.png);
}

.head-label {
	font-size: 20px;
	line-height: 100%;
	font-weight: bold;
	color: var(--color-main);
}

.head-label i {
	display: block;
	margin-top: 1em;

	color: #8c8c8c;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}

.head-button a,
.mw_wp_form .entry_btn,
.mw_wp_form .back_btn {
    display: block;
    color: #FFF;
	font-size: 15px;
	width: 200px;
	height: 50px;
    line-height: 50px;
	border-radius: 25px;
    margin-left: auto;
    margin-right: auto;
	background: linear-gradient(to right, #1F688B, #3C8BAA);
	text-align: center;
	padding: 0;
	border: 0;
}

.head-button a:hover,
.head-button a:focus {
	text-decoration: none;
	background: #4C9BBA;
}

.dummy-for-sp {
	display: none;
}

@media only screen and (max-width: 767px) {
	#home {
		width: 100%;
		background: url(images/sp/top_bg.png) no-repeat;
		background-size: 115%;
		background-position-x: center;
		background-position-y: bottom;
	}

	.head_text {
		margin-top: 0px;
		margin-bottom: 10vw;
	}

	.head_text .row {
		margin-top: calc(90px + 27.5px - 23px);
		margin-right: calc(15px - 12.5px);
		margin-left: calc(15px - 12.5px);
	}

	.head_text .head-card {
		width: 85%;
		padding: 0;
		margin: 10vw auto 0 auto;
	}

	.head_text .head-card + div {
		margin-top: 6vw;
	}

	.head-inner {
		padding-top: 25px;
	}

	.head-icon {
		width: 22px;
		height: 22px;
		background-size: 100%;
	}

	.head-icon.gakunai {
		background-image: url(images/sp/top_icon01.png);
	}
	
	.head-icon.gakugai {
		background-image: url(images/sp/top_icon02.png);
	}
	
	.head-icon.sonota {
		background-image: url(images/sp/top_icon03.png);
	}

	.head-label {
		font-size: 4vw;
		font-weight: bold;
	}

	.head-label i {
		margin-top: 0.8em;
		margin-bottom: 0.2em;
		font-size: 0.78em;
	}

	.head-button a {
		font-size: 10.5px;
		width: calc(100% - 38px);
		height: 25px;
		line-height: 25px;
		border-radius: 12.5px;
	}

	.dummy-for-sp {
		display: block;
	}
}

/* ================================================================================ */
.six-cards {
	height: 500px;
	background-image: url(images/pc/bg02.png);
}

.six-cards .row {
	margin-right: -10px;
    margin-left: -10px;
	margin-top: calc(110px - 20px);
	padding-inline-start: 0px;	
}

.six-card {
	margin-top: 20px;
	padding-right: 10px;
    padding-left: 10px;
	list-style: none;
}

.six-inner {
	background: #FFF;
	height: 150px;
	padding-top: 34px;
}

.six-icon {
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}

.six-label a {
	color: var(--color-main);
	font-size: 18px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
}

li.six-card:nth-child(1) .six-icon {
	background-image: url(images/pc/icon_category01.png);
}

li.six-card:nth-child(2) .six-icon {
	background-image: url(images/pc/icon_category02.png);
}

li.six-card:nth-child(3) .six-icon {
	background-image: url(images/pc/icon_category03.png);
}

li.six-card:nth-child(4) .six-icon {
	background-image: url(images/pc/icon_category04.png);
}

li.six-card:nth-child(5) .six-icon {
	background-image: url(images/pc/icon_category05.png);
}

li.six-card:nth-child(6) .six-icon {
	background-image: url(images/pc/icon_category06.png);
}

@media only screen and (max-width: 767px) {
	.six-cards {
		height: 340px;
		background-image: url(images/sp/bg02.png);
	}

	.six-cards .row {
		margin-right: 7.5px;
		margin-left: 7.5px;
		margin-top: calc(30px - 15px);
	}
	
	.six-card {
		margin-top: 15px;
		padding-right: 7.5px;
		padding-left: 7.5px;
	}

	.six-inner {
		height: 82.5px;
		padding-top: 15px;
	}

	.six-icon {
		width: 24px;
		height: 24px;
		background-size: 100%;
	}
	
	.six-label a {
		font-size: 11px;
		height: 30px;
		line-height: 30px;
	}

	li.six-card:nth-child(1) .six-icon {
		background-image: url(images/sp/icon_category01.png);
	}
	
	li.six-card:nth-child(2) .six-icon {
		background-image: url(images/sp/icon_category02.png);
	}
	
	li.six-card:nth-child(3) .six-icon {
		background-image: url(images/sp/icon_category03.png);
	}
	
	li.six-card:nth-child(4) .six-icon {
		background-image: url(images/sp/icon_category04.png);
	}
	
	li.six-card:nth-child(5) .six-icon {
		background-image: url(images/sp/icon_category05.png);
	}
	
	li.six-card:nth-child(6) .six-icon {
		background-image: url(images/sp/icon_category06.png);
	}
}



/* ================================================================================ */
.area_second ul.links {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	margin-right: -10px;
    margin-left: -10px;
}

.area_second ul.links li {
	background: none;
    padding-right: 10px;
    padding-left: 10px;
	margin-bottom: 80px;
}

.area_second ul.links h6 {
	height: 45px;
	line-height: 45px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: var(--color-main);
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.area_second ul.links {
		margin-right: 7.5px;
		margin-left: 7.5px;
	}
	
	.area_second ul.links li {
		padding-right: 7.5px;
		padding-left: 7.5px;
		margin-bottom: 25px;
	}

	.area_second ul.links h6 {
		height: 40px;
		line-height: 40px;
		font-size: 13.5px;
	}
}

/***************
検索入力フォーム
****************/

.searchform {
	float: right;
	width: calc(100% - 850px);
}

.searchform div {
	width: auto;
	background: var(--color-main);
	padding: 7px 0px 8px 15px;
}

.screen-reader-text {
	display: none;
}

.searchform #s {
	width: calc(100% - 40px);
	border: 1px solid;
}

#searchsubmit {
	border: none;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	background: url(images/search_icon.png) no-repeat;
	background-size: 100%;
	width: 25px;
	height: 25px;
}

.search_area {
	width: 100%;
}

.search_area .searchform {
	width: 100%;
}

.search_area .searchform div {
	width: 100%;
}

.top_blog {
	position: absolute;
	bottom: -800px;
	left: -8px;
	animation: hurueru .9s infinite;
	width: 140px;
}

@media only screen and (max-width: 767px) {
	.top_blog {
		display: none;
	}
}

.top_f {
	position: absolute;
	top: 720px;
	left: 150px;
}

.top_t {
	position: absolute;
	top: 0px;
	top: 720px;
	left: 220px;
}



@keyframes hurueru {
	0% {
		transform: translate(0px, 0px) rotateZ(0deg)
	}

	50% {
		transform: translate(8px, 2px) rotateZ(2deg)
	}

	100% {
		transform: translate(0px, 0px) rotateZ(0deg)
	}
}

.navbar-brand {
	display: block;
	width: initial;
	height: 45px;
	background: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/* @media only screen and (max-width: 992px) {
	.navbar-brand {
		width: 100%;
		padding-bottom: 0px;
	}
}
 */
 @media only screen and (max-width: 767px) {
	.navbar-brand {
		width: 70px;
		height: 50px;
        margin-top: 0px;
/* 		background: none;
		margin-top: -15px;
		margin-left: -10px;
		padding-bottom: 0px;
 */
		display: block;
		float: left;
		padding: 0;		
	}
}

.title_logo {
	width: 93px;
	height: 70px;
	margin-left: 10px;
	margin-top: -5px;
	max-width: 93px;
/* 	margin-top: -3px;*/

}

/* @media only screen and (max-width: 992px) {
	.title_logo {
		margin-top: -10px;
	}
}
 */
@media only screen and (max-width: 767px) {
	.title_logo {
		width: 46px;
		height: 35px;
		margin-left: 15px;
		margin-top: 8px;

	
/* 		width: 100%;
		margin-top: 15px;
		max-width: 200px;
 */	}
}

.title_logo_top {
	display: none;
	margin-top: 25px;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	background: #fff;
}

/* @media only screen and (max-width: 992px) {
	.navbar-inverse .navbar-brand:hover,
	.navbar-inverse .navbar-brand:active,
	.navbar-inverse .navbar-brand:focus {
		background: #fff;
	}
}
 */
@media only screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand:hover,
	.navbar-inverse .navbar-brand:active,
	.navbar-inverse .navbar-brand:focus {
		background: none;
	}
}

@media only screen and (max-width: 767px) {
	.title_logo_top {
		display: block;
		width: 200px;
	}

	.title_logo_second {
		display: block;
		width: 150px;
		margin-top: 15px;
	}

	#animation_container {
		display: none;
	}
}



@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@media only screen and (max-width: 1200px) {
	.searchform {
		float: right;
		width: calc(100% - 700px);
	}
}

/* @media only screen and (max-width: 992px) {
	.searchform {
		width: calc(100% - 570px);
	}
}
 */
@media only screen and (max-width: 767px) {
	.searchform {
		display: none;
	}
}

a {
	color: #337ab7;
}


/*回り込み*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}




.mg_right_sm {
	margin-right: 10px;
}

.mg_top_sm {
	margin-top: 10px;
}

img {
	max-width: 100%;
	/*display:inherit;*/
	margin: 0 auto;
	height: auto;
}

/* .area_second img {
	margin-bottom: 15px;
}
 */

 body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-family: 'Noto Sans Japanese';
}

@media only screen and (max-width: 767px) {
	body {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
		/*font-family: 'Noto Sans Japanese';*/
		padding-left: 0px;
	}
}

h1 {
	color: #00245c;
	text-align: center;
	overflow: hidden;
	margin-bottom: 35px;
}

h1 span {
	color: #00245c;
	background-position: top left, bottom right;
	min-height: 60px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 15px;
	display: inline-block;
	/*font-family: "Sawarabi Mincho";*/
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 24px;
	}

	h1 span {
		padding-top: 20px;
	}

	h2 {
		font-size: 21px;
	}
}

h2 {
	margin: 0;
	padding: 0;

	margin-bottom: 25px;
	margin-top: 30px;
	color: var(--color-main);

/* 	margin-bottom: 35px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
 */
	/*font-family: "Sawarabi Mincho";*/
}

h3 {
	font-size: 24px;
	color: var(--color-main);
	margin-top: 15px;
	border-bottom: 3px solid #789;
	padding-bottom: 8px;
	margin-top: 35px;
	margin-bottom: 25.7px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

h4 {
	font-size: 18px;
	font-weight: bold;
	color: var(--color-main);
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	margin-top: 15px;
	letter-spacing: 0.05em;
	border-left: 3px solid #789;
	padding-left: 5px;
	padding-top: 2px;
}

h5 {
	color: var(--color-main);
	font-size: 18px;
}

ol {
	padding-left: 36px;
}

ol li {
	font-size: 18px;
	margin-bottom: 5px;
}




.mv_anime {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: .8s;
	transform: rotateY(45deg);
}

.mv_anime02 {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: .8s;
}


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

	.mv {}

	.mv_anime {
		opacity: 1.0;
		transform: none;
		-webkit-transform: none;
		transition: none;
		transform: none;
	}

	.mv_anime02 {
		opacity: 1.0;
		transform: none;
		-webkit-transform: none;
		transition: none;
	}
}



.mv {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


body.second {}

p {
	line-height: 1.8em;
	font-size: 18px;
}



table {
	border-collapse: collapse;
	border: none;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 5px;
}

table th {}

table tbody tr th {
	border: 1px solid #ccc;
	background: url(images/dot.png), #ccfaf5;
	padding: 15px;
	font-weight: normal;
	color: #555;

}

table tbody tr td {
	border: 1px solid #ccc;
	background: #fff;
	padding: 15px;
	width: auto;
	border: 1px solid #ccc;

}


table tbody tr td table {
	border: none;
}

table tbody tr td table th {
	border: none;
	background: none;
	vertical-align: text-top;
	font-size: 12px;
	padding-left: 0px;
	padding-rint: 0px;
	width: 108px;
}

table.qualification {}

table.qualification tbody tr th {
	background: none;
	box-shadow: none;
	padding: 0px;
	padding-bottom: 10px;
	border: none;
}

table.qualification tbody tr td {
	background: none;
	box-shadow: none;
	padding: 0px;
	padding-bottom: 10px;
	border: none;
}

.back_btn {
	margin-right: 80px;
}


@media only screen and (max-width: 767px) {
	table tbody tr td table th {
		width: 100%;
	}
}

table tbody tr td table td {
	border: none;
	background: none;
	font-size: 12px;
	padding-left: 0;
	padding-right: 0;
}


a:focus {
	outline: none;
}

@media only screen and (max-width: 767px) {
	table {
		width: 100%;
		border: none;
	}

	table tbody tr {
		display: block;
		width: 100%;
	}

	table tbody tr th,
	table tbody tr td {
		display: block;
		width: 100%;
	}

	table tbody tr td {
		border: none;
		margin-bottom: 10px;
	}
}



.navbar-fixed-top,
.navbar-fixed-bottom {
	position: relative;
	right: 0;
	left: 0;
	z-index: 1030;
}

/*-----------------------
グローバルナビゲーション
-----------------------*/

.top_nav {
	width: 100%;
	min-width: 1200px;

/* 	width: 1000px;
 */
	position: fixed;
	top: 0px;

/* 	margin-left: -15px;
 */
	z-index: 9999;

/* 	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	box-shadow: 0px 1px 3px #aaa;
 */
}

/* @media only screen and (max-width: 992px) {
	.top_nav {
	}
}
 */
@media only screen and (max-width: 767px) {
	.top_nav {
/* 		width: 100%;
 */		background: #fff;
		min-width: 0px;
	}
}

.nav-active span {
	color: #00245c;
	border-bottom: 2px solid #00245c;
}

.nav-active:hover,
.nav-active:focus {
	text-decoration: none;
}

/*グロナビ　事業紹介*/
.works_nav {
	background: url(images/tab_arrow2_hover.png) no-repeat;
	background-position: top 16px right 25px;
	cursor: pointer;
	color: #00245c;
	text-align: center;
	display: block;
	height: 35px;
	padding-top: 6px;
}

.works_nav_list {
	list-style: none;
	padding: 0px;
	margin-bottom: 15px;
	position: fixed;
}

.works_nav_list li {
	text-align: left;
	font-size: 14px;
	padding: 2px 0px 2px 20px;
}

.works_nav_list li a:hover {
	text-decoration: none;
}

.works_nav_list li a:active,
.works_nav_list li a:focus {
	text-decoration: none;
}

.works_nav_list li a {}

.works_nav_list li a:hover {
	text-decoration: none;
}

/*グロナビ　新着情報*/

.news_nav {
	background: url(images/tab_arrow2_hover.png) no-repeat;
	background-position: top 16px right 25px;
	cursor: pointer;
	color: #00245c;
	text-align: center;
	display: block;
	height: 35px;
	padding-top: 8px;
}

.news_nav_list {
	list-style: none;
	padding: 0px;
	margin-bottom: 15px;
}

.news_nav_list li {
	text-align: left;
	font-size: 14px;
	padding: 2px 0px 2px 20px;
}

.news_nav_list li a {}

.news_nav_list li a:hover {
	text-decoration: none;
}


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

	/*グロナビ　事業紹介*/
	.works_nav {
		background: url(images/tab_arrow2_hover.png) no-repeat;
		background-position: top 20px right 25px;
		cursor: pointer;
		color: #00245c;
		text-align: center;
		display: block;
		height: 50px;
		padding-top: 13px;
		background-color: #fff;
		padding-left: 15px;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		z-index: 99999999;
	}

	.works_nav_list {
		list-style: none;
		padding: 0px;
		margin-bottom: 0px;
	}

	.works_nav_list li {
		text-align: center;
		font-size: 14px;
		padding: 2px 0px;
		background: #fff;
	}

	.works_nav_list li a {
		height: 40px;
		display: inline-block;
		border-bottom: 1px solid #eee;
		width: 100%;
		padding-top: 6px;

	}

	.works_nav_list li a:hover {
		text-decoration: none;
	}

	/*グロナビ　新着情報*/

	.news_nav {
		background: url(images/tab_arrow2_hover.png) no-repeat;
		background-position: top 20px right 25px;
		cursor: pointer;
		color: #00245c;
		text-align: center;
		display: block;
		height: 50px;
		padding-top: 13px;
		background-color: #fff;
		padding-left: 15px;
		border-bottom: 1px solid #eee;
	}

	.news_nav_list {
		list-style: none;
		padding: 0px;
		margin-bottom: 0px;
	}

	.news_nav_list li {
		text-align: center;
		font-size: 14px;
		padding: 2px 0px;
		background: #fff;
	}

	.news_nav_list li a {
		height: 40px;
		display: inline-block;
		border-bottom: 1px solid #eee;
		width: 100%;
		padding-top: 6px;

	}

	.news_nav_list li a:hover {
		text-decoration: none;
	}
}


.navbar {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}




.navbar .hokuriku-shinkansen {
	background: #b2cff1;
}

.navbar .hokuriku-shinkansen a {
	padding-left: 34px;
}

.navbar .johana-himi-takayama {
	background: #ffc6c7;

}

.navbar .johana-himi-takayama a {
	padding-left: 34px;
}

.dropdown-menu {
	padding: 0;
	border-radius: 0;
	min-width: 340px;
}

.dropdown-title {
	padding-left: 10px;
}

.dropdown-menu>li {
	border-bottom: 1px solid #eeeeee;
	line-height: 50px;
	color: var(--color-main);
}

.dropdown-menu>li>a {
	font-weight: normal;
	color: black;
	white-space: nowrap;
	line-height: 50px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color: var(--color-hover);
}

.dropdown-menu>li>a:after {
	content: ">";
	float: right;
	color: var(--color-main);
}


.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
	color: white;
	background: var(--color-hover);
	background-position: top 12px right 25px;
}

.navbar-inverse .navbar-nav>li.sp_only {
	display: none;
}

.navbar-inverse .navbar-nav>.active>a {
	background: url(images/tab_arrow2.png) no-repeat;
	background-color: #fff;
	background-position: top 12px right 25px;
	color: #00245c;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
	color: #00245c;
	background-color: #fff;
}

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

	.navbar-inverse .navbar-nav>li.sp_only {
		display: inline;
	}

	ul.dropdown-menu {
		position: relative;
		min-width: 100%;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .0);
		border: 1px solid #fff;
		padding: 0px;
		background: var(--color-pale-blue);
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li {
		text-align: center;
		color: #aaa;
		font-size: 12px;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #000;
		text-align: center;
		border-bottom: 1px solid #eee;
		padding: 0px 0px;
		font-size: 14px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li.divider {
		display: none;
	}


	.navbar-inverse .navbar-nav .open .dropdown-menu>li:first-child>a {
		border-top: 1px solid #eee;
		padding: 0px 0px;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #000;
		background-color: transparent;
	}
}

.navbar-collapse {
	padding: 0px;
}

.navbar-inverse {
	background: none;
	border: none;
}


.navbar-inverse .navbar-nav {
	width: 750px;
	margin: 0;

/* 	padding-top: 5px;
	padding-bottom: 1px;
 */
	float: right;

/* 	background-color: rgba(255, 255, 255, 0.9);
 */

/* 	background-color: #1f688b;
 */}

/* @media only screen and (max-width: 992px) {
	.navbar-inverse .navbar-nav {
		width: 100%;
	}
}
 */
@media only screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav {
		width: 100%;
	}
}



.navbar-inverse .navbar-nav>li {
	float: left;
}

.navbar-inverse .navbar-nav>li>a {
	text-align: center;
	padding: 0px;

/*
 	font-size: 14px;
	color: #00245c;

 */
/* 	padding-top: 4px;
	height: 35px;
 */

/* 	height: 100%;

 	padding-right: 8px;
	padding-left: 8px;
 */
	/*  */
/* 	border-right: 2px solid #395059;
 */

/* 	margin-bottom: 10px;
	margin-top: 5px;
 */
	/*font-family: "Sawarabi Mincho";*/
}

/* @media only screen and (max-width: 992px) {
	.navbar-inverse .navbar-nav>li>a {
		font-size: 13.7px;
	}
}
 */
@media only screen and (max-width: 767px) {
/* 	.navbar-inverse .navbar-nav>li>a {
		font-size: 13.7px;
	}
 */
/* 	.navbar-inverse .navbar-nav>li>a {
		font-size: 13.7px;
		color: #000;
		text-align: left;
		background: #fff;
		background-position: 6px 9px;
		padding: 0px;
		padding-top: 15px;
		padding-left: 15px;
		height: 50px;
		margin: 0px;
		border-bottom: 1px solid #eee;
		text-align: center;
		border-right: none;
	}
 */
}

.navbar-inverse .navbar-nav>li:last-child>a {
	border-right: none;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
	color: #656565;
}

.navbar-inverse .navbar-nav>li.active_nav>a span {
	border-bottom: 3px solid #fd6a50;
}


@media only screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav>li {
		width: 100%;
	}

	.navbar-inverse .navbar-nav>li.divider {
		display: none;
	}

	.navbar-inverse .navbar-nav>li>a span {
		border: none;
	}

	.navbar-inverse .navbar-nav>li.open>a {
		background: #fff;
	}

	.navbar-inverse .navbar-nav>li.active_nav>a span {
		border-bottom: 0px solid #fd6a50;
	}

/* 	.navbar-inverse .navbar-nav>li>a:hover,
	.navbar-inverse .navbar-nav>li>a:focus,
	.navbar-inverse .navbar-nav>li>a:active {
		color: #0F0;
		background: #00f;
	}
 */
	.navbar-inverse .navbar-nav>li>a:hover span,
	.navbar-inverse .navbar-nav>li>a:focus span {
		border: none;
	}

	.container>.navbar-header,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container-fluid>.navbar-collapse {
		margin-right: 0px;
		margin-left: 0px;
	}

	.navbar-inverse .navbar-collapse {
		border-bottom: 1px solid #fff;
		border-color: #fff;
	}

	.navbar-inverse .navbar-toggle {
		padding: 0;
		margin: 0;
		width: 20px;
		height: 18.5px;
		margin-top: 16px;
		margin-right: 15px;
		border: none;
		border-radius: 0px;


/* 		border-color: #333;
		background: #fff;
		border: none;
 */
/* 		border: 1px solid #ddd;
 */

	}

	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
		background: #fff;
	}

	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: #7f7f7f;
	}

	.icon-right {
		color: #7f7f7f;
		float: right;
		display: block;
		width: 65px;
		text-align: right;
		height: 10px;
		margin-top: -6px;
		margin-left: 10px;
	}

	.navbar-inverse .navbar-nav>.open>a,
	.navbar-inverse .navbar-nav>.open>a:hover,
	.navbar-inverse .navbar-nav>.open>a:focus {
		color: #000;

/* 		background: #fff;
 */
		background-position: 6px 9px, right 5px top 10px;
		border-bottom: none;
	}

	.navbar-inverse .navbar-nav>li:first-child>a.active_nav {
		color: #000;
		background: url(images/sp_nav_arrow.png) no-repeat 6px 9px, url(images/tab_arrow_open.png) no-repeat right, #ffd500;
		background-position: 6px 9px, right 5px top 10px;
	}

	.navbar-inverse .navbar-nav.en>li {
		width: 100%;
	}
}


.navbar-inverse .nav-toyama {
	background: #FFFFFF;

	margin-top: 0px;
/* 	padding-top: 3px;
 */
}

@media only screen and (max-width: 767px) {
	.navbar-inverse .nav-toyama {
		display: none;
	}
}

.navbar-inverse .nav-toyama>li>a {
	font-size: 14px;
	color: #000;
	border: none;
	margin-bottom: 0px;
    line-height: 100px;

	padding-right: 30px;
}




.nav_bottom_wrapper {
	width: 100%;
	background: linear-gradient(to right, #1F688B, #3C8BAA);
}

.navbar-inverse .navbar-nav.navbar-nav_bottom {
	width: 100%;
/* 	height: 70px;
 */
}

.navbar-inverse .navbar-nav.navbar-nav_bottom > li > a {
	font-size: 15px;
	color: #FFFFFF;
    line-height: 70px;
	background-color: transparent;
}

.navbar-inverse .navbar-nav.navbar-nav_bottom > li > a:hover {
	background-color: var(--color-hover);
}

/* @media only screen and (max-width: 992px) {
	.navbar-inverse .navbar-nav.navbar-nav_bottom>li>a {
 		font-size: 13px;
	}
}
 */
@media only screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav.navbar-nav_bottom > li > a {
/*  		font-size: 11px;
 */
		line-height: 50px;
	}
}

.navbar-inverse .navbar-nav_bottom>li {
	width: 14%;
}

.navbar-inverse .navbar-nav_bottom>li:nth-child(1) {
	width: 14%;
	background: #EA3FF7;
}

.navbar-inverse .navbar-nav_bottom>li:nth-child(2) {
	width: 14%;
}

.navbar-inverse .navbar-nav_bottom>li:nth-child(3) {
	width: 14%;
}

.navbar-inverse .navbar-nav_bottom>li:nth-child(4) {
	width: 14%;
}

.navbar-inverse .navbar-nav_bottom>li:nth-child(5) {
	width: 14%;
}

.navbar-inverse .navbar-nav_bottom>li:nth-child(6) {
	width: 14%;
}

.navbar-inverse .navbar-nav_bottom>li:nth-child(7) {
	width: 14%;
}

@media only screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav_bottom>li {
		width: 100%;
	}

	.navbar-inverse .navbar-nav_bottom>li:nth-child(1) {
		width: 100%;
	}

	.navbar-inverse .navbar-nav_bottom>li:nth-child(2) {
		width: 100%;
	}

	.navbar-inverse .navbar-nav_bottom>li:nth-child(3) {
		width: 100%;
	}

	.navbar-inverse .navbar-nav_bottom>li:nth-child(4) {
		width: 100%;
	}

	.navbar-inverse .navbar-nav_bottom>li:nth-child(5) {
		width: 100%;
	}

	.navbar-inverse .navbar-nav_bottom>li:nth-child(6) {
		width: 100%;
	}

	.navbar-inverse .navbar-nav_bottom>li:nth-child(7) {
		width: 100%;
	}
}

.caret {
	display: none;
}

.center_day_nav {
	background: #d4edf8;
}

.west_day_nav {
	background: #fbd8e6;
}

.east_day_nav {
	background: #e6dcec;
}

.active_nav span {
	border-bottom: 3px solid #d04957;
}


/******************
タイトルヘッダー
*******************/
.title_header {
	margin-top: 35px;
	text-align: center;

}

@media only screen and (max-width: 767px) {
	.title_header {
		margin-top: 0px;
		text-align: left;
		float: left;
		z-index: 9999999;
	}

}

.title_header ul {
	float: right;
	right: 0;
	top: 0;
	list-style: none;
	padding: 0px;
	font-size: 14px;
}


.title_header ul li {
	float: left;
	margin: 0;
}

.title_header ul li a {
	color: #000;
}

.title_header ul li a:hover {
	color: #000;
	text-decoration: none;
}

.title_header ul li a:focus {
	color: #000;
	text-decoration: none;
}

/*******************
スライドショー
******************/
.carousel-inner {
	position: relative;
	height: 800px;
}

.carousel-indicators {
	border: #ea5e00;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #ea5e00;
	border: #ea5e00;
}

.carousel-indicators li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #ea5e00;
	border-radius: 10px;
}

@media only screen and (max-width: 767px) {
	.carousel-inner {
		display: none;
	}

}

/*-----------------
キャラクター
------------------*/

.character01 {
	position: absolute;
	top: 100px;
	right: 150px;
	transition: 0.2s;
}

.character02 {
	position: absolute;
	top: 200px;
	left: 250px;
	transition: 0.2s;
}

.character03 {
	position: absolute;
	top: 400px;
	right: 10px;
	transition: 0.2s;
}

.smartphone {
	position: absolute;
	top: 50px;
	left: 10px;
	transition: 0.2s;
	display: block;
}

.tablet {
	position: absolute;
	top: 540px;
	right: 0px;
	transition: 0.2s;
}

@media only screen and (max-width: 1200px) {
	.character01 {
		top: 100px;
		right: 50px;
	}

	.character02 {
		position: absolute;
		top: 180px;
		left: 50px;
	}

	.character03 {
		position: absolute;
		top: 430px;
		right: -20px;
	}

	.smartphone {
		top: -50px;
		left: -60px;
		width: 250px;
	}

	.tablet {}
}

@media only screen and (max-width: 767px) {
	.character01 {
		display: none;
	}

	.character02 {
		display: none;
	}

	.character03 {
		display: none;
	}

	.smartphone {
		display: none;
	}

	.tablet {
		display: none;
	}

}

/*-------------------
各見出し共通
--------------------*/
@media only screen and (max-width: 767px) {

	.list_ttl {
		background: url(images/list/chara01.png) no-repeat 5px 0px, url(images/sp_bg.png) repeat-x;
		background-position: bottom 5px left 5px, bottom 5px right 0px;
		background-size: 35px, auto;
		font-size: 26px;
		font-weight: bold;
		padding-left: 45px;
		padding-top: 12px;
		min-height: 45px;
		margin-bottom: 25px;
	}

	.list_ttl:after {
		content: attr(data-label);
	}

	.list_ttl img {
		display: none;
	}


}



/*---------
コンテンツ
----------*/

#menu {
	display: none;
}

.container {
	width: 1000px;
	padding: 0px;

/* 	transition: 0.2s;
 */
/* 	position: relative;
 */
}

/* @media only screen and (max-width: 992px) {
	.container {
		width: 720px;
	}
}
 */
@media only screen and (max-width: 767px) {
	.container {
		width: 100%;
	}
}

/* @media only screen and (max-width: 992px) {
	header nav.pc_nav ul li {
		width: 123px;
		float: left;
	}
}
 */

/************
トップページ
*************/

.railway_list_ttl {
	font-weight: bold;
	color: #1eaab4;
	text-align: center;
	font-size: 18px;
}

.railway_list .railway_list_area .col-xs-6 {
	text-align: center;
}

.railway_list .railway_list_area img {
	margin-bottom: 35px;
}




/********
新着情報
*********/

/* .news_list {
	padding: 60px 0px;
	background: url(images/news_bg.jpg) fixed center;
	background-size: cover;
	position: relative;

}
*/

/*  @media only screen and (max-width: 767px) {
	.news_list {
		padding: 15px 0px;
		background: url(images/news_bg_sp.jpg) fixed center;
		background-size: cover;
		position: relative;

	}
}
*/

.news_list {
	padding-bottom: 50px !important;
	height: auto !important;
}

.news_list_top .bg-1366 {
	background-size: cover !important;
}

.news_list_topics ul.categories_list {
	margin: 0;
	padding: 0;
	clear: both;
	list-style-type: none;
}

.news_list_topics ul.categories_list > div {
	display: -webkit-flex;
	display: flex;
}

.news_list_topics ul.categories_list .categories_list_item {
	cursor: pointer;

	padding: 0.2em 0;
	margin-bottom: 3em;

	min-width: 10em;

	color: #2a7b9d;
	font-size: 14px;

	text-align: center;
	background: #eee;

	-webkit-transition: all .3s;
	transition: all .3s;
}

.news_list_topics ul.categories_list .categories_list_item + li {
	margin-left: 1px;
}

.news_list_topics ul.categories_list .click {
	color: #fff;
	background: #2a7b9d;
}

.news_list_topics ul.categories_list .check {
	color: #fff;
	background: #2a7b9d;
}

.news_list_topics ul.categories_list .categories_list_item:hover {
	color: #fff;
	background: #2a7b9d;
}

.categories_content {
	display: none;
}

.categories_content_item_block_other, .categories_content_item_other {
	display: -webkit-flex;
	display: flex;

	-webkit-box-align: start;
	align-items: flex-start;
}

.categories_content_item_block_other .title, .categories_content_item_other .title {
	width: 70%;
}

@media only screen and (max-width: 767px) {
	.news_list_topics ul.categories_list {
		overflow-x: scroll;
		margin-top: 1.5em;
		margin-bottom: 1em;
	}

	.news_list_topics ul.categories_list::-webkit-scrollbar {
		display: none;
	}

	.news_list_topics ul.categories_list > div {
		width: max-content;
	}

	.news_list_topics ul.categories_list .categories_list_item {
		min-width: auto;
		padding: 0.05em 0.8em;
		margin: 0 0 1px 0;
		font-size: 10.5px;
	}

	.categories_content_item_block_other, .categories_content_item_other {
		display: block;
	}

	.categories_content_item_block_other .title, .categories_content_item_other .title {
		width: 100%;
	}
}

 .news_list_topics dl {
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 15px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.news_list_topics dl dt {
	float: left;
	font-weight: normal;
	width: 90px;
	padding-top: 2px;
}

.news_list_topics dl dd {
	padding-left: 5px;
	float: left;
	width: calc(100% - 90px);
}

.category_btn {
	width: auto;
	display: inline-block;
	background: #789;
	text-align: center;
	padding: 0px 5px 0px 5px;
	border-radius: 0px;
	color: #fff;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

.news_list_topics dl dd span.title {
	color: #358fcb;
	display: inline-flex;
	width: 100%;
	margin-top: 5px;
}

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

	.news_list_topics dl dt {
		float: left;
		font-weight: normal;
		width: 100%;
		margin-left: 5px;
		margin-bottom: 5px;
	}

	.news_list_topics dl dd {
		padding-left: 5px;
		float: left;
		width: 100%;
	}

	.news_list_topics dl dd span.title {
		color: #358fcb;
		display: inline-flex;
		width: 100%;
		margin-top: 5px;
	}
}

/* .news_list_topics .more_area {
	margin-bottom: 25px;
}

.news_list_topics .more_area .details {
	float: right;
	font-size: 14px;
	color: #ffffff;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 5px;
	padding: 0px 23px 5px 10px;
	cursor: pointer;
	background: url(images/list_arrow.png) #345373 no-repeat;
	background-position: top 9px right 8px;
	display: inline-block;
	-webkit-transition: 0.22s;
	-moz-transition: 0.22s;
	-o-transition: 0.22s;
	transition: 0.22s;
}
 */

.news_list_topics .details:focus,
.news_list_topics .details:hover {
	background: url(images/list_arrow.png) #4c658c no-repeat right;

	background-position: top 9px right 8px;
	color: white;
	text-decoration: none;
}

.news_list_topics h2 {
	color: white;
	background: var(--color-main);
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
}

.news_list_topics h3 {
	color: var(--color-main);
	font-size: 20px;
	height: 76px;
	line-height: 76px;

	padding: 0;
	margin: 0;
	border: none;
}

@media only screen and (max-width: 767px) {
	.news_list_topics h3 {
		font-size: 13px;
		font-weight: normal;
		height: auto;
		line-height: 1.8;
		margin-top: 9px;
    	margin-bottom: 12px;
	}
}

.news_list_topics .category_btn {
	color: white;
	background: var(--color-main);
	font-size: 13px;
	width: 160px;
	height: 24px;
	line-height: 24px;
	float:left;

	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.news_list_topics .category_btn {
		font-size: 9.5px;
		width: 120px;
		height: 17.5px;
		line-height: 17.5px;
	}
}

.news_list_topics .text-right {
	font-size: 13px;
}

@media only screen and (max-width: 767px) {
	.news_list_topics .text-right {
		height: 17.5px;
		line-height: 17.5px;
	}
}

.news_list_topics .news-item {
	margin-top: 30px;
	border: none;
	border-bottom: 1px solid #eeeeee;
}

@media only screen and (max-width: 767px) {
	.news_list_topics .news-item {
		margin-left: 15px;
		margin-right: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.news_list_topics .row {
		padding-left: 15px;
		padding-right: 15px;
	}
}


/* ==================== front page news. ==================== */
section.news_list h1.text_second {
	padding-top: 70px;
}

section.news_list {
	height: 660px;
	background-image: url(images/pc/bg03.png);
}

section.news_list .news_list_topics {
	background: white;
}

section.news_list .news_list_topics .row {
    margin-right: 0px;
    margin-left: 0px;
	margin-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
	padding-top: 45px;
}

section.news_list .news_list_topics .news-item {
	margin-top: 0px;
	padding-top: calc((80px - 24px) / 2);
	padding-bottom: calc((80px - 24px) / 2);
}

section.news_list .front-page-news-time {
	font-size: 13px;
	float: left;
	width: 110px;
}

section.news_list .title {
	display: inline-block;
	margin-top: 0px;
}

section.news_list .title a {
	color: black;
	font-size: 15px;
	font-weight: normal;
	margin-left: 20px;

	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

section.news_list .head-button a {
	width: 240px;
	margin-top: 30px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
	section.news_list h1.text_second {
		padding-top: 30px;
	}
	
	section.news_list {
		height: 472px;
		background-image: url(images/sp/bg03.png);
	}

	section.news_list .news_list_topics {
		margin-right: 15px;
		margin-left: 15px;
	}

	section.news_list .news_list_topics .row {
		margin-top: 22px;
		padding-left: 17.5px;
		padding-right: 17.5px;
		padding-top: 0px;

	}
	
	section.news_list .news_list_topics .news-item {
		overflow: auto;
		padding: 0;
		margin: 0;
	}
	
	section.news_list .front-page-news-time {
		font-size: 13px;
		width: 65px;
		height: 18px;
		line-height: 19.5px; /* adjust vertical center. */
		margin-top: 12px;
	}

	section.news_list .news_list_topics .category_btn {
		float: left;
		font-size: 10px;
		width: 120px;
		height: 18px;
		line-height: 18px;
		margin-top: 12px;
	}

	section.news_list .title {
		width: 100%;
		font-size: 13px;
		line-height: 18px;
		margin-top: 5px;
		margin-bottom: 12px;
	}

	section.news_list .title a {
		color: black;
		font-size: 13px;
		font-weight: normal;
		margin-left: 0px;

		-webkit-line-clamp: 2;
	}
	
	section.news_list .head-button a {
		width: calc(100% - 90px);		
		height: 45px;
		line-height: 45px;
		border-radius: 22.5px;
		margin-top: 16.5px;
		margin-bottom: 19.5px;
		font-size: 13.5px;
	}

	section.news_list .col-xm-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/*************
産学連携の流れ
*************/

.area_navi {
	padding: 60px 0px 100px 0px;
	background: #fff;

}

.navi_box {
	border: 6px solid #ddd;
	background: #fff;
	padding: 15px 5px 25px 5px;
}

/*お問い合わせバナー*/

.contact_bn {
	margin-top: 35px;
	display: block;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 22.8%;
	background: url(images/contact_bn.png) 0 0 no-repeat;
	background-size: 100%;
	width: auto;
}

.contact_bn:active {
	margin-top: 35px;
	display: block;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 22.8%;
	background: url(images/contact_bn.png) 0 0 no-repeat;
	background-size: 100%;
	background-position: bottom;
	width: auto;
}

.contact_bn img:hover {
	opacity: 1.0;
}

.contact_text {
	margin-bottom: 15px;
}

.contact_text span {
	color: #fb745d;
}

.contact_ttl {
	color: #5a7f91;
	font-size: 24px;
	margin-bottom: 5px;
	font-weight: bold;
}

/****************
支援・サービス紹介
****************/

.area_service {
	padding: 60px 0px;
	background: url(images/service_bg.jpg) fixed center;
	background-size: cover;
}

@media only screen and (max-width: 767px) {
	.area_service {
		padding: 60px 0px;
		background: url(images/service_bg_sp.jpg) fixed center;
		background-size: cover;
	}
}

.box_service {
	background: #fff;
	padding: 5px;
	display: table;
	width: 100%;
	margin-bottom: 15px;
}

.box_service a {
	background: url(images/box_service_bg.png) no-repeat right bottom;
	;
	border: 3px solid #5a7f91;
	display: block;
	height: 100px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #5a7f91;
	font-size: 18px;
	line-height: 1.5em;
}

.box_service:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
	transition: 0.2s;
}

.box_service a {
	text-decoration: none;
}

h1.service_ttl span {
	color: #fff;
}

h2.service_ttl02 {
	color: #fff;
}

/************
研究シーズ
************/

.area_seeds {
	padding: 60px 0px;
	background-size: cover;
	background: url(images/seeds_bg.png) fixed center, url(images/second_bg.jpg) fixed;
	background-size: cover, auto;
}

@media only screen and (max-width: 767px) {
	.area_seeds {
		background: url(images/seeds_bg_sp.png) fixed center, url(images/second_bg.jpg) fixed;
	}
}

.seeds_icon {
	margin-bottom: 15px;
	display: block;
}


@-webkit-keyframes modify {
	0% {
		padding-top: 125px;
		margin-top: -125px;
	}

	100% {
		padding-top: 0;
		margin-top: 0;
	}
}


@keyframes modify {
	0% {
		padding-top: 125px;
		margin-top: -125px;
	}

	100% {
		padding-top: 0;
		margin-top: 0;
	}
}


#life:target,
#medical:target,
#telecommunications:target,
#electronic:target,
#device:target,
#machine:target,
#nanotechnology:target,
#bio,
#science,
#u_design,
#economy,
#content {
	-webkit-animation: modify 0.1s;
	animation: modify 0.1s;
}



/********
事例紹介
********/

.area_cases {
	padding: 60px 0px;
	background: url(images/cases_bg.png) center no-repeat;
	background-color: #fff;
	background-size: 800px;
}

@media only screen and (max-width: 767px) {
	.area_cases {
		padding: 60px 0px;
		background: url(images/cases_bg_sp.png) center no-repeat;
		background-color: #fff;
		background-size: 800px;
	}
}

.case_ttl {
	background: #ff6f59;
	color: #fff;
	position: relative;
	padding: 13px 10px;
	border-radius: 6px;
	text-align: center;
	/*border-bottom:#b24d3e 6px solid;*/
	border: none;

}

.case_ttl:before {
	content: "";
	position: absolute;
	top: 105%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #ff6f59;
}

/********
データで見る産学連携
********/

.area_data {
	padding: 60px 0px;
	background: url(images/data_bg.png) fixed center;
	background-size: cover;
}

@media only screen and (max-width: 767px) {
	.area_data {
		padding: 60px 0px;
		background: url(images/data_bg_sp.png) fixed center;
		background-size: cover;
	}
}

/******************
特許について
*****************/

.area_patent {
	background: #fff;
	padding: 60px 0px;
}


.box_patent {
	background: #deeced;
	padding: 5px;
	display: table;
	width: 100%;
	margin-bottom: 15px;
}

.box_patent a {
	background: url(images/box_service_bg.png) no-repeat right bottom;
	;
	border: 3px solid #5a7f91;
	display: block;
	height: 100px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #5a7f91;
	font-size: 18px;
	line-height: 1.5em;

}

.box_patent:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
	transition: 0.2s;
}

.box_patent a {
	text-decoration: none;
}



.box_patent02 {
	background: #deeced;
	padding: 5px;
	display: table;
	width: 100%;
	margin-bottom: 15px;
}

.box_patent02 a {
	background: url(images/box_service_bg.png) no-repeat right bottom;
	;
	border: 3px solid #5a7f91;
	display: block;
	height: 100px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #5a7f91;
	font-size: 18px;
	line-height: 1.5em;

}

.box_patent02:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
	transition: 0.2s;
}

.box_patent02 a {
	text-decoration: none;
}

/******************
特許について 詳細
*****************/

.box_patent_detail {
	background-color: #ffc;
	padding: 5px;
	display: table;
	width: 100%;
	margin-bottom: 15px;
	border: 4px solid #5a7f91;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}


.box_patent_detail:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.box_patent_detail a {
	background: url(images/arrow_bottom.png) no-repeat center bottom;
	display: block;
	height: 100px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #5a7f91;
	font-size: 18px;
	line-height: 1.5em;
	padding-bottom: 10px;
	border: none;
}

.box_patent_detail a {
	text-decoration: none;
}

.box_patent_detail02 {
	background: #deeced;
	padding: 5px;
	display: table;
	width: 100%;
	margin-bottom: 15px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.box_patent_detail02:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.box_patent_detail02 a {
	background: url(images/box_service_bg.png) no-repeat right bottom;
	;
	border: 3px solid #5a7f91;
	display: block;
	height: 100px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #5a7f91;
	font-size: 18px;
	line-height: 1.5em;
}

.box_patent_detail02 a {
	text-decoration: none;
}

.step_label {
/* 	background: var(--color-main);
 */	color: #ffc;
	padding-left: 0px;
	padding-right: 10px;
	margin-right: 15px;
}

.arrow_box {
	color: #5a7f91;
	border: 3px solid #5a7f91;
	padding: 10px 15px;
	display: inline-block;
	background: #fff;
}

.arrow {
	margin-left: 50px;
}

.arrow02 {
	margin-left: 50px;
	margin-right: 15px;
}


/********
会社概要
*********/

.top_ttl {
	margin-top: 35px;
	text-align: left;
	margin-top: 70px;
	line-height: 1.5em;
}

.area_company {
	background: url(images/dot.png), url(images/company.gif) fixed no-repeat, #f8f3f0;
	background-position: right 50px top 50px;
	padding-top: 60px;
	padding-bottom: 60px;
}

/***********
お問い合わせ
***********/

.area_second table tr td.contact_txt {}

.area_second table tr td.contact_txt span {
	padding: 0px 5px;
	font-size: 18px;
	color: #000;
}

.area_second table tr td.contact_tel span {
	background: url(images/icon_tel.png) no-repeat left;
	padding: 0px 5px;
	padding-left: 40px;
	font-size: 24px;
	color: #555;
	font-weight: bold;
}

.area_second table tr td.contact_fax span {
	background: url(images/icon_fax.png) no-repeat left;
	padding: 0px 5px;
	padding-left: 40px;
	font-size: 24px;
	color: #555;
	font-weight: bold;
}

.area_second table tr td.contact_mail span {
	background: url(images/icon_mail.png) no-repeat left;
	padding: 0px 5px;
	padding-left: 40px;
	font-size: 24px;
	color: #555;
	font-weight: bold;
}


@media only screen and (max-width: 767px) {
	.area_company {
		background: url(images/dot.png), url(images/company.gif) fixed no-repeat, #f8f3f0;
		background-size: 3px, 80%;
		background-position: right 50px top 50px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/*お問い合わせボタン*/
.contact_btn {
	margin-top: 25px;
	display: block;
	max-width: 800px;
	display: inline-block;
}

.detail_btn,
.detail_btn:focus {
	color: #fff;
	background: url(images/detail_arrow.png) no-repeat, #fb745d;
	background-position: right 15px top 14px;
	font-size: 24px;
	padding: 10px 50px 13px 40px;
	transition: 0.2s;
	text-decoration: none;
	display: inline-block;
}

a.detail_btn:hover,
a.detail_btn:active {
	color: #fff;
	text-decoration: none;
	background: url(images/detail_arrow.png) no-repeat, #fca293;
	background-position: right 15px top 14px;
	transition: 0.2s;
	text-decoration: none;
}

.link_btn,
.link_btn:focus {
	color: #fff;
	background: url(images/detail_arrow.png) no-repeat, #2697A5;
	background-position: right 15px center;
	font-size: 24px;
	padding: 10px 50px 13px 40px;
	transition: 0.2s;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 1.3;
}

a.link_btn:hover,
a.link_btn:active {
	color: #fff;
	text-decoration: none;
	background: url(images/detail_arrow.png) no-repeat, #2FB8C9;
	background-position: right 15px center;
	transition: 0.2s;
	text-decoration: none;
	width: 100%;
	text-align: center;
}




/************
開発・支援実績
************/

.area_works {
	background: url(images/dot.png), url(images/san.png) fixed no-repeat, url(images/works.png) fixed repeat-x, #D7effb;
	background-position: 0px, left 250px top 280px, left 100px top 150px;
	padding-top: 60px;
	padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
	.area_works {
		background: url(images/dot.png), url(images/san.png) fixed no-repeat, url(images/works.png) fixed repeat-x, #D7effb;
		background-position: 0px, left 0px top 280px, left 100px bottom 0px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

.area_works01 {
	padding-top: 35px;
	padding-bottom: 60px;
}

.area_works02 {
	background: url(images/dot.png), url(images/works/bg.png) fixed repeat-y, #f8f3f0;
	background-position: center bottom;
	padding-top: 150px;
	padding-bottom: 150px;
}

.area_works03 {
	background: url(images/dot.png), url(images/works/bg02.png) fixed no-repeat, url(images/works/bg03.png) fixed repeat-x, #a6e1f6;
	background-position: right bottom;
	padding-top: 50px;
	padding-bottom: 150px;
}

@media only screen and (max-width: 767px) {
	.area_works03 {
		background: url(images/dot.png), url(images/works/bg02.png) fixed no-repeat, url(images/works/bg03.png) fixed repeat-x, #a6e1f6;

		background-position: right bottom;
		padding-top: 50px;
		padding-bottom: 150px;
	}
}

.area_works03 .image07 {
	margin-top: -15px;
}

.area_works03 .image08 {
	margin-top: 0px;
}

.area_works03 .image09 {
	margin-top: 0px;
}

.area_works03 .image10 {
	margin-top: 0px;
}

.area_works03 .image11 {
	margin-top: 0px;
}

/********
採用情報
*********/

.back_w {
	background-color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	padding: 0px 25px;
	margin-bottom: 35px;
	box-shadow: 1px 1px 3px #ccc;
}

.area_recruit {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}

.recruit_list {
	list-style: none;
	padding: 0px;
}

.area_second ul.recruit_list li {
	background: none;
	padding-left: 0px;
}

.area_second .recruit_btn,
.area_second .recruit_btn:focus {
	color: #fff;
	background: #ff546e;
	background-position: left 15px top 30px;
	font-size: 28px;
	padding: 25px 60px 25px 70px;
	transition: 0.2s;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
	border-bottom: 6px solid #ae3b63;
	margin-bottom: 15px;
	text-decoration: none;
}

.recruit_btn:hover,
.recruit_btn:active {
	color: #fff;
	text-decoration: none;
	background: #ff6d8c;
	background-position: left 15px top 30px;
	transition: 0.2s;
	border-bottom: 6px solid #e3546e;
}

/********
会社情報
*********/

.area_company01 {
	background: url(images/dot.png), url(images/company/bg01.png) fixed repeat-y, #f8f3f0;
	background-position: right 300px bottom -350px;
	padding-top: 150px;
	padding-bottom: 150px;
}


/********
会社情報
*********/

.area_second_other {
	padding-top: 60px;
	padding-bottom: 60px;
}




/************
セカンド
*************/
.area_second {
/* 	min-height: 800px;
 */
/* 	background: linear-gradient(45deg, rgba(116, 0, 179, .25), rgba(255, 255, 255, .6), rgba(61, 255, 255, .3)) fixed, url(images/second_bg_pop.png) fixed;
	box-shadow: 1px 1px 3px #eee;
 */
	padding-top: calc(84px - 53px);
	padding-bottom: calc(130px - 80px);
	background: white;
}

@media only screen and (max-width: 767px) {
	.area_second {
		padding-top: 25px;
		padding-bottom: calc(40px - 25px);
	}
}

.box_second h2 {
	color: white;
	background: var(--color-main);
	font-size: 20px;
    font-weight: bold;

	height: 50px;
	line-height: 50px;
	padding-left: 25px;

/* 	margin-right: -30px;
	margin-left: -30px;
	padding-right: 30px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
 */
/* 	border-left: 5px solid #0285d1;
	border-right: 5px solid #0285d1;
 */
	/*border-left:5px solid #5a7f91;
	border-right:5px solid #5a7f91;*/

}

@media only screen and (max-width: 767px) {
	.box_second h2 {
		text-align: center;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
	}
}

.box_second h2:first-child {
	/*border-top:5px solid #5a7f91;*/

/* 	border-top: 5px solid #0285d1;
 */

/* 	margin-top: -30px;
 */
}

.box_second {
/* 	background: #fff;
	padding-bottom: 25px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 25px;
 */

	padding: 0;
    border: none;

/* 	background: #F00;
 */
/* 	background-color: rgba(255, 255, 255, 0.7);
 */
/* 	border: 5px solid #fff;
 */	/*5a7f91*/
}

.area_second ul {
	padding-left: 15px;
}

/* .area_second ul li {
	line-height: 1.8em;
	list-style: none;
	background: url(images/sp_nav_arrow.png) no-repeat;
	background-position: left 4px top 12px;
	padding-left: 17px;
}
 */
.second_detail_text {
	background: #57bdae;
	border-radius: 8px;
	display: inline-block;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 35px;
	border-bottom: 5px solid #008888;

	position: relative;
	display: inline-block;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	font-size: 16px;
	margin-left: 90px;
	margin-top: 15px;

	border-radius: 15px;
	font-size: 21px;
}

.second_detail_text:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 15px;
	left: -19px;
	border: 6px solid transparent;
	border-right: 18px solid #57bdae;
	transform: rotate(35deg);

}

.cureco {
	background: url(images/fukidasi.png) no-repeat;
	left: 20px;
	top: 15px;
	height: auto;
	width: 100%;
	display: inline-block;


}


/*------------
パンくずメニュー
--------------*/

ul.crumb-lists {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-left: 20px;
/* 	margin-top: 0px;
	padding: 5px;
 */
	position: relative;
}

ul.crumb-lists li {
	float: left;
	background: none;

/* 	padding-left: 5px;
 */
	color: #999;
	font-size: 12px;
	height: 53px;
	line-height: 53px;
}

div#breadcrumb {
	height: 53px;
}

@media only screen and (max-width: 767px) {
	div#breadcrumb {
		display: none;
	}
}

.breadcrumb {
/* 	margin-bottom: 0px;
	background: #f5f5f5;
 */
/* 	padding-top: 0px;
	margin-bottom: 35px;
 */
}

/* #breadcrumb {
	margin-top: 0px;
	margin-bottom: -25px;
}
 */

/*  @media only screen and (max-width: 767px) {
	#breadcrumb {
		margin-top: 0px;
		margin-bottom: -25px;
	}
}
 */

#breadcrumb a {
	color: #999;
}

#breadcrumb .fa-home {
	display: none;

/* 	background: url(images/breadcrumb_home.png) no-repeat 3px 3px;
	width: 20px;
	height: 30px;
	display: block;
	float: left;
	margin-right: 5px;
 */
}

#breadcrumb strong {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

/* @media only screen and (min-width: 768px) {
	#breadcrumb.breadcrumb-section {
		margin-top: 0px;
	}

	#breadcrumb.breadcrumb-section ul {

		padding: 5px;
		padding-right: 13px;
	}
}
 */

/*------------
サイドメニュー
-------------*/

.sidebar_nav {
	margin-top: 10px;
	padding-bottom: 5px;
}

.sidebar_nav h2 {
	background: url(images/side_ttl.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 18px;
	height: 22px;
	background-position: center;
}

.sidebar_nav ul {
	list-style: none;
	padding: 0px;
}

.sidebar_nav ul li.sidebar_line {
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}


/*------------
コンテンツ
------------*/


/*------
フッター
-------*/

/* footer {
	background: #fff;
}
 */

.footer_logo {
	background: #fff;
}

@media only screen and (max-width: 767px) {
	footer.en {
		/*英語対応*/
		background: none;
		background-position: center bottom -130px;
	}
}

.conpany_profile p {
	margin-bottom: 0px;
}

.conpany_profile .container {
	padding-top: 0px;
}

footer {
	background: var(--color-pale-blue);
}

footer .footer_nav {
	color: #fff;
}

footer .footer_nav .row {
	margin-top: 50px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
	footer .footer_nav .row {
		margin-top: 27.5px;
		margin-bottom: 27.5px;
		margin-right: 7.5px;
		margin-left: 7.5px;		
	}

	footer .footer_nav .row .col-xs-6 {
		padding: 7.5px;
	}

	footer .footer_nav .row img {
		width: 100%;
	}

	footer .footer_nav ul {
		margin-bottom: 0px;

		margin: 0 auto;
		width: 100%;
	}

	footer .footer_contact {
		margin-bottom: 25px;
	}

	.footer_bn_area {
		background: #dbf4f4;
		padding-top: 50px;
		padding-bottom: 15px;
		margin-top: 0px;
	}

	.footer_ico_area {
		background: #fff3b2;
	}

	footer .footer_nav {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 767px) {
	footer .footer_nav.en {
		margin-top: 0px;
		margin-bottom: 10px;
	}
}

footer .footer_nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	display: block;
	width: auto;
}

@media only screen and (max-width: 1200px) {
	footer .footer_nav ul {
		list-style: none;
		margin: 0 auto;
		padding: 0px;
		display: block;
		width: auto;
	}
}

footer .footer_nav ul li {
	padding-left: 14px;
	float: left;
	margin-right: 15px;
}

footer .footer_nav ul li:hover {
	padding-left: 14px;
	float: left;
	margin-right: 15px;
}

@media only screen and (max-width: 767px) {
	footer .footer_nav ul.links_list li {
		min-height: auto;
	}
}

footer .footer_nav ul li a {
	color: #00245c;
}

footer .footer_nav ul li a:hover {
	color: #337ab7;
	text-decoration: none;
}

footer .copyright {
	background: #0A5F84;
	padding-top: 8px;
	color: #fff;
	text-align: center;
}

footer .copyright p {
	line-height: 70px;
}

@media only screen and (max-width: 767px) {
	footer .copyright p {
		font-size: 12px;
	}
}

#page_top {
	display: none;
}


/*ページネーション*/
.pagenation {
	margin: 0;
	margin-top: 70px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.pagenation {
		margin-top: 20px;
	}
}

.pagenation .head-button a {
	width: 120px;
	font-size: 16px;
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	.pagenation .head-button a {
		font-size: 14.5px;
		width: 32%;
		height: 45px;
		line-height: 45px;
		border-radius: 22.5px;
	}
}

.pagenation .head-button.prev {
	margin-right: 30px;
}

@media only screen and (max-width: 767px) {
	.pagenation .head-button.prev {
		margin-right: 15px;
	}
}

.pagenation .head-button.next {
	margin-left: 30px;
}

@media only screen and (max-width: 767px) {
	.pagenation .head-button.next {
		margin-left: 15px;
	}
}

.pagenation .spacer {
	display: inline-block;
	width: 120px;
}

@media only screen and (max-width: 767px) {
	.pagenation .spacer {
		width: 32%;
	}
}

.pagenation .n {
	display: inline-block;
	font-size: 16px;
	color: var(--color-main);
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid var(--color-main);
}

@media only screen and (max-width: 767px) {
	.pagenation .n {
		font-size: 14.5px;
		width: 27px;
		height: 27px;
		line-height: 27px;
	}
}

.pagenation .n.active {
	color: white;
	background-color: var(--color-main);
}

.pagenation1 {
	display: block;
}

.pagenation2 {
	display: none;
}

@media only screen and (max-width: 767px) {
	.pagenation2 {
		display: block;
	}

	.pagenation1 .head-button {
		display: none;
	}

	.pagenation2 .n {
		display: none;
	}
}


/* .pagenation:after,
.pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.pagenation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.area_second .pagenation li {
	float: left;
	list-style: none outside none;
	margin-left: 3px;
	background: none;
	padding: 0px;
	float: left;
	display: inline-block;
	float: left;
	display: inline-block;
	background: none;
}

.pagenation li:first-child {
	margin-left: 0;
	float: left;
}

.pagenation li.active {
	background-color: #789;
	color: #FFFFFF;
	padding: 5px 10px;
	display: inline-block;
	float: left;
}

.pagenation li a {
	background: none repeat scroll 0 0 #abc;
	color: #FFFFFF;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
}

.pagenation li a:hover {
	background-color: #444444;
	color: #FFFFFF;
	opacity: 0.8;
}
 */


/******************
パララックス対応
*****************/
.sp_view {
	background-attachment: scroll;
}

@media only screen and (max-width: 767px) {
	.video-wrap {
		position: relative;
	}

	.video-wrap video {
		position: fixed;
		left: 0;
		bottom: 0;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -10;
		background: url(image/sampleposter.jpg) no-repeat;
		background-size: cover;
	}

	.text_top {
		background: url(images/top_parts.png) no-repeat;
		background-size: 500px;
		height: 250px;
		background-position: center;
		margin-top: 0px;
		vertical-align: middle;
		padding-top: 0px;
		position: relative;
		top: 0px;
		z-index: 0;
		padding-top: 100px;
	}

	.text_top h1 {
		margin-bottom: 0px;
		padding-top: 0px;
		color: #fff;
		font-size: 4vw;
		letter-spacing: 0.2em;
		margin-top: 90px;
		/*font-family: "Sawarabi Mincho";*/
	}

	.text_top h3 {
		margin-top: 10px;
		padding-top: 0px;
		color: #ea5e00;
		font-size: 29px;
		border-bottom: none;
		font-size: 6vw;
	}

	.text_top>.btn {
		margin-bottom: 20px;
	}

/* 	#home_sp {
		background: url(images/top_move.png);

		width: 100%;
		height: 450px;
		position: relative;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
 */
	#products-detail {
		background: url(images/Desert.jpg) no-repeat center center;
		display: table;
		width: 100%;
		height: auto;
		position: relative;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

}

/* @media only screen and (max-width: 450px) {
 	#home {
		width: 100%;
		height: 300px;
		position: relative;
		background: url(images/top_image_sp_s.jpg);
		background-size: 450px;
		background-position: center;

	}

	.text_top h1 {
		margin-bottom: 0px;
		padding-top: 0px;
		color: #fff;
		font-size: 4vw;
		letter-spacing: 0.2em;
		margin-top: 10px;
	}
}
 */

@media only screen and (min-width: 768px) {
	.video-wrap {
		position: relative;
	}

	.video-wrap video {
		position: fixed;
		right: 0;
		bottom: 0;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -10;
		background: url(image/sampleposter.jpg) no-repeat;
		background-size: cover;
	}

	.text_top {
		background: url(images/top_parts.png) no-repeat;
		height: 500px;
		background-position: center;
		margin-top: 250px;
		vertical-align: middle;
		padding-top: 0px;
		position: absolute;
		top: 0;
		width: 100%;
		padding-top: 65px;

	}

	.text_top h1,
	.text_top h3 {
		font-size: 4em;
		color: #fff;
	}

	.slide {
		z-index: 999;

	}

	.text_top h1 {
		font-size: 36px;
		padding-top: 15px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		color: #fff;
		letter-spacing: 0.2em;
		margin-top: 0px;
		/*font-family: "Sawarabi Mincho";*/
	}

	.text_top h3 {
		font-size: 41px;
		text-align: center;
		font-weight: normal;
		color: #ea5e00;
		font-weight: bold;
		margin-top: 5px;
		border: none;
	}


/* 	#home_sp {
		background: url(images/top_move.png);
		display: table;
		height: 100%;
		position: relative;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
 */





	#products-detail {
		background: url(images/Desert.jpg) no-repeat center center fixed;
		display: table;
		height: 100%;
		position: relative;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

/**********
ヘッダー一覧
***********/

#head_second {
	/*min-height:calc(100% - 10px);*/
	height: 240px;
	width: 100%;
	transition: 0.2s;

/* 	background: url(images/second_head.png) fixed;
 */

 	background: url(images/pc/header.png);
 	background-size: 1366px 240px;
 	background-repeat: no-repeat;
	background-position: center;

/* 	background: url(images/pc/header.png) fixed;
	background-size: cover;
 */
	margin-top: 170px;
}

@media only screen and (min-width: 1366px) {
	#head_second {
		background-size: 100% 100%;
	}
}

/* @media only screen and (max-width: 992px) {
	#head_second {
		margin-top: 270px;
	}
}
 */

@media only screen and (max-width: 767px) {
	#head_second {
		height: calc(100vw * (240 / 750));		
		margin-top: 90px;
		background: url(images/sp/header.png);
		background-size: 100% 100%;
	}
}

.contact_chara {
	display: none;

/* 	position: absolute;
	right: 0px;
	top: 5px;
 */
}

.header_fb_bn {
	position: absolute;
	left: 12px;
	top: 725px;
	transition: 0s;
}

@media only screen and (max-width: 767px) {
	.header_fb_bn {
		position: absolute;
		left: 5px;
		top: 410px;
	}
}


/* .contact_chara img {}

.contact_chara:hover img {
	opacity: 1;
	animation: purun 0.8s linear 0s 1;
}

.head_text .contact_chara {
	position: absolute;
	right: 0px;
	top: 635px;

}

.head_text .contact_chara:hover img {
	opacity: 1;
	animation: purun 0.8s linear 0s 1;
}
 */

/* @keyframes purun {
	0% {
		transform: scale(1.0, 1.0) translate(0%, 0%);
	}

	15% {
		transform: scale(0.9, 0.9) translate(0%, 5%);
	}

	30% {
		transform: scale(1.3, 0.8) translate(0%, 10%);
	}

	50% {
		transform: scale(0.8, 1.3) translate(0%, -10%);
	}

	70% {
		transform: scale(1.1, 0.9) translate(0%, 5%);
	}

	100% {
		transform: scale(1.0, 1.0) translate(0%, 0%);
	}
}
 */


/* @media only screen and (max-width: 767px) {
	.contact_chara {
		position: absolute;
		right: 0px;
		top: 80px;

	}

	.contact_chara img {
		width: 260px;
	}

	.head_text .contact_chara {
		position: absolute;
		right: 0px;
		top: 360px;

	}
}
 */

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

/* 	.head_text .contact_chara {
		position: absolute;
		right: 0px;
		top: 180px;

	}
 */
	.header_fb_bn {

		position: absolute;
		left: 5px;
		top: 230px;

	}

}



#head_works {
	background-size: 3px, 500px, 100%;
	background-position: 0px, right -100px top -100px, 100px 0px;
	display: table;
	/*min-height:calc(100% - 10px);*/
	height: 250px;
	width: 100%;
	background-attachment: fixed;
	box-shadow: inset 3px -3px 9px #bbb;
	transition: 0.2s;

}

#head_recruit {
	background-size: 3px, 500px, 100%;
	background-position: 0px, right -100px top -100px, 100px 0px;
	display: table;
	/*min-height:calc(100% - 10px);*/
	height: 250px;
	position: relative;
	width: 100%;
	background-attachment: fixed;
	box-shadow: inset 3px -3px 9px #bbb;
	transition: 0.2s;

}

#head_company {
	background-size: 3px, 500px, 100%;
	background-position: 0px, right -100px top -100px, 0px -100px;
	display: table;
	/*min-height:calc(100% - 10px);*/
	height: 250px;
	position: relative;
	width: 100%;
	background-attachment: fixed;
	box-shadow: inset 3px -3px 9px #bbb;
	transition: 0.2s;
	margin-bottom: 0px;

}

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




	#head_works {
		background-size: 3px, 500px, 125%;
		background-position: 0px, right -100px top -100px, 100px 0px;
		display: table;
		/*min-height:calc(100% - 10px);*/
		height: 250px;
		position: relative;
		width: 100%;
		background-attachment: fixed;
		box-shadow: inset 3px -3px 9px #bbb;
		transition: 0.2s;

	}

	#head_recruit {
		background-size: 3px, 500px, 125%;
		background-position: 0px, right -100px top -100px, 100px 0px;
		display: table;
		/*min-height:calc(100% - 10px);*/
		height: 250px;
		position: relative;
		width: 100%;
		background-attachment: fixed;
		margin-bottom: 25px;
		box-shadow: inset 3px -3px 9px #bbb;
		transition: 0.2s;

	}

	#head_company {
		background-size: 3px, 500px, 125%;
		background-position: 0px, right -100px top -100px, 100px 0px;
		display: table;
		/*min-height:calc(100% - 10px);*/
		height: 250px;
		position: relative;
		width: 100%;
		background-attachment: fixed;
		margin-bottom: 0px;
		box-shadow: inset 3px -3px 9px #bbb;
		transition: 0.2s;

	}
}

@media only screen and (max-width: 767px) {
		#head_works {
		background-size: 3px, 350px, 380%;
		background-position: 0px, right -100px top 80px, -180px 0px;
		display: table;
		/*min-height:calc(100% - 10px);*/
		height: 250px;
		position: relative;
		width: 100%;
		background-attachment: fixed;
		box-shadow: inset 3px -3px 9px #bbb;
		transition: 0.2s;
		margin-top: -25px;

	}

	#head_recruit {
		background-size: 3px, 350px, 400%;
		background-position: 0px, right -100px top 80px, 0px 0px;
		display: table;
		/*min-height:calc(100% - 10px);*/
		height: 250px;
		position: relative;
		width: 100%;
		background-attachment: fixed;
		margin-bottom: 25px;
		box-shadow: inset 3px -3px 9px #bbb;
		transition: 0.2s;
		margin-top: -25px;

	}

	#head_company {
		background: url(images/dot_gray.png), url(images/second.gif) no-repeat, url(images/company/top_image.png) fixed, linear-gradient(135deg, #ffe7fa, #dcf1ff, #e2ffe1, #dcf1ff) fixed;
		background-size: 3px, 350px, 400%;
		background-position: 0px, right -100px top 80px, 0px 0px;
		display: table;
		/*min-height:calc(100% - 10px);*/
		height: auto;
		position: relative;
		width: 100%;
		background-attachment: fixed;
		margin-bottom: 0px;
		box-shadow: inset 3px -3px 9px #bbb;
		transition: 0.2s;
		margin-top: -25px;

	}
}

h1.text_second {
	font-size: 31px;
	font-weight: normal;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 80px;

/* 	padding-bottom: 5px;
	margin-bottom: 0px;
	letter-spacing: 0.1em;
	margin-top: 35px;
	margin-bottom: 0px;
	font-family: 'Noto Sans Japanese';
	margin-bottom: 25px;
	padding-left: 10px;
	width: calc(100% - 350px);
 */
}

.text_second_sub {
	color: white;
	font-size: 15px;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 767px) {
	h1.text_second {
		font-size: 21px;
		padding-top: calc(100vw * (80 / 750));
	}
/* 	h1.text_second {
		font-size: 28px;
		padding-top: 0px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		letter-spacing: 0.1em;
		margin-top: 30px;
		font-weight: normal;
		margin-bottom: 0px;
		font-family: 'Noto Sans Japanese';
		margin-bottom: 25px;
		text-align: left;
		padding-left: 10px;
		width: 100%;
	}
 */
}

h1.text_second span {
	padding: 0px;
	padding-bottom: 10px;
	min-height: 0px;
	color: #fff;
	font-weight: bold;

}

h1.text_second02 {
	margin-top: 55px;
}


/* Bootstrap Navigation styles
-------------------------------------------------- */

.navbar-default .navbar-nav>.active {
	color: #000;
	background: #BBDDFF;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #000;
	background: #BBDDFF;
}


/* Sticky footer styles
-------------------------------------------------- */

.footer {
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	background-color: #f5f5f5;
	padding: 20px 0;
}

/* .footer_bn {
	margin-bottom: 50px;
}
 */

/* Content styles
-------------------------------------------------- */
/* Products */
#products {
	background-color: #306d9f;
	color: #ffffff;
	padding-bottom: 20px;
}

#products-detail .panel {
	margin-top: 50px;
	margin-bottom: 50px;
	opacity: 0.85;
}

/*h3 ,h2,.p-center{
text-align: center;
}*/

.service>p {
	text-align: center;
}

.enimg {
	border-radius: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.section {
	margin-top: 50px;
	margin-bottom: 50px;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.video {
	margin-top: 50px;
}

.content-img {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.table-estimate label {
	font-weight: bold !important;
	font-size: larger;
	color: #006666;
}

.table-estimate .kakaku {
	font-weight: bold;
}


.social_media_policy {
	color: #fff;
}

.social_media_policy:hover {
	color: #fff;
}

textarea::-webkit-input-placeholder::after {
	display: block;
	content: "参考例 \a という技術課題があり、Aを共同で解決できる先生を紹介いただきたい。\a ②現製品に新たにBという機能を付加したい。Bを実現できる先生はおりませんでしょうか。";
}


/**************
お問い合わせ
**************/
.mw_wp_form .input-show {
	font-size: 15px;
	margin-bottom: 30px;
}

.mw_wp_form .input-show.for-pc {
	display: inline-block;
}

.mw_wp_form .input-show.for-sp {
	display: none;
}

.mw_wp_form input,
.mw_wp_form textarea,
.mw_wp_form select {
	font-size: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #ccc;
}

.mw_wp_form textarea {
	width: 424px;
}

.mw_wp_form select {
	appearance: none; /* デフォルトの矢印を非表示 */
	-webkit-appearance: none;

	background-image: url(images/pc/select.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	position: relative;
}

.mw_wp_form select[name="prefectures"] {
	width: 166px;
}

.mw_wp_form select[name="gaiyou"] {
	width: 300px;
}

.mw_wp_form input[type="text"] {
	width: 424px;
	height: 34px;
}

.mw_wp_form input[name="zip"] {
	width: 63px;
}

.mw_wp_form input[name="zip2"] {
	width: 102px;
}

::placeholder {
	font-size: 15px;
	color: #aaa;
}

.mw_wp_form select {
	font-size: 15px;
	height: 34px;
}

.mw_wp_form table {
	background: #e8f1f8;
}

.mw_wp_form table tbody tr th {
	width: 415px;
	font-size: 15px;
	padding-left: 120px;
	border: none;
	background: none;
}

.mw_wp_form table tbody tr td {
	border: none;
	background: none;
}

.mw_wp_form .middle-note td div {
	text-align: center;
	border-top: 1px solid #ccc;
	margin-left: 26px;
	margin-right: 26px;
	padding-top: 60px;
}

.mw_wp_form .bottom-note td div {
	padding: 0;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	margin-bottom: 0;
}

.mw_wp_form .entry_btn {
	width: 240px;
	margin-bottom: 60px;
}

.mw_wp_form .back_btn {
	width: 240px;
	margin-bottom: 20px;
	background: white;
	color: black;
}

.required-mark {
	width: 54px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #fff;
	background: #bf5e72;
	padding: 0;
	margin: 0;
	border-radius: 0;
    text-align: center;
	display: inline-block;
	margin-left: 8px;
}

@media only screen and (max-width: 767px) {
	.mw_wp_form .input-show {
		font-size: 12px;
		text-align: center;
		margin-bottom: 22.5px;
	}

	.mw_wp_form .input-show.for-pc {
		display: none;
	}
	
	.mw_wp_form .input-show.for-sp {
		display: inline-block;
		margin-left: 11px;
		height: 17.5px;
		line-height: 17.5px;
	}

	.mw_wp_form textarea {
		width: 100%;
		height: 155px;		
	}
	
	.mw_wp_form select {
		background-size: 13.5px 13.5px;
	}

	.mw_wp_form select[name="prefectures"] {
		width: 50%;
		min-width: 160px;
	}
	
	.mw_wp_form select[name="gaiyou"] {
		width: 70%;
		min-width: 230px;
	}

	.mw_wp_form input[type="text"] {
		width: 100%;
		height: 31px;
	}
	
	.mw_wp_form input[name="zip"] {
		width: 20%;
	}
	
	.mw_wp_form input[name="zip2"] {
		width: 30%;
	}

	::placeholder {
		font-size: 12px;
	}
	
	.mw_wp_form table {
		margin-left: 15px;
		margin-right: 15px;
		width: auto;
	}
	
	.mw_wp_form table tbody tr th {
		padding: 0;
		width: 100%;
		height: 17.5px;
		line-height: 17.5px;
		padding-left: 20px;
		margin-top: 20px;
		margin-bottom: 12.5px;
		font-size: 14px;
	}
	
	.mw_wp_form table tbody tr td {
		padding: 0;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 0px;
	}
	
	.mw_wp_form .middle-note td div {
		text-align: left;
		font-size: 12px;
		margin-left: 5px;
		margin-right: 5px;
		padding-top: 25px;
		padding-bottom: 0px;		
		border-top: none;
	}
	
	.mw_wp_form .bottom-note td div {
		text-align: left;
		font-size: 12px;
 		padding: 0;
		padding-top: 30px;
	}
	
	.mw_wp_form .entry_btn {
		font-size: 14px;
		width: 217px;
		height: 45px;
		margin-top: 27.5px;
		margin-bottom: 27.5px;
	}
	
	.mw_wp_form .back_btn {
 		font-size: 14px;
 		width: 217px;
 		height: 45px;
 		margin-bottom: 10px;
	}
	
	.required-mark {
		width: 48px;
		height: 17.5px;
		line-height: 17.5px;
		font-size: 10px;
		vertical-align: text-top;		
	}
}


/* ========== .bottom-links ========== */
.second_footer .bottom-links {
	font-size: 15px;
	color: white;
	background: var(--color-main);
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links a {
		display: block;
		width: 100%;
		text-decoration: none;
	}
}

.second_footer .bottom-links a.bl-toggle {
	pointer-events: none;
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links a.bl-toggle {
		pointer-events: initial;
	}
}

.second_footer .bottom-links .bl-caret {
	display: none;
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links .bl-caret {
		display: block;
		width: 15.5px;
		height: 15.5px;
		background-image: url(images/sp/caret01.png);
		background-repeat: no-repeat;
		background-size: 15.5px 15.5px;
		float: right;
		margin-top: calc((50px - 15.5px) / 2);		
	}

	.second_footer .bottom-links .bl-caret._open {
		background-image: url(images/sp/caret02.png);
	}
}

.second_footer .bottom-links a {
	font-size: 15px;
	color: white;
}

.second_footer .bottom-links ul {
	list-style: none;
	padding-inline-start: 0px;
	margin-bottom: 0px;
}

.second_footer .bottom-links .container {
	padding-top: calc(50px - 30px);
	padding-bottom: 64px;
	padding-left: 45px;
	padding-right: 45px;
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links .container {
		padding: 0;
	}
}

.second_footer .bottom-links .row {
	margin-top: 30px;
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links .row {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links .bl-items {
		border-top: 1px solid white;
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links .bl-items li {
		height: 50px;
		line-height: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.second_footer .bottom-links .bl-items li a {
	font-size: 14px;
}

.second_footer .bottom-links .bl-items a:before {
	content: "- ";
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links .bl-items a:before {
		content: initial;
	}
}

.second_footer .bottom-links .bl-title {
	font-weight: bold;
	margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links .bl-title {
		border-top: 1px solid white;
		margin-bottom: 0px;
		height: 50px;
		line-height: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.second_footer .bottom-links .bl-title a {
	font-weight: bold;
}

.second_footer .bottom-links .bl-links li {
	margin-bottom: 6px;
}

@media only screen and (max-width: 767px) {
	.second_footer .bottom-links .bl-links li {
		margin-bottom: 0px;
		padding-left: 15px;
		padding-right: 15px;
		height: 50px;
		line-height: 50px;
		border-top: 1px solid white;
	}
}

.second_footer .bottom-links .bl-links li a {
	font-weight: bold;
}


/* ========== .external-links ========== */
@media only screen and (max-width: 767px) {
	.external-links.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.external-links h2 {
	margin-bottom: 0px;
	margin-top: 50px;
}

@media only screen and (max-width: 767px) {
	.external-links h2 {
		margin-top: 20px;
	}

	.external-links h2:first-child {
		margin-top: 0px;
	}
}

.external-links .row {
	background-color: var(--color-pale-blue);
	margin-right: 0px;
    margin-left: 0px
}

.external-links .row div a {
	color: black;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}

@media only screen and (max-width: 767px) {
	.external-links .row div a {
		display: inline-block;
		font-size: 13px;
		width: 100%;
		height: 35px;
		line-height: 35px;
	}
}

.external-links .row div.col-sm-4,
.external-links .row div.col-sm-12 {
	border: 1px solid #dae7f0;
}

@media only screen and (max-width: 767px) {
	.external-links .row div.col-xs-12 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.external-links div._note {
	font-size: 13px;
	margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
	.external-links div._note {
		display: none;
	}
}

/* ========== .single-entry ========== */
@media only screen and (max-width: 767px) {
	.single-entry {
		padding-bottom: 55px;
	}
}

.single-entry h2,
.single-entry .container,
.single-entry .row,
.single-entry p
{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.single-entry .container {
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 767px) {
	.single-entry .container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.single-entry p {
	font-size: 15px;
}

@media only screen and (max-width: 767px) {
	.single-entry p {
		font-size: 12px;
		line-height: 1.5;
	}
}

.single-entry h2 {
	color: var(--color-main);
	background: none;
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: auto;
	border-bottom: 1px solid #eee;
}

@media only screen and (max-width: 767px) {
	.single-entry h2 {
		line-height: 20px;
		font-size: 16px;
		text-align: left;
		margin-bottom: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.single-entry .entry-left {
	width: 720px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 40px;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-left {
		width: initial;
		margin-right: 0px;
	}
}

.single-entry .entry-right {
	width: 240px;
	background-color: var(--color-pale-blue);
	padding-left: 20px;
	padding-right: 20px;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-right {
		width: initial;
	}
}

.single-entry .entry-right .col-sm-12 {
	padding-left: 0px;
	padding-right: 0px;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-right {
		display: none;
	}
}

.single-entry .category_btn {
	display: inline-block;
	color: white;
	background-color: var(--color-main);
	height: 24px;
	line-height: 24px;
	width: 160px;
	font-size: 13px;
	display: inline-block;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.single-entry .category_btn {
		font-size: 10px;
		width: 120px;
		height: 17.5px;
		line-height: 17.5px;
	}
}

.single-entry ._time {
	float: right;
	height: 24px;
	line-height: 24px;
}

@media only screen and (max-width: 767px) {
	.single-entry ._time {
		font-size: 13px;
		height: 17.5px;
		line-height: 17.5px;
	}
}

.single-entry .news_list_topics .category_btn {
	width: 100%;
}

.single-entry .news_list_topics h2 {
	text-align: center;
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.single-entry .news_list_topics .row .col-sm-12 {
	margin-bottom: 20px;
}

.single-entry .news_list_topics .title a {
	color: var(--color-main);
	font-size: 14px;
	font-weight: normal;
}

.single-entry .news_list_topics ._time {
	float: initial;
	clear: both;
	font-size: 14px;
}

.single-entry .entry-related {
	background-color: var(--color-pale-blue);
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 50px;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.single-entry .entry-related h2 {
	text-align: center;
	font-size: 23px;
	height: 120px;
	line-height: 120px;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related h2 {
		font-size: 16px;
		height: 75px;
		line-height: 75px;
	}
}

.single-entry .entry-related ._time {
	width: 100px;
	float: left;
	text-align: left;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related ._time {
		width: auto;
		float: right;
	}
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related .category_btn {
		float: left;
	}
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related ._header {
		height: 17.5px;
	}
}

.single-entry .entry-related .related-entry-item {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #dde7f1;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related .related-entry-item {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

.single-entry .entry-related h3.related-entry-title {
	color: var(--color-main);
	font-size: 20px;
	border: none;
	padding: 0;
	margin: 0;
	margin-top: 18px;
}

.single-entry .entry-related .related-entry-item .row {
	margin-top: 23px;
}

.single-entry .entry-related .related-entry-snippet {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related .related-entry-snippet {
		margin-top: 15px;
	}
}

.single-entry .entry-related .related-entry-thumb img {
	width: 180px;
	height: 180px;
	max-width: 180px;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related .related-entry-thumb img {
		width: 80%;
		height: 80%;
		max-width: 768px;
		display:block;
		margin:auto;
	}
}

.single-entry .entry-related .related-entry-item .row .col-sm-4 {
	width: 180px;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related .related-entry-item .row .col-sm-4 {	
		width: initial;
	}

	.single-entry .entry-related .related-entry-item .row .col-xs-12 {	
		width: 100%;
	}
}

.single-entry .entry-related .related-entry-item .row .col-sm-8 {
	width: calc(100% - 180px);
	padding: 0;
	margin: 0;
	padding-left: 37px;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related .related-entry-item .row .col-sm-8 {
		width: initial;
		padding-left: 0px;
	}
}

.single-entry .entry-related .related-entry-read.head-button a {
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	margin-left: 0;
	margin-top: 25px;
}

@media only screen and (max-width: 767px) {
	.single-entry .entry-related .related-entry-read.head-button a {
		font-size: 15px;
		width: 55%;
		height: 45px;
		line-height: 45px;
		border-radius: 22.5px;
		margin-left: auto;
		margin-right: auto;
	}
}

.single-entry .entry-right .separator {
	width: calc(100% + 40px);
    height: 20px;
    background-color: white;
    margin-left: -20px;
}

.single-entry .right-contact {
	height: 215px;
	text-align: center;
}

.single-entry .right-contact h2 {
	display: inline-block;
	font-size: 24px;
	height: 76px;
	line-height: 76px;
	padding: 0;
	margin: 0;
}

.single-entry .right-contact ._phone {
	color: var(--color-main);
	font-size: 18px;
	height: 22px;
	line-height: 22px;
}

.single-entry .right-contact .head-button a {
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	margin-top: 20px;
}

.single-entry .right-contact .phone-icon {
	background: url(images/pc/tel.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-bottom: -5px;
	margin-right: 5px;
}

.single-entry .right-contact .mail-icon {
	background: url(images/pc/mail.png);
	background-repeat: no-repeat;
	background-size: 19px 13px;
	display: inline-block;
	width: 19px;
	height: 13px;
	margin-bottom: -1px;
	margin-right: 5px;
}

.single-entry .next-links {
	margin-top: 70px;
	margin-bottom: calc(70px - 50px);
}

@media only screen and (max-width: 767px) {
	.single-entry .next-links {
		margin-top: 30px;
	}
}

.single-entry .next-links.for-sp {
	display: none;
}

@media only screen and (max-width: 767px) {
	.single-entry .next-links.for-pc {
		display: none;
	}

	.single-entry .next-links.for-sp {
		display: block;
	}
}

.single-entry .next-links .col-sm-2,
.single-entry .next-links .col-sm-4 {
	padding-left: 0px;
	padding-right: 0px;
}

.single-entry .next-links .head-button a {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.single-entry .next-links .head-button a {
		font-size: 15px;
		height: 45px;
		line-height: 45px;
		border-radius: 22.5px;
	}

	.single-entry .next-links .head-button._back a {
		width: 55%;
		margin-bottom: 19px;
	}

	.single-entry .next-links .head-button._prev a {
		width: 40%;
		float: left;
	}

	.single-entry .next-links .head-button._next a {
		width: 40%;
		float: right;
	}
}
/**動画ファイル右側に余白ができる問題を解消*/
.wp-video {
    margin: 0 auto;
}
/** brタグをどんな場合でも表示 */
br{
　display: block !important;
}

/* 研究者インタビュー */

.Interview_CategoryList {
	margin: 0 0 15px 0;
}

.Interview_CategoryList > div {
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.Interview_CategoryList > div > a {
	width: 13%;
}

.Interview_CategoryList > div div {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	width: 86%;
}

.Interview_CategoryList + div {
	margin-top: 15px;
}

.Interview_CategoryList a:link, .Interview_CategoryList a:visited {
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 1.7em;
	padding: 0 0.8em;
	margin-bottom: 8px;
	color: #2a7b9d;
	font-size: 14.5px;
	line-height: 100%;
	border-radius: 100px;
	background: #f0f5fa;
}

.Interview_CategoryList a.current {
	color: #fff;
	background: #2a7b9d;
}

.Interview_CategoryList a:hover {
	opacity: 0.7;
}

.Interview_CategoryList a + a {
	margin-left: 5px;
}

@media only screen and (max-width: 767px) {
	.Interview_CategoryList {
		overflow-x: scroll;
		width: 95%;
		margin: 2vw auto 3vw auto;
	}

	.Interview_CategoryList::-webkit-scrollbar {
		display: none;
	}

	.Interview_CategoryList > div {
		-webkit-justify-content: start;
		justify-content: start;
		width: max-content;
	}

	.Interview_CategoryList > div > a {
		width: auto;
	}

	.Interview_CategoryList > div div {
		-webkit-flex-wrap: nowrap;
		flex-wrap:         nowrap;
		width: auto;
		margin-left: 5px;
	}

	.Interview_CategoryList a:link, .Interview_CategoryList a:visited {
		height: 3em;
		padding: 0 1em;
		font-size: 2.5vw;
	}
}


.Interview_List {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 !important;
	margin: 85px 0 30px 0;
	list-style-type: none;
}

.Interview_List:after {
	content: "";
	display: block;
	width: 30.5%;
}

.Interview_List li {
	position: relative;
	width: 30.5%;
	padding: 25px;
	margin-bottom: 30px;
	border: 1px solid #efefef;
}

.Interview_List .wp-post-image {
	display: block;
	width: 82%;
	margin: 1.5em auto 0 auto;

	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.Interview_List .news_date {
	margin: 1.2em 0 0 0;
	font-size: 17px;
}

.Interview_List h3 {
	margin: 0.4em 0 0.25em 0;
	color: #2a7b9d;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: normal;
	border: none;
}

.Interview_List .interview_name {
	font-size: 15px;
}

.interview_cat {
	margin-bottom: 0.95em;
}

.interview_cat a:link, .interview_cat a:visited {
	display: inline-block;
	padding: 0.2em 0.9em 0.3em 0.9em;
	color: #2a7b9d;
	font-size: 13px;
	line-height: 100%;
	border-radius: 100px;
	background: #f0f5fa;
}

.interview_new {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 39px;
	height: 39px;
	color: #fff;
	font-size: 11px;
	line-height: 39px;
	text-align: center;
	border-radius: 50%;
	background: #ea3ff7;
}

@media only screen and (max-width: 767px) {
	.Interview_List {
		width: 95%;
		margin: 7vw auto 30px auto;
	}

	.Interview_List:after {
		display: none;
	}

	.Interview_List li {
		width: 48%;
		padding: 3vw 3vw 5vw 3vw;
		margin-bottom: 4.5vw;
	}

	.Interview_List .wp-post-image {
		margin: 4vw auto 0 auto;
	}

	.Interview_List .news_date {
		margin: 1em 0 0 0;
		font-size: 2.5vw;
	}

	.Interview_List h3 {
		margin: 0.2em 0 0 0;
		font-size: 2.8vw;
	}

	.Interview_List .interview_name {
		font-size: 2.2vw;
		line-height: 1.5em;
	}

	.interview_cat {
		margin-bottom: 2vw;
	}

	.interview_cat a:link, .interview_cat a:visited {
		padding: 0.2em 0.9em 0.3em 0.9em;
		font-size: 2.2vw;
	}

	.interview_new {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 5.25vw;
		height: 5.25vw;
		font-size: 1.75vw;
		line-height: 5.25vw;
	}
}


.pagenavi {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 125px;
}

.pagenavi .page-numbers {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 50px;
	height: 50px;
	margin: 0 15px 0 0;
	color: #357797;
	font-size: 16px;
	border-radius: 50%;
	border: 1px solid #357797;
}

.pagenavi .current {
	color: #fff;
	background: rgb(31,104,139);
	background: -moz-linear-gradient(90deg, rgba(31,104,139,1) 0%, rgba(65,142,172,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(31,104,139,1) 0%, rgba(65,142,172,1) 100%);
	background: linear-gradient(90deg, rgba(31,104,139,1) 0%, rgba(65,142,172,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f688b",endColorstr="#418eac",GradientType=1);
}

.pagenavi a:hover {
	opacity: 0.7;
}

.pagenavi .next, .pagenavi .prev {
	width: auto;
	padding-right: 40px;
	padding-left: 40px;
	color: #fff;
	border-radius: 100px;
	background: rgb(31,104,139);
	background: -moz-linear-gradient(90deg, rgba(31,104,139,1) 0%, rgba(65,142,172,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(31,104,139,1) 0%, rgba(65,142,172,1) 100%);
	background: linear-gradient(90deg, rgba(31,104,139,1) 0%, rgba(65,142,172,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f688b",endColorstr="#418eac",GradientType=1);
}

.pagenavi .next {
	position: absolute;
	right: 0;
}

.pagenavi .prev {
	position: absolute;
	left: 0;
}

@media only screen and (max-width: 767px) {
	.pagenavi {
		padding-bottom: 17vw;
		margin-bottom: 3vw;
	}

	.pagenavi .page-numbers {
		width: 8vw;
		height: 8vw;
		margin: 0 2.5vw 0 0;
		font-size: 2.8vw;
	}

	.pagenavi .next, .pagenavi .prev {
		width: auto;
		height: 12vw;
		padding-right: 12vw;
		padding-left: 12vw;
		font-size: 3.5vw;
	}

	.pagenavi .next {
		position: absolute;
		right: 13.5vw;
		bottom: 0;
	}

	.pagenavi .prev {
		position: absolute;
		left: 13.5vw;
		bottom: 0;
	}
}