@charset "utf-8";

/*////////////////////////////////////////////////////////////
Name : base.css
////////////////////////////////////////////////////////////*/

/*----------------------------------------------------------------------------------------
	Reset
---------------------------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol,ul {list-style:none}


/*----------------------------------------------------------------------------------------
	Basic 
---------------------------------------------------------------------------------------- */
body {
	background-color:#f4f4f4;
	color:#555;
	line-height:1.7;
	font-family: 'Gothic Medium BBB';
	font-size:62.5%;
}
input {
	font-family: 'Gothic Medium BBB';
}

/*----------------------------------------------------------------------------------------
	link
---------------------------------------------------------------------------------------- */
a {
	color: #888;
	text-decoration:underline;
	border:0;
	outline:none;
}
a:hover {
	text-decoration:none;
}

/*----------------------------------------------------------------------------------------
	clearfix
---------------------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*----------------------------------------------------------------------------------------
	common 
---------------------------------------------------------------------------------------- */
#header{
	width:100%;
	max-width:6000px;
	margin-left:auto;
	margin-right:auto;
}

#content,
#footer {
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#header .inner,
#content .inner,
#footer .inner {
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/*----------------------------------------------------------------------------------------
	header
---------------------------------------------------------------------------------------- */
#header {
	height:30px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#fff;
}
#header .inner {
	letter-spacing:-40em;
	display: flex;
    justify-content: space-between;
}
#header h1,
#header #logo {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
#header h1 {
	font-size:2em;
	font-weight:normal;
	max-width: 70%;
}
#header #logo {
	text-align:right;
	max-width: 30%;
}
#header #logo img {
	height:30px;
}

/*----------------------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------------------- */
#footer {
	border-top:1px solid #e4e4e4;
	padding-top:20px;
	padding-bottom:20px;
}
#footer .copy {
	font-size:1.1em;
	text-align:center;
}

/*----------------------------------------------------------------------------------------
	content
---------------------------------------------------------------------------------------- */
#content {
	padding-top:30px;
	padding-bottom:30px;
}
#content .lead {
	font-size:1.4em;
}
#content .notice {
	color:#f00;
}
#content .movie {
	margin-top:30px;
	margin-left:20px;
	margin-right:20px;
	letter-spacing:-40em;
}
#content .block.movie {
	margin-top:0;
	margin-left:10px;
	margin-right:10px;
}
#content .movie .player,
#content .movie .text {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}
#content .movie .player {
	width:420px;
}
#content .movie .text {
	width:470px;
	padding-left:20px;
}
#content .block.movie .text {
	width:420px;
}
#content .movie .text .headline {
	font-size:2.2em;
	color:#bbb394;
	margin-bottom:20px;
}
#content .movie .text .notice {
	color:#888;
	font-size:1.2em;
}
#content .wrap {
	width:100%;
	margin-top:30px;
}
#content .wrap img {
	width:100%;
	height:auto;
}
#content .wrap.border {
	border-left:1px solid #bbb394;
	border-right:1px solid #bbb394;
	border-bottom:1px solid #bbb394;
	background-color:#fff;
}
#content .wrap.background {
	background-color:#fff;
}
#content .wrap .wrapHead {
	border-top:4px solid #bbb394;
	border-bottom:1px dashed #bbb394;
	padding:20px;
}
#content .wrap.border .wrapHead {
	border-top:1px solid #bbb394;
}
#content .wrap .wrapHead h2 {
	color:#333;
	font-size:2em;
	font-weight:normal;
}
#content .wrap .wrapHead p {
	margin-top:5px;
	font-size:1.4em;
}
#content .wrap .pickup {
	padding:20px;
	border:1px solid #bbb394;
	text-align:left;
}
#content .wrap .pickup p {
	font-size:1.4em;
}
#content .wrap .pickup p.headline {
	color:#bbb394;
	margin-bottom:8px;
	text-decoration:underline;
}
#content .wrap .pickup p.notice {
	margin-top:15px;
	font-size:1.2em;
	color:#888;
}
#content .block {
	padding:30px;
}
#content .block .blockHead {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:4px double #ddd;
}
#content .block .blockHead h3 {
	font-size:1.6em;
}
#content .block .blockLead {
	font-size:1.3em;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:15px;
}
#content .block .blockLead.marginTop {
	margin-top:15px;
}
#content .block .blockBody .table {
	display:table;
	table-layout:fixed;
	margin-top:20px;
	width:100%;
}
#content .block .blockBody .cell {
	display:table-cell;
	vertical-align:top;
	padding-left:25px;
	padding-right:25px;
	text-align:center;
}
#content .block .blockBody .table.fixed .cell .image {
	width:246px;
}
#content .block .blockBody .cell .text {
	margin-top:10px;
	text-align:left;
}
#content .block .blockBody .cell .text.center {
	text-align:center;
}
#content .block .blockBody .cell .text p {
	font-size:1.3em;
}
#content .block .blockBody .cell .text p.headline {
	margin-bottom:5px;
	font-weight:bold;
	color:#888;
}

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

	for smartphone override

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

/*----------------------------------------------------------------------------------------
	basic
---------------------------------------------------------------------------------------- */
body {
	-webkit-text-size-adjust: 100%;
}

/*----------------------------------------------------------------------------------------
	common 
---------------------------------------------------------------------------------------- */
#header,
#content,
#footer {
	min-width:0;
}
#header .inner,
#content .inner,
#footer .inner {
	width:auto;
	margin-left:10px;
	margin-right:10px;
}

/*----------------------------------------------------------------------------------------
	header
---------------------------------------------------------------------------------------- */
#header {
	height:40px;
	padding-top:10px;
	padding-bottom:10px;
}
#header h1,
#header #logo {
	vertical-align:top;
}
#header h1 {
	font-size:1.4em;
	line-height:1.5;
}
#header #logo {
	padding-top:8px;
}
#header #logo img {
	height:26px;
	margin-right:5px;
}

/*----------------------------------------------------------------------------------------
	content
---------------------------------------------------------------------------------------- */
#content {
	padding-top:15px;
	padding-bottom:15px;
}
#content .lead {
	font-size:1.3em;
}
#content .movie {
	margin-top:15px;
	margin-left:0;
	margin-right:0;
}
#content .block.movie {
	margin-top:0;
	margin-left:10px;
	margin-right:10px;
}
#content .movie .player,
#content .movie .text {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}
#content .movie .player {
	width:100%;
}
#content .movie .player iframe {
	width:100% !important;
	height:240px !important;
}
#content .movie .text {
	width:100%;
	padding-left:0;
}
#content .block.movie .text {
	width:100%;
}
#content .movie .text .headline {
	font-size:1.5em;
	color:#bbb394;
	margin-bottom:5px;
	margin-top:10px;
}
#content .wrap {
	margin-top:15px;
}
#content .wrap .wrapHead {
	border-top:4px solid #bbb394;
	border-bottom:1px dashed #bbb394;
	padding:15px;
}
#content .wrap .wrapHead h2 {
	font-size:1.6em;
}
#content .wrap .wrapHead p {
	font-size:1.4em;
}
#content .wrap .pickup {
	padding:20px;
	border:1px solid #bbb394;
	text-align:left;
}
#content .wrap .pickup:last-child {
	padding-left:10px;
	padding-right:10px;
	padding-top:0;
	padding-bottom:0;
	border:0;
}
#content .wrap .pickup p {
	font-size:1.4em;
}
#content .wrap .pickup.cal p span {
	display:block;
}
#content .wrap .pickup p.headline {
	color:#bbb394;
	margin-bottom:8px;
	text-decoration:underline;
}
#content .wrap .pickup p.notice {
	margin-top:15px;
	font-size:1.2em;
	color:#888;
}
#content .block {
	padding:15px;
}
#content .block .blockHead {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:10px;
}
#content .block .blockHead h3 {
	font-size:1.5em;
}
#content .block .blockLead {
	font-size:1.4em;
}
#content .block .blockLead.marginTop {
	margin-top:20px;
}
#content .block .blockBody .table {
	display:block;
	letter-spacing:-40em;
	margin-top:-5px;
}
#content .block .blockBody .cell {
	width:100%;
	display: block;
	letter-spacing:normal;
	padding-left:0;
	padding-right:0;
	margin-top:20px;
}
#content .block .blockBody .table .image {
	width:auto !important;
	margin-left:20px;
	margin-right:20px;
}
#content .block .blockBody .table .image.full {
	margin-left:0;
	margin-right:0;
}
#content .block .blockBody .cell .text {
	margin-top:0;
}
#content .block .blockBody .cell .text p {
	font-size:1.5em;
}
#content .block .blockBody .cell .text p.headline {
	text-align:center;
	margin-bottom:0;
}

}

/* 20231025 */
#measure .haba-flex {
    padding: 0 20px;
}

#measure .take-flex {
    padding: 0 20px;
}

#measure .take02-flex {
    padding: 0 20px;
}

#content .block .blockHead2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: 0;
}

#content .block .blockHead2 h3 {
    font-size: 1.6em;
}

.cell h3{
	text-align: left;
	font-size: 15px;
}

#content .block .cell .blockLead {
    font-size: 1.4em;
    margin: 15px auto 0;
    text-align: left;
    padding: 0;
}

#content .block .cell h3 {
	text-align: left;
    font-size: 16px;
}

.take-decide_flex{
	display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.take-decide_flex_img{
	width:calc(100%/3);
	font-size:14px;
	text-align: center;
	border: 1px solid #333;
	border-top: 0;
}

.no_border_r{
	border-right: 0;
}

.no_border_l{
	border-left: 0;
}

.take-decide_flex_title{
	font-size: 16px;
    text-align: center;
    padding: 10px;
    border: 1px solid #333;
    margin-top: 20px;
}

.take-decide_flex_img img{
	padding: 10px 0;
}

.title_cell{
	padding: 10px 0;
    border-bottom: 1px solid #333;
}

.attention_box{
	border: 2px solid #e20;
    background: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: 1px underline;
    line-height: 1.6;
    color: #e20;
    padding: 20px;
}

.attention_box p{
	font-size: 14px !important;
    text-align: left;
}

.attention_txt{
	font-size: 16px;
    text-align: left;
}

.attention_txt:before{
	content: "";
    padding: 5px 0;
    padding-left: 30px;
    background-image: url(/Contents/default/img/measure/attention-icon.png);
    background-repeat: no-repeat;
    background-size: 30px;
    margin-right: 10px;
}

.mb20_cr{
	margin: 20px auto !important;
    text-decoration: unset !important;
}

#measure .table {
	display:table;
	table-layout:fixed;
	margin-top:20px;
	width:100%;
}
#measure .cell {
	display:table-cell;
	vertical-align:top;
	padding-left:25px;
	padding-right:25px;
	text-align:center;
}
#measure .table.fixed .cell .image {
	width:246px;
}
#measure .cell .text {
	margin-top:10px;
	text-align:left;
}
#measure .cell .text.center {
	text-align:center;
}
#measure .cell .text p {
	font-size:1.3em;
}
#measure .cell .text p.headline {
	margin-bottom:5px;
	font-weight:bold;
	color:#888;
}

.wide_img{
	max-width: 800px;
    margin: 20px auto;
    width: 100%;
    display: block;
}

.col2_txt{
	margin-top: 40px !important;
    text-align: left;
}

.img_col2{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    margin: 20px auto;
}

.img_col2_l{
	width: 40% !important;
}

.img_col2_r{
	width: 60% !important;
}

.bold_txt{
	font-weight: bold;
    font-size: 22px;
    color: #333;
    padding: 0 5px;
}

.pc_show{
	display: block;
}

.sp_show{
	display: none;
}

@media screen and (max-width: 767px) {
	.attention_box{
		font-size: 14px;
		padding: 15px;
	}

	#measure .table {
		display:block;
		letter-spacing:-40em;
		margin-top:-5px;
	}
	#measure .cell {
		width:100%;
		display:block;
		letter-spacing:normal;
		padding-left:0;
		padding-right:0;
		margin-top:20px;
	}
	#measure .image {
		width:auto !important;
		margin-left:20px;
		margin-right:20px;
	}
	#measure .image.full {
		margin-left:0;
		margin-right:0;
	}
	#measure .text {
		margin-top:0;
	}
	#measure .cell .text p {
		font-size:1.5em;
	}
	#measure .cell .text p.headline {
		text-align:center;
		margin-bottom:0;
	}

	.col2_txt{
		margin-top: 0px !important;
	}

	.img_col2 {
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}

	.img_col2_r {
		width: 100% !important;
	}

	.img_col2_l {
		width: 80% !important;
		margin-top: 20px !important;
	}

	.take-decide_flex {
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}

	.take-decide_flex_img {
		width: calc(100%/1);
		margin-bottom: 20px;
		border-top: 1px solid #333;
	}

	.take-decide_flex_title {
		margin: 20px 0;
	}

	.no_border_r{
		/*border-top:0;*/
		border-right: 1px solid #333;
	}
	
	.no_border_l{
		border-left: 1px solid #333;
	}

	.attention_txt:before {
		content: "";
		padding: 5px 0;
		padding-left: 30px;
		background-size: 25px;
		vertical-align: middle;
		margin-right: 0px;
	}

	.pc_show{
		display: none;
	}
	
	.sp_show{
		display: block;
	}
}