@charset "utf-8";

/*
	Theme Name: 日本テクトシステムズ株式会社
	Theme URI: -
	Description: A theme by <a href="http://systems.nippontect.co.jp/">Nippontect systems Co., LTD.</a>
	Version: 2.01
	Author: F.U.N DESIGN
	Author URI: http://www.fun-design.info
	License: GNU General Public License
*/

        /*        /日本テクトシステムズ/        */

			/*Tect Blue          : #184980;*/
			/*Tect Gray          : #666666;*/

			/*Nomal Text          : #333333;*/

        /*        /日本テクトシステムズ/        */

/****************************************

        For PC General Setting

*****************************************/
@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}
body {
	font-family:"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	font-size: 1.1rem;/**初期は0.9**/
	line-height: 1.8;
	color: #131313;
	overflow-x: hidden;
}
#contents {
	width: 100%;
	margin: 0;
	background-color: #FFFFFF;
	/****旧ブラウザ対応****/
}
section {
	margin-bottom: 5rem;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	margin: 0;
}
ul.ind li {
	text-indent: -1em;
    padding-left: 1em;
}
table .ttl {
	width: 35%;
	padding: 1rem;
	background: #184980;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
table td {
	padding: 1rem;
	background: #f8f8f8;
	border-bottom: 3px solid #fff;
}
.centering {
	margin: 0 auto;
	text-align: center;
	/****テキスト中央寄せ****/
}

.lefter {
	text-align: left;
	/****テキスト左寄せ****/
}

.righter {
	text-align: right;
	/****テキスト右寄せ****/
}

.flt_r {
	padding: 0;
	float: right;
	/****右寄せ****/
}

.flt_l {
	padding: 0;
	float: left;
	/****左寄せ****/
}
.align_r {
	text-align: right;
}
.ast {
	font-size: .8rem;
    text-indent: -1em;
    padding-left: 1em;
    display: block;
    line-height: 1.5;
}
ul.ast_num {
	text-indent: -2em;
    padding-left: 2em;
    line-height: 1.5;
	font-size: .8rem;
}
.sp,
.sp_spl {
	display: none;
}
.only_sp {
	display: none;
}
.only_sp320 {
	display: none;
}
.only_sp768 {
	display: none;
}
.only_sp1024 {
	display: none;
}
.only_pc {
	display: block;
}
	@media only screen and (max-width: 320px) {
		.only_sp320 {
			display: block !important;
		}
		.only_sp {
			display: none !important;
		}
	}/*320*/
	@media only screen and (max-width: 767px) {
		.only_sp {
			display: block;
		}
		.only_sp320 {
			display: none;
		}
		.only_sp768 {
			display: none;
		}
		.only_pc {
			display: none !important;
		}
	}/*767*/
	@media only screen and (min-width: 768px) {
		.only_sp768 {
			display: block !important;
		}
		.only_pc {
			display: block;
		}
		
	}/*768*/
	@media screen and (min-width:820px)  {
		.only_sp768 {
			display: none;
		}
		.only_sp820 {
			display: block;
		}
		.only_pc {
			display: block;
		}
	}/*769*/
	@media screen and (min-width:820px)  {
		.only_sp768 {
			display: none;
		}
		.only_sp820 {
			display: block;
		}
		.only_pc {
			display: block;
		}
	}/*769*/
	@media screen and (max-width:871px)  {
		.only_pc871 {
			display: none;
		}
		.only_sp871 {
			display: block;
		}
	}/*871*/
	@media screen and (min-width:872px)  {
		.only_pc871 {
			display: block;
		}
		.only_sp871 {
			display: none;
		}
	}/*871*/
	@media only screen and (max-width: 960px) {
		body {
			overflow-x: hidden;
		}
	}/*960*/
/****************************************

          Link

*****************************************/
	/*** a ***/
a {
	color: #333333;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	transition: 0.6s;
	text-decoration: underline;
	/****未訪問設定****/
}
	/*** a ***/


	/***  a:hover ***/
a:hover {
	color: #184980;
	text-decoration: none;
	opacity: 0.7;
	/****オンマウス設定****/
}
	/***  a:hover ***/


/****************************************

          Layout

*****************************************/
#container {
	width: 100%;
	margin: 0;
	position: relative;
	/**トグル固定のため**/
}

	@media only screen and (max-width: 965px) {
		#container {
			width: 100%;
			margin: 0;
			padding: 0;
			/**メニューを固定した場合この値に注意**/
		}
	}/*** Media Queries ***/

header {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.header_underlayer {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: fixed;
    background: #fff;
    top: 0;
	z-index: 9999;
}
main {
	width: 100%;
	height: auto;
	margin: 84px 0 0 0;
	padding: 0;
}
main#toppage {
	margin: 0;
	padding: 0;
}
.general_container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0;
}

.footer_container {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;
}

.lowlevel_container {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;
	line-height: 1.8;
}

.lowlevel_container960 {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	line-height: 1.8;
}

.lowlevel_box {
	margin: 0 0 180px;
}

	@media only screen and (max-width: 768px) {
		.lowlevel_box {
			margin: 0 0 108px;
		}
	}/*** Media Queries ***/

.content_container {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.content_container_unique {
	width: 100%;
	max-width: 960px;
	margin: -240px auto 240px;
	/**TOPマージン打ち消し**/
	padding: 0;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.content_container_special {
	width: 100%;
	max-width: 960px;
	margin: -180px auto 108px;
	/**TOPマージン打ち消し**/
	padding: 0;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.content_container_products {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 108px;
	padding: 0;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
	/*@media only screen and (max-width: 480px) {
		.general_container,
		.footer_container,
		.lowlevel_container,
		.lowlevel_container960 {
			width: 90%;
		}
	}*//*** Media Queries ***/

	@media only screen and (max-width: 768px) {
		.general_container,
		.footer_container,
		.lowlevel_container,
		.lowlevel_container960 {
			padding: 1rem;
		}

		.content_container,
		.content_container_products,
		.content_container_unique,
		.content_container_special  {
			/*margin: 0 auto 180px;*/
			padding: 0 .5rem;
		}
	}/*** Media Queries ***/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.content_container {
    	max-width: 960px;
	}
}

footer {
	width: 100%;
	height: auto;
	margin: 128px 0 0;
	padding: 24px 0;
	background-color: #001c35;
	color: #FFFFFF;
}

footer a {
	color: #FFFFFF;
}

footer a:hover {
	color: #DDDDDD;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	footer {
    	padding: 1rem;
	}
}
/****************************************

          パンくず

*****************************************/
.breadcrumbs {
	width: 1080px;
    margin: 0 auto 1rem;
    font-size: .8rem;
}
	@media only screen and (max-width: 768px) {
		.breadcrumbs {
			width: 100%;
			margin: 0 auto 2rem;
			padding: 0 .5rem;
		}
	}/*** 768 ***/
		@media only screen and (max-width: 1024px) {
		.breadcrumbs {
			padding: 0 .5rem;
		}
	}/*** 1024 ***/
/****************************************

          Typography

*****************************************/
h1 {
	margin: 0 0 8px;
	padding: 0;
	font-size: 320%;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.1em;
}
h1.kv img {
	margin: 0 auto;
}

.kv_en {
	/*width: 960px;*/
	margin: 2rem 0 0 0;
}
.kv_en img {
	margin: 0 auto;
}
.kv_desc {
	/*width: 960px;*/
	margin: 1rem auto 0;
	padding: 0;
	line-height: 1.8;
	letter-spacing: 0.4em;
	font-size: 1.25rem;
    font-weight: bold;
	text-align: center;
}
	@media only screen and (max-width: 768px) {
		h1 {
			font-size: 130%;
		}
		h1.kv {
			margin: 0 auto 20px;
			width: 100%;
			font-size: 260%;
			font-weight: bold;
			line-height: 1.4;
			letter-spacing: 0.08em;
			text-align: center;
		}
		.kv_en {
			margin: 0 auto;
			width: 100%;
			font-size: 90%;
			font-weight: 100;
			letter-spacing: 0.05em;
			text-align: center;
		}
		.kv_desc {
			width: 100%;
			margin: 24px auto 0;
			padding: 0;
			font-size: 1.55rem;
			line-height: 1.4;
			letter-spacing: 0.15em;
			text-align: center;
		}
	}/*768*/
	@media only screen and (max-width: 414px) {
		.kv_desc {
			font-size: 18px;
		}
	}/*414*/
	@media only screen and (max-width: 375px) {
		.kv_desc {
			font-size: 16px;
		}
	}/*375*/
	@media only screen and (max-width: 320px) {
		.kv_desc {
			font-size: 14px;
		}
	}/*320*/
/*** Media Queries ***/
/*h2.contacth2 {
	padding: 0;
	font-size: 240%;
	font-weight: bold;
	color: #184980;
	line-height: 1;
	letter-spacing: 0.1em;
}*/


.news_single h2:before,
.news_single h2:after {
	content: none;
}


h2 {
	margin: 0;
    padding: 0;
	border-bottom: 1px solid #333;
    font-size: 2.3rem;
    font-weight: bold;
    color: #333 !important;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
}
h2:after, h2:before {
    content: none;
}
.h2_subttl {
    margin:.5rem 0 2rem;
    text-align: left;
    font-weight: bold;
}
h3 {
	position: relative;
	display: inline-block;
    padding: 0 0 .5rem 0;
    font-size: 1.3rem;
    line-height: 1.5;
    border-bottom: 1px solid #333;
	color: #333;
}
h3::before {
    content: "■";
	position: relative;
    top: -3px;
	padding: 0 .5rem 0 0;
    color: #184980;
}
h4 {
    margin: 0 0 1rem 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;
    color: #184980;
}
@media only screen and (max-width: 768px) {
	h3.lowlevel br {
		display: none;
	}
	h2 {
		font-size: 1.7rem;	
	}
	.h2_subttl {
		margin-bottom: 1rem;
	}
	h2.posts_title {
		font-size: 140%;
	}
	h2.contacth2 {
		font-size: 160%;
	}
	h3 {
		font-size: 1.4rem;
	}
}/**768**/
/****************************************

        共通

*****************************************/
p {
	margin: 0 0 .5rem 0;
}
ol {
    list-style: decimal;
}
blockquote {
	font-style: italic;
	font-weight: bold;
	margin-left: 0;
}
.imgbox {
	width: 810px;
    margin: 0 auto;
	border: 2px solid #333;
	border-radius: 5px;
	padding: 3rem 2rem 2rem 2rem;
	position: relative;
	font-size: 1.5rem;
	line-height: 1;
}
.imgbox img {
	margin: 0 auto;
}
.flex2img {
	display: flex;
	justify-content: center;
}
.flex2img img {
	width: auto;
    max-width: 100%;
    height: auto;
    max-height: 300px;
}
.flex3box {
    height: auto;
    margin: 0 4.8% 0 0;
    padding: .8rem;
}
.product .button_area.footer {
background: #EEEEEE;
    width: 100%;
    padding: 5rem 0;
}
.product .button_area.footer a {
 margin: 0 auto;
}
.t-red {
	color: #ff201b;
}
.t-large {
	font-size: 1.3rem;
}
.petit {
	font-size: 70%;
}

.petit_s {
	font-size: 80%;
	font-weight: bold;
}

.underdevelopment {
	font-size: 10px;
	font-weight: 100;
	color: #333333;
}
.bold {
	font-weight: bold;
}
.fat {
	font-size: 110%;
	font-weight: bold;
}

.superfat {
	font-size: 180%;
	font-weight: bold;
}

.posts_title_top {
	letter-spacing: 0;
}

.d_cloud_text {
		height: 5.5em;
		font-size: 70%;
		color: #666666;
		text-align: center;
		display: block;
		letter-spacing: -0.1em;
}
.d_cloud_chevron {
	margin: 0;
	padding: 0;
	font-size: 240%;
	font-weight: 100;
	color: #184980;
	line-height: 1;
}

.d_cloud_subtitle {
	font-size: 80%;
	font-weight: bold;
}

.callnum {
	margin: 0;
	padding: 16px 0;
	font-size: 210%;
	font-weight: bold;
	color: #184980;
	line-height: 1;
}

.callnum i {
	-moz-transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
}

.val {
	font-size: 70%;
	color: #EF255E;
}
@media only screen and (max-width: 768px) {
	.imgbox {
		width: 100%;
		padding: 2rem .5rem .5rem .5rem;
	}
	.imgbox:before {
		left: 0% !important;
		font-size: 1rem !important;
	}
	.shinri_type {
		font-size: 60%;
	}

	.d_cloud_text {
		height: 6.5em;
		line-height: 1.5;
	}

	.d_cloud_text br {
		display: none;
	}
	.flex2img {
		display: block
	}
	.flex2img img {
		margin: 0 0 1rem 0;
	}
}/*** 768 ***/
/****************************************

          Breadcrumb

*****************************************/
#breadcrumb {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 56px;
	padding: 0;
	font-size: 90%;
	color: #666666;
}

#breadcrumb a {
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}


/****************************************

          Navigation

*****************************************/
.hidden {
  background: none !important;
  box-shadow: none !important;
  transition: all 0.5s ease;
}
.header {
	position: fixed;
	background: #fff;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.05);
	z-index: 10000;
	height: 162px;
    top: 0;
}
#header_navigation li a {
    color: #0e417a;
}
#header_navigation {
	display: flex;
    justify-content: space-between;
	width: 100%;
	max-width: none;/**460**/
	margin: 0;
	padding: 0;
	float: none;
}

#header_navigation li {
	position: relative;
	width: auto;
	/**widthはメニュー数に合わせて変動**/
	margin: 0;
	padding: 0;
	font-size: .9rem;
	font-weight: bold;
	display: block;
	float: none;
}

#header_navigation li:last-child {
	margin: 0;
}

#header_navigation li a {
	padding: 0;
	color: #333333;
	text-align: left;
	text-decoration: none;
	display: block;
}

#header_navigation li a:hover {
	color: #184980;
}

	@media only screen and (max-width: 768px) {
	#header_navigation {
		display: none;
		float: none;
	}
	.header {
	    height: 60px;
	}
	.pc_spl {
		display: none;
	}
	.sp_spl {
		display: block;
	}
}/*768*/
	@media only screen and (min-width: 769px) {
		.pc_spl {
		display: block;
	}
}/* 769 */

#header_navigation ul li {
	display: inline-block;
	margin: 0 4% 0 0;
	padding: 0;
}

#header_navigation ul li a,
#header_navigation ul li a:hover {
    color: #000000;
	text-decoration: none;
}

#header_navigation ul li:last-child {
	margin: 0;
}

#header_navigation ul.children {
	width: 210px;
	margin-top: 8px;
	padding: 0 16px;
	display: none;
    background-color: #FFFFFF;
	z-index: 100;
}
#header_navigation .spec_1 {
    position: absolute;
    top: 27px;
    left: 0;
}
#header_navigation .spec_2 {
    position: absolute;
    top: 27px;
    left: 0;
}
#header_navigation ul.children li {
	width: 100%;
    padding: 16px;
	text-align: left;
}

#header_navigation ul.children li a {
	width: 100%;
    margin: 0;
	color: #666666;
}

#header_navigation ul.children li a:hover {
	color: #FF0000;
}

.children li * {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}


.pdn_serif01,
.pdn_serif02,
.pdn_serif03,
.pdn_serif04,
.pdn_serif05,
.pdn_serif06,
.pdn_serif07 {
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    /**上のナビゲーションの枠と同じ色に設定**/
}

    /* beforeで枠線の三角を表現 */
.pdn_serif01::before,
.pdn_serif02::before,
.pdn_serif03::before,
.pdn_serif04::before,
.pdn_serif05::before,
.pdn_serif06::before,
.pdn_serif07::before {
    width: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    border-right: 8px solid transparent;
	border-bottom: 8px solid #666666;
    border-left: 8px solid transparent;
	/**ボーダーと同色に設定**/
}

    /* beforeで本体の三角を表現 */
.pdn_serif01::after,
.pdn_serif02::after,
.pdn_serif03::after,
.pdn_serif04::after,
.pdn_serif05::after,
.pdn_serif06::after,
.pdn_serif07::after {
    width: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFFFFF;
    /**ここは背景色(白など)に設定**/
    border-left: 8px solid transparent;
}

    /***個別設定(Absolute)***/
.pdn_serif01::before {
    left: 18%;
}

.pdn_serif01::after {
    left: 18%;
}

.pdn_serif02::before {
    left: 36%;
}

.pdn_serif02::after {
    left: 36%;
}

.pdn_serif03::before {
    left: 42%;
}

.pdn_serif03::after {
    left: 42%;
}

.pdn_serif04::before {
    left: 57.5%;
}

.pdn_serif04::after {
    left: 57.5%;
}

.pdn_serif05::before {
    left: 73%;
}

.pdn_serif05::after {
    left: 73%;
}

.pdn_serif06::before {
    left: 88.5%;
}

.pdn_serif06::after {
    left: 88.5%;
}

.pdn_serif07::before {
    left: 881px;
}

.pdn_serif07::after {
    left: 881px;
}
    /***個別設定(Absolute)***/


/****************************************

          header

*****************************************/
#header_container {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background: none;
	position: unset;
	top: 0;
	left: 0;
	z-index: 9999;
	/**重なり調整**/
	box-shadow:none;
}

#navigation_container {
	/*width: 960px;*/
	max-width: 1080px;
	height: 84px;
	padding: 0;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-flow: wrap;
}


	@media only screen and (max-width: 965px) {
		#navigation_container {
			height: 60px;
			margin: 0;
			padding: 0;
		}
	}/*** Media Queries ***/

#logo {
	display: flex;
    align-items: center;
	width: 20%;
	height: auto;
	float: none;
}

.sp_bcs {
	margin: 12px 0 0 10px;
	max-width: 300px;
}

#inquiry_pc {
	width: 170px;
	height: 46px;
	margin: 0 0 0 1.5rem;
	padding: 0;
	float: none;
}
.header_right {
	display: flex;
    justify-content: space-between;
	align-items: center;
    margin-left: 10%;
	width: 70%;
}
.block_header {
	width: 70%;
    margin: 0 0 0 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
	@media only screen and (max-width: 768px) {
		#logo {
			width: 232px;
		}
}/**/
@media all and (-ms-high-contrast: none){
  #logo .pc_spl a img {
     width:216px;
	}
}
/****************************************

        下層MV

*****************************************/
#our_business #top_title_container {
	background: url(./img/keyvisual_business.png) no-repeat;
    background-size: cover;
    
}
#knowledge #top_title_container,
#early_detection #top_title_container {
	background: url(./img/keyvisual_dementia.png) no-repeat;
    background-size: cover;
    
}
#inquiry #top_title_container {
	background: url(./img/keyvisual_inquiry.png) no-repeat;
    background-size: cover;
    
}
#medical #top_title_container {
	background: url(./img/keyvisual_medical.png) no-repeat;
    background-size: cover;
    
}
#news #top_title_container,
#news_layer #top_title_container{
	background: url(./img/keyvisual_news.png) no-repeat;
    background-size: cover;
    
}
.product #top_title_container,
#product #top_title_container {
	background: url(./img/keyvisual_products.png) no-repeat;
    background-size: cover;
    
}
#vision #top_title_container {
	background: url(./img/keyvisual_vision.png) no-repeat;
    background-size: cover;
    
}
#voice #top_title_container {
	background: url(./img/keyvisual_voice.png) no-repeat;
    background-size: cover;
    
}
#about_us #top_title_container {
	background: url(./img/keyvisual_about.png) no-repeat;
    background-size: cover;   
}
#inquiry #top_title_container {
	background: url(./img/keyvisual_inquiry.png) no-repeat;
    background-size: cover;   
}
@media only screen and (max-width: 768px) {
	#our_business #top_title_container {
		background: #184980; 
	}
	#knowledge #top_title_container,
	#early_detection #top_title_container {
		background: #184980; 
	}
	#inquiry #top_title_container {
		background: #184980; 
	}
	#medical #top_title_container {
		background: #184980; 
	}
	#news #top_title_container {
		background: #184980; 
	}
	.product #top_title_container {
		background: #184980; 
	}
	#vision #top_title_container {
		background: #184980; 
	}
	#voice #top_title_container {
		background: #184980; 
	}
	#about_us #top_title_container {
		background: #184980; 
	}
	#inquiry #top_title_container {
		background: #184980; 
	}
}/*768*/

/****************************************

          FlexBox

*****************************************/
/**横並び2個のみの専用設計**/
.flex_container_box2cell {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}
.box2cell {
	width: 49.5%;
	height: auto;
	margin: 0 0 16px;
	padding: 8px;
}
.box2cell:last-child {
	/*background-color: #FFA500;*/
}
/**横並び2個 newsで使用**/
.flex_container_box2cell_news {
	display: flex;
	justify-content: flex-start;
}
.flex_container_box2cell_news a {
	width: 20%;
}
.flex_container_box2cell_news a:first-child {
	margin: 0 2rem 0 0
}
/**横並び3個のみの専用設計**/
.flex_container_box3cell {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	width: auto;
	max-width: 1080px;
    margin: 0 auto;
}

/**横並び2個のみの専用設計**/

@media only screen and (max-width: 768px) {
	.flex_container_box2cell_news {
		justify-content: space-around;
	}
	.flex_container_box2cell_news a,
	.flex_container_box2cell_news a:first-child {
		width: 38%;
		margin: 1rem 0 0 0;
	}
	
}/*** Media Queries ***/
@media only screen and (max-width: 480px) {
	.flex_container_box2cell,
	.flex_container_default,
	.flex_container_center {
		-webkit-flex-flow: column nowrap; /* Safari */
		flex-flow:         column nowrap;
	}
	/**横並び2個 newsで使用**/
	.flex_container_box2cell_news {
		display: flex;
		justify-content: space-between;
	}
	.flex_container_box2cell_news a,
	.flex_container_box2cell_news a:first-child {
		width: 48%;
		margin: 1rem 0 0 0;
	}
	
}/*** Media Queries ***/

.flex_container_default {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	/**コンテナ横並び均等割付改行あり**/
}

.flex_container_rnsb {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row nowrap; /* Safari */
	flex-flow:         row nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	/**コンテナ横並び均等割付改行なし**/
}

.flex_container_rwc {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
	/**コンテナ横並び中央そろえ改行あり**/
}

.flex_container_rwfs {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
	/**コンテナ横並び左詰め改行あり**/
}

.flex_container_rnfs {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row nowrap; /* Safari */
	flex-flow:         row nowrap;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
	/**コンテナ横並び左詰め改行なし**/
}

	.flex_container_default_tct ul {
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-flow: row wrap; /* Safari */
		flex-flow:         row wrap;
		-webkit-justify-content: flex-start; /* Safari */
		justify-content:         flex-start;
		/**コンテナ横並び均等割付(多数に対応)**/
		width: 100%;
	}
	@media only screen and (max-width: 767px) {
	.flex_container_default_tct ul {
		display: block;
		
	}
}/*767*/
	@media only screen and (max-width: 480px) {
		.flex_container_default,
		.flex_container_rnsb,
		.flex_container_rwc,
		.flex_container_rwfs,
		.flex_container_rnfs {
			-webkit-flex-flow: column nowrap; /* Safari */
			flex-flow:         column nowrap;
			-webkit-align-content: space-around; /* Safari */
			align-content:         space-around;
		}
	}/*** Media Queries ***/
	@media only screen and (max-width: 480px) {
		.flex_container_center_tct {
			-webkit-flex-flow: column nowrap; /* Safari */
			flex-flow:         column nowrap;
		}
	}/*** Media Queries ***/

	/**横並び3つの場合**/
.flex3box {
	width: 30.1%;
	background-color: #fff;
	border-radius: 0px;
	padding: 0;
	color: #333333;
}

.flex3box:hover {
	opacity: 0.7;
	background-color: #fff;
	box-shadow: 4px 4px 5px 3px rgba(0, 0, 0, 0.1);
}

.flex3box a,
.flex3box a:hover {
	width: 100%;
	height: 100%;
	color: #333333;
	text-decoration: none;
	display: block;
}

.flex3box:nth-child(3n) {
	/*margin-right: 0;*/
}
	/**横並び3つの場合**/

.flex3box {
	height: auto;
	margin: 0 4.8% 40px 0;
	padding: .8rem;
}

	/**横並び4つの場合**/
.flex4box {
	width: 23%;
	background-color: #FFFFFF;
	border-radius: 4px;
	padding: 0;
}

.flex4box:hover {
	box-shadow: 4px 4px 5px 3px rgba(0, 0, 0, 0.1);
}

.flex4box a,
.flex4box a:hover {
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
}

.flex4box:nth-child(4n) {
	margin-right: 0;
}
	/**横並び4つの場合**/

.flex4box {
	height: auto;
	margin: 0 2% 0 0;
	padding: 8px;
}

	/**Height/Margin/Paddingの共通設定**/
.flex2box,
.flex5box,
.flex6box,
.flex7box {
	height: auto;
	margin: 0 4.8% 16px 0;
	padding: 8px;
}
	/**Height/Margin/Paddingの共通設定**/

	/**Box側の設定--共通設定【削除･改変禁止】**/
	/**横並びセンター揃えの場合のみ適用**/
.box2cell:last-child,
.flex2box:last-child,
.flex3box:last-child,
.flex4box:last-child,
.flex5box:last-child,
.flex6box:last-child,
.flex7box:last-child {
	margin-right: 0;
}
	/**横並びセンター揃えの場合のみ適用**/
	@media only screen and (max-width: 768px) {
		.flex3box {
			width: 49%;
		}
		.flex3box:nth-child(3n) {
			margin: 0 2% 16px 0;
			width: 49%;
		}
		.flex3box, .flex3box:nth-child(3n), 
		.flex4box, .flex4box:nth-child(4n), 
		.flex5box, .flex5box:nth-child(5n), 
		.flex6box, .flex6box:nth-child(6n), 
		.flex7box, .flex7box:nth-child(7n) {
			margin: 0 2% 16px 0;
		}
	}/*768*/
	@media only screen and (max-width: 767px) {
		.flex3box,
		.flex3box:nth-child(3n) {
			width: 100%;
		}

		/*.flex4box,
		.flex4box:nth-child(4n) {
			width: 49.5%;
		}*/

		.flex5box,
		.flex5box:nth-child(5n) {
			width: 32.6%;
		}

		.flex6box,
		.flex6box:nth-child(6n) {
			width: 24.25%;
		}

		.flex7box,
		.flex7box:nth-child(7n) {
			width: 19.2%;
		}

		/**Marginの共通設定**/
		.flex3box,
		.flex3box:nth-child(3n),
		.flex4box,
		.flex4box:nth-child(4n),
		.flex5box,
		.flex5box:nth-child(5n),
		.flex6box,
		.flex6box:nth-child(6n),
		.flex7box,
		.flex7box:nth-child(7n) {
			margin: 0 1% 16px 0;
		}

		.flex3box:nth-child(even),
		.flex4box:nth-child(even),
		.flex5box:nth-child(3n),
		.flex6box:nth-child(4n),
		.flex7box:nth-child(5n) {
			margin: 0 0 16px 0;
		}
		/**Marginの共通設定**/
	}/*** Media Queries ***/

	@media only screen and (max-width: 640px) {
		.flex5box,
		.flex5box:nth-child(3n),
		.flex5box:nth-child(5n) {
			width: 49.5%;
			margin: 0 1% 16px 0;
		}
		.flex6box,
		.flex6box:nth-child(4n),
		.flex6box:nth-child(6n),
		.flex7box,
		.flex7box:nth-child(5n),
		.flex7box:nth-child(7n) {
			width: 32.6%;
			margin: 0 1% 16px 0;

		}
		.flex5box:nth-child(even),
		.flex6box:nth-child(3n),
		.flex7box:nth-child(3n)  {
			margin: 0 0 16px 0;
		}
	}/*** Media Queries ***/

	@media only screen and (max-width: 480px) {
		.box2cell,
		.flex2box,
		.flex4box,
		.flex4box:nth-child(4n),
		.flex5box,
		.flex5box:nth-child(3n),
		.flex5box:nth-child(5n),
		.flex6box,
		.flex6box:nth-child(4n),
		.flex6box:nth-child(6n),
		.flex7box,
		.flex7box:nth-child(5n),
		.flex7box:nth-child(7n) {
			width: 100%;
			margin: 0 0 16px;
		}

		.box2cell:last-child,
		.flex2box:last-child,
		.flex4box:last-child,
		.flex5box:last-child,
		.flex6box:last-child,
		.flex7box:last-child {
			margin-bottom: 0;
		}
	}/*** Media Queries ***/
	/**Box側の設定--共通設定【削除･改変禁止】**/


/****************************************

          Main Contents

*****************************************/
/**トップページ_NEW!**/
.block_mv_top {
	background: url("./img/keyvisual04.png") no-repeat;
	padding: 12rem 0 0 0;
	background-size: cover;
	height: 580px;
}
.mv_top {
	display: flex;
    align-items: center;
	width: 100%;
	/*max-width: 1080px;*/
	margin: 0 auto;
	padding: 0;

	color: #212121;
}
.block_mv_top .box_mv_top {
	width: 100%;
    margin: 3rem auto 0;
    max-width: 1080px;
}
.mv_top .box_mv_top h2 {
    display: block;
    margin: 0 auto;
    padding: 0 0 0.5rem 0;
	border: none;
	text-align: center;
   
}
.mv_top .box_mv_top h2 span {
    display: inline-block;
    border-bottom: 2px solid #184980;
    font-size: 4rem;
    letter-spacing: 2px;
    color: #184980;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.mv_top .box_mv_top h2:after,
.mv_top .box_mv_top h2:before {
	content: none;
	
}
.mv_top .box_mv_top .subttl {
    font-size: 1.26rem;
    line-height: 1.8;
	text-align: center;
	font-weight: bold;
}
.mv_top_slider {
	width: 100%;
    margin: 0 auto;
    max-width: 800px;
}
.mv_top_slider h3 {
	position: relative;
    width: 100%;
    padding: 0;
    border: none;
	text-align: center;
	font-size: 1.1rem;
	text-indent: unset;
}
.mv_top_slider h3::before {
    content: "■";
	position: relative;
	margin: 0 .3rem 0 0;
}
.mv_top_slider h3::after {
    content: "■";
    position: absolute;
    top: -3px;
	margin: 0 0 0 .3rem;
    color: #184980;
}
@media only screen and (max-width: 767px) {
	.block_mv_top {
		background: url(./img/keyvisual04_sp.png) no-repeat;
		padding: 5rem 0 3rem !important;
		background-size: cover;
		background-position: top center;
		height: auto;
	}
	.block_mv_top .box_mv_top {
		width: 100%;
		margin: 0 auto 1rem;
		max-width: 100%;
	}
	.mv_top .box_mv_top .subttl {
		margin: 0 0 1rem 0;
		padding: 0 .5rem;
		font-size: 1rem;
	}
}/*767*/
@media only screen and (max-width: 768px) {
	.mv_top .box_mv_top h2 {
		margin: 0 auto 1rem;
		padding: 0 0 0.5rem 0;
	}
	.mv_top .box_mv_top h2 span {
    	font-size: 1.7rem;
	}
	.mv_top .box_mv_top .subttl {
		margin: 0;
	}
	.block_mv_top {
		padding: 9rem 0 1rem 0;
		height: auto;
    	background-position: right top;
	}
	.block_mv_top .box_mv_top {
		margin: 0 auto 0;
	}
}/*768*/
@media only screen and (max-width: 1028px) {
	.block_mv_top {
    	background-position: right top;
	}
}/*1028*/
/**header_NEW!**/
.block_nevi_products {
	width: 1080px;
    margin: 0 auto;
}
.block_nevi_products ul {
	display: flex;
    justify-content: space-between;
    background: rgb(255 255 255 / 0.7);
    padding: 0 1rem 0 0;
}
.block_nevi_products ul li {
	display: flex;
    align-items: center;
}
.block_nevi_products ul li:last-child {
	font-size: .68rem;
}
.block_nevi_products ul li img {
	width: 85% ;
	margin: 0 auto;
}
.block_nevi_products ul li img:hover {
	opacity: 0.7;
}
.block_nevi_products li.box_nevi_products {
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 1.5rem 1rem;
	background: #184980;
	text-indent: inherit;
}
.block_nevi_products .box_nevi_products span {
	display: flex;
	align-content: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
	.block_nevi_products {
		width: 100%;
	}
}/*768*/
@media only screen and (max-width: 1110px) {
	.block_nevi_products {
		width: 100%;
	}
}/*820*/
/**NEWS_NEW!**/
#news_layer h2 {
	margin: 0 0 2rem 0;
    padding: 0 0 1rem 0;
    font-size: 1.5rem;
}
#news_layer .feed {
	margin: 7em 0 0 0;
}
#news_layer .lowlevel_container img {
	margin: 0 auto;
}
.block_top_contents {
	width: 100%;
    max-width: 1080px;
    margin: 1rem auto 0;
    padding: 0;
    line-height: 1.8;
    letter-spacing: 0.1em;
}
.block_top_flex {
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
	.block_top_contents {
		margin: 0 ;
	}
}/*768*/
@media only screen and (max-width: 1028px) {
	.block_top_contents {
		display: block;
		width: 100%;
		max-width: fit-content;
		margin: 0 1rem;
	}

}/*1028*/
/****************************************

        トップページ

*****************************************/
/**mission**/
.mission_bg.mission {
	background: url("./img/mission_bg.png") repeat;
	padding: 2rem 0;
}
.mission_bg.mission .block_mission {
	display: flex;
    justify-content: center;
    flex-direction: row-reverse;	
}
.mission_bg.mission h3 {
	margin-bottom: 2rem;
	text-align: center;
}
.mission_bg.mission .block_mission img {
	padding: 0 0 0 2rem;	
}
.mission_bg.mission .block_mission .txt_mission {
	display: flex;
    align-items: center;
    font-weight: bold;
	font-size: 1.2rem;
}
.mission_bg.mission .block_mission .txt_mission p {
	text-align: right;
}
.service h3 {
	margin-bottom: 2rem;
	text-align: center;
}
.service .block_service ul {
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 3rem 0;
}
.service .block_service ul li h3 {
    display: block;
    border: none;
	margin: 0 0 0 0;
	text-align: center !important;
}
.service .block_service ul li h3:before {
    content: none;
}
.service .block_service ul li {
	padding: 2rem;
	width: 49%;
}
.service .block_service ul li:first-child {
	margin: 0 0 2rem 0;
	border: 4px solid #005bac;
}
.service .block_service ul li:nth-child(2) {
	margin: 0 0 2rem 0;
	border: 4px solid #16a085;
}
.service .block_service ul li:nth-child(3) {
	border: 4px solid #f39c12;
}
.service .block_service ul li:last-child {
	border: 4px solid #ec6b44;
}
.service .block_service ul li:first-child h3 {
	color:#005bac;
}
.service .block_service ul li:nth-child(2) h3 {
	color:#16a085;
}
.service .block_service ul li:nth-child(3) h3 {
	color:#f39c12;
}
.service .block_service ul li:last-child h3 {
	color:#ec6b44;
}
.service .block_service ul li h4 {
	color: #184980;
}
.service .block_service ul li img {
	height: 138px;
	margin: 0 auto 1rem;
}
.service .service_medical_bg {
	background: #d9eef7;
	margin: 0 0 3rem 0;
	padding: 2rem 0;
}
.service .service_store_bg {
	background: #d6f2ee;
	padding: 2rem 0;
}
.service .service_medical_bg h3,
.service .service_store_bg h3 {
	margin-bottom: 1rem;
	text-align: left;
}
.service h3 {
	text-align: left ;
	color: #184980;
}
.service .service_store_bg h3 {
	text-align: left;
	color: #00a68d;
}
.service .block_service_medical > ul.service_medical_ttl {
	display: flex;
	justify-content: space-between;
}
.service .block_service_medical > ul.service_medical_ttl > li {
	width: 24%;
}
.service .block_service_medical > ul.service_medical_ttl > li:nth-last-child(2) {
	width: 49%;
}
.service .block_service_medical > ul.service_medical_ttl > li h4 {
	margin: 0 0 1rem 0;
	padding: .5rem;
    background-color: #184980;
    color: #FFFFFF;
    text-align: center;
	font-size: 110%;
}
.service .block_service_medical > ul.service_medical_ttl > li > ul.box_service_medical {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.service .block_service_medical > ul.service_medical_ttl li ul.box_service_medical > li {
	width: 100%;
	margin: 0 0 2rem 0;
	padding: 1rem;
	background: #fff;
}
.service .block_service_medical > ul.service_medical_ttl li:nth-last-child(2) > ul.box_service_medical > li {
	width: 49%;
}
.service .block_service_medical > ul.service_medical_ttl li ul.box_service_medical > li:hover,
.service .block_service_store > ul.box_service_store > li:hover {
	opacity: 0.7;
	box-shadow: 4px 4px 5px 3px rgba(0, 0, 0, 0.1);
}
.service .block_service_medical > ul.service_medical_ttl li ul.box_service_medical > li a,
.service .block_service_store > ul.box_service_store > li a {
	text-decoration: none;
}
.service .block_service_store > ul.box_service_store {
	display: flex;
	justify-content: flex-start;
}
.service .block_service_medical > ul.box_service_medical > li {
	padding: 20px;
	background: #fff;
	width: 23%;
}
.service .block_service_store > ul.box_service_store > li {
	margin-right: 3%;
	padding: 20px;
	background: #fff;
	width: 23%;
}
.service .block_service_medical > ul.service_medical_ttl ul.box_service_medical > li p.service_medical_subttl {
	margin: 0 0 1rem 0;
    font-size: 80%;
    background-color: #184980;
    color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.service .block_service_store > ul.box_service_store > li p.service_store_subttl {
	margin: 0 0 1rem 0;
    font-size: 80%;
    background-color: #00a68d;
    color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.service .block_service_medical > ul.box_service_medical > li p,
.service .block_service_medical > ul.box_service_store > li p{
	margin: 0;
}

/**MCI**/
.mci ul {
	display: flex;
	justify-content: space-between;
}
.mci ul li {
	width: 49%;	
}

/**voice**/
.voice ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.voice ul li {
	width: 49%;
    margin-bottom: 1.5em;
    padding: 1.5rem;
	background: #f9f9f9;
}
.voice ul li:nth-child(3),
.voice ul li:last-child{
	margin-bottom: 0;
}
.voice ul li:hover {
	opacity: 0.7;
}
.voice ul li a {
	text-decoration: none;
}
.voice ul li h3 {
	margin-top: 1rem;
	font-size: 1.3rem;
	font-weight: bold;
	color: #184980;
	text-align: left;
}



/****************************************

        NEWS

*****************************************/
.pager {
    width: 100%;
    margin: 3rem auto;
    text-align: center;
}
section.news {
	width: 47%;
	margin: .5rem 0 2rem 0;
}
section.pickup {
	width: 47%;
	margin: .5rem 0 2rem 0;
}
#toppage .news h2,
#toppage .pickup h2 {
    display: inline-block;
    font-size: 1.2rem;
}
.news h2:after, .news h2:before,
.pickup h2:after, .pickup h2:before {
	content: none;
}
#toppage .subsidy .block_subsidy {
    display: inline-block;
	background: #f3f3f3;
    font-size: 1.2rem;
}
#toppage .subsidy h2 {
	padding: 1rem;
	background:#ef8122;
	border: none;
    font-size: 1.3rem;
	text-align: center;
	color: #fff !important;
}

#toppage .subsidy h3 {
	display: block;
	margin: 1rem 0;
	padding: 0;
	border: none;
    font-size: 1.1rem;
	text-align: center;
}
#toppage .subsidy h3:before {
	content: none;
}
#toppage .subsidy p {
	padding: 0 1rem;
	font-size: 1rem;
}
.flex_container_rwfs {
    display: block;
    width: 100%;
    font-size: 85%;
}
.flex_container_rwfs ul {
    margin: 0;
}
#toppage .pickup .flex_container_rwfs ul {
	display: flex;
    flex-wrap: wrap-reverse;
    margin: 0;
}
.information_flexbox {
    width: 100%;
    height: auto;
    margin: 0;
    padding: .5rem 0;
}
.information_flexbox:after {
	content: none;
}
.box_infomation {
    display: flex;
}
.news_date {
    width: 31%;
}
.box_infomation a {
    width: 100%;
}
.information_flexbox .posts_title_top {
    display: block;
    width: 100%;
}
.markup_new {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 7px !important;
    left: 81px !important;
    z-index: 10;
}
.btn_news {
	display: flex;
	justify-content: space-between;
}
.btn_news a {
	width: 20%;
    height: 100%;
    font-size: .8rem;
    padding: .5rem 0;
}
#news .markup_new {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 1rem 0 0 0;
    position: relative;
    z-index: 10;
}
.pickup .box_news {
	display: flex;
	align-items: center;
	margin: 0 0 2rem 0;
}
.pickup a img:hover {
	opacity: 0.7;
}
.announcement {
	margin: 1.5rem auto 2rem;
	padding: .2rem;
	background: #ebeff5;
    border-radius: 20px;
}
.announcement p {
	margin: 0;
	color: #fd0000;
	font-size: 1rem;
	text-align: center;
}
.announcement p:before {
	content: "";
	position: absolute;
	background: url(./img/ico_top_check.png) no-repeat;
	background-position: center 3px;
    background-size: 20px;
    width: 20px;
    height: 25px;
}
.announcement span {
	padding: 0 0 0 2rem;
}

@media only screen and (max-width: 767px) {
	#toppage .news h2 {
		margin: 0 .5rem;
	}
	.news_date {
		width: 100%;
	}
	.box_infomation {
		display: block;
	}
	#toppage .markup_new {
    	top: 4px !important;
	}
	#toppage .subsidy h2 {
		padding: .5rem;
		font-size: 1.4rem;
		text-align: left;
	}
	#toppage .subsidy h3 {
		padding: 0 1rem;
		text-align: left;
	}
	#toppage .subsidy .block_subsidy {
		padding: 0 0 2rem 0;
	}
	#toppage section.pickup {
    	width: 100%;
	}
	#toppage section.news {
		width: 100%;
	}
	.btn_news a {
    	width: 40%;
	}
	.announcement {
		background: none;
	}
	.announcement p {
		text-align: left;
	}
}/*767*/
.news .bg_news {
	background: #f9f9f9;
	padding: 2rem 0;
}
.news .bg_news ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 2rem 0;
}
.news .bg_news ul li {
	display: flex;
	width: 32%;
	padding: 0 0 1px 0;
	background: linear-gradient(to right, #79c9b9, #184980);
}
.news .bg_news ul li .box_infomation {
	padding: 10px 20px 20px 20px;
	background: #fff;
	width: 100%;
}
.list_page_feed {
	margin: 2rem 0 0 0;
    font-size: .9rem;
}
.list_page_feed li {
	margin: 0 0 1rem 0;
}
.mg65175 {
	margin: 65px auto 175px;
}

.advertisingslogan {
	max-width: 100%;
	height: auto;
	margin: 0 0 40px;
	font-size: 120%;
	font-weight: 900;
	color: #184980;
}
	@media only screen and (max-width: 767px) {
		.service h3 {
			text-align: left;
		}
		.service .block_service ul {
    		display: block;
		}
		.service .block_service ul li {
			width: 100%;
			margin-bottom: 3rem;
		}
		.service .block_service ul li:last-child {
			margin-bottom: 0;
		}
		.service .service_medical_bg {
			padding: .5rem 0;
		}
		.service .block_service_medical > ul.service_medical_ttl {
    		display: block;
		}
		.service .block_service_medical > ul.service_medical_ttl > li {
			width: 100%;
		}
		.service .block_service_medical > ul.service_medical_ttl > li > ul.box_service_medical {
    		display: block;
		}
		.service .block_service_medical > ul.service_medical_ttl li ul.box_service_medical > li {
   			 width: 100%;
			 margin-bottom: 1rem;
		}
		.service .block_service_medical > ul.service_medical_ttl li ul.box_service_medical > li:last-child {
			
		}
		.service .service_store_bg {
			padding: .5rem;
		}
		.service .block_service_store > ul.box_service_store {
			 display: block;
		}
		.service .block_service_store > ul.box_service_store > li {
			margin: 0 0 1rem 0;
			width: 100%;
		}
		.service .block_service_store > ul.box_service_store > li:last-child {
			margin: 0;
		}
		.mci ul {
			display: block;
		}
		.mci ul li {
			width: 100%;
		}
		.mci ul li:first-child {
			width: 100%;
			margin-bottom: 3rem;
		}
		.voice ul {
    		display: block;
			/*padding: .5rem;*/
		}
		.voice ul li {
			width: 100%;
			padding: 1rem;
		}
		.voice ul li:last-child {
			border-bottom: none;
    		
		}
		.voice ul li:nth-child(3) {
			margin-bottom: 1.5rem;
		}
		.voice ul li h3 {
    		font-size: 1.2rem;
		}
		.news .bg_news {
			padding:.5rem;
		}
		.news .bg_news ul li {
			display: block;
			width: 100%;
		}
		.advertisingslogan {
			margin: 30px 0 20px;
			font-size: 110%;
			font-weight: 900;
		}
	}/*** Media Queries ***/
	@media only screen and (max-width: 767px) {
	.mission_bg.mission,
	.service .service_medical_bg,
	.service .service_store_bg,
	.news .bg_news {
		padding: 1rem;
	}
}

	@media only screen and (max-width: 480px) {
		.advertisingslogan {
			font-size: 90%;
			font-weight: 900;
		}
	}/*** Media Queries ***/

.advertisingslogan span {
	border-width: 0px 0px 2px 0;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0 0 4px 0;
}

.pickup_news img {
	width: 100%;
	margin-bottom: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	border-radius: 4px;
}

.smaller {
	font-size: 90%;
	font-weight: 900;
}

.cotenttitle {
	margin: 0;
	padding: 0 0 4px;
	border-bottom: 2px solid #CCCCCC;
	color:#666666;
	font-weight: bold;
	line-height: 1;
}

.cotenttitle2_bb {
	/**Blue Back**/
	margin: 0;
	padding: 4px 24px;
	font-size: 90%;
	color: #FFFFFF;
	background-color: #184980;
}

.casestudies {
	width: 100%;
	margin: 0 0 32px;
	padding: 0 8px;
	border-left: 4px solid #184980;
	color: #666666;
}

#dcloud_container {
	width: 100%;
	max-width: 960px;
	height: auto;
	padding: 40px;
	background: rgb(150,215,209);
	background: -moz-linear-gradient(left,  rgba(150,215,209,1) 0%, rgba(53,121,191,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(150,215,209,1) 0%,rgba(53,121,191,1) 100%);
	background: linear-gradient(to right,  rgba(150,215,209,1) 0%,rgba(53,121,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96d7d1', endColorstr='#3579bf',GradientType=1 );
}

	@media only screen and (max-width: 640px) {
		#dcloud_container {
			padding: 24px;
		}
	}/*** Media Queries ***/

.fwt_flexbox {
	width: 49%;
	height: auto;
	margin: 0;
	padding: 0;
}

		@media only screen and (max-width: 640px) {
			.fwt_flexbox {
				width: 100%;
				margin: 8px 0;
			}
		}/*** Media Queries ***/

.fwt_flexbox a {
	opacity: 1;
}

.dcloud_box:hover {
	box-shadow: 2px 2px 16px 3px rgba(0, 0, 0, 0.2);
	transition: .4s;
}

.dcloud_box {
	width: 49%;
	margin: 0;
	padding: 12px;
	text-align: center;
	background-color: #FFFFFF;
}

.dcloud_box a {
	display: block;
}

.shinri_type {
	height: auto;
	margin: 0 auto;
	font-size: 80%;
	border-radius: 25px;
	background-color: #184980;
	color: #FFFFFF;
	letter-spacing: normal;
}

.information_flexbox {
	width: 100%;
	height: auto;
	margin: 0 ;
	padding: 2rem 1rem;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #e1e8ed;
	text-indent: inherit;
}
.information_flexbox:after {
	margin-top: -8px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 8px;
	color: #184980;
}
.information_flexbox img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

	@media only screen and (max-width: 768px) {
		.information_flexbox {
			width: 100%;
			margin: 8px 0;
			padding: .5rem;
		}
	}/*** 768 ***/

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


.inquiry_container {
	margin: 180px 0 0;
}

	@media only screen and (max-width: 480px) {
		.inquiry_container {
			margin: 108px 0 0;
		}
	}/*** Media Queries ***/



.newspost a:hover {
	text-decoration: none;
}

.dcloud_gif {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
}
.gif_pcr {
	width: 80%;
	margin: 0 auto 1.5rem;
}
.service .block_service_medical > ul.service_medical_ttl li ul.box_service_medical > li h5,
.service .block_service_store > ul.box_service_store > li h5 {
	width: 100%;
    height: 18px;	
}
.logo_ctrl_1 {
	margin: -10px auto 16px;
	width: auto;
	height: 18px;
	
}

.logo_ctrl_1a {
	margin: -10px auto 16px;
	width: auto;
	height: 18px;
	
	
}
.logo_ctrl_pcr {
	margin: -10px auto 16px;
	width: auto;
}
.logo_ctrl_2 {
	margin: 0 8px auto 0;
	width: 28%;
	height: 28%;
	display: inline-block;
}
.logo_ctrl_2a {
	margin: 0 8px auto 0;
	width: 40%;
	height: 40%;
	display: inline-block;
}

	@media only screen and (max-width: 768px) {
		.logo_ctrl_2 {
			margin: 0 auto 0;
			width: 88%;
			height: 88%;
		}

		.logo_ctrl_2a {
			margin: 0 auto 0;
			width: 100%;
			height: 100%;
		}
	}/*** Media Queries ***/

.logo_ctrl_3 {
	margin: 0 8px 0 0;
	width: 92%;
	height: 92%;
	display: inline-block;
}
	@media only screen and (max-width: 768px) {
		.logo_ctrl_3 {
			margin: 0;
			width: 100%;
			height: auto;
			display: block;
		}
	}/*** Media Queries ***/

/*** News Topics Information ***/
#news .flex_container_rwfs ul {
	width: 100%;
	margin: 0 0 3rem 0;
}
ul.list_onsei_archive_layer_img figure {
	display: inline-block;
	width: 32%;
	margin: 0 .5rem 0 0;
}
ul.list_onsei_archive_layer_img figure.graf {
	width: 64%;
}
.flex_container_rwfs ul li img {
	width: 100%;
	vertical-align: top;
    display: inline-block;
}
.box_news {
	display: flex;
	margin: 0;
	align-items: center;
}
.news_category {
	margin: 0;
	padding: 0 .5rem;	
	font-size: 70%;
	font-weight: bold;
}
.news_category span {
	display: block;
    padding: 0 .5rem;
}
.news_category .news {
	display: block;
    padding: 0 .5rem;
	border: 1px solid #ff7f00;
	color: #ff7f00;
}
.news_category .product_info {
	display: block;
    padding: 0 .5rem;
	border: 1px solid #11ab9d;

	color: #11ab9d;
}
.news_category .company {
	display: block;
    padding: 0 .5rem;
	border: 1px solid #005BAC;
	color: #005BAC;
}
.news_category .media {
	display: block;
    padding: 0 .5rem;
	border: 1px solid #ff2300;
	color: #ff2300;
}
.news_single .news_category {
	margin: 0;
}
.information_flexbox .posts_title_top {
	display: block;
	width: 95%;
}
.pager {
	width: 100%;
	margin: 5rem auto 5rem;
	text-align: center;
}

.information_wrap ul {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #DFDFDF;
font-size: 0;	/*** inline-block隙間埋め ***/
}

.information_wrap li {
position: relative;
}

.information_wrap a {
width: 100%;
height: auto;
margin: 0;
padding: 16px 0;
display: inline-block;
cursor: pointer;
background-color: #FFFFFF;
border-bottom: 1px solid #DFDFDF;
font-size: 15px;	/*** inline-block隙間埋め ***/
text-decoration: none;
}

.information_wrap a:hover {
color: #184980;
background-color: #FDFDFD;
border-bottom: 1px solid #DFDFDF;
}

.news_single .button_area {
	margin: 4rem auto 0;
}
@media only screen and (max-width: 768px) {
	.information_wrap a:hover {
		color: inherit;
		background-color: inherit;
	}
	ul.list_onsei_archive_layer_img figure {
    	width: 100%;
	}
	ul.list_onsei_archive_layer_img figure.graf {
		width: 100%;
	}
}/**768**/

.information_date {
width: 11%;
/**width: 9%;**/
height: auto;
margin: 0;
padding: 0;
font-weight: 600;
float: left;
}

.information_title {
width: 81%;
/**width: 83%;**/
height: auto;
margin: 0;
padding-right: 8%;
text-align: left;
float: right;
}

@media only screen and (max-width: 768px) {
	.information_date {
		width: 100%;
		height: auto;
		margin-bottom: 8px;
		padding: 0;
		display: block;
	}

	.information_title {
		width: 100%;
		height: auto;
		margin: 0;
		padding-right: 8%;
		display: block;
	}
}/**768**/

.information_wrap li a:after {
margin-top: -8px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
line-height: 1;
position: absolute;
top: 50%;
right: 8px;
}
/*** News Topics Information ***/
	/**トップページ**/
/****************************************

        下層コンテンツ共通

*****************************************/
#top_title_container {
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    width: 100%;
    height: 200px;
    margin: 10.2rem auto 1rem;
    padding: 0;
    background: #184980;
    color: #FFFFFF;   
}
.sub_title_container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0 2rem;
    background-color: #184980;
	color: #FFFFFF;
}

.sub_title_container_g {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 60px 0;
	background-color: #EEEEEE;
}

#topimage_container {
	width: 100%;
	/*max-width: 960px;*/
	min-height: 360px;
	margin: 0 auto 48px;
	padding: 20px 0;
	background-color: #80D0C7;
	color: #FFFFFF;
}

#topimage_container_ai {
	width: 100%;
	/*max-width: 960px;*/
	min-height: 360px;
	margin: 0 auto 48px;
	padding: 40px 0 0;
	background-color: #80D0C7;
	/*background: rgb(4,88,175);
	background: -moz-linear-gradient(left,  rgba(4,88,175,1) 0%, rgba(124,205,198,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(4,88,175,1) 0%,rgba(124,205,198,1) 100%);
	background: linear-gradient(to right,  rgba(4,88,175,1) 0%,rgba(124,205,198,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0458af', endColorstr='#7ccdc6',GradientType=1 );*/
	color: #FFFFFF;
}

/*#topimage_container_onsei {
	width: 100%;
	max-width: 960px;
	min-height: 360px;
	margin: 0 auto 48px;
	padding: 0;
	background-color: #80D0C7;
	color: #FFFFFF;
	position: relative;
}*/


	@media only screen and (max-width: 768px) {
		#top_title_container {
			height: 120px;
			margin: 8.4rem auto 1rem;
		}
		#topimage_container,
		#topimage_container_ai {
			min-height: 240px;
			margin: 0 auto 48px;
			padding: 32px;
		}
		#topimage_container_onsei {
			height: auto;
			min-height: 240px;
			margin: 0 auto 48px;
			padding: 10px;
		}
	}/*** 768 ***/
	@media only screen and (max-width: 767px) {
		#top_title_container {
			margin: 3.7rem auto 1rem;
		}
	}/*** 767 ***/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		#topimage_container_onsei {
			height: auto;
			padding: 0 0 0 10px;
		}

	}/*ipad*/
.topimage_box {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;
}
.topimage_box .topimage_box_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media only screen and (max-width: 767px) {
	.topimage_box .topimage_box_inner {
		display: block;
	}
}/*767*/

/****************************************

        VISION

*****************************************/
.vision_platform .imgbox:before {
	background-color: #fff;
	color: #333;
	content: "データプラットフォーム";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
    font-size: 1.5rem;
}
.vision_flowline .imgbox:before {
	background-color: #fff;
	color: #333;
	content: "みまもりFlowLine";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
    font-size: 1.5rem;
}
.vision_platform p,
.vision_flowline p {
	margin: 0 0 2rem 0;
}
/****************************************

        ABOUT US

*****************************************/
#about_us .bg_company_message {
    background: none;
    padding: 0;
}
#about_us .msessage h3 {
    display: block;
    text-align: center;
    font-size: 2.5rem;
    border: none;
    margin: 0 0 0 0;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#about_us .msessage h3:before {
    content:none;
}
#about_us .msessage h4 {
    display: block;
    text-align: center;
}
#about_us .msessage p {
	font-size: 1.1rem;
    line-height: 2;
    text-align:center;
}
.top_sign img {
    width: 135px;
}
.aboutus_paper ul {
    display: flex;
    justify-content: space-between;
}
.aboutus_paper ul li {
    width: 255px;
    padding: 2rem 1rem 1rem 1rem;
}
.aboutus_paper ul li:first-child:before {
	background-color: #fff;
	color: #333;
	content: "医療機器製造販売業";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
	font-size: 1.3rem;
}
.aboutus_paper ul li:nth-child(2):before {
	background-color: #fff;
	color: #333;
	content: "医療機器製造業";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
	font-size: 1.3rem;
}
.aboutus_paper ul li:nth-child(3):before {
	background-color: #fff;
	color: #333;
	content: "検査員資格";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
	font-size: 1.3rem;
}
.aboutus_paper ul li:last-child:before {
	background-color: #fff;
	color: #333;
	content: "製造販売認証書";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
	font-size: 1.3rem;
}
.aboutus_nedo .imgbox {
    margin: 2rem auto 0;
}
.aboutus_nedo .imgbox:before {
	background-color: #fff;
	color: #333;
	content: "「2018年　戦略的イノベーション創造プログラム（5年）」採択";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
	font-size: 1.3rem;
}
/****************************************

        会社情報：company

*****************************************/
#company #top_title_container {
	/*margin-bottom: 0 !important;*/
}
#company .bg_company_message {
	background: url(./img/mission_bg.png) repeat;
    padding: 2rem 0 1rem;
}
.top_sign {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.top_sign img {
	width: 205px;
}
.top_sign span {
	font-weight: bold;
}
.vision h3 {
	margin: 0 0 2rem 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; 
	color: #333;
	font-weight: bold;
	text-align: center;
}
#company .profile table .ttl {
	padding: 1rem;
	background: #184980;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
#company .profile table td {
	padding: 1rem;
	background: #f8f8f8;
    border-bottom: 3px solid #fff;
}
.company_container {
	width: 100%;
	padding: 24px 0;
	border-bottom: 1px solid #CCCCCC;
}

.companyinfo_type {
	width: 25%;
	font-weight: bold;
	float: left;
}

.companyinfo_detail {
	width: 75%;
	float: right;
}

.map_address,
.map_route {
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
}

.map_address {
	float: left;
}

.map_route {
	float: right;
}

	@media only screen and (max-width: 767px) {
		#company .profile table tr {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			width: 100%;
		}
		.vision h3 {
			text-align: left;
		}
	}/**767**/
	@media only screen and (max-width: 768px) {
		.top_sign img {
			width: 150px;
		}
		.companyinfo_type,
		.companyinfo_detail,
		.map_address,
		.map_route {
			width: 100%;
			float: none;
			margin-bottom: .5rem;
		}
		.map_route {
			font-size: 80%;
		}
	}/**768**/

.photo_box {
	position: relative;
}

.president_photo {
	width: 100%;
	height: 507px;
	background: url("./img/president.jpg") no-repeat;
	background-position: top right;
	background-size: 335px 507px;
}

.president_text{
	width: 214px;
	height: 184px;
	margin: 0;
	padding: 24px;
	background-color: #184980;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	top: 218px;
	left: 0;
	box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.2);
	letter-spacing: 0.01em;
}

.president_name {
	margin: 25px 0 0;
	padding: 0;
	line-height: 1;
	font-size: 30px;
}

.president_subname {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 11px;
}

.president_chatch {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-size: 30px;
	font-weight: bold;
	color: #184980;
	position: absolute;
	top: 83px;
	left: 0;
	letter-spacing: 0.1em;
}

	@media only screen and (max-width: 768px) {
		.president_photo_sp {
			width: 100%;
			margin: 0 0 20%;
			height: auto;
		}

		.president_sp_box {
			position: absolute;
			bottom: -8%;
			left: 0;
		}

		.president_text_sp {
			width: 84%;
			height: auto;
			margin: 0 auto;
			padding: 8px 24px;
			background-color: #184980;
			color: #FFFFFF;
			font-weight: bold;
			box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.2);
			letter-spacing: 0.13em;
			z-index: 100;
			text-align: center;
		}

		.president_chatch_sp {
			margin: 0 0 20px;
			padding: 0 20px;
			line-height: 1.4;
			font-size: 26px;
			font-weight: bold;
			color: #184980;
			letter-spacing: 0.13em;
		}
	}/*** Media Queries ***/

/****************************************

        認知症について

*****************************************/
#knowledge p.ast,
#early_detection p.ast {
	text-align: right;
}
#knowledge div.ast,
#early_detection.ast {
	float: right;
}
.ast.righter {
	display: block;
}
#knowledge .imgbox .ast {
	display: block;
	margin: 1rem 0 0 0;
	text-align: right;
}
#knowledge h3 {
	margin: 2rem 0 1rem;
}
#knowledge ol {
	padding: 0 0 0 1rem;
	font-weight: bold;
}
#knowledge .knowledge_about .imgbox {
   margin: 1.5rem auto;
}
#knowledge .knowledge_about .imgbox:before {
    background-color: #fff;
    color: #333;
    content: "認知症や認知症様症状をきたす主な疾患・病名";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
	font-size: 1.3rem;
    
}
#knowledge .life_prevalence .imgbox {
   margin: 3rem auto 1rem;
}
#knowledge .life_prevalence .imgbox.prevalence:before {
    background-color: #fff;
    color: #333;
    content: "認知症・MCIの有病率（2012年時点）";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
	font-size: 1.3rem;
    
}
#knowledge .life_prevalence .imgbox.estimation:before {
    background-color: #fff;
    color: #333;
    content: "認知症・MCIの有病率の将来推計";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
	font-size: 1.3rem;
    
}
#knowledge .knowledge_about_sick {
	display: flex;
	justify-content: space-between;
}
#knowledge .imgbox .knowledge_about_sick > ul {
	width: 49%;
	font-size: .95rem;
    font-weight: normal;
    line-height: 1.5;
}
#knowledge .imgbox .knowledge_about_sick > ul > li {
	margin: 0 0 1rem 0;
}
#knowledge .imgbox ul li strong {
	color: #184980;
}
#knowledge .imgbox .knowledge_about_sick > ul > li > ul {
	margin: 0 0 0 1rem;
}
#early_detection .imgbox {
   margin: 3rem auto 1rem;
}
#early_detection .imgbox img {
   width:60%;
    margin: 0 auto;
}
#early_detection .detection_change .imgbox:before {
    background-color: #fff;
    color: #333;
    content: "進行の模式図";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
	font-size: 1.3rem;
   
}	
.detection_now ul {
   display: flex;
    justify-content: space-between;
	 margin: 0 0 .5rem 0;
	
}
.detection_now ul li {
   width:49%;
	border: 1px solid #184980;
    padding: 1rem;
}
.detection_now h3:before {
	content: none;
}
.box_detection_now {
     margin: 2rem 0 5rem 0;
     border: 1px solid #184980;
     padding: 1rem;
}
.block_detection_think {
   display: flex;
    flex-direction: column;
	
}
.block_detection_think ul {
	display: flex;
	align-items: center;
	margin: 0 0 .5rem 0;
}
.block_detection_think ul li.ttl {
	margin: 0 1rem 0 0;
	padding: 1rem;
	background: #22b7e8;
	color: #fff;
    font-weight: bold;
	width: 250px;
    text-align: center;
}
.block_detection_think ul li {
	width: 790px;
}
.detection_think h3 {
	margin:2rem 0 1rem 0;
}
@media only screen and (max-width: 768px) {
	#knowledge p.ast,
	#early_detection p.ast {
		text-align: left;
	}
	#knowledge div.ast,
	#early_detection.ast {
		float: left;
	}
	#knowledge .imgbox .ast {
		text-align: left;
	}
	.ast.righter {
		display: inline-block;
    	text-align: left;
	}
	.block_detection_think ul {
    	display: block;
	}
	.block_detection_think ul li.ttl {
		width: 100%;
	}
	.block_detection_think ul li {
		width: 100%;
	}
	.detection_now ul {
		display: block;
	}
	.detection_now ul {
    display: block;
	}
	.detection_now ul li {
		width: 100%;
	}
	.detection_now ul li:first-child {
		margin: 0 0 2rem 0;
	}
}/*768*/
/****************************************

        voice

*****************************************/
#voice .block_voice {
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 768px) {
	#voice .block_voice {
		display: block;
	}
}/*768*/
/****************************************

        our_business

*****************************************/
#our_business .imgbox:before {
	background-color: #fff;
	color: #333;
	content: "みまもりFlowLine";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
    font-size: 1.5rem;
}
.product .topimage_box h2 {
	border: none;
}
/****************************************

        プライバシーポリシー：privacy

*****************************************/
	
#privacy h2 {
	margin: 0 0 1rem 0;
    font-size: 1.8rem;
}
#privacy .ttl {
	color: #184980;
}
#privacy ul, 
#privacy ol {
    padding: revert;
}
#privacy ol.list_number {
    padding: 0 !important;
    list-style: none;
}
/*ol.list_parentheses {
	margin: .5rem 0 1rem -1.8rem;
	text-indent: -2em;
}
ol.list_parentheses > li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
	margin: 0 0 1rem 0;
  padding-left: 1.0rem;
}
ol.list_parentheses > li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}*/
ol.list_roman {
	list-style-type: upper-roman;
}
ol.list_roman li {
	margin: 0 0 .5rem 0;
}
ol.list_roman_small {
	list-style-type: lower-roman;
}
ol.list_roman_small li {
	margin: 0 0 .5rem 0;
}
ol.list_number {
	padding: 0 !important;
}
ol.list_number > li {
	margin: 0 0 1rem 0;
}
.privacy ol.list_alpha {
	list-style-type: lower-latin;
}
#privacy .box_post {
	display: flex;
	justify-content: start;
}
#privacy .box_post img {
	margin: 0 0 0 4rem;
}
.privacy_pd {
	    padding: 0 0 0 2rem;
}
@media only screen and (max-width: 768px) {
	#privacy .box_post {
		display: block;
	}
	#privacy .box_post img {
		margin: 1rem auto 0;
	}
}/*768*/
	/**プライバシーポリシー：privacy**/

/*===========================================================
お問い合わせ：inquiry
===========================================================*/
.inquiryform_container {
	width: 100%;
	padding: 16px 0;
	/*border-bottom: 1px solid #CCCCCC;*/
}
.inquiry table td {
    background: none;
    border-bottom: none;
}
	@media only screen and (max-width: 768px) {
		.inquiryform_container {
			width: 100%;
			padding: 4px 0;
			/*border-bottom: 1px solid #CCCCCC;*/
		}
	}/*** Media Queries ***/

.inquiry_type {
	width: 30%;
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	float: left;
}

.inquiry_detail {
	width: 70%;
	margin: -32px 0 0;
	/**どうしても空白ができるためマージンで打ち消し**/
	padding: 0;
	float: right;
}

	@media only screen and (max-width: 768px) {
		.inquiry_type,
		.inquiry_detail {
			width: 100%;
			float: none;
		}

		.inquiry_type {
			margin: 0 0 32px;
		}
	}/*** Media Queries ***/
	


/************************************************************

          製品･サービス：products

*************************************************************/
/**TOP**/
#product-top h3 {
	margin: 0 0 1.5rem 0;
    padding: 0;
    font-size: 1.8rem;
    font-weight: bold;
    color: #184980;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
}
#product-top .store h3 {
	color: #00a68d;
}
#product-top h3:after, #product-top h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    border-top: 2px solid #184980;
    margin: 0 10px;
}
#product-top .store h3:after, #product-top .store h3:before {
    content: "";
    border-top: 2px solid #00a68d;
}
#product-top .product_medical {
	background: #d9eef7;
	margin: 0 0 6rem 0;
    padding: 2rem;
}
#product-top .product_medical ul li:nth-child(4),
#product-top .product_medical ul li:nth-child(5),
#product-top .product_store ul li {
	margin-bottom: 0;
}
#product-top .product_store {
	background: #d6f2ee;
    padding: 2rem;
}
#product-top .product_medical h4 img,
#product-top .product_store h4 img {
	margin: 0 auto 1rem;
	height: 13.5px;
	
}
.rasiusbox_white {
	width: 100%;
	height: auto;
	margin: 0 0 1rem 0;
	padding: .5rem;
	background-color: #184980;
	color: #fff;
	border-radius: 0;
	line-height: 1;
	text-align: center;
	letter-spacing: -0.05em;
	font-size: .9rem;
	font-weight: bold;
}
.product_health .rasiusbox_white {
	width: 100%;
	height: auto;
	margin: 0 0 1rem 0;
	padding: .5rem;
	background-color: #199a6e;
	color: #fff;
	border-radius: 0;
	line-height: 1;
	text-align: center;
	letter-spacing: -0.05em;
	font-size: .9rem;
	font-weight: bold;
}
#product-top .product_store .rasiusbox_white {
	background-color: #00a68d;
}
.productdesc {
	font-size: 90%;
	display: inline-block;
}
@media only screen and (max-width: 360px) {
	#product-top h3:after, #product-top h3:before {
		content: none;
	}
}/*360*/	
	
@media only screen and (max-width: 767px) {
	#product-top .product_medical,
	#product-top .product_store {
		padding: 1rem;
	}
}/*767*/
.product .topimage_box h2 {
	margin: 1rem 0;
}
.product .topimage_box h2:after,
.product .topimage_box h2:before {
	content: none;
}
/****************************************

        PRODUCTS

*****************************************/
#product .product_medical {
    background: #f1f1f1;
    margin: 0 0 6rem 0;
    padding: 2rem;
}
#product .product_health {
    background: #f1f1f1;
    padding: 2rem;
}
#product .product_health ul li:nth-child(4),
#product .product_health ul li:nth-child(5),
#product .product_medical ul li {
	margin-bottom: 0;
}
#product .product_health h4 img,
#product .product_medical h4 img {
	margin: 0 auto 1rem;
	height: 13.5px;
}
#product .product_medical ul.qr h4 img {
	margin: 0 auto 1rem;
	height: auto;
}
/*footer お問い合わせ箇所*/
.blueback {
    background: #333;
    color: #FFFFFF;
    line-height: 200px;
}
.inquiry_container_h2 {
	width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    line-height: 1.8;
}
/****************************************

        PRODUCTS MV

*****************************************/
#topimage_container {
    width: 100%;
    max-width: 1080px;
    min-height: 360px;
    margin: 0 auto 3rem;
    padding: 2rem;
     background-color: #184980;
    color: #FFFFFF;
}
.product_text_special {
	width: auto;
}
/*.product_image_special {
	width: 50%;
}*/
.logo_ctrl_3 {
    margin: 0 8px 0 0;
    width: 420px;
    height: auto;
    display: inline-block;
}
/****************************************

        PRODUCTS 共通

*****************************************/
.health h3 {
    width: 100%;
    border: none;
	text-align: center;
	font-size: 200%;
    color: #199a6e;
}
.medical h3 {
	width: 100%;
    border: none;
	text-align: center;
	font-size: 200%;
    color: #184980;
}
.health h3::before,
.medical h3::before {
    content: none;   
}
.health .bg h3 {
    color: #fff;
}
.health .bg h3::before {
  
}
.medical .bg h3 {
    position: relative;
    display: inline-block;
    padding: 0 0 .5rem 0;
    font-size: 2rem;
    line-height: 1.5;
    color: #fff;
}
.medical .bg h3::before {
    content: none;
    
}
.health h4,
.medical h4 {
	color: #333;
}
/*.health .bg h4,
.medical .bg h4 {
	color: #fff;
}*/
.health .box_con01 h4 {
    color: #199a6e;
	font-size: 1.4rem;
	border-bottom: 1px solid #199a6e;
}
.medical .box_con01 h4 {
    color: #184980;
	font-size: 1.4rem;
	border-bottom: 1px solid #184980;
}
.health .bg .t_wh,
.medical .bg .t_wh {
    color: #fff;
}
.health .bg .square,
.medical .bg .square {
	padding: 1rem;
    background: #f2f2f2;
}
.product.health #topimage_container {
    margin: 0 auto;
	background: linear-gradient(90deg, #fff 0%, #fff 90%, #199a6e 90%, #199a6e 100%);
	border-bottom: 20px solid #199a6e;
}
.product.medical #topimage_container {
    margin: 0 auto;
	background: linear-gradient(90deg, #fff 0%, #fff 90%, #184980 90%, #184980 100%);
	border-bottom: 20px solid #184980;
}
.product.health .rasiusbox_product {
    color: #199a6e;
}
.product section {
	padding-top: 163px;
    margin-top: -163px;
}
.product.health section .bg {
	padding: 0 0 2rem 0;
	background: #199a6e;
}
.product.medical section .bg {
	padding: 0 0 6rem 0;
	background: #184980;
}
.block_anchor ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-content: center;
	width: 100%;
	padding: 2rem;
	background: #ececec;
}
.health .block_anchor ul li {
	display: flex;
	width: 24%;
	height: 74px;
	margin: 0 .5rem .5rem 0;
	align-items: center;
    text-align: center;
	flex-wrap: wrap;
	background: #fff;
	border-radius: 10px;
	border:3px solid #199a6e;
	
}
.health .block_anchor ul li.menkyo_ex {
	display: flex;
	width: 24%;
	height: 74px;
	margin: 0 .5rem .5rem 0;
	align-items: center;
    text-align: center;
	flex-wrap: wrap;
	background: #fff;
	border-radius: 10px;
	border:3px solid #199a6e;
	background: #199a6e;
}
.health .block_anchor ul li.menkyo_ex a {
	width: 100%;
	padding: .5rem 1rem;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
}
.health .block_anchor ul li a {
	width: 100%;
	padding: .5rem 1rem;
	text-decoration: none;
	color: #199a6e;
	font-weight: bold;
	line-height: 1.4;
}
.medical .block_anchor ul li {
	display: flex;
	width: 24%;
	height: 74px;
	margin: 0 .5rem .5rem 0;
	align-items: center;
    text-align: center;
	flex-wrap: wrap;
	background: #fff;
	border-radius: 40px;
	border:3px solid #184980;
	
}
.medical .block_anchor ul li a {
	width: 100%;
	padding: .5rem 1rem;
	text-decoration: none;
	color: #184980;
	font-weight: bold;
	line-height: 1.4;
}
.block_con01 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 1rem 0;
	padding: 1rem 2rem;
	background: #fff;
	border-radius: 10px;
}
.block_con01 img,
.block_con02 img {
	margin: 0 0 0 2rem;
}
.health .block_con02 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 1rem 0;
	padding: 1rem 2rem;
	background: #fff;
	border-radius: 10px;
	border:3px solid #199a6e;
}
.medical .block_con02 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 1rem 0;
	padding: 1rem 2rem;
	background: #fff;
	border-radius: 10px;
	border:3px solid #184980;
}
.box_con01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block_con00 {
	display: flex;
	justify-content: space-between;
}

.box_con00 {
	width: 65%;
}
@media only screen and (max-width: 767px) {
	.product.medical #topimage_container {
		background: linear-gradient(90deg, #fff 0%, #fff 95%, #184980 95%, #184980 100%);
	}
	.product section {
    	margin-bottom: 0rem;
	}
	.block_anchor ul {
		display: block;
		background: none;
		padding: 0;
	}
	.health .block_anchor ul li,
	.medical .block_anchor ul li {
		width: 100%;
		margin: 0 0 1rem 0;
		border: none;
    	height: auto;
	}
	.medical .block_anchor ul li a {
		padding: 0;
		text-decoration: underline;
	}
	
	.product section {
    	padding-top: 60px;
    	margin-top: -60px;
	}
	.block_con00 {
		flex-direction: column-reverse;
	}
	.block_con00 img {
    	margin: 0 auto;
	}
	.box_con00 {
		width: 100%;
	}
	.block_con01 {
    	display: block;
		padding: 1rem;
	}
	.block_con01 img, .block_con02 img {
    	margin: 0 auto;
	}
	.box_con01 {
    	display: block;
	}
	.health .block_con02,
	.medical .block_con02 {
		display: block;
    	padding: 1rem;
	}
	
}/*767*/
@media screen and (min-width:768px) and ( max-width:1023px) {
	.medical .block_anchor ul li {
		width: 32%;
	}
}/*768-1023*/
/*===========================================================
SHINRI-ADAS：shinri-adas
===========================================================*/
#adas .fixed_btn { 
	display: flex;
	justify-content: center;
	position: fixed;
	bottom: 10px;
	right: 70px;
	width: 250px;
	padding: 1rem 0;
	background: #ecad00;
	border: none;
	font-size: 1rem;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
}
#adas .fixed_btn:hover {
	opacity: 0.7;
}
#adas .fixed_btn img {
	width: 40px;
	margin: 0 .5rem 0 0;
}
#adas .quotation_button {
	border: 1px solid #6cbad8;
    background: #6cbad8;
}
#adas .quotation_button:after {
	content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
#adas .quotation_button {
	border: 1px solid #6cbad8;
    background: #6cbad8;
}
#adas .quotation_button:hover {
	color: #fff;
	opacity: 0.7;
}
.triangle-button:active{
  top: 4px;
    box-shadow: 0 0 0 #C62828;
}

.triangle-button::after{
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
#adas #topimage_container {
	display: flex;
    align-items: center;
	border-bottom:none;
	background:url(./img/img_adas_mv.jpg) no-repeat right center;
	max-width: none;
	height: 439px;
}
#adas .logo_ctrl_3 {
    margin: 0 8px 0 0;
    width: 605px;
    height: auto;
    display: inline-block;
}
#adas .product_description {
    font-size: 180%;
}
.medical#adas h3 {
	font-weight: normal;
	color: #4b75b9;
}
#adas .box_con01 h4 {
    color: #4b75b9;
    font-size: 1.4rem;
    border-bottom: none;
}
#adas .lowlevel_container_bg {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    line-height: 1.8;
}
#adas section.adas_solution {
	margin: 0;
	padding: 3rem 0 0rem 0 !important;
}
.product#adas section {
	padding: 3rem 0 5rem 0;
    margin: 0;
}
.product_text {
	width: 45%;
}
.product_image {
	width: 55%;
}
.medical#adas .adas_anchor {
	margin: 2rem 0;
	text-align: center;
}
section#environment {
	background: url(./img/adas_env_bg01.jpg) no-repeat center center;
    background-size: cover;
	padding: 2rem;
}
#adas #flow h4,
#adas #environment h4 {
    display: flex;
	font-weight: bold;
	color: #4b75b9;
    align-items: center;
	font-size: 1.4rem;
}
 #adas #flow h5 {
	font-size:1.2rem;
	 font-weight: bold;
	 color: #4b75b9;
	 text-align: center;
}
#adas #flow h4:before,
#adas #flow h4:after,
#adas #environment h4:before,
#adas #environment h4:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #4b75b9;
}
#adas #flow h4:before,
#adas #environment h4:before {
    margin-right: 3rem;
}
#adas #flow h4:after,
#adas #environment h4:after {
    margin-left: 3rem;
}
#adas .block_con01 img,
#adas .block_con02 img,
#adas .block_con03 img {
	margin: 0 0 0 0;
}
#adas #merit {
	background: url(./img/adas_merit_bg.jpg) no-repeat center center;
	background-size: cover;
}
#adas .bg_adas_sol_01 {
	background: url(./img/adas_env_bg01.jpg) no-repeat center center;
	background-size: cover;
}
#adas .bg_adas_sol_02 {
	background: url(./img/adas_sol_bg02.jpg) no-repeat center center;
	background-size: cover;
}
#adas .bg_adas_sol_03 {
	background: url(./img/adas_sol_bg03.jpg) no-repeat center center;
	background-size: cover;
}
#adas .bg_adas_sol_04 {
	background: url(./img/adas_sol_bg04.jpg) no-repeat center center;
	background-size: cover;
}
#adas .block_con01 {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 2rem;
	max-width: 1080px;
	background: none;
}
#adas .block_con01.left img {
	margin: 0 2rem 0 0;
}
#adas .block_con01.right img {
	margin: 0 0 0 2rem;
}
#adas .block_con01.right img.left {
	margin: 0;
}
#adas .block_con01.right .img_adas_sol,
#adas .block_con01.left .img_adas_sol {
	height: 296px;
}
#adas .block_con02 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2rem 0;
	padding: 1rem 2rem;
	background: #fff;
	border-radius: 10px;
	border:none;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}
#adas .block_con02.left img {
	margin: 0 1rem 0 0;
}
#adas .block_con02.right img {
	margin: 0 0 0 1rem;
}
#adas .block_con03 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2rem 0;
}
#adas .box_con03_01 {
	padding: 14rem 2rem 2rem 2rem;
    background: url(./img/adas_flow_bg01.png) no-repeat center center;
	height: 493px;
	width: 33%;
}
#adas .box_con03_02 {
	padding: 14rem 2rem 2rem 2rem;
    background: url(./img/adas_flow_bg02.png) no-repeat center center;;
	height: 493px;
	width: 33%;
}
#adas .box_con03_03 {
	padding: 14rem 2rem 2rem 2rem;
    background: url(./img/adas_flow_bg03.png) no-repeat center center;;
	height: 493px;
	width: 33%;
}
#adas .box_con03_04 {
	padding: 14rem 2rem 2rem 2rem;
    background: url(./img/adas_flow_bg04.png) no-repeat center center;;
	height: 611px;
	width: 25%;
}
#adas .box_con03_05 {
	padding: 14rem 2rem 2rem 2rem;
    background: url(./img/adas_flow_bg05.png) no-repeat center center;;
	height: 611px;
	width: 25%;
}
#adas .box_con03_06 {
	padding: 14rem 2rem 2rem 2rem;
    background: url(./img/adas_flow_bg06.png) no-repeat center center;;
	height: 611px;
	width: 25%;
}
#adas .box_con03_07 {
	padding: 14rem 2rem 2rem 2rem;
    background: url(./img/adas_flow_bg07.png) no-repeat center center;;
	height: 611px;
	width: 25%;
}
#adas .block_con04 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 1rem 0;
	padding: 1rem 2rem;
	background: #fff;
}
#adas .box_con04 {
	width: 30%;
}
#adas .block_con04 img {
	height: 283px;
}
#adas .block_con05 {
	display: flex;
	justify-content: center;
	margin: 0 0 1rem 0;
	padding: 1rem 2rem;
}
#adas .block_con05 .box_con05_txt {
	margin: 0 0 0 2rem;
	width: 500px;
}
#adas .block_con05 .box_con05_img img {
	width: 160px;
}
.block_bl {
	background: #f1f8ff;
	padding: 1rem;
}
section#flow {
	background:#fbfbfb;
}
#adas .sol_box {
    position: relative;
    margin: 2em 0;
    padding: 1.5rem 1rem 1rem 1rem;
    border-bottom: solid 3px #4b75b9;
    border-right: solid 3px #4b75b9;
    border-left: solid 3px #4b75b9;
}
#adas .sol_box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 32%;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #4b75b9;
    font-weight: bold;
}
#adas .sol_box .box-title:before,
#adas .sol_box .box-title:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #4b75b9;
}
#adas .sol_box p {
    margin: 0; 
    padding: 0;
	font-size: 0.9rem;
}
#adas .sol_box .inner_sol_box {
	display:flex;
}
#adas .sol_box .inner_sol_box img {
	margin: 0 1rem 0 0;
}
#adas .t_bl {
	color: #4b75b9;
} 
#adas #case {
	padding:0 0 5rem 0;
}
#adas #case h3 .ast {
	display: inline-block;
}

#adas .img-intro {
	position: relative;
    padding: 30px;
    background: #e4f2ff url(./img/product_adas_intro01.png) no-repeat;
    background-size: 70%;
    background-position: center center;
    margin: 70px 0 120px 0;
}
#adas .img-intro img.ttl {
	position: absolute; 
    left: 40%;
    top: -1.5%;
    margin: 0 auto;
    width: 20%;
}
#adas .img-intro img.arrow {
	position: absolute;
	margin: 0 auto;
	left: 43%;
    bottom: -10%;
    width: 17%;
    text-align: center;
}
#adas .area-adas h4 {
	margin-bottom: 2rem;
	font-size: 160%;
	text-align: center;
	color: #fff;
}
#adas .adas-performance div {
	display: flex;
	justify-content: space-between;
}
#adas ul.block_performance {
	margin: 0 3rem 0 0;
	padding: 0;
	
}
#adas ul.block_performance li {
	margin: 0 0 2rem 0;
    padding: 1px;
	border:3px solid #4b75b9;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	border-radius:10px;
}
#adas ul.block_performance li h4 {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	margin: 0;
	padding: 2rem;
	background: #fff;
	font-size: 140%;
	height: 110px;
}
#adas .adas_solution .imgbox {
	border: 2px solid #fff;
}
#adas .adas_solution .imgbox:before {
    background-color: #184980;
    color: #fff;
    content: "診療支援システム「SHINRI-ADAS」";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
    font-size: 1.5rem;
}
#adas .adas_solution .copy {
	margin: 2rem 0;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#adas ul.list_env {
	display: flex;
	font-size: 0.88rem;
	margin: 0 0 1rem 0;
}
#adas ul.list_env img {
	display: inline-block;
}
#adas .list_env .resolution {
	align-items: center;
	justify-content: center;
    display: flex;
	margin: 0 1rem 0 0;
	width: 7rem;
	background: #6cbad8;
	color: #fff;
	font-weight: bold;
}
#adas .list_env .os{
	align-items: center;
	justify-content: center;
    display: flex;
	margin: 0 1rem 0 0;
	width: 7rem;
	background: #3dbbac;
	color: #fff;
	font-weight: bold;
}
#adas .list_env .browser {
	align-items: center;
	justify-content: center;
    display: flex;
	margin: 0 1rem 0 0;
	width: 7rem;
	background: #f79559;
	color: #fff;
	font-weight: bold;
}
#adas .block_txt_env {
	padding: 2rem;
	background: #fff;
}

#adas .block_txt_env .box_txt_env {
	display: flex;
	justify-content: flex-start;
}
#adas .block_txt_env .box_txt_env .box_txt_env_img {
	margin: 0 2rem 0 0;
}
#adas .block_txt_env h5 {
	margin: 2rem 0 0 0;
	font-size: 1rem;
}
#adas .block_con06 {
	display: flex;
	justify-content: center;
	margin: 0 0 1rem 0;
}
#adas .block_con06 h4 {
	color: #4b75b9;
}
#adas .block_con06 img {
	margin: 0 2rem 0 0;
	width: 25%;
}
#adas .block_con06 .box_con06 p span {
	text-decoration: underline;
}
#adas #tools h3 {
	margin: 2rem 0 0 0;
    padding: 0;
}
#adas .block_price_tools h4 {
	text-align: center;
	color: #6cbad8;
}
#adas #tools .block_price_tools .img_price {
	margin: 3rem auto 3rem;
	width: 40%;
}
#adas .block_price_tools table {
	margin: 0 0 1rem 0;
}
#adas .block_price_tools table td.ttl  {
	background: #6cbad8;
}
#adas .block_price_tools table td  {
	background: #f8f8f8;
	text-align: center;
	border-right: 3px solid #fff;
}
#adas .txt_tools {
	color: #4b75b9;
    font-weight: bold;
    margin: 0 0 3rem 0;
	text-align: center;
}
/*voice*/
#adas .voice-adas ul {
	margin: 0;
	padding: 0;
}
#adas .voice-adas ul li {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 8rem;
}
#adas .voice-adas ul li:last-child {
	margin-bottom: 0;
}
#adas .voice-adas ul li .txt-voice {
	background: #184980;
    padding: 2.5rem 18rem 2.5rem 2rem;
    width: 90%;
}
#adas .voice-adas ul li .txt-voice a {
	text-decoration: underline #fff;
}
#adas .voice-adas ul li .txt-voice a:hover {
	text-decoration: none;
}
#adas .voice-adas ul li .txt-voice a:link {color:#FFFFFF;}
#adas .voice-adas ul li .txt-voice a:visited {color:#FFFFFF;}
#adas .voice-adas ul li .txt-voice a:active {color:#FFFFFF;}
#adas .voice-adas ul li .txt-voice h4,
#adas .voice-adas ul li .txt-voice p {
	color: #fff;
}
#adas .voice-adas ul li .txt-voice p {
	font-weight: bold;
}
#adas .voice-adas ul li .txt-voice h4 {
	font-size: 140%;
	font-weight: bold;
	line-height: 2;
}
#adas .voice-adas ul li .img-voice {
	position: absolute;
    right: 0;
    top: 10%;
}
#adas .voice-adas ul li .img-voice img {
	width: 350px;
}
.product.medical .rasiusbox_product {
	height: auto;
	padding: .5rem 1rem;
	/*border-radius: 4px;*/
	background-color: #184980;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
	display: inline-block;
	font-weight: bold;
}
.product.health .rasiusbox_product {
	height: auto;
	padding: .5rem 1rem;
	/*border-radius: 4px;*/
	background-color: #199a6e;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
	display: inline-block;
	font-weight: bold;
}
.product_description {
	font-size: 130%;
	font-weight: bold;
	color: #333;
}
.product_borderbox {
	width: 100%;
	padding: 20px;
	border: 11px solid #EEEEEE;
}
.product_conbox1 {
	width: 63%;
	margin-right: 2%;
}
.product_conbox2 {
	width: 35%;
}
.product_conbox3 {
	width: 54%;
	margin-right: 2%;
}
.product_conbox4 {
	width: 44%;
}
ul.adas_list_icon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 1rem 0;
	padding: 1rem;
	background: #fff;
}
ul.adas_list_icon li {
	width: 24%;
	text-align: center;
	font-weight: bold;
}
ul.adas_list_icon li img {
	margin: 0 auto;
	height: 40%;
}
@media only screen and (max-width: 768px) {
	#adas .block_con01 {
		display: block;
	}
	#adas .block_con03 {
    	display: block;
	}
	#adas .box_con03_01,
	#adas .box_con03_02,
	#adas .box_con03_03 {
		padding: 14rem 2rem 2rem 2rem;
		height: 493px;
		width: auto;
	}
	#adas .box_con03_01 p,
	#adas .box_con03_02 p,
	#adas .box_con03_03 p {
		padding:1rem 2rem;
	}
	#adas .box_con03_04,
	#adas .box_con03_05, 
	#adas .box_con03_06,
	#adas .box_con03_07 {
		padding: 14rem 2rem 2rem 2rem;
		height: 611px;
		width: auto;
	}
	#adas .box_con03_04 p,
	#adas .box_con03_05 p, 
	#adas .box_con03_06 p,
	#adas .box_con03_07 p {
		padding:1rem 3rem;
	}
	#adas .block_con02,
	#adas .block_con04,
	#adas .block_con05 {
    	display: block;
	}
	#adas .box_con04 {
		width: auto;
	}
	#adas .block_con05 .box_con05_img {
		/*width: 250px;*/
		text-align: center;
		margin: 0 auto;
	}
	#adas .block_con05 .box_con05_img {
		text-align: center;
		margin: 0 auto;
	}
	#adas .block_con06 {
		display: block;
	}
	#adas .block_con06 img {
		margin: 0 0 1rem 0;
		width: 100%;
	}
	#adas #tools .block_price_tools .img_price {
		margin: 3rem auto 3rem;
		width: 100%;
	}
	#adas .block_txt_env .box_txt_env {
    	display: block;
	}
	#adas .block_txt_env .box_txt_env .box_txt_env_img {
		margin: 0 0 2rem 0;
	}
	#adas .block_con01.right .img_adas_sol, 
	#adas .block_con01.left .img_adas_sol {
    	height: auto;
	}
	#adas .block_con01.right img {
		 margin: 0 ;
	}
	#adas .block_con02.left img,
	#adas .block_con02.right img {
		margin: 0 0 1rem 0;
	}
	#adas .block_con04 img {
		height: auto;
		margin: 0 auto;
	}
	#adas .block_con05 .box_con05_txt {
		margin: 1rem 0 0 0;
		width: auto;
	}
	#adas ul.list_env {
		display: block;
		margin: 1rem auto 0;
    	width: auto;
	}
	#adas .block_con05 {
		display: flex;
		justify-content: center;
		margin: 0 auto 1rem;
		padding: 1rem 2rem;
		flex-direction: column;
	}
	#adas .block_con05 .box_con05_img img {
		margin: 0 auto;
	}
	#adas .list_env .resolution,
	#adas .list_env .os,
	#adas .list_env .browser {
		width: 100%;
		margin: 0 auto;
	}
		#adas .img-intro {
			background-size: 95%;
			height: 390px;
			margin: 30px 0 60px 0;
	}
	#adas .img-intro img.ttl {
		left: 29%;
		top: -2%; 
		width: 40%;
	}
	#adas .adas-performance div {
		flex-direction: column;
	}
	#adas ul.block_performance {
    	margin: 0;
	}
	#adas .voice-adas ul li {
		flex-direction: column;
		margin-bottom: 4rem;
		background: #79c9b9;
	}
	#adas ul.block_performance li h4 {
		display: block;
		padding: 1rem;
		height: auto;
	}
	#adas .voice-adas ul li .txt-voice {
    	padding: 1rem;
    	width: auto;
		background: none;
		order: 2;
	}
	#adas .voice-adas ul li .img-voice {
		position:static;
		margin-top: -10px;
    	margin-left: -10px;
		order: 1;
	}
	#adas .voice-adas ul li .img-voice img {
		width: 100%;
	}
	#adas .voice-adas ul li .txt-voice h4 {
    	font-size: 120%;
	}
	.product_text,
	.product_image {
		width: 100%;
		float: none;
	}
	.product_description br {
		display: none;
	}
	.product_borderbox {
		width: 100%;
		padding: 3%;
		border: none;
		border: 0;
		background-color: #EEEEEE;
	}
	.product_conbox1,
	.product_conbox2,
	.product_conbox3,
	.product_conbox4 {
		width: 100%;
		margin: 0;
		float: none;
	}
	.product_conbox1 {
		background-color: #FFFFFF;
		padding: 3%;
	}
	.product_conbox2,
	.product_conbox3,
	.product_conbox4 {
		margin: 0;
		padding: 0;
	}
	ul.adas_list_icon {
		display: block;
	}
	ul.adas_list_icon li {
		width: 100%;
	}
}/*768*/
	
@media only screen and (max-width: 374px) {
	#adas .img-intro {
	    height: 330px;
	}
}/*374*/
@media only screen and (min-width: 360px) {
	#adas .img-intro {
	    height: 370px;
	}
}/*374*/
@media only screen and (min-width: 411px) {
	#adas .img-intro {
	    height: 425px;
	}
}/*411*/
@media only screen and (min-width: 768px) {
	#adas .img-intro {
		height: 795px;
	}
	#adas .adas-performance img {
    	margin: 0 auto;
	}
}/*768*/
@media only screen and (min-width: 769px) {
	#adas .img-intro {
		height: 980px;
	}
}/*769*/
/*===========================================================
SHINRI-ADAS：FAQ
===========================================================*/
#adas #steps ul.block_steps  {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#adas #steps ul.block_steps li {
	margin: 0 0 1rem 0;
	width: 24%;
	border: #6cbad8 1px solid;
	border-radius: 10px;
	box-shadow: 0px 0px 15px -5px #777777;
	text-align: center;
}
#adas #steps ul.block_steps li:before {
	content: "";
}
#adas #steps ul.block_steps li a  {
	width: 100%;
	text-decoration: none;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #184980;
	font-weight: bold;
	line-height: 1.4;
}
#adas #steps ul.block_steps li a:hover  {
	background: #6cbad8;
	color: #fff;
}
#adas #qa .block_qa {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#adas #qa ul.block_qa li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 1rem 0;
	width: 32%;
}
#adas #qa p {
	text-align: center;
}
#shinri-fap footer {
	background-color: #FFFFFF;
   
}
@media only screen and (max-width: 768px) {
	#adas #steps ul.block_steps li {
		margin: 0 0 1rem 0;
		width: 49%;
	}
	#adas #qa ul.block_qa li {
		justify-content: center;
		width: 100%;
	}
}/*768*/

/*===========================================================
QR de PCR
===========================================================*/
#pcr .pcr_intro p.sub_ttl {
	display: inline-block;
	padding: .5rem 1rem;
	background: #fff459;
	border-radius: 30px;
    font-size: 1.3rem;
    font-weight: bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #184980;
}
/*#pcr .pcr_intro p {
	font-size: 2rem;
	font-weight: bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #184980;
}*/

#pcr .pcr_intro .inner_intro {
	margin: 0 auto;
	text-align: center;
}
#pcr .pcr_intro .inner_intro img {
	margin: 0 auto 2rem;
}
#pcr .block_preparation li:first-child {
    margin: 0 0 1rem 0;
}
#pcr .block_preparation img {
	float: right;
    margin: 0 0 0 2rem;
    width: 335px;
}
#pcr .pcr_intro .imgbox {
	margin: 2rem auto 0;
}
#pcr .pcr_intro .imgbox:before {
    background-color: #fff;
    color: #333;
    content: "QR de PCR";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
    font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
	#pcr .block_preparation img {
		float: none;
		margin: 0 0 1rem 0;
		width: 100%
	}
	#pcr .pcr_intro p {
		font-size: 1.4rem;
	}
}/*768*/
/*===========================================================
ユーザーの声 voice
===========================================================*/
#voice_layer h2 {
	margin: 0 0 1rem 0;
	font-size: 1.7rem;
}
.voice_flexbox {
	width: 32%;
    height: auto;
    margin: 0 0 16px;
    padding: 16px;
    position: relative;
}

@media only screen and (max-width: 767px) {
	.voice_flexbox {
		width: 100%;
	}
}/*767*/
/*===========================================================
SHINRI-HASEGAWA：shinri-hasegawa
===========================================================*/
.hasegawa_hdsr .imgbox {
    margin: 1rem auto;
}
.hasegawa_hdsr .imgbox:before {
    background-color: #fff;
    color: #333;
    content: "HDS-R 実施結果報告書";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
    font-size: 1.5rem;
}
/*===========================================================
MRI-TAISEKI：mri-taiseki
===========================================================*/
.bgfixed {
	position: relative;
}

.fixedbg {
	width: 100%;
	/*height: 470px;*/
	height: 64vmin;
	position: absolute;
	top: 16%;
	left: 0;
	background-color: #80D0C7;
	z-index: -9999;
}

.fixedbg2 {
	width: 100%;
	/*height: 390px;*/
	height: 28vmin;
	position: absolute;
	top: 67%;
	left: 0;
	background-color: #80D0C7;
	z-index: -9998;
}
#taiseki .list_about02 p {
    font-size: 160%;
    font-weight: normal;
    text-align: left;
    color: #333;
}
#taiseki .list_about01 {
	margin: 2rem 0;
}
#taiseki .list_about01 ul {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.list_about01 ul li {
	width: 32%;
	padding: 1rem;
	border: 2px solid #184980;
}
#taiseki .list_about02 ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.list_about02 ul li {
	width: 24%;
	padding: 1rem;
	background: #ececec;
}
.list_about01 ul li img,.list_about02 ul li img {
	margin: 0 auto 2rem;
}
#taiseki .box_taiseki img {
    float: right;
    margin: 0 0 0 1rem;
    width: 335px;
}
.list_about01 .ttl_about01 {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    margin: 0 0 1rem 0;
    padding: .5rem;
    background-color: #184980;
    color: #fff;
    border-radius: 0;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.05em;
    font-size: 1.2rem;
    font-weight: bold;
}
.list_about02 .ttl_about02 {
    width: 100%;
    height: auto;
    margin: 0 0 1rem 0;
    padding: .5rem;
    background-color: #184980;
    color: #fff;
    border-radius: 0;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.05em;
    font-size: .9rem;
    font-weight: bold;
}

ul.list_taiseki_flow {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
ul.list_taiseki_flow li {
	display: flex;
	align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
	position: relative;
  margin: -1px;
  padding: 7px 10px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 4px #d5e9ff;
  box-sizing: border-box;
}
ul.list_taiseki_flow li:nth-child(even) {
	background: #ececec;
}
ul.list_taiseki_flow li:before {
	content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
ul.list_taiseki_flow li:nth-child(even):before {
	content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #ececec;
  z-index: 2;
}
ul.list_taiseki_flow li:last-child:before {
	content: none;
}
ul.list_taiseki_flow li:after {
	content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #d5e9ff;
  z-index: 1;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.4));
}
ul.list_taiseki_flow li:last-child:after {
	content: none;
}
ul.list_taiseki_flow li:first-child span:before {
	position: absolute;
	content: "1";
	top: -13%;
    left: 45%;
    font-size: 12rem;
    color: #ececec;
}
ul.list_taiseki_flow li:nth-child(2) span:before {
	position: absolute;
	content: "2";
	top: -13%;
    left: 45%;
    font-size: 12rem;
    color: #fff;
}
ul.list_taiseki_flow li:nth-child(3) span:before {
	position: absolute;
	content: "3";
	top: -13%;
    left: 45%;
    font-size: 12rem;
    color: #ececec;
}
ul.list_taiseki_flow li:nth-child(4) span:before {
	position: absolute;
	content: "4";
	top: -13%;
    left: 45%;
    font-size: 12rem;
    color: #fff;
}
ul.list_taiseki_flow li:nth-child(5) span:before {
	position: absolute;
	content: "5";
	top: -13%;
    left: 45%;
    font-size: 12rem;
    color: #ececec;
}
ul.list_taiseki_flow li:last-child span:before {
	position: absolute;
	content: "6";
	top: -13%;
    left: 45%;
    font-size: 12rem;
    color: #fff;
}
ul.list_taiseki_flow li img {
	
}
ul.list_taiseki_flow span {
	margin: 0 0 0 3rem;
	font-size: 1.4rem;
    font-weight: bold;
	color: #184980;
}
ul.list_taiseki_useful {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
ul.list_taiseki_useful li {
	width: 50%;
    padding: 1rem;
    text-align: center;
    font-weight: bold;
}
ul.list_taiseki_useful li:first-child {
	border-right: 2px solid #184980;
	border-bottom: 2px solid #184980;
}
ul.list_taiseki_useful li:nth-child(2){
	border-bottom: 2px solid #184980;
}
ul.list_taiseki_useful li:nth-child(3){
	border-right: 2px solid #184980;
}
#requirements ul {
	margin: 0 auto;
	width: 50%;
}
#requirements ul li {
	display: flex;
	align-items: center;
	margin: 0 0 1rem 0;
	background: #fff;
}
#requirements ul li div.num {
	padding: .5rem 1rem;
	border: 2px solid #fff;
	background: #184980;
}
#requirements ul li div.txt {
	display: flex;
    align-items: center;
	width: 380px;
	margin: 0 0 0 .3rem;
	padding: 0 0 0 1rem;
	background: #fff;
	color: #184980;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	#taiseki .list_about02 p {
		font-size: 140%;
	}
	#taiseki .list_about01 ul,#taiseki .list_about02 ul {
    	display: block;
	}
	#taiseki .list_about01 ul li,#taiseki .list_about02 ul li {
    	width: 100%;
		margin: 0 0 1rem 0;
	}
	#taiseki .product_text_special .button_area {
    	margin: 1rem auto;
	}
	ul.list_taiseki_flow li {
		display:block;
    	width: 100%;
	}
	ul.list_taiseki_flow li img {
		margin: 4rem auto 0;
	}
	ul.list_taiseki_useful li {
    	width: 100%;
	}
	#taiseki .box_taiseki img {
    	float: none;
		margin: 0 0 1rem 0;
	}
	ul.list_taiseki_flow span {
    	margin: 0;
	}
	ul.list_taiseki_useful li {
    	width: 100%;
	}
	#taiseki .box_taiseki img {
    	float: none;
		margin: 0 auto 1rem;
	}
	ul.list_taiseki_flow li span:before {
		top: -6% !important;
		left: 5% !important;
		font-size: 4rem !important;
	}
	ul.list_taiseki_useful li:first-child {
		border-right: none;
		border-bottom: none;
	}
	ul.list_taiseki_useful li:nth-child(2){
		border-bottom: none;
	}
	ul.list_taiseki_useful li:nth-child(3){
		border-right: none;
	}
	#requirements ul {
		width: 100%;
	}
}/*767*/
/*===========================================================
MRI-KOUKA：mri-kouka
===========================================================*/
.mri-kouka h2:before,
.mri-kouka h2:after {
	content: none;
}
.challenge h3 {
	color: #fff;
}
.box_kouka {
	display: flex;
	justify-content: space-between;
}
.box_kouka img {
	width: 223px;
}
.kouka04 {
	width: 50%;
}
.bgkouka {
	width: 100%;
	/*height: 219px;*/
	height: 29.1vmin;
	background-color: #80D0C7;
	z-index: -9997;
}

.fixedbg3 {
	width: 100%;
	/*height: 396px;*/
	height: 81vmin;
	position: absolute;
	top: 0%;
	left: 0;
	background-color: #80D0C7;
	z-index: -9996;
}
	@media only screen and (max-width: 768px) {
		.bgkouka {
			height: 30.3vmin;
		}
	}/*** Media Queries ***/



/*===========================================================
KENSHIN：kenshin
===========================================================*/
.sub_title_container2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 56px 0 80px;
	background-color: #80D0C7;
	color: #FFFFFF;
}
/*===========================================================

ONESIプラス

===========================================================*/

#onseiplus .box_intro_onseiplus ul {
	margin: 0 0 1rem 0;
}
#onseiplus ul.list_intro_onseiplus li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60%;
    margin: 0 0 1rem 0;
	padding: 1rem;
	font-weight: bold;
	color: #fff;
}
#onseiplus ul.list_intro_onseiplus {
	margin: 0 0 1rem 0;
}
#onseiplus ul.list_intro_onseiplus li:first-child {
	background: #e47d77;
}
#onseiplus ul.list_intro_onseiplus li:nth-child(2) {
	background: #0e5ba8;
}
#onseiplus ul.list_intro_onseiplus li:last-child {
	background: #03af7b;
}
#onseiplus ul.block_overview_onseiplus li {
	display: flex;
	justify-content: start;
	align-items: center;
}
#onseiplus ul.block_overview_onseiplus li img {
	margin: 0 1rem 0 0;
}
#onseiplus .onseip_feedback .imgbox {
    margin: 3rem auto 0;
	border: 2px solid #fff;
}
#onseiplus .onseip_feedback .imgbox:before {
    background-color: #199a6e;
    color: #fff;
    content: "フィードバック機能";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
    font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
	#onseiplus .block_intro_onseiplus {
    	display: block;
	}
	#onseiplus ul.block_overview_onseiplus > li {
		display: block;
		margin: 0 0 2rem 0;
	}
	#onseiplus ul.block_overview_onseiplus > li:last-child {
		margin: 0;
	}
	#onseiplus .box_intro_onseiplus {
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
	}
	#onseiplus ul.list_intro_onseiplus li {
    	width: 100%;
	}
	#onseiplus .block_intro_onseiplus img {
		width: 40%;
		margin: 0 auto 1rem;
	}
}/**767**/
@media only screen and (min-width: 768px) and  (max-width: 769px) {
	#onseiplus .block_intro_onseiplus img {
		width: 33%;
	}
	#onseiplus .box_intro_onseiplus {
		width: 60%;
	}
}/*768769*/

/*===========================================================
ONSEI：onsei
===========================================================*/
#topimage_container_onsei {
	position: relative;
	margin: 0 auto 3rem;
    padding: 2rem;
    width: 100%;
    min-height: 360px;
	background: url(./img/bg_mv_onsei.png) no-repeat;
    background-color: #fff;
	background-size: cover;
}
#topimage_container_onsei .rasiusbox_product {
    background-color: #184980;
    font-weight: 500;
}
.block_onsei_mv {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	max-width: 1080px;
	margin: 0 auto;
}
#onsei h1 {
	margin: 2rem 0 0 0;
}
#onsei h2 {
	margin: 1.5rem 0;
	padding: 0;
	border: none;
}
#onsei h3 {
	font-size: 260%;
    
}
#onsei h3 span {
	color: #184980;
}
#onsei .h3_onsei_intro {
	font-size: 130%;
    color: #184980;
	line-height: 1.7;
}
#topimage_container_onsei .sub_t {
	margin: .5rem 0;
	font-size: 165%;
	font-weight: 700;
	color: #189a6e;
}
#topimage_container_onsei .main_t {
	font-size: 280%;
    line-height: 1.3;
    font-weight: 700;
    color: #189a6e;	
}
#topimage_container_onsei .product_description {
	font-size: 90%;
    font-weight: 600;
	line-height: 1.5;
}
.txt_onsei_intro {
	margin: 0 0 2rem 0;
	text-align: center;
}
.wrapper_onsei {
	
}
.wrapper_onsei .ast {
	font-size: .7rem;
	}
.block_onsei_con01,
.block_onsei_con02 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 3rem 0;
}
.block_onsei_con01 > div,
.block_onsei_con02 > div{
	width: 29%;
}
.block_onsei_con01 img {
	margin: 0 0 1rem 0;
	width: 90%;
}
.block_onsei_con01 > div p {
	letter-spacing: -0.07rem;
}
.block_onsei_con02 > div > div > div {
	display: flex;
	margin: 1rem 0 0 0;
}
.block_onsei_con02 > div > div > div img {
	width: 10%;
    height: 10%;
	margin: 0 .5rem 0 0;
}
.block_onsei_con02 > div > div p {
	line-height: 1.3;
	font-weight: 600;
	font-size: 100%;
}
.block_onsei_con02 > div > div p .ast {
	font-weight: normal;
}
.circle_number {
  width: 50px;
  height: 50px;
  padding-top: 13px;
  background-color: #184980;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  color: #fff;
}
.bg_onsei {
	padding: 0 0 3rem 0;
	background: #fdf7f0;
}
.block_onsei_con03 {
	padding: 1rem;
	background: #fff;
	margin: 0 0 3rem 0;
}

.block_onsei_con03 h3 {
  display: flex;
  align-items: center;/* 縦位置の調整 */
  justify-content: center;/* 横位置の調整 */
}

.block_onsei_con03 h3::before,
.block_onsei_con03 h3::after {
  content: '';
  flex-grow: 0.05;/* 少数にする */
  height: 3px;
  background: #199a6e;
}

/* 見出しの文字と横棒の間隔を開ける */
.block_onsei_con03 h3::before {
  margin-right: 20px;
}

.block_onsei_con03 h3::after {
  margin-left: 20px;
}

.box_onsei_con03 {
	display: flex;
	justify-content: space-evenly;
	background: #fff;
	margin: 0 0 3rem 0;
}
.box_onsei_con03 img {
	width: 30%;
}
.block_onsei_con04 {
	display: flex;
	padding: 2rem;
	border: #e5e5e5 6px solid;
	line-height: 1;
}
.block_onsei_con04 img {
	margin: 0 1rem 0 0 ;
	height: 180px;
}
.block_onsei_con04 p {
	font-size: 80%;
    line-height: 1.6;
}
.block_onsei_con04 .box_onsei_con04 div {
	display: inline-block;
    margin: 0 0 0.5rem 0;
    padding: 0.3rem 0.5rem;
    background: #184980;
    color: #fff;
    font-size: .8rem;
    font-weight: 600;
}
.block_onsei_con04 .box_onsei_con04 h4 {
	color: #184980;
	font-size:100%;
}
.block_onsei_con05 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 3rem 0;
}
.block_onsei_con05 div {
	width: 29%;
}
.block_onsei_con05 div img {
	margin: 0 auto;
	width: 77%;
}
.block_onsei_con05 div p {
	margin: 1rem 0 0 0;
}
.block_onsei_con06 {
	display: flex;
    padding: 2rem;
    border: #e5e5e5 6px solid;
}
.block_onsei_con06 h4 {
	font-size: 2.3rem;
	color: #189a6e;
}
.block_onsei_con06 h4 span {
	color: #184980;
}
.block_onsei_con06 img {
	margin: 0 0 0 1rem;
}
.block_onsei_con06 ul li {
	padding: .5rem 0 .5rem 1em;
	border-top: dotted 1px #184980;
	font-size: 1rem;
	text-indent: -1em;
	font-weight: 600;
}
.block_onsei_con06 ul li:last-child {
	margin: 0 0 1rem 0;
	padding: .5rem 0 .5rem 1em;
	border-top: dotted 1px #184980;
	border-bottom: dotted 1px #184980;
}
.block_onsei_con06 ul li:first-child span {
	color: #f26e14;
}
.block_onsei_con06 ul li:nth-child(2) span {
	color: #00a199;
}
.block_onsei_con06 ul li:nth-child(3) span {
	color: #036eb7;
}
.block_onsei_con06 ul li:last-child span {
	color: #c00000;
}
.block_onsei_con07 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 3rem 0;
}
.block_onsei_con07 div {
	margin: 0 0 1rem 0;
	width: 29%;
}
.block_onsei_con07 img {
	margin: 0 0 1rem 0;
}
.block_onsei_con07 h4 {
	margin: 0 0 .5rem 0;
	color: #184980;
}
.block_onsei_con07 p {
	font-size: .88rem;
}
.txt_onsei_con07 {
	text-align: center;
	font-weight: 600;
	font-size: 1.3rem;
	margin: 0 0 2rem 0;
}



#onsei .box_onsei_app ul {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
}
.box_onsei_mv_parts > img {
    width: 25%;
}
.box_onsei_mv_parts {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 56%;
}
.box_onsei_mv {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 2rem 0 0 0;
}
.box_onsei_mv > img {
	width: 333px;
	margin: 0 auto 1rem;
}
.box_onsei_app {
	display: flex;
	flex-wrap: wrap;
}
.box_onsei_app ul li {
	margin: 0 1rem 0 0;
}
.box_onsei_app ul li a img:hover {
	opacity: 0.7;
}
/*#onsei ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}*/
#onsei .product_text_special {
	margin: 0 3rem 0 0;
	/*width: 56%;*/
}
/*.product_image_special {
	width: 55%;
}*/
.onsei_intro {
	margin-top: 0;
	padding-top:0; 
	background: #fff;
}
.onsei_intro h2 {
	margin: 0 0 1rem 0;
	border: none;
	font-size: 2rem;
}
.onsei_intro h2:before,
.onsei_intro h2:after {
	content: none;
}
.onsei_intro p {
	font-size: 120%;
    font-weight: normal;
    text-align: center;
    color: #333;
    line-height: 1.5;
    margin:1rem 0 0 0;
}

#onsei .box_decline01 {
	margin: 1.5rem 0;
	background: #fff;
	color: #199a6e;
	font-weight: bold;
}
#onsei .box_decline01 ol {
	padding: 0 0 0 1.5rem;
	line-height: 2;
    font-size: 1.1rem;
}
#onsei .box_decline01 ol li {
	list-style: decimal;
}

#onsei .box_decline02 > ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;	
}
#onsei .box_decline02 > ul > li:first-child {
	width: 11%;
}
#onsei .box_decline02 > ul > li:last-child {
	width: 85%;
	position: relative;
    display: flex;
	align-items: center;
    margin: 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    font-size: 16px;
    background: #FFF;
    border: solid 2px #c00000;
    box-sizing: border-box;
}
#onsei .box_decline02 > ul > li:last-child:before {
	content: "";
	position: absolute;
    bottom: 62%;
    left: 0;
    margin-left: -43px;
    border: 22px solid transparent;
    border-right: 22px solid #FFF;
    z-index: 2;	
}
#onsei .box_decline02 > ul > li:last-child:after {
	content: "";
	position: absolute;
    bottom: 62%;
    left: 0;
    margin-left: -46px;
    border: 22px solid transparent;
    border-right: 23px solid #c00000;
    z-index: 1;
}
#onsei .box_decline02 > ul > li > ul {
	padding: 0 0 0 1.5rem;
	line-height: 2;
    font-size: 1.1rem;
	color: #c00000;
	font-weight: bold;
}
#onsei .box_decline02 > ul > li > ul > li {
	list-style: disc;
}
li.box_feature {
	margin: 0 0 3rem 0;
	padding: 1px 1px 3px 1px;
  background: -webkit-linear-gradient(left, #79c9b9, #184980);
  background: -o-linear-gradient(left, #79c9b9, #184980);
  background: linear-gradient(to right, #79c9b9, #184980);
	border-left: 1px solid #79c9b9;
    border-right: 1px solid #184980;
	width: 100%;
}
li.box_feature:last-child {
	margin: 0;
}
li.box_feature:nth-child(2) .box_feature_inner .box_feature_txt p {
	margin: 0 0 1rem 0;
}
li.box_feature .box_feature_inner {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 30px;
}
li.box_feature:first-child .box_feature_inner {
	background:#fff url(./img/product_onsei_feature05.png) no-repeat;
	background-position: left bottom;
    background-size: 60%;
}
li.box_feature:nth-child(2) .box_feature_inner {
	background:#fff url(./img/product_onsei_feature06.png) no-repeat;
	background-position: left bottom;
    background-size: 60%;
}
li.box_feature:nth-child(3) .box_feature_inner {
	background:#fff url(./img/product_onsei_feature07.png) no-repeat;
	background-position: left bottom;
    background-size: 60%;
}
li.box_feature:nth-child(4) .box_feature_inner {
	background:#fff url(./img/product_onsei_feature08.png) no-repeat;
	background-position: left bottom;
    background-size: 60%;
}
.box_feature .box_feature_inner .box_feature_txt {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 60%;
}
.box_feature .box_feature_inner .box_feature_img {
	width: 38%;
}
.box_feature .box_feature_inner .box_feature_img .ast_num {
	margin: .5rem 0 0 0;
}
.box_feature .box_feature_inner .box_feature_txt a.quotation_button_b {
	margin-top: 20px;	
}
.box_feature .box_feature_inner .box_feature_txt h4 {
	color: #184980;
	font-size: 160%;
	z-index: 100;	
}
.box_feature .box_feature_inner .box_feature_txt p {
	margin-bottom: 0;
	z-index: 100;	
}
ul.box_step {
	display: flex;
	justify-content: space-between;
}
ul.box_step li {
	position: relative;
	width: 30%;
}
ul.box_step li:after {
	content: '';
    width: 30px;
    height: 30px;
    border: 0px;
    border-top: solid 5px #fff;
    border-right: solid 5px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -4px;
}
ul.box_step li:last-child:after{
	content: none;
}
ul.box_step li .step {
	margin: 0 auto;
	padding: .2rem;
	width: 90%;
	background: #fff;
	text-align: center;
	color: #199a6e;
	font-size: 1.5rem;
    font-weight: bold;
}
ul.box_step li h4 {
	display: flex;
    justify-content: center;
    align-items: center;
	height: 70px;
	margin: 0;
	padding: 1rem;
	background: #fff;
	text-align: center;
	border: 1px solid #199a6e;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
}
ul.box_step li .step_img {
	margin: 0 auto;
	padding: 30px;
    width: 90%;
	background: #fff;
}
ul.box_step li .step_img img {
	margin: 0 auto;
}

#onsei_develop img {
	width: 100%;
}
#onsei_develop .imgbox {
    padding: 2rem;
	border: 2px solid #fff;
	background: #fff;
}

	@media only screen and (max-width: 767px) {
		#topimage_container_onsei {
			min-height: 360px;
			margin: 0 auto;
			padding: 1rem;
			background: url(./img/bg_mv_onsei_sp.png) no-repeat;
			position: relative;
		}
		#topimage_container_onsei .product_text_special {
			margin: 0 0 1rem 0 !important;
		}
		#topimage_container_onsei .main_t {
			font-size: 190% !important;
			line-height: 1.3;
			text-align: center;
		}
		#topimage_container_onsei h2 img {
			margin: 0 auto;
    		display: block;
			width: 80%;
		}
		#topimage_container_onsei .rasiusbox_product {
			display: block;
			margin: 0 auto;
			width: 90%;
    		font-size: 90%;
		}
		#topimage_container_onsei .sub_t {
			margin: 0.5rem 0;
			text-align: center;
			font-size: 120%;
		}
		#onsei #mv_container {
			padding: 2rem 1rem;
		}

		#topimage_container_onsei .product_description {
			margin: 1rem 0;
			font-weight: 600;
			font-size: 100%;
			text-align: center;
		}
		.wrapper_onsei {
			font-size: 100%;
		}
		.block_onsei_con01 > div,
		.block_onsei_con02 > div {
			margin: 0 0 2rem 0;
			width: 100% !important;
		}
		#onsei h3 {
			font-size: 180%;
		}
		/*#onsei h1 {
			margin: 0 0 2rem 0;
		}*/
		.onsei_intro h2 {
			padding: 0 .5rem;
			text-align: left;
			font-size: 140%;
		}
		.txt_onsei_intro {
			font-size: 100%;
		}
		.block_onsei_con01 img {
			width: 70%;
		}
		.box_onsei_con03 img {
			margin: 0 0 1rem 0;
			width: 100% !important;
		}
		.block_onsei_con04 .box_onsei_con04 h4 {
			font-size: 82%;
		}
		.block_onsei_con04 img {
			height: 100%;
		}
		.block_onsei_con05 div p {
			margin: 1rem auto;
			width: 100% !important;
		}
		.block_onsei_con05 div img {
			margin: 0 auto 1rem;
			width: 50% !important;
		}
		.block_onsei_con06 h4 {
			text-align: center;
		}
		.block_onsei_con06 {
			padding: 1rem;
		}
		.block_onsei_con07 div {
			width: 100% !important;
		}
		#onsei .breadcrumbs {
			margin: 0 auto 2rem;
			padding: 0 .5rem;
		}
		.block_onsei_mv {
			display: block;
		}
		.block_onsei_mv:after {
			clear: both;
			content: "";
		}
		.box_onsei_mv_parts {
			justify-content: space-around;
			width: 100%;
		}
		#onsei #mv_container {
    		height: auto;
			padding: 1rem;
		}
		#onsei #mv_container:after {
			clear: both;
			content: "";
		}
		#onsei ul {
			justify-content: center;
		}
		
		.box_onsei_mv > img {
			width: 90%;
		}
		.mv_iphone {
			margin: 0 auto;
			width: 40%;
		}
		.box_onsei_mv {
    		justify-content: center;
			margin: 0;
			width: 56%;
		}
		.box_onsei_app {
			flex-direction: column;
		}
		.product_text_special {
			width: 100% !important;
			position: unset;
			/*top: 0;
			left: 0;
			z-index: 9995;
			float: none;*/
		}
		.product_image_special {
			width: 100% !important;
			position: unset;
			/*bottom: 0;
			right: 0;
			z-index: 9994;
			float: none;*/
		}
		.box_feature .box_feature_inner .box_feature_txt a.quotation_button_b {
			width: 100%;
		}
}/*767*/
	@media screen and (min-width:620px) and ( max-width:767px) {
		#topimage_container_onsei h2 img {
			width: 60%;
		}
		.mv_iphone {
			margin: 0 auto;
			width: 30%;
		}
}
	@media only screen and (max-width: 768px) {
		#topimage_container_onsei .product_text_special {
			margin: 0 2rem 0 0;
		}
		#topimage_container_onsei .main_t {
    		font-size: 190%;
		}
		#onsei .product_text_special {
			margin: 0 auto 2rem;
		}
		.block_onsei_con01 > div, .block_onsei_con02 > div {
			margin: 0 auto 2rem;
			width: 50%;
		}
		.health h3 {
			font-size: 130%;
		}
		.block_onsei_con01, .block_onsei_con02 {
			display: block;
			margin: 0 0 3rem 0;
		}
		.box_onsei_con03 {
			display: block;
		}
		.box_onsei_con03 img {
			margin: 0 auto 1rem;
			width: 50%;
		}
		.block_onsei_con04 {
			display: block;
		}
		
		.block_onsei_con04 img {
			margin: 0 auto 1rem;
		}

		.block_onsei_con05 {
			display: block;
			margin: 0 0 3rem 0;
		}
		.block_onsei_con05 div {
			margin: 0 0 2rem 0;
			width: 100%;
		}
		.block_onsei_con05 div img {
			margin: 0 auto 1rem;
			width: 30%;
		}
		.block_onsei_con06 {
			display: block;
		}
		.block_onsei_con06 h4 {
			font-size: 1.6rem;
		}
		.block_onsei_con06 img {
			margin: 1rem auto ;
		}
		.block_onsei_con07 {
			display: block;
			margin: 0 0 3rem 0;
		}
		.block_onsei_con07 div {
    		margin: 0 auto 2rem;
    		width: 60%;
		}
		#onsei #mv_container {
			margin: 0 auto 2rem;
			padding: 2rem 1rem;
		}

		.box_onsei_app ul li {
			margin: 0 0 1rem 0;
		}
		.block_onsei_con05 div p {
			margin: 1rem auto;
			width: 80%;
		}
		.box_onsei_mv_parts img.mv_iphone {
			width: 40%;
		}
		#onsei .reliability h3 {
			text-align: left;
		}
		#onsei .box_decline02 > ul {
			flex-direction: column-reverse;
		}
		#onsei .box_decline02 > ul > li:first-child {
			width: 25%;
			margin: 0 auto;
		}
		#onsei .box_decline02 > ul > li:last-child {
    		width: 100%;
		}
		#onsei .box_decline02 > ul > li:last-child:before {
			content: none;
			bottom: -11%;
			left: 45%;
			margin-left: -103px;
			border-top: 22px solid #FFF;
			border-right:none;
		}
		#onsei .box_decline02 > ul > li:last-child:after {
			content: none;
			bottom: -13%;
			left: 45%;
			margin-left: -105px;
			border: 26px solid transparent;
			border-top: 26px solid #c00000;
			border-right: none;
		}
		#onsei ul {
			flex-direction: column;
		}
		.onsei_intro_img img {
			padding: 0 10px;
		}
		.onsei_intro p {
			font-size: 120%;
			padding: 0 10px;
			text-align: left;
		}
		.onsei_intro {
			padding-bottom: 0;
		}
		.flex_container_box3cell {
			width: 100%;
		}
		.flex_container_box3cell img {
			width: 49%;
			height: 49%;
		}
		.box_feature .box_feature_inner .box_feature_txt h4 {
    		font-size: 140%;
		}
		li.box_feature:first-child .box_feature_inner,
		li.box_feature:nth-child(2) .box_feature_inner,
		li.box_feature:nth-child(3) .box_feature_inner,
		li.box_feature:last-child .box_feature_inner {
			background-position: center bottom;
			background-size: 100%;
		}
		li.box_feature .box_feature_inner {
			display: block;
			padding: 1rem;
		}
		li.box_feature .box_feature_inner img {
			margin: 0 auto 1rem;
		}
		.box_feature .box_feature_inner .box_feature_txt {
			width: 100%;
		}
		.box_feature .box_feature_inner .box_feature_txt:after {
    		font-size: 500%;
		}
		ul.box_step {
			flex-direction: column;
		}
		ul.box_step li {
			width: 100%;
			margin-bottom: 5rem;
		}
		ul.box_step li:last-child {		
			margin-bottom: 0;
		}
		ul.box_step li:after {
			left: 45%;
    		top: 102%;
    		transform: rotate(135deg);
		}
		.product_text_special {
			position: unset;
			width: 50%;
		}

		.product_image_special {
			position: unset;
			width: 45%;
		}
	}/*768*/
	@media screen and (min-width:768px) and ( max-width:871px) {
		.product_text_special {
			margin: 0 0 1rem 0;
		}
		.block_onsei_mv {
			display:block;
		}
		.mv_iphone {
    		margin: 0 auto;
			width: 25%;
		}
		#topimage_container_onsei .product_description {
			margin: 1rem 0 0 0;
    		
			text-align: center;
		}
		#topimage_container_onsei .rasiusbox_product {
			display: block;
			margin: 0 auto;
			width: 90%;
			font-size: 90%;
		}
		#topimage_container_onsei .main_t {
			font-size: 280%;
			text-align: center;
		}
		#topimage_container_onsei .sub_t {
			margin: 0.5rem 0;
			text-align: center;
			font-size: 120%;
		}
		#topimage_container_onsei h2 img {
			margin: 0 auto;
			display: block;
			width: 60%;
		}
	}
	@media only screen and (max-width: 959px) {
		.block_onsei_con06 {
			display:block;
		}
		.block_onsei_con06 img {
			margin: 1rem auto;
		}
		.block_onsei_con01 img {
			margin: 0 auto 1rem;
		}
}
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		#navigation_container {
		    padding: 0 1rem;
		}
		.lowlevel_container {
			padding: 0 1rem;
		}
		#onsei #mv_container {
			margin: 0 auto 7rem;
			height: 310px;
		}
		.box_onsei_mv_parts {
			width: 54%;
		}
		.box_onsei_mv {
			width: 56%;
		}
		/*#onsei h1 {
			width: 45%;
		}*/
		.box_onsei_app ul li {
			margin: 0 auto .5rem;
		}

		.product_image_special {
			position: unset;
			width: 47%;
		}
		.box_feature .box_feature_inner .box_feature_txt h4 {
			text-align: center;
		}
		.box_feature .box_feature_inner .box_feature_txt a {
			margin: 0 auto;
		}
		ul.box_step li:after {
    		right: 44% ;
		}
		.general_container, .footer_container, .lowlevel_container, .lowlevel_container960 {
			/*width: 92%;*/
		}
	}/*ipad*/
		@media only screen and (min-width: 1024px) {
		ul.box_step li:after {
    		right: -62px;
		}
		#onsei .flex_container_box3cell img {
			width: 32%;
		}
		#onsei #mv_container {
			height: 380px;
		}
}/*iPad Pro*/
/*===========================================================
MENKYO
===========================================================*/
#menkyo .product_description {
    font-size: 133%;
}

#menkyo img {
    margin: 0 auto;
}
#menkyo .imgbox {
	margin: 3rem auto 0;
	background: #fff;
}
#menkyo .button_area {
	text-align: center;
}
#menkyo .quotation_button {
	width: 370px;
}
#menkyo .menkyo_history .imgbox {
	position: relative;
}
#menkyo .menkyo_history .button_area {
	position: absolute;
    right: 10px;
    top: 105px;
}
#menkyo .menkyo_history .quotation_button {
    width: 190px;
	font-size: 40%;
}
/*#menkyo .menkyo_intro .imgbox:before {
	background-color: #fff;
	color: #333;
	content: "「紙方式」から「タブレット方式」へ";
	font-weight: bold;
	left: 30px;
	margin: 0 auto;
	padding: 3px 10px;
	position: absolute;
	top: -24px;
	font-size: 1.3rem;
}*/

/*bk*/
.menkyo_intro ul,
.menkyo_change ul,
.menkyo_monitor ul {
	padding: 1rem;
	background: #f2f2f2;
}
.block_menkyo_tablet {
	position: relative;
	margin: 3rem 0 0 0;
	padding: 2rem 0;
	background: #f2f2f2;
	text-align: center;
	
}
.block_menkyo_tablet:after {
	position: absolute;
	left: 45%;
	bottom: -40px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #f2f2f2 transparent transparent transparent;
	content: "";
}
.block_menkyo_tablet ul {
	display: flex;
	justify-content: space-around;
}
.block_menkyo_tablet ul li {
	display: flex;
    flex-direction: column;
    align-items: center;
	font-weight: bold;
}
.block_menkyo_tablet ul li img {
	width: 140px;
}
.txt_menkyo_tablet {
	margin: 3rem 0;
	text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
	color: #184980;
    
}
#menkyo .block_facility {
	padding: 0.5rem 2rem 2rem;
	background: #fff;
}
#menkyo .menkyo_facility h4 {
	position: relative;
    background-color: #fff;
	margin: 0 0 2rem 0;
    padding: 20px 0;
    font-size: 1.375rem;
    font-weight: 800;
    text-align: center;
    list-style: none;
	border-bottom: 1px solid #ddd;
}

#menkyo li {
	padding: 0 0 40px 0;
}
#menkyo li .facility {
	display: flex;
    gap: 40px;
}
#menkyo li .facility .branch {
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    padding-left: 23px;
    width: 260px;
}
#menkyo li .facility .branch::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: 6px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #199a6e;
}
#menkyo li .facility .ad {
	line-height: 1.8;
}
#menkyo .facility_inquiry {
	padding: 1rem;
	border: 1px solid #199a6e ;
}
#menkyo .facility_inquiry h5 {
	margin: 0;
	font-size: 1.1rem;
}
@media only screen and (max-width: 767px) {
	.block_menkyo_tablet ul {
		 display: block;
	}
	.block_menkyo_tablet:after {
    	left: 36%;
		content: "";
	}
	#menkyo .imgbox {
		margin: 1rem auto 0;
	}
	#menkyo .button_area {
    	width: 100%;
	}
	#menkyo li .facility {
		display: block;
	}
}/*767*/
@media only screen and (max-width: 768px) {
	#menkyo .menkyo_history .button_area {
		position: absolute;
		right: 20px;
		top: 85px;
	}
	#menkyo .menkyo_history .quotation_button {
		width: 150px;
		font-size: 40%;
	}
}/*768*/
/*bk*/
/*===========================================================
MENKYO タブレット式認知機能検査が受けられる施設
===========================================================*/
#menkyo #menkyo-facility .text {
    text-align: center;
    font-weight: 600;
    font-size: 1.375rem;
    margin-bottom: 50px;
}
#menkyo #menkyo-facility .box_facilities {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#menkyo #menkyo-facility .region {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 30px;
}
#menkyo #menkyo-facility .region>summary {
    position: relative;
    background-color: #fff;
    padding: 20px 0;
    font-size: 1.375rem;
    font-weight: 800;
    cursor: pointer;
    text-align: center;
    list-style: none;
}
#menkyo #menkyo-facility .region>summary::-webkit-details-marker {
    display: none;
}
#menkyo #menkyo-facility .region>summary::after {
    display: block;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url('../img/icon-open-blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#menkyo #menkyo-facility .region.is-opened>summary::after {
    height: 6px;
    background-image: url('../img/icon-close-blue.png');
}
@keyframes fadeIn {
    0% {
        opacity: 0.5;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
#menkyo #menkyo-facility .prefecture {
    border-top: 1px solid #ddd;
}
#menkyo #menkyo-facility .prefecture>summary {
    position: relative;
    font-size: 1.375rem;
    font-weight: 600;
    padding: 20px 0;
    cursor: pointer;
    list-style: none;
}
#menkyo #menkyo-facility .prefecture>summary::-webkit-details-marker {
    display: none;
}
#menkyo #menkyo-facility .prefecture>summary::after {
    display: block;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url('../img/icon-open-black.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#menkyo #menkyo-facility .prefecture.is-opened>summary::after {
    background-image: url('../img/icon-close-black.png');
    height: 2.5px;
}
#menkyo #menkyo-facility .prefecture ul li {
    padding-bottom: 40px;
}
#menkyo #menkyo-facility .prefecture ul li:first-child {
    padding-top: 0;
}
#menkyo #menkyo-facility .prefecture ul li:last-child {
    border-bottom: none;
}
#menkyo #menkyo-facility .shisetu {
    display: flex;
    gap: 40px;
}
#menkyo #menkyo-facility .shisetu_name {
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    padding-left: 23px;
    width: 260px;
}
#menkyo #menkyo-facility .shisetu_name::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: 6px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #0C4476;
}
#menkyo #menkyo-facility .shisetu_info {
    line-height: 1.8;
}
#menkyo #menkyo-facility .shisetu_info a {
    line-break: anywhere;
    text-decoration: none;
    color: #0054C5;
    cursor: pointer;
}
#menkyo #menkyo-facility .shisetu_info a:hover {
    opacity: 0.4;
}
@media screen and (max-width: 768px) {
    #menkyo #menkyo-facility .region {
        padding: 0 20px;
    }
    #menkyo #menkyo-facility .prefecture>summary {
        font-size: 1.25rem;
    }
    #menkyo #menkyo-facility .text {
        font-size: 1.125rem;
        margin-bottom: 30px;
    }
    #menkyo #menkyo-facility .shisetu {
        flex-direction: column;
        gap: 5px;
    }
    #menkyo #menkyo-facility .shisetu_name {
        width: 100%;
    }
}
/*===========================================================
BRAINVIEW
===========================================================*/
.product_text_special .button_area {
    margin: 1rem 0 0 0;
}
#topimage_container_brain {
    width: 100%;
    margin: 0 auto 48px;
    padding: 2rem 0;
    background-color: #80D0C7;
    color: #FFFFFF;
    position: relative;
}
#brainview .product_image_special {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.block_brainview_mv {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1080px;
    margin: 0 auto;
}
.box_brainview_mv_parts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 39%;
}
#brainview h2:after,
#brainview h2:before {
	content: none;
}
.brainview_intro p {
    font-size: 160%;
    font-weight: normal;
    text-align: left;
    color: #333;  
}
.brainview_intro .ast {
	display: block;
    margin: 0 0 1rem 0;
}
#brainview .brainview_intro ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#brainview .brainview_intro ul li {
	width: 24%;
	padding: 1rem;
	background: #d9eef7;
}
#brainview .brainview_intro ul li img {
	margin: 0 auto 2rem;
}
#brainview .box_brainview img {
	float: right;
    margin: 0 0 0 1rem;
	width: 335px;
}
#brainview .functions .box_brainview div:first-child {
	margin: 0 0 3rem 0;
}
#brainview .brainview_diagram .imgbox:before {
    background-color: #fff;
    color: #333;
    content: "構成図";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
    font-size: 1.5rem;
}
#brainview table {
	width: 100%;
	margin: 0 0 4rem 0;
}
@media only screen and (max-width: 767px) {
	#topimage_container_brain {
		height: auto;
		min-height: 240px;
		margin: 0 auto 48px;
		padding: 10px;
	}
	.box_brainview_mv_parts {
		justify-content: space-around;
		width: 100%;
	}
	#brainview h3 {
		padding: 0;
		font-size: 140%;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: 0.01em;
	}
	#brainview .product_text_special .button_area {
		margin: 1rem auto;
	}
	#brainview #top_title_container,
	#brainview #kenshin_title_container {
		height: auto;
		padding: 1rem;
	}
	.mv_brainview_ipad {
		width: 100%;
	}
	#brainview .brainview_intro ul {
    	display: block;
	}
	#brainview .brainview_intro ul li {
		width: 100%;
	}
	#brainview .brainview_intro ul li img {
		margin: 0 auto 1rem;
		width: 50%;
	}
	#brainview .box_brainview_kenshin_mv_parts {
		width: 100%;
	}
	#brainview table {
		margin: 0 0 2rem 0;
	}
	#brainview #top_title_container,
	#brainview #kenshin_title_container {
		margin: 0 auto 0rem;
		padding: 2rem 1rem;
	}
	#brainview #top_title_container,
	#brainview #kenshin_title_container {
		height: auto;
	}
	.block_brainview_mv {
    	max-width: 100%;
	}
	#brainview h2 {
    	font-size: 1.8rem;
	}
	#brainview .box_brainview img {
		float: none;
		margin: 0 auto 1rem;
	}
	.brainview_intro p {
    	font-size: 140%;
	}
}/*767*/
@media only screen and (min-width: 1024px) {

}/*1024*/
/*===========================================================
POPUP
===========================================================*/
.overlay{
	display:none;
	width:100%;
	height:120%;
	background: #fff;
	position:fixed;
	z-index:1;
}
.btn_area{
	margin: 120px auto 200px auto;
	padding: 30px;
	width: 600px;
	height:auto;
	position:absolute;
	top: 0;
	left: 35%;
	background-color:#EBEBEB;
	z-index: 2;
}
.btn_area p{
	padding: 0;
	margin: 0 0 2rem;
}
.btn_area button {
	display:block;
	margin:0 auto;
}
.btn_area button:hover,
.overlay .btn_area ul li a {
	opacity: 0.7;
}
.txt_overlay {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.overlay .btn_area ul {
	display: flex;
	justify-content: space-around;
}
.overlay .btn_area ul li a {
	width: 224px;
	height: auto;
	padding: 17px 0 15px;
	outline: none;
	border: none;
	text-decoration: none;
	text-align: center;
	font-weight: 600;
	font-size: 100%;
	line-height: 1;
	color: #005BAC;
	background-color: #FFFFFF;
	display: inline-block;
	font-family: inherit;
	position: relative;
}
	@media only screen and (max-width: 768px) {
		.btn_area {
    		width: 100%;
			top: 2%;
			left: 0;
		}
		.overlay .btn_area button {
			width: 140px;
		}
		.overlay .btn_area ul li a {
    		width: 140px;
		}
		.overlay .btn_area ul {
			justify-content: space-between;
		}
	}/*768*/
	@media only screen and (min-width: 768px) {
		.btn_area {
			width: 80%;
			top: 20%;
			left: 12%;
		}
		.overlay .btn_area ul {
			justify-content: space-around;
		}
		.overlay .btn_area button {
			width: 224px;
		}
		.overlay .btn_area ul li a {
			width: 224px;
		}
	}/*768*/
/*===========================================================
検査医療機関：medical
===========================================================*/
.indexpref {
	margin-right: 24px;
}
.nts2 {
	width: 100%;
}
.nts2 .lastd a {
	pointer-events: none;
	text-decoration: none;
}
.indexpref a,
.indexpref a:hover {
	color: #184980;
}

	@media only screen and (max-width: 768px) {
		.area_name br {
			display: auto;
			text-decoration: underline;
		}
		.nts2 .lastd a {
			pointer-events:auto;
		}
	}/*768*/

/*===========================================================
認知症・MCIを知る：mci-knowledge
===========================================================*/

.bg_about_knowledge {
	background: url(./img/mission_bg.png) repeat;
    padding: 2rem 0;
	margin: 0 0 3rem 0;
}
.img_about_knowledge img {
	margin: 2rem auto 1rem;
}
.img_about_knowledge span,
.bg_type_knowledge span {
	display: block;
	text-align: center;
}
.block_type_knowledge {
	margin: 0 0 3rem 0;
	padding: 2rem;
	background: #d9eef7;
}
.box_type_knowledge {
	margin: 0 0 3rem 0;
}
.block_type_knowledge ul li {
	margin: 0 0 1.5rem 0;
	list-style: disc;
}
.block_type_knowledge ul li:last-child {
	margin: 0;
}
.box_type_knowledge img,
.box_symptoms_knowledge img,
.box_mci_knowledge img {
	float: right;
	width: 40%;
	margin: 0 0 0 1rem;
}
.bg_type_knowledge {
	background: url(./img/mission_bg.png) repeat;
    padding: 2rem 0;
}
.bg_type_knowledge img {

	display: block;
	margin: 0 auto 1rem;
	width: 50%;
}
.bg_symptoms_knowledge {
	background: url(./img/mission_bg.png) repeat;
    padding: 2rem 0;
	
}
.bg_symptoms_knowledge img {
	display: block;
	margin: 0 auto;
}
.mci_knowledge ul {
	padding: 0 0 0 1rem;
}
.mci_knowledge ul li {
	list-style: disc;
}
.knowledge_contents {
	margin: 0 0 3rem 0;
}
@media only screen and (max-width: 768px) {
	.box_type_knowledge img,
	.box_symptoms_knowledge img,
	.box_mci_knowledge img {
		width: 100%;
		float: none;
		margin: 0 0 1rem 0;
	}
	.bg_type_knowledge img {
		widows: 100%;
	}
	.img_about_knowledge span, .bg_type_knowledge span {
		text-align: left;
	}
	.block_type_knowledge {
		padding: 1rem;
	}
	.block_type_knowledge ul {
		padding: 0 0 0 1rem;
	}
	.bg_type_knowledge {
		padding: 1rem;
	}
	.bg_about_knowledge {
    	padding: 1rem 0;
	}
}/*** Media Queries ***/

/*===========================================================
認知症・MCIを予防する：mci-prevention
===========================================================*/
.column_layer h2 {
	margin: 0 0 2rem 0;
	font-size: 2.2rem;
}
.bg_happen_prevention,
.bg_early_flow {
	background: url(./img/mission_bg.png) repeat;
    padding: 2rem 0;
	margin: 0 0 3rem 0;
}
.early_why,
.early_merit {
	margin: 0 0 3rem 0;
}
.bg_happen_prevention img,
.early_why img {
	margin: 0 auto;
}
.early_merit ul {
	display: flex;
	flex-direction: column;
}
.early_merit ul li {
	display: flex;
	align-items: center;
	margin: 0 0 1rem 0;
	background: #f9f9f9;
}
.early_merit ul li span {
	display: flex;
	align-content: center;
	justify-content: center;
	margin: 0 1rem 0 0;
	padding: 1rem 2rem;
	background: #184980;
	color: #fff;
	font-size: 1.8rem;
    font-weight: bold;
}
.early_how img {
	float: right;
	margin: 0 0 0 1rem;
}
.bg_early_flow ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 2rem 0;
}
.bg_early_flow ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 49%;
	margin: 0 0 1rem 0;
	padding: 1rem;
	background: #d9eef7;
}
.bg_early_flow ul li img {
	width: 28.5%;
}
.bg_early_flow ul li:before {
	position: absolute;
    color: #fff;
    font-size: 15rem;
    font-weight: bold;
}
.bg_early_flow ul li:nth-child(1):before {
	content: "1";
    bottom: -134px;
    right: -17px;
}
.bg_early_flow ul li:nth-child(2):before {
	content: "2";
    bottom: -134px;
    right: -17px;
}
.bg_early_flow ul li:nth-child(3):before {
	content: "3";
    bottom: -134px;
    right: -17px;
}
.bg_early_flow ul li:nth-child(4):before {
	content: "4";
    bottom: -134px;
    right: -17px;
}
.bg_early_flow ul li h5 {
	width: 60%;
    padding: .5rem;
    background: #184980;
    color: #fff;
	text-align: center;
	z-index: 999;
}
.bg_early_flow ul li p {
	z-index: 999;
}
ul.list_habit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 3rem 0;
}
ul.list_habit li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 32%;
	background: #d6f2ee;
	padding: 1rem;
}
ul.list_habit li h5,
ul.list_activation li h5 {
	width: 100%;
	padding: .5rem;
	background: #00a68d;
	color: #fff;
	text-align: center;
}
ul.list_habit li img {
	width: 45%;
}
.mb_content {
	margin: 0 0 3rem 0;
}
ul.list_activation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 3rem 0;
}
ul.list_activation li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24%;
    background: #d6f2ee;
    padding: 1rem;
}
ul.list_activation li img {
	width: 62%;
}
.column_pager ul {
	display: flex;
    justify-content: space-between;
	position: relative;
}

@media only screen and (max-width: 768px) {
	.column_layer h2 {
		font-size: 1.6rem;
	}
	.early_how img {
		margin: 0 0 1rem 0;
	}
	.bg_early_flow ul li {
		display: flex;
		width: 100%;
	}
	.bg_early_flow ul li h5 {
    	width: 100%;
	}
	ul.list_habit li {
   		width: 100%;
		margin: 0 0 2rem 0;
	}
	ul.list_habit li:last-child {
		margin: 0;
	}
	ul.list_activation li {
		width: 100%;
		margin: 0 0 2rem 0;
	}
	ul.list_activation li:last-child {
		margin: 0;
	}
	ul.list_activation li img {
		width: 45%;
	}
	.bg_early_flow ul li img {
		width: 45%;
	}
}/*768*/
/*===========================================================
column
===========================================================*/
.column_archive ul li a {
	display: flex;
	align-items: center;
	padding: 2rem 1rem;
    position: relative;
    border-bottom: 1px solid #e1e8ed;
	text-decoration: none;
}
.column_archive ul li a:after {
    margin-top: -8px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 8px;
    color: #184980;
}
.column_archive ul li a h3 {
	color: #333;
	font-size: 1.2rem;
}
.column_archive ul li img {
	margin: 0 2rem 0 0;
}
.prof_nozomi .lowlevel_container {
	display: flex;
    justify-content: flex-end;
}
.bg_prof_nozomi {
	display: flex;
    align-items: center;
    justify-content: space-between;
	width: 38%;
    padding: 1rem;
    background: #f9f9f9;
    font-size: .88rem;
}
.bg_prof_nozomi span {
	font-weight: bold;
}
.bg_prof_nozomi p {
	margin: .5rem 0;
}
.bg_column {
    padding: 1.7rem 2rem;
    background: #d9eef7;
	font-weight: bold;
}
.bg_column table {
	line-height: 2;
}
.bg_column table td {
	padding: .3rem 0;
	background: none;
    border-bottom: none;
}
.bg_column table td.column_name {
	width: 10%;
}
.box_column img {
	float: right;
	margin: 0 0 0 1rem;
}
.block_column {
	display: flex;
	flex-direction: row-reverse;
}
.block_column img {
	margin: 0 0 0 1rem;
}
.img_column03 {
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.column_archive ul li a {
    	flex-direction: column;
	}
	.box_column img {
    	float: none;
    	margin: 0 auto;
	}
	.bg_column table tr {
	    display: flex;
    	flex-direction: column;
	}
	.bg_column table td.column_name {
		width: 100%;
		background: #fff;
    	text-align: center;
	}
	.bg_column {
    	padding: 1rem;
	}
}/*767*/
@media only screen and (max-width: 768px) {
	.column_archive ul li img {
		margin: 0 0 1rem 0 ;
	}
	.bg_prof_nozomi {
		flex-direction: column;
    	width: 100%;
	}
	.bg_prof_nozomi img {
		margin: 0 0 1rem 0;
	}
}/*768*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.bg_prof_nozomi {
		width: 41%;
	}
}/*1024*/
/*===========================================================
IT導入補助
===========================================================*/
/*MV*/
#subsidy #top_title_container {
	padding: 0 1rem;
	background: #5fa0c8 url("./img/img_subsidy_mv.png") no-repeat;
	background-position: top right;
	height: 340px;
}
#subsidy #top_title_container .block_top_title_container {
	width: 1080px;
	margin: 0 auto;
}
#subsidy #top_title_container .block_top_title_container h1 {
	font-size: 2.5rem;
    line-height: 1.4;
}
#subsidy #top_title_container .block_top_title_container h1 span {
	color: #edea18;
}

#subsidy #top_title_container .block_top_title_container .button_area {
	margin: 2rem 0 0 0;
}
#subsidy h3 {
	margin: 0 0 1rem 0;
}
/*Intro*/
#subsidy .intro_subsidy {
	padding: 2rem 0;
	background: #f3f3f3;
}
#subsidy .intro_subsidy h2 {
	margin: 0 0 1rem 0;
	border: none;
	font-size: 1.5rem;
	color: #ef8122 !important;
	text-align: center;
}
#subsidy .intro_subsidy p {
	text-align: center;
}
#subsidy .intro_subsidy .button_area {
	margin-bottom: 0;
}

/*About*/
#subsidy .about_subsidy img {
	float: right;
    margin: 0 0 0 1rem;
}
/*SHINRI Series*/

#subsidy .series_subsidy .ttl_series_subsidy {
	width: 1080px;
	margin: 0 auto;
}
#subsidy .series_subsidy .ttl_series_subsidy h2 {
	border-color: #fff;
	color: #fff !important;
}
#subsidy .series_subsidy .ttl_series_subsidy .h2_subttl {
	color: #fff;
}
#subsidy .series_subsidy {
	padding: 3rem 0;
	background: #5fa0c8;
}
#subsidy .series_subsidy .lowlevel_container {
	padding: 2rem;
	background: #fff;
}
#subsidy .series_subsidy .box_series_subsidy {
    margin: 0 0 2rem 0;
}
#subsidy .series_subsidy .box_series_subsidy ol {
    padding: 0 0 0 1.2rem;
}
#subsidy .series_subsidy .box_series_subsidy img {
	float: right;
    margin: 0 0 2rem 1rem;
}
#subsidy .series_subsidy .lowlevel_container .imgbox {
	margin: 0 auto 5rem;
}
#subsidy .series_subsidy .lowlevel_container .imgbox:before {
    background-color: #fff;
    color: #333;
    content: "";
    font-weight: bold;
    left: 30px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
    font-size: 1.5rem;
}
#subsidy .series_subsidy .lowlevel_container ul.list_feature_series_subsidy {
	display: flex;
	justify-content: space-between;
	margin: 0 0 4rem 0;
}
#subsidy .series_subsidy .lowlevel_container ul.list_feature_series_subsidy > li {
	width: 32%;
	padding: 1rem;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ededed), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ededed),color-stop(.75, #ededed), color-stop(.75, transparent),to(transparent));
	background-size: 7px 7px;
	
}
#subsidy .series_subsidy .lowlevel_container ul.list_feature_series_subsidy > li img {
	margin: 0 auto 1rem;
}
#subsidy .series_subsidy .lowlevel_container ul.list_feature_series_subsidy span {
	color:#c00000;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy {
	display: flex;
	justify-content: space-between;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li {
	width: 49%;	
	padding: 1rem;
	border: 2px solid #184980;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li:last-child img {
	margin: 0 auto 1rem;
    width: 90%;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li:last-child p {
	margin: 0;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li h4 {
	padding: 0 0 0.5rem 0;
	text-align: center;
    border-bottom: 2px solid #184980;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li ul.list_inner_step_series_subsidy li {
	position: relative;
    margin: 0 0 4.5rem 0;
	padding: .5rem;
	background: #efa93b;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li ul.list_inner_step_series_subsidy li:last-child {
    margin: 0;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li ul.list_inner_step_series_subsidy li:after {
	content: "";
	position: absolute;
	left: 45%;
	left: 46%;
    bottom: -47px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #131313 transparent transparent transparent;
}
#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li ul.list_inner_step_series_subsidy li:last-child:after {
	content: none;	
}
#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy {
	display: flex;
	justify-content: space-between;
	margin: 0 0 3rem 0;
}
#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy h4 {
	width: 70%;
	margin: -1.8rem auto 1.5rem;
	padding: .5rem;
	background: #184980;
    color: #fff;
    text-align: center; 
}
#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy > li {
	width: 49%;	
	padding: 1rem;
	background: #f3f3f3;
}
#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy > li h5 {
	margin: 0 0 .5rem 0;
	padding: .5rem;
	background: #c00000;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy  img {
	margin: 0 auto 1rem;
}
#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy > li > ul {
	display: flex;
	justify-content: space-between;
}
#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy > li > ul > li {
	display: flex;
    justify-content: space-between;
    flex-direction: column;
	width: 49%;
}
#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy > li:last-child img {
    width: 55%;  
}


/*Outro*/
#subsidy .outro_subsidy {
	margin: 5rem 0 0 0;
	padding: 2rem 0;
	background: #f3f3f3;
}
#subsidy .outro_subsidy h3 {
	display: block;
	margin: 0 auto;
	border: none;
	font-size: 1.5rem;
	color: #ef8122 !important;
	text-align: center;
}
#subsidy .outro_subsidy h3:before {
	content: none;
}
#subsidy ul.list_outro_subsidy {
	display: flex;
	justify-content: space-between;
	width: 600px;
    margin: 0 auto;
}
#subsidy ul.list_outro_subsidy .button_area {
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	#subsidy #top_title_container .block_top_title_container {
    	width: 100%;
		
	}
	#subsidy #top_title_container {
		background: #5fa0c8 url(./img/img_subsidy_mv_sp.png) no-repeat;
		background-position: top center;
		background-size: cover !important;
    	height: 280px;
	}
	#subsidy #top_title_container .block_top_title_container h1 {
    	font-size: 1.5rem;
	}
	#subsidy #top_title_container .block_top_title_container p {
    	font-size: 1rem;
	}
	#subsidy #top_title_container .block_top_title_container .button_area {
		margin: 2rem auto 0;
	}
	#subsidy ul.list_intro_subsidy {
		display: block;
		width: 100%;
	}
	#subsidy .about_subsidy img {
		float: none;
		margin: 0 0 1rem 0;
	}
	#subsidy .series_subsidy {
    	padding: 1rem 0;
	}
	#subsidy .series_subsidy .lowlevel_container {
		width: auto;
		margin: 0 1rem;
		padding: 1rem;
	}
	#subsidy .series_subsidy .ttl_series_subsidy {
		width: 100%;
		padding: 0 1rem;
	}
	#subsidy .series_subsidy .lowlevel_container ul.list_feature_series_subsidy > li img {
		width: 50%;
	}
	#subsidy .series_subsidy .box_series_subsidy img {
		float: none;
		margin: 0 0 1em;
	}
	#subsidy .series_subsidy .lowlevel_container .imgbox {
		margin: 2rem auto 5rem;
	}
	#subsidy .series_subsidy .lowlevel_container ul.list_feature_series_subsidy {
		display: block;
	}
	#subsidy .series_subsidy .lowlevel_container ul.list_feature_series_subsidy > li {
    	width: 100%;
		margin: 0 0 2rem 0;
	}
	#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy {
		display: block;
	}
	#subsidy .series_subsidy .lowlevel_container ul.list_step_series_subsidy > li {
		width: 100%;
		margin: 0 0 2rem 0;
	}
	#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy {
		display: block;
	}
	#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy > li {
    	width: 100%;
		margin: 0 0 2rem 0;
	}
	#subsidy .series_subsidy .lowlevel_container ul.list_adas_series_subsidy > li:last-child {
		margin: 0 0 0rem 0;
	}
	.equipment_subsidy p {
		text-align: left;
	}
	#subsidy ul.list_outro_subsidy {
		display: block;
		width: 100%;
	}
}/*767*/
@media only screen and (max-width: 768px) {
	#subsidy #top_title_container .block_top_title_container {
		width: 100%;
	}
	#subsidy .series_subsidy .ttl_series_subsidy {
		padding: 0 1rem;
	}
	#subsidy .series_subsidy .lowlevel_container {
		max-width: fit-content;
		margin: 0 1rem;
	}
	#subsidy .series_subsidy {
    	padding: 1rem 0;
	}
	#subsidy .about_subsidy img {
		float: none;
		margin: 0 auto 1rem;
	}
	
}/*768*/
@media only screen and (max-width: 1024px) {
	#subsidy #top_title_container {
		background: #5fa0c8 url(./img/img_subsidy_mv_sp.png) no-repeat;
		background-position: right top;
	}
	#subsidy #top_title_container .block_top_title_container {
		width: 100%;
	}
	#subsidy .series_subsidy .lowlevel_container {
    	max-width: fit-content;
		padding: 0 2rem 2rem 2rem;
	}
	#subsidy .series_subsidy .ttl_series_subsidy {
    	width: 90%;
	}	
}/*1024*/
/****************************************

        MOGI共通

*****************************************/
#mogi.health h3 {
    font-size: 3.125rem;
    color: #0C4476;
    margin-top: 0;
    margin-bottom: 60px;
    padding-bottom: 0;
}
#mogi.health h3.mb-s {
    margin-bottom: 20px;
}
#mogi.health h3 span {
    color: #199a6e;
}
#mogi #about p,
#mogi #whatcando p,
#mogi #to_experience p,
#mogi #facilities p,
#mogi #faq
 {
    font-size: 1.125rem;
    line-height: 1.7;
    margin: 0;
    text-align:justify;
}
#mogi.product section {
    margin-top: 0;
    padding-top: 110px;
    padding-bottom: 110px;
}
/* #mogi.product section:has(.bg) {
    padding-top: 0;
    padding-bottom: 0;
} */
#mogi.product section .bg {
    margin-top: -110px; /* sectionのパディングを打ち消す */
    margin-bottom: -110px; /* sectionのパディングを打ち消す */
}
#mogi section {
    margin-bottom: 0;
}
#mogi section .bg {
    background-color: #fdf7f0;
    padding-top: 110px;
    padding-bottom: 110px;
}
#mogi .sp_only {
    display: none;
}
#mogi .tab_only {
    display: none;
}
#mogi .accordion__content {
    overflow: hidden;
}
#mogi .round {
    border-radius: 10px;
}
#mogi .video {
	margin: 2rem 0 0 0;
  	text-align: center;
}
#mogi .video video {
	width: 60%;
}
@media screen and (max-width: 768px) {
    #mogi .lowlevel_container {
        padding: 0 15px;
    }
    #mogi.health h3 {
        font-size: 2.215rem;
        margin-bottom: 30px;
    }
    #mogi #about p,
    #mogi #to_experience p,
    #mogi #facilities p,
    #mogi #faq
     {
        font-size: 1rem;
    }
    #mogi.product section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #mogi section .bg {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #mogi.product section .bg {
        margin-top: -40px; /* sectionのパディングを打ち消す */
        margin-bottom: -40px; /* sectionのパディングを打ち消す */
    }
    #mogi .tab_only {
        display: block;
    }
	#mogi .video video {
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
    #mogi .sp_only {
        display: block;
    }
}

/*===========================================================
MainVisual
===========================================================*/
#mogi #mainvisual {
    padding-top: 0;
    padding-bottom: 0;
}
#mogi .mainvisual_container {
    position: relative;
}
#mogi .mainvisual_container .lowlevel_container{
    max-width: 100%;
    padding: 0;
}
#mogi .mainvisual_text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#mogi #mainvisual .mainvisual_copy {
    /* position: relative;
    display: inline-block;
    margin-top: calc(100vw / 1440 * 112); */
    position: absolute;
    top: calc( 100vw / 1440 * 112 );
    left: calc( 100vw / 1440 * 180 );
}
#mogi #mainvisual .mainvisual_copy p {
    color: #199A6E;
    font-size: calc( 100vw / 1440 * 55);
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 31px;
}
#mogi #mainvisual .mainvisual_copy h2 {
    border: none;
}
#mogi #mainvisual .mainvisual_wipe {
    position: absolute;
    width: calc(100vw / 1440 * 218);
    height: calc(100vw / 1440 * 218);
    right: calc(100vw / 1440 * -161);
    bottom: calc(100vw / 1440 * -46);
    object-fit: contain;
}
#mogi #mainvisual .logo img{
    width: calc( 100vw / 1440 * 394 );
}
#mogi #mainvisual picture img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    #mogi #mainvisual .mainvisual_copy {
        /* position: relative;
        display: inline-block;
        margin-top: calc(100vw / 375 * 280); */
        top: calc( 100vw / 375 * 280 );
        left: 15px;
        right: 15px;
    }
    #mogi #mainvisual .mainvisual_copy p {
        color: #199A6E;
        font-size: calc( 100vw / 375 * 23);
        font-weight: 600;
        line-height: 1.4;
        margin-bottom: 14px;
    }
    #mogi #mainvisual .mainvisual_wipe {
        position: absolute;
        width: calc(100vw / 375 * 115);
        height: calc(100vw / 375 * 115);
        right: 0;
        top: calc(100vw / 375 * -19);
        bottom: auto;
        object-fit: contain;
    }
    #mogi #mainvisual .logo img {
        width: calc( 100vw / 375 * 333 );
    }
}
@media screen and (max-width: 450px) {
}

/*===========================================================
About
===========================================================*/
#mogi #about h3 {
    font-size: 2.125rem;
    margin-bottom: 40px;
}
#mogi #about .box_about {
    display: flex;
    gap: 50px;
}
#mogi .about_img {
    flex-basis: 55%;
}
#mogi #about figure {
    margin: 0;
}
#mogi #about figcaption {
    text-align: center;
    font-size: 1rem;
    margin-top: 10px;
}
#mogi .about_txt {
    flex-basis: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}
#mogi #about .about_txt .small {
    font-size: 0.75rem;
}
#mogi .about_txt a {
    display: block;
    height: 34px;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    border: 2px solid #D9D9D9;
    text-decoration: none;
}
#mogi .about_txt a:hover {
    opacity: 0.4;
}

@media screen and (max-width: 768px) {
    #mogi #about h3 {
        font-size: 1.125rem;
        text-align: left;
        margin-bottom: 20px;
    }
    #mogi #about .box_about {
        gap: 20px;
        flex-direction: column;
    }
    #mogi #about figure {
        margin-left: 7.5px;
        margin-right: 7.5px;
    }
    #mogi #about figcaption {
        font-size: 0.875rem;
        margin-top: 15px;
    }
    #mogi .about_txt a {
        height: auto;
        font-size: 0.8125rem;
        line-height: 1.8;
        padding: 10px 0;
    }
}

/*===========================================================
MOGIでできること
===========================================================*/
#mogi #whatcando .box_whatcando {
    display: flex;
    gap: 45px;
    flex-wrap: wrap;
}
#mogi #whatcando .box_whatcando>div {
    width: calc( ( 100% - 90px ) / 3 );
}
#mogi #whatcando .box_whatcando>div img {
    margin-bottom: 20px;
    width: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}
#mogi #whatcando .box_whatcando .ttl {
    color: #0C4476;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    #mogi #whatcando .box_whatcando {
        column-gap: 20px;
    }
    #mogi #whatcando .box_whatcando p{
        font-size: 1rem;

    }
    #mogi #whatcando .box_whatcando>div {
        width: 100%;
    }
    #mogi #whatcando .box_whatcando .ttl {
        font-size: 1.125rem;
    }
}

/*===========================================================
MOGIを体験するには
===========================================================*/
#mogi #to_experience .box_to_experience {
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
    justify-content: center;
}
#mogi #to_experience .box_to_experience>div {
    width: calc( ( 100% - 90px ) / 3 );
}
#mogi #to_experience .box_to_experience>div img {
    margin-bottom: 20px;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
#mogi #to_experience .box_to_experience .ttl {
    position: relative;
    color: #0C4476;
    font-size: 1.25rem;
    font-weight: 600;
    padding-left: calc( 44px + 10px );
    margin-bottom: 15px;
    line-height: 1.6;
}
#mogi #to_experience .box_to_experience .ttl::before {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    height: 44px;
    width: 44px;
    text-align: center;
    line-height: 44px;
    transform: translateY(-50%);
    background: #0C4476;
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
    font-family: "Inter", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
}

#mogi #to_experience .box_to_experience>div:nth-child(1) .ttl::before{
    content: '1';
}
#mogi #to_experience .box_to_experience>div:nth-child(2) .ttl::before{
    content: '2';
}
#mogi #to_experience .box_to_experience>div:nth-child(3) .ttl::before{
    content: '3';
}
#mogi #to_experience .box_to_experience>div:nth-child(4) .ttl::before{
    content: '4';
}
#mogi #to_experience .box_to_experience>div:nth-child(5) .ttl::before{
    content: '5';
}
#mogi #to_experience .box_to_experience .small {
    font-size: 0.875rem;
    display: block;
    margin-top: 5px;
}

@media screen and (max-width: 768px) {
    #mogi #to_experience .box_to_experience>div {
        width: 100% ;
    }
    #mogi #to_experience .box_to_experience .ttl {
        font-size: 1.125rem;
    }
}
@media screen and (max-width: 450px) {
    #mogi #to_experience .box_to_experience>div {
        width: 100% ;
    }
}
/*===========================================================
MOGIを体験できる施設一覧
===========================================================*/
#mogi #facilities .text {
    text-align: center;
    font-weight: 600;
    font-size: 1.375rem;
    margin-bottom: 50px;
}
#mogi #facilities .box_facilities {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#mogi #facilities .region {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 30px;
}
#mogi #facilities .region>summary {
    position: relative;
    background-color: #fff;
    padding: 20px 0;
    font-size: 1.375rem;
    font-weight: 800;
    cursor: pointer;
    text-align: center;
    list-style: none;
}
#mogi #facilities .region>summary::-webkit-details-marker {
    display: none;
}
#mogi #facilities .region>summary::after {
    display: block;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url('../img/icon-open-blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#mogi #facilities .region.is-opened>summary::after {
    height: 6px;
    background-image: url('../img/icon-close-blue.png');
}
@keyframes fadeIn {
    0% {
        opacity: 0.5;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
#mogi #facilities .prefecture {
    border-top: 1px solid #ddd;
}
#mogi #facilities .prefecture>summary {
    position: relative;
    font-size: 1.375rem;
    font-weight: 600;
    padding: 20px 0;
    cursor: pointer;
    list-style: none;
}
#mogi #facilities .prefecture>summary::-webkit-details-marker {
    display: none;
}
#mogi #facilities .prefecture>summary::after {
    display: block;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url('../img/icon-open-black.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#mogi #facilities .prefecture.is-opened>summary::after {
    background-image: url('../img/icon-close-black.png');
    height: 2.5px;
}
#mogi #facilities .prefecture ul li {
    padding-bottom: 40px;
}
#mogi #facilities .prefecture ul li:first-child {
    padding-top: 0;
}
#mogi #facilities .prefecture ul li:last-child {
    border-bottom: none;
}
#mogi #facilities .shisetu {
    display: flex;
    gap: 40px;
}
#mogi #facilities .shisetu_name {
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    padding-left: 23px;
    width: 406px;
}
#mogi #facilities .shisetu_name::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: 6px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #0C4476;
}
#mogi #facilities .shisetu_info {
    line-height: 1.8;
}
#mogi #facilities .shisetu_info a {
    line-break: anywhere;
    text-decoration: none;
    color: #0054C5;
    cursor: pointer;
}
#mogi #facilities .shisetu_info a:hover {
    opacity: 0.4;
}
@media screen and (max-width: 768px) {
    #mogi #facilities .region {
        padding: 0 20px;
    }
    #mogi #facilities .prefecture>summary {
        font-size: 1.25rem;
    }
    #mogi #facilities .text {
        font-size: 1.125rem;
        margin-bottom: 30px;
    }
    #mogi #facilities .shisetu {
        flex-direction: column;
        gap: 5px;
    }
    #mogi #facilities .shisetu_name {
        width: 100%;
    }
}
@media screen and (max-width: 450px) {
}
/*===========================================================
よくある質問
===========================================================*/
.box_faq {
    margin-top: -35px;
}
details.faq_item {
    border-bottom: 1px solid #DDD;
}
details.faq_item .faq_item_q {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}
details.faq_item .faq_item_q::-webkit-details-marker {
    display: none;
}
details.faq_item .faq_item_q::before {
    content: 'Q.';
    display: block;
    margin-right: 10px;
    color: var(--color-sub-199-a-6-e, #199A6E);
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
details.faq_item .faq_item_q::after  {
    display: block;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url('../img/icon-open-green.png');
    background-size: contain;
    background-repeat: no-repeat;
}
details.faq_item.is-opened .faq_item_q::after  {
    background-image: url('../img/icon-close-green.png');
    height: 8px;
}
details.faq_item .faq_item_a {
    position: relative;
    margin-bottom: 35px;
    display: flex;
    width: calc(100% / 980 * 919);
    font-size: 1.25rem;
    font-weight: 300;
}
details.faq_item .faq_item_a::before {
    content: 'A.';
    display: block;
    margin-right: 10px;
    color: var(--color-0-c-4476, #0C4476);
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 800;
    line-height: 180%; /* 39.6px */
}
details.faq_item img {
	margin: 0 0 1rem 0;
    width: 50%;
}
@media screen and (max-width: 768px) 
{
    .box_faq {
        margin-top: -15px;
    }
    details.faq_item .faq_item_a {
        margin-bottom: 15px;
    }
    details.faq_item .faq_item_q{
        padding-right: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    details.faq_item .faq_item_q,
    details.faq_item .faq_item_q::before {
        font-size: 1rem;
    }
    details.faq_item .faq_item_q::after {
        width: 15px;
        height: 15px;
    }
    details.faq_item.is-opned .faq_item_q::after  {
        height: 5px;
    }
    details.faq_item .faq_item_a,
    details.faq_item .faq_item_a::before {
        font-size: 1rem;
    }
    details.faq_item .faq_item_a {
        width: 100%;
    }
	details.faq_item img {
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
}
/*===========================================================
PCR　LP
===========================================================*/
#pcr_lp h2 {
	border: none;
	text-align: center;
}
.pcr_lp_flow {
	background: #ebeff5;
}
.pcr_lp_flow ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 5rem 0;
	padding: 1rem;
	background: #fff;
}
.pcr_lp_flow ul li:nth-child(even) {
	flex-wrap: wrap-reverse;
}
.pcr_lp_flow ul li div {
	width: 65%;
}
/*===========================================================
アンケート実施結果
===========================================================*/
.survey {
	text-align: center;
	margin: 12rem 0 0 0;
}
.survey h1 {
	margin: 0 0 1rem 0;
}
#survey footer {
	background-color:#fff;	
}
#survey .button, .quotation_button, 
#survey button,
#survey input[type="submit"], 
#survey input[type="reset"], 
#survey input[type="button"] {
    border: 1px solid #0072b2;
    background: #0072b2;
}
#survey .button:hover, 
#survey .quotation_button:hover, 
#survey .quotation_button_b:hover,
#survey input[type="submit"]:hover,
#survey input[type="reset"]:hover,
#survey input[type="button"]:hover {
    color: #fff;
	border: 1px solid #2ca1e3;
	background: #2ca1e3;
}
/*===========================================================
事例一覧
===========================================================*/
.block_list_of_cases ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.block_list_of_cases ul li {
  margin: 0 2rem 2rem 0;
  padding: 1rem;
  background-color: #fff;
  width: 30%;
  border-radius: 10px;
  box-shadow: 10px 10px 10px  -6px rgba(0, 0, 0, 0.1);
}
.block_list_of_cases ul li:last-child {
	margin-right: 0;
}
.block_list_of_cases ul li img {
	margin:0 0 1rem 0;
}
.block_list_of_cases ul li h3 {
	margin: 0;
	border-bottom:none;
	font-size: 1rem;
}
.block_list_of_cases ul li h3::before {
	content:none;
}
.block_list_of_cases ul li div span {
	margin: 0 0 1rem 0;
    display: inline-block;
	font-size: .88rem;
	color: #184980;
	border: #184980 1px solid ;
	border-radius: 20px;
	padding: .1rem .8rem;
    font-weight: bold
}
.block_list_of_cases ul li p {
	color: #184980;
}
.block_list_of_cases ul li a {
	display: block;
	text-align: right;
	color: #184980;
	font-size: .88rem;
}
/*===========================================================
事例
===========================================================*/
.case_01 .block_list_of_case img {
	margin: 0 auto 1rem;
	width: 600px;
}
.case_01 .block_list_of_case img.img100 {
	margin: 0 auto 1rem;
	width: 100%!important;
}
.case_01 .block_list_of_case img.img400 {
	margin: 0 auto 1rem;
	width: 400px!important;
}
.case_01 .block_list_of_case .box_list_of_case {
	margin: 0 0 5rem 0;
}
.case_01 .block_list_of_case .box_list_of_case h3 {
	    padding: 0 0 0 1rem;
	border-bottom:none;
	border-left: 4px solid #184980;
}
.case_01 .block_list_of_case .box_list_of_case h3::before {
	content:none;
	
}
.case_01 .block_list_of_case .box_list_of_case h4 {
	text-align: left;
}
.case_01 .block_list_of_case .box_list_of_case .img_3 {
	display: flex;
	justify-content: space-between;
}
.case_01 .block_list_of_case .box_list_of_case .img_3 img {
	width: 30%;
}
.case_01 .block_list_of_case .box_list_of_case .img_2 {
	display: flex;
	justify-content: space-between;
}
.case_01 .block_list_of_case .box_list_of_case .img_2 img {
	width: 45%;
}
.block_list_of_case video  {
	margin: 0 auto 1rem;
	width: 600px;
}
.center {
	text-align: center !important;
}

@media only screen and (max-width: 768px) {
	.case_01 .block_list_of_case .box_list_of_case .img_2 {
		display: block;
	}
	.case_01 .block_list_of_case .box_list_of_case .img_2 img {
		width: 100%;
	}
	.case_01 .block_list_of_case .box_list_of_case .img_3 {
		display: block;
	}
	.case_01 .block_list_of_case .box_list_of_case .img_3 img {
		width: 30%;
	}
}
/*===========================================================
ドクターズコラム一覧
===========================================================*/

/*===========================================================
ドクターズコラム
===========================================================*/
.column_doctor {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
    padding: 1.5rem 0;
	margin: 2rem 0 0 0;
}

.case_01 .block_list_of_case .box_list_of_case .column_doctor h4 {
    text-align: left;
	margin: 0;
}
.case_01 .block_list_of_case .box_list_of_case .column_doctor span {
    font-weight: bold;
	margin: 0 0 .5rem 0;
    display: block;
	font-size: .88rem;
}
.case_01 .block_list_of_case .column_doctor img {
	margin: 0 2rem 0 0;
	width: 22%;
}

@media only screen and (max-width: 768px) {
	.column_doctor {
		display: block;
		margin: 2rem 0 0 0;
}
	.case_01 .block_list_of_case .column_doctor img {
		margin: 0 0 1rem 0;
		width: 100%;
	}
	.column_doctor {
		display: block;
	}
	.case_01 .block_list_of_case .column_doctor {
		width: 100%;
	}
}
/*===========================================================
shinri-adas-LP
===========================================================*/
body.adaslp {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: .9rem;
	}
.adas_lp section#flow {
	background: #fff;
}
.adas_lp section {
	margin-bottom: 0;
}
.header.adaslp {
    position: fixed;
    background: #fff;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.05);
    z-index: 10000;
    height: 72px;
    top: 0;
}
footer.footer_adaslp {
	background-color: #fff;
	color: #333;
	margin: 0;
	padding: 2rem 0;
}
footer.footer_adaslp a {
	color: #333;
}
.footer_container_adaslp {
	display: flex;
	justify-content: space-between;
}
.footer_l_adaslp img {
	margin: 0 0 .5rem 0;
	width: 50%;
}
.footer_r_adaslp ul {
	display: flex;
	justify-content: space-between;
}
.footer_r_adaslp ul li {
	font-size: .88rem;
}
.footer_r_adaslp ul li a {
	text-decoration: none;
}
.adas_lp_mv {
	margin: 5.2rem auto 0;
	padding: 3rem 0 0 0;
	background-image: linear-gradient(90deg, rgba(87, 189, 235, 1), rgba(1, 112, 226, 1));
}
#header_navigation.adaslp {
	align-items: center;
}
#header_navigation li .adaslp_button_area a {
	display: flex;
	justify-content: center;
    align-items: center;
	padding: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
	width: 230px;
    height: 40px;
	background-image: linear-gradient(90deg, rgba(87, 189, 235, 1), rgba(1, 112, 226, 1));
	border: none;
}
#header_navigation li .adaslp_button_area a:hover {
	opacity: 0.8;
}
.adas_lp_mv img {
	margin: 0 auto;
}
.adas_lp h3 {
	margin:0 auto 1.8rem;
	border-bottom:none;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	width: 100%;
}
.adas_lp h3::before
{
	content: none;
}
section.adas_lp_intro {
	padding: 3rem 0;
}
.adas_lp_intro h3 span {
	color: #0675e2;
}
.block_adaslp_intro {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2rem 0;
}
.block_adaslp_intro img {
	margin: 0 4rem 0 0;
}
.block_adaslp_intro .box_adaslp_intro h4 {
	font-size: 1.2rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.6;
}
.copy_adaslp_intro {
	text-align: center;
	color: #0675e2;
	font-size: 1.5rem;
	font-weight: bold;
}
.copy_adaslp_intro span {
	font-size: 2.3rem;
}
.adas_lp_strengths h3 {
	margin: 2rem auto 0;
	color: #0675e2;
}
.adas_lp .adas_lp_strengths h3 img {
	margin: 0 auto 1rem;
	width: 42%;
}
.block_adaslp_strengths {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2rem 0;
	background: #fff;
    padding: 3rem;
    border-radius: 20px;
}
.adas_lp_strengths .block_adaslp_strengths .box_adaslp_strengths {
	margin: 0 1rem; 0 0;
	width: 48%;
}
.adas_lp_strengths .bg_adas_lp_strengths {
	background: #ecf7fc;
    padding: 0;
    margin: auto;
    position: relative;
}
/*.adas_lp_strengths .bg_adas_lp_strengths:before,
.adas_lp_strengths .bg_adas_lp_strengths:after {
	content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 120px;
    background: #ecf7fc;
}
.adas_lp_strengths .bg_adas_lp_strengths:before {
    top: 0%;
    left: -50%;
    border-radius: 0 100px 0 0;
    box-shadow: 170px 0px 0px 0px #fff;
}
.adas_lp_strengths .bg_adas_lp_strengths:after {
    top: 0%;
    right: -50%;
    border-radius: 100px 0px 0 0;
}*/

.area_adaslp_strengths {
	padding: 1rem 0 3rem 0 ;
}
.ttl_adaslp_strengths {
	display: flex;
	justify-content: flex-start;
	margin: 0 0 2rem 0;
	align-items: center;
}
.ttl_adaslp_strengths h4 {
	margin:0;
	font-size: 1.8rem;
	color: #0675e2;
}
.ttl_adaslp_strengths img {
	margin: 0 2rem 0 0;
	width: 89px;
    height: 74px;
}
.adas_lp_strengths h5 {
	font-size: 1.3rem;
    margin: 0 0 1rem 0;
    line-height: 1.5;
}
.block_adaslp_inquiry {
	display: flex;
	justify-content: space-between;
	padding: 4rem 0;
}
.bg_adas_lp_inquiry {
  background-image: linear-gradient(90deg, rgba(87, 189, 235, 1), rgba(1, 112, 226, 1));
}
.block_adaslp_inquiry img {
	margin: 0 2rem 0 0;
}
.box_adaslp_inquiry,
.box_adaslp_inquiry h4 {
	color: #fff;
}
.box_adaslp_inquiry h3 {
	    margin: 0 0 1rem 0;
}
.box_adaslp_inquiry h3 img {
	width: 70%;
}
.adas_lp_inquiry .button_area {
    margin: 2rem auto 0;
}
.adas_lp_inquiry .button_area .quotation_button {
	color: #0675e2;
	background: #fff;
	border: none;
	font-size: 1rem;
	width: 260px;
	box-shadow: 7px 5px 14px -11px #434343;
}
.adas_lp_inquiry .button_area .quotation_button:hover {
	opacity: 0.8;
}
.adas_lp_achievements {
	padding: 6rem 0 5rem 0;
}
.adas_lp_achievements h3 {
	color: #0675e2;
	margin: 0 0 3rem 0;
	font-size: 2.5rem;
}
.ttl_adas_lp_achievements span {
	text-align: center;
	display: block;
	font-weight: bold;
	font-size: 1.5rem;
}
.block_adaslp_achievements {
	background: url("./img/img_bg_adaslp_achievements.png") center center no-repeat;
	background-size: auto;
	background-position: top;
}
.adas_lp_achievements .adas_lp h3 {
	color: #0675e2;
}
.box_adaslp_achievements {
	display: flex;
	justify-content: space-around;
	margin: 0 0 10rem 0;
}
.area_adaslp_achievements {
	display: flex;
	align-items: baseline;
	justify-content:space-between;
}
.box_area_adaslp_achievements {
	width: 30%;
}
.box_area_adaslp_achievements p {
	color: #0675e2;
}
.box_area_adaslp_achievements p span {
	font-weight: bold;
}
.area_adaslp_achievements .ttl_area_adaslp_achievements {
	display: flex;
	align-items: end;
	font-weight: bold;
	margin: 0 0 1rem 0;
    font-size: .9rem;
    line-height: 1.2;
}
.adas_lp_flow h3 {
	margin: 0 0 2rem 0;
	color: #0675e2;
}
.bg_adas_lp_flow {
	margin: 0 2rem;
	padding: 5rem 0;
	background: #ecf7fc;
	border-radius: 20px;
}
.block_adaslp_flow {
	display: flex;
	justify-content: space-between;
}
.box_adaslp_flow {
	padding: 2rem;
	background: #fff;
	border-radius: 20px;
	width: 30%;
}
.box_adaslp_flow img {
	margin:0 auto 1rem;
}
section.adas_lp_price {
	padding: 3rem 0
}
section.adas_lp_price h3 {
	color: #0675e2;
	padding: 0;
	margin: 0;
}
section.adas_lp_price h4 {
	color: #333;
	font-size:2rem ;
	text-align: center;
}
section.adas_lp_price h4 span {
	color: #0675e2;
	font-size:3rem ;
}
.block_adaslp_price {
	display: flex;
	justify-content: space-between;
}
.box_adaslp_price {
	width: 45%;
}
.box_adaslp_price img {
	margin: 0 0 1rem 0;
}
.box_adaslp_price h5 {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	padding: 1rem 2rem;
	font-size: 1.4rem;
	font-weight: bold;
	background: #0675e2;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	line-height: 1.3;
	height: 80px;
}
.box_adaslp_price h5 span {
	font-weight: normal;
	font-size: 1rem;
}
.adas_lp_form .bg_adas_lp_form {
	background: #ecf7fc;
    padding: 0 0 5rem 0;
    margin: auto;
    position: relative;
}
.adas_lp_form h3 {
	color: #0675e2;
	font-size: 2.3rem;
}
.adas_lp_form .sub_copy {
	margin: 1rem auto 0;
	text-align: center;
	font-weight: bold;
	 font-size: 1.3rem;
}
.bg_adas {
	margin: 0 auto;
}
.adas_lp_form .blue {
	color: #0675e2;
}
.area_adaslp_price {
	padding: 1rem;
	border-radius: 10px;
	background: #ecf7fc;
}
.area_adaslp_price .blue {
	color: #0675e2;
}
.area_adaslp_price input[type="submit"] {
	    background-image: linear-gradient(90deg, rgba(87, 189, 235, 1), rgba(1, 112, 226, 1));
	
}
/*.adas_lp_form .bg_adas_lp_form:before,
.adas_lp_form .bg_adas_lp_form:after {
	content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 120px;
    background: #ecf7fc;
}
.adas_lp_form .bg_adas_lp_form:before {
    top: 0%;
    left: -50%;
    border-radius: 0 100px 0 0;
    box-shadow: 170px 0px 0px 0px #fff;
}
.adas_lp_form .bg_adas_lp_form:after {
    top: 0%;
    right: -50%;
    border-radius: 100px 0px 0 0;
}*/
.drawer-hamburger-icon.adaslp {
	background-color: #0675e2;
}
#inquiry.adaslp #top_title_container {
	    margin: 5.5rem auto 1rem;
}
.adaslp .lowlevel_container.block_inquiry_adaslp {
	height: 500px;
    padding: 7rem 0 0 0;
}
.adaslp .lowlevel_container.block_inquiry_confirm_adaslp {
	min-height: 500px;
    padding: 3rem 0;
}
.adas_lp_form input[type="submit"] {
	border: none;
	background-image: linear-gradient(90deg, rgba(87, 189, 235, 1), rgba(1, 112, 226, 1));
}
.adas_lp_form input[type="submit"]:hover {
	border: none;
	background-image: linear-gradient(90deg, rgba(87, 189, 235, 1), rgba(1, 112, 226, 1));
	color: #fff;
	opacity: 0.8;
	
}
adaslp .lowlevel_container.block_inquiry_confirm_adaslp input[type="submit"] {
	border: none;
	background-image: linear-gradient(90deg, rgba(87, 189, 235, 1), rgba(1, 112, 226, 1));
}
.adaslp .drawer-hamburger {
	background-color: #0675e2;
}
.adaslp .drawer-nav {
    background-color: #0675e2;
}
@media only screen and (max-width: 768px) {
	.bg_adas  {
		width: 50%;
	}
	#logo.adaslp {
		width: 180px;
        padding: 1rem 0 0 1rem;
	}
	section.adas_lp_intro {
		padding: 1rem 0;
	}
	.adas_lp h3 {
		font-size: 1.5rem;
	}
		.adas_lp_intro h3 {
		font-size: 1.3rem !important;
	}
	.block_adaslp_intro {
    	display: block;
	}
	.copy_adaslp_intro {
    	font-size: 1.2rem;
	}
	.copy_adaslp_intro span {
		font-size: 2rem;
	}
	.block_adaslp_intro img {
		margin: 0 0 1rem 0;
	}
	.adas_lp .adas_lp_strengths h3 img {
		width: 100%;
	}
	.adas_lp_strengths .bg_adas_lp_strengths {
		padding: 0;
	}
	.adas_lp_strengths h3 {
		margin: 2rem auto 0;
		color: #0675e2;
		width: 100%;
	}
	.block_adaslp_strengths {
		padding: 1rem;
    	display: block;
	}
	.box_adaslp_strengths p {
		margin: 0 0 1rem 0;
	}
	.adas_lp_strengths .block_adaslp_strengths .box_adaslp_strengths {
		margin: 0;
		width: 100%;
	}
	.ttl_adaslp_strengths h4 {
    	font-size: 1.4rem;
	}
	.ttl_adaslp_strengths img {
		margin: 0 1rem 0 0;
		width: 69px;
		height: 54px;
	}
	.adas_lp_strengths h5 {
    	font-size: 1.2rem;
	}
	.box_adaslp_inquiry h3 {
		margin: 1rem 0 0 0;
	}
	.box_adaslp_inquiry h3 img {
		width: 100%;
	}
	.block_adaslp_inquiry {
		display: block;
		padding: 2rem 0;
	}
	.block_adaslp_inquiry img {
		margin: 0 0 1rem 0;
	}
	.adas_lp_achievements {
		padding: 2rem 0;
	}
	.area_adaslp_achievements {
    	display: block;
	}
	.area_adaslp_achievements .ttl_area_adaslp_achievements {
		align-items: end;
	}
	.box_area_adaslp_achievements {
		width: 100%;
		margin: 0 0 2rem 0;
	}
	.box_adaslp_achievements {
		display: block;
		margin: 0 0 3rem 0;
	}
	.adas_lp_achievements h3 {
		margin: 0 0 1rem 0;
	}
	.block_adaslp_achievements {
		background-size: 100%;
		background-position: top;
	}
	.bg_adas_lp_flow {
		margin: 0;
		padding: 1rem 0;
	}
	.block_adaslp_flow {
    	display: block;
	}
	.box_adaslp_flow {
		margin: 0 0 1rem 0;
		padding: 1rem;
		width: 100%;
	}
	section.adas_lp_price {
		padding: 3rem 0 0;
	}
	.box_adaslp_price {
		margin: 0 0 3rem 0;
		width: 100%;
	}
	section.adas_lp_price h3 {
		font-size: 2rem;
	}
	section.adas_lp_price h4 {
		font-size: 1.7rem;
	}
	.box_adaslp_price h5 {
		padding: 1rem .5rem;
		margin: 0 0 1rem 0;
	}
	.box_adaslp_price h5 span {
		font-size: .88rem;
	}
	.block_adaslp_price {
		display: block;
	}
	.adas_lp_form .sub_copy {
		font-size: 1.1rem;
	}
	.adas_lp_form h3 {
		font-size: 1.9rem;
	}
	.footer_container_adaslp {
		justify-content: space-between;
		flex-direction: column-reverse;
	}
	.adas_lp_mv {
		margin: 3.7rem auto 0;
		padding: 2rem 1rem 0 1rem;
	}
	.header.adaslp {
		height: 62px;
	}
	footer.footer_adaslp {
		margin: 0;
		padding: 0;
	}
	.footer_r_adaslp {
		margin: 0 auto;
	}
	.footer_l_adaslp img {
		margin: 1rem auto;
    	width: 90%;
	}
	footer.footer_adaslp .ast {
		text-align: center;
	}
	.footer_r_adaslp ul {
		display: flex;
		justify-content: space-evenly;
		width: 350px;
	}
	.adas_lp_form .bg_adas_lp_form {
		padding: 0;
		
	}
}/**/
@media only screen and (min-width:479px) and (max-width:768px) {
	 .block_adaslp_intro img {
        margin: 0 auto;
    }
	 .adas_lp h3 {
        font-size: 2rem;
    }
}
@media only screen and (max-width: 375px) {
    .adas_lp h3 {
        font-size: 1.3rem;
    }
	 .ttl_adaslp_strengths h4 {
        font-size: 1.3rem;
    }
}/*375px*/
/*===========================================================
緊急告知
===========================================================*/
section.announce {
	margin-top: 3rem;
	padding: 1rem;
} 
.announce .content_container {
	padding: 2rem;
	border: 1px solid #c00000;
}
.announce h2,
.announce .h2_subttl {
	color: #c00000;
}
.announce h2:after,
.announce h2:before {
	border-top: 2px solid #c00000;
}
.announce .h2_subttl {
	font-size: 160%;
}
.announce .box_announce {
	padding: 1rem;
	background: #fff1f1;
	font-size: 160%;
    font-weight: bold;
	text-align: center;
}
.btn_announce {
	margin: 3rem 0 1rem 0;
 	text-align: center;   
}
.btn_announce a {
	position: relative;
    padding: 1rem ;
	color: #FFFFFF;
	background-color: #c00000;
	border: 1px solid #c00000;
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}
.btn_announce a:hover {
	background-color: #fff;
	border: 1px solid #c00000;
	color: #c00000;
	opacity: 1;
}
@media only screen and (max-width: 374px) {
	.btn_announce a {
		font-size: 1rem;
	}
}/*375*/
@media only screen and (max-width: 767px) {
	.announce .content_container {
		padding: 1rem;
	}
	.announce .h2_subttl {
		font-size: 140%;
		text-align: left;
	}
	.announce .box_announce {
		font-size: 120%;
		text-align: left;
	}
	.btn_announce {
		margin: 2rem 0 1rem;
	}
}/*767*/
/*===========================================================
GoogleMap / Youtube
===========================================================*/
.iframe_container,
.youtube {
	height: 0;
	position: relative;
	padding-top: 36%;
	/**数値変更で高さ調整(デフォルトは56.25%)**/
	overflow: hidden;
}

.iframe_container iframe,
.iframe_container object,
.iframe_container embed,
.youtube iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
	/**GoogleMap / Youtube**/

	@media only screen and (max-width: 768px) {
		.iframe_container,
		.youtube {
			padding-top: 56.25%;
			/**数値変更で高さ調整(デフォルトは56.25%)**/
		}
	}/*** Media Queries ***/


/****************************************

        footer

*****************************************/
	/**ページトップ設定**/
.pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 8px;
	/**GoogleMap下への入り込み防止**/
	z-index: 999;
}

.pagetop a {
	display: block;
	width: 48px;
	height: 48px;
	background: url("./img_common/gotop.png");
}
	/**ページトップ設定**/
footer {
    width: 100%;
    height: auto;
    margin: 6rem 0 0;
    padding: 1rem;
    background-color: #001c35;
    color: #FFFFFF;
}
.footer_logo {
    width: 240px;
    margin: 0;
    float: none;
}
#footer_navigation li {
    margin: 0;
    padding: 0;
    font-weight: normal;
    display: inline-block;
    font-size: .7rem;
    padding-left: .3rem;
   
}
#footer_copyright {
    font-size: .7rem;
    font-weight: normal;
}
.company_info {
    margin: 0 20px 0 0;
    float: right;
    font-size: .7rem;
}




.footer_container > ul {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #001324;
    padding-bottom: 1.5rem;
}
.footer_declaration {
	margin-top: 0;
	padding-top: 1.5rem;
	border-top: 1px solid #0d2d49;
	text-align: center;
}
	/**フッターナビ設定**/
#footer_navigation {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: none;
}

#footer_navigation ul {
	/*width: 960px;*/
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#footer_navigation li {
	/*width: 20%;*/
	/**widthはメニュー数に合わせて変動**/
	margin:  0;
	padding: 0;
	font-weight: normal;
	display: inline-block;
	font-size: .8rem;
	padding-left: .3rem;
	/*float: left;*/
}

#footer_navigation li:last-child {
	margin: 0;
}

#footer_navigation li a {
	padding: 0;
	text-align: center;
	text-decoration: underline;
	display: block;
}

	@media only screen and (max-width: 1024px) {
		#footer_navigation {
			width: 100%;
		}

		#footer_navigation ul {
			display: flex;
    		flex-wrap: wrap;
			width: 100%;
		}

		#footer_navigation li {
			width: 50%;
			margin: 8px 0;
			display: block;
			float: none;
			/**widthはメニュー数に合わせて変動**/
		}
		#footer_navigation li:last-child {
			margin: 8px 0;
		}
		.footer_container > ul {
    		display: block;
		}
		#footer_navigation li a {
			text-align: left;
		}
		.footer_declaration {
			text-align: left;
		}
	}/*** Media Queries ***/

	@media only screen and (max-width: 480px) {
		#footer_navigation li {
			width: 50%;
			/**widthはメニュー数に合わせて変動**/
		}
	}/*** Media Queries ***/
	/**フッターナビ設定**/

.footer_information {
	width: 48%;
	height: 200px;
	text-align: center;
}

	@media only screen and (max-width: 640px) {
		.footer_information {
			width: 100%;
			margin: 32px 0 0;
		}
	}/*** Media Queries ***/

.blueback {
	background: #333;
	color: #FFFFFF;
	line-height: 200px;
}
.blueback:hover {
	opacity: 0.7;
}
.blueback a {
	padding: 50px 0 0 0;
	width: 100%;
	height: 200px;
	color: #FFFFFF;
	display: block;
	font-size: 1.4rem;
    font-weight: bold;
	line-height: 2;
}

.blueback a:hover {
	text-decoration: none;
}

.grayback {
	height: 200px;
	background-color: #ecf7fb;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer_information_box {
	margin: 0;
	padding: 0;
	line-height: 1;
}
.footer_information_box span {
	font-size: 1.2rem;
    font-weight: bold;
}
.footer_logo {
	width: 290px;
	margin: 0;
	float: none;
}

.company_info {
	margin: 0 20px 0 0;
	float: right;
	font-size: .8rem;
}

	@media only screen and (min-width: 768px) {
		.company_info br {
			display: none;

		}
	}/*** Media Queries ***/

	@media only screen and (max-width: 768px) {
		.footer_logo,
		.company_info {
			float: none;
			margin: 0;
		}
	}/*** Media Queries ***/

#footer_copyright {
	font-size: 13px;
	font-weight: normal;
}

/****************************************

       利用規約

*****************************************/
#mogi-terms #top_title_container {

    margin: 0 auto 1rem;

}
/****************************************

          IMAGE Layout

*****************************************/
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	display: block;
	/****画像直下の空白消し****/
}

.img_right {
	margin: 0 0 16px 16px;
	padding: 0;
	float: right;
	/****画像右寄せ****/
}

.img_left {
	margin: 0 16px 16px 0;
	padding: 0;
	float: left;
	/****画像左寄せ****/
}

.img_centering {
	display: block;
	margin: 0 auto;
	/*** 画像を絶対的に中央に配置 ***/
}

.img_centering2 {
	margin: 0 auto;
	/*** 画像を絶対的に中央に配置 ***/
}

.img_lengthwise {
	vertical-align: middle;
	/*** 画像の縦位置を中央に配置 ***/
}


/****************************************

          Margin Setting

*****************************************/
	/**Margin TOP**/
.mt1 {
	margin-top: 8px;
}
.mt2 {
	margin-top: 16px;
}
.mt3 {
	margin-top: 24px;
}
.mt4 {
	margin-top: 32px;
}
.mt5 {
	margin-top: 40px;
}
.mt6 {
	margin-top: 48px;
}
.mt7 {
	margin-top: 56px;
}
.mt8 {
	margin-top: 64px;
}
.mt9 {
	margin-top: 72px;
}
.mt10 {
	margin-top: 80px;
}
.mt11 {
	margin-top: 88px;
}
.mt12 {
	margin-top: 96px;
}
.mt13 {
	margin-top: 104px;
}
.mt14 {
	margin-top: 112px;
}
.mt15 {
	margin-top: 120px;
}
.mt16 {
	margin-top: 128px;
}
.mt17 {
	margin-top: 136px;
}
.mt18 {
	margin-top: 144px;
}
.mt19 {
	margin-top: 152px;
}
.mt20 {
	margin-top: 160px;
}
.mt21 {
	margin-top: 168px;
}
.mt22 {
	margin-top: 176px;
}
.mt23 {
	margin-top: 184px;
}
.mt24 {
	margin-top: 192px;
}
.mt25 {
	margin-top: 200px;
}
	/**Margin BOTTOM**/
.mb1 {
	margin-bottom: 8px;
}
.mb2 {
	margin-bottom: 16px;
}
.mb3 {
	margin-bottom: 24px;
}
.mb4 {
	margin-bottom: 32px;
}
.mb5 {
	margin-bottom: 40px;
}
.mb6 {
	margin-bottom: 48px;
}
.mb7 {
	margin-bottom: 56px;
}
.mb8 {
	margin-bottom: 64px;
}
.mb9 {
	margin-bottom: 72px;
}
.mb10 {
	margin-bottom: 80px;
}
.mb11 {
	margin-bottom: 88px;
}
.mb12 {
	margin-bottom: 96px;
}
.mb13 {
	margin-bottom: 104px;
}
.mb14 {
	margin-bottom: 112px;
}
.mb15 {
	margin-bottom: 120px;
}
	/**Margin RIGHT**/
.mr1 {
	margin-right: 8px;
}
.mr2 {
	margin-right: 16px;
}
.mr3 {
	margin-right: 24px;
}
.mr4 {
	margin-right: 32px;
}
.mr5 {
	margin-right: 40px;
}
.mr6 {
	margin-right: 48px;
}
.mr7 {
	margin-right: 56px;
}
.mr8 {
	margin-right: 64px;
}
.mr9 {
	margin-right: 72px;
}
.mr10 {
	margin-right: 80px;
}
.mr11 {
	margin-right: 88px;
}
.mr12 {
	margin-right: 96px;
}
.mr13 {
	margin-right: 104px;
}
.mr14 {
	margin-right: 112px;
}
.mr15 {
	margin-right: 120px;
}
	/**Margin LEFT**/
.ml1 {
	margin-left: 8px;
}
.ml2 {
	margin-left: 16px;
}
.ml3 {
	margin-left: 24px;
}
.ml4 {
	margin-left: 32px;
}
.ml5 {
	margin-left: 40px;
}
.ml6 {
	margin-left: 48px;
}
.ml7 {
	margin-left: 56px;
}
.ml8 {
	margin-left: 64px;
}
.ml9 {
	margin-left: 72px;
}
.ml10 {
	margin-left: 80px;
}
.ml11 {
	margin-left: 88px;
}
.ml12 {
	margin-left: 96px;
}
.ml13 {
	margin-left: 104px;
}
.ml14 {
	margin-left: 112px;
}
.ml15 {
	margin-left: 120px;
}
.separate {
	margin: 0 0 2rem 0;
}

/****************************************

          Footer Setting

*****************************************/
footer {
	clear: both;
}

/****************************************

         画像animation

*****************************************/
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/****************************************

          ClearFix

*****************************************/
	/*** clearfix ***/
#container:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

	/* clearfix for ie7 */
#container,
.clearfix {
	display: inline-block;
}

#container,
.clearfix {
	display: block;
}
	/*** clearfix ***/


/****************************************

		  Youtubeをレスポンシブ化

*****************************************/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe{
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	right: 0;
}


/****************************************
     For Smart Phone General Setting
            Width from 768px
*****************************************/
	@media only screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	body {
		-webkit-text-size-adjust: 100%;
		line-height: 1.7;
	}

	html, body, div, span, applet, object, iframe,
	blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot,footer, thead, tr, th, td {
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
		outline: 0;
		font-size: 1em;
		vertical-align: baseline;
	}

	body,
	table,
	input, textarea, select, option {
		/*font-family: 'Noto Sans', sans-serif , 'Noto Serif', serif;*/
		font-size: 1em;
	}

	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	header,hgroup {
		display: block;
	}

	ol, ul {
		list-style: none;
	}

	:focus {
		outline: 0;
	}

	ins {
		text-decoration: none;
	}

	del {
		text-decoration: line-through;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before,
	blockquote:after,
	q:before,q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
}/*768*/
/****************************************

          Layout

*****************************************/

	main {
		width: 100%;
		height: auto;
		margin-top: -84px;
    	padding-top: 84px;
		/*** Main Contents ***/
	}

	footer {
		width: 100%;
		height: auto;
		margin: 88px 0 0;
		padding: 1rem 0;
		background-color: #001c35;
		color: #FFFFFF;
	}

/****************************************

         　SITEMAP

*****************************************/
#sitemap .list_sitemap > li {
	margin: 0 0 1rem 0;
}
#sitemap .children {
	padding: 0 0 0 2rem;
}