@charset "utf-8";
/*==================================================================================================
|
|基本設定
|
==================================================================================================*/
/* 共通class */
@import url('https://secure.apap.jp/vc/base/usr/docs/css/common_smart.css');
/*########################################################################################
｜
｜くうねるあるく共通ヘッダー（固定）
｜
########################################################################################*/
/*-----------------------------------------------------------------------------
｜
｜■┓くうねるあるく共通ヘッダー（固定）用
｜┗┛ハンバーガーメニューボタン
｜
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
｜
｜■┓くうねるあるく共通ヘッダー（固定）用
｜┗┛プライマリメニュー
｜
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
｜
｜■┓ハンバーガーメニュー内コンテンツ
｜┗┛#ham_menu_contents
｜
-----------------------------------------------------------------------------*/
#ham_menu_contents nav.ham_menu,
#ham_menu_contents nav.ham_menu+div {
	padding: 8px;
	width: 100%;
}
#ham_menu_contents nav.ham_menu+div {
	display: none;
}
/*########################################################################################
|
|トップ用ヘッダー
|#wrap_header_top内
|
########################################################################################*/
#wrap_header_top header {
	background: url(../images/header_bg_667.png) 50% 0 no-repeat;
	width: 100%;
}
@media screen and (max-width: 480px){
	#wrap_header_top header {
		background: url(../images/header_bg_480.png) 50% 0 no-repeat;
	}
}
#wrap_header_top header h1 {
	padding: 32px 24px 16px 24px;
}
#wrap_header_top header h1 img.title_second {
		left: calc(50% - 40px);
	width: 80px;
	height: auto;
}
#wrap_header_top header h1 img.mhlw_sticker {
	display: none;
}
#wrap_header_top header .lead ,
#wrap_header_top header .about_esw,
#wrap_header_top header .tsb_smart {
	margin-bottom: 24px;
}
#wrap_header_top header .about_esw .pad {
	display: flex;
		align-items: center;
		justify-content: center;
	width: 100%;
}
#wrap_header_top header .about_esw .pad a {
	display: block;
	text-align: center;
	width: calc(100% - 48px);
}
#wrap_header_top header .tsb_smart { /* 毎日つうしんぼスマホ用 */
	display: flex;
		align-items: center;
		justify-content: center;
}
#wrap_header_top header .tsb_smart a {
	background: #fff;
	border-radius: 40px;
	box-shadow: 0px 0px 0px 4px #fff, 4px 4px 16px rgba(160, 160, 160, 0.8);
	border: dashed 1px #f99;
	color: #f66;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	width: calc(100% - 48px);
}
#wrap_header_top header .tsb_smart a:hover {
	opacity: .6;
	text-decoration: none;
}
#wrap_header_top header .tsb_smart a:after {
	content: "\f044";
	font-family: FontAwesome;
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0 6px;
}
#wrap_header_top header .tsb_smart a span {
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
}
#wrap_header_top header nav div.esw { /* くう・ねる・あるく */
	display: flex;
		align-items: center;
		justify-content: center;
	width: 100%;
	height: auto;
}
#wrap_header_top header nav div.esw .cmt {
	display: block;
	margin-top: 40px;
}
#wrap_header_top header nav div.esw ul li {
	position: relative;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(1) .cmt {
	color: #090;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(2) .cmt {
	color: #1414c1;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(3) .cmt {
	color: #f60;
}
#wrap_header_top header nav div.esw ul li {
	display: flex;
		align-items: center;
		flex-direction: column;
}
#wrap_header_top header nav div.esw ul li img:nth-of-type(1) { /* くうねるあるく丸ボタン */
	width: 280px;
	height: 280px;
}
#wrap_header_top header nav div.esw ul li img:nth-of-type(2) { /* くうねるあるく丸ボタンコメント */
	width: 100px;
	height: 100px;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(1) img:nth-of-type(1) { /* くう */
	position: static;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(1) img:nth-of-type(2) { /* くうコメント */
	display: none;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(2) img:nth-of-type(1) { /* ねる */
	position: static;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(2) img:nth-of-type(2) { /* ねるコメント */
	position: static;
	display: none;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(3) img:nth-of-type(1) { /* あるく */
	position: static;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(3) img:nth-of-type(2) { /* あるくコメント */
	position: static;
	display: none;
}
#wrap_header_top header nav div.esw { /* くう・ねる・あるく */
	margin-bottom: 40px;
	position: relative;
	width: 100%;
	height: auto;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(1) { /* くう */
	position: static;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(2) { /* ねる */
	position: static;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(3) { /* あるく */
	position: static;
}
/*
#wrap_header_top header nav div.esw ul li:nth-of-type(1) img {
	width: auto;
	height: auto;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(2) img {
	width: auto;
	height: auto;
}
#wrap_header_top header nav div.esw ul li:nth-of-type(3) img {
	width: auto;
	height: auto;
}
*/
#wrap_header_top header nav div.tsb { /* 毎日つうしんぼ */
	display: none;
}
/*########################################################################################
|
|コンテンツ１
|#wrap_other_systems内
|
########################################################################################*/
#wrap_other_systems {
	border-top: 1px solid #ccc;
}
#wrap_other_systems section article {
	width: 100%;
}
#wrap_other_systems section h2 {
	margin: 32px 0 32px 0;
}
#wrap_other_systems section article {
	padding: 32px 32px;
	width: 100%;
}
#wrap_other_systems section article h3 {
	font-size: 28px;
	font-size: 2.8rem;
}
#wrap_other_systems section article p {
	margin-bottom: 24px;
}
#wrap_other_systems section article.partition {
	padding-top: 0;
	border-right: none;
	border-bottom: 1px solid #ccc;
}
#wrap_other_systems section article .btn_go {
	text-align: center;
}

/*########################################################################################
|
|セカンダリ用ヘッダー
|#wrap_header内
|
########################################################################################*/
#wrap_header {
	height: auto;
}
#wrap_header #header_bg {
	background: url(../images/header_bg_sec_667.png) 50% 0 no-repeat;
	width: 100%;
	height: auto;
}
main article > h2 {
	text-align: center;
}


/*########################################################################################
|
|ログインページスタイル
|#login_wrap
|
########################################################################################*/
#login_wrap table.wtd th ,
#login_wrap table.wtd td {
	display: block;
	text-align: center;
}
#login_wrap table.wtd th {
	white-space: nowrap;
}
#login_wrap table.wtd th:nth-child(1) {
	border-top: none;
}

/*########################################################################################

サイト共通スタイルまとめ

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

■┓テーブルスタイル
┗┛
-----------------------------------------------------------------------------*/
/*-------------------
SP表示では縦に並べて<tbody>で分割し表示させる
複数のidやclassを全て持った要素にだけスタイルを適用させたい場合の記述(複数指定箇所はドット(.)つなぎにして絞り込む)
--------------------------------------------------*/
table.sp_change_lengthway.sp_width_max {
	display: block;
}
table.sp_change_lengthway.sp_tbl_center {
	margin-right: auto;
	margin-left: auto;
}
table.sp_change_lengthway tbody,
table.sp_change_lengthway tbody tr,
table.sp_change_lengthway tbody tr th,
table.sp_change_lengthway tbody tr td {
	display: block;
	text-align: left;
}
table.sp_change_lengthway thead {
	display: none;
}
table.sp_change_lengthway tbody {
	margin-top: 10px;
}
table.sp_change_lengthway tbody th,
table.sp_change_lengthway tbody td {
	border-bottom: none !important;
}
table.sp_change_lengthway tbody tr:last-of-type td:last-of-type {
	border-bottom: 1px solid #ccc !important;
}

/*-----------------------------------------------------------------------------
|
■┓ページ遷移ボタン
┗┛
-----------------------------------------------------------------------------*/
.submit_area {
	flex-direction: column;
	align-items: center;
	margin: 24px 0;
}
.submit_area a.btn_back {
	margin-bottom: 16px;
	min-width: 256px;
}

/*-----------------------------------------------------------------------------
|
■┓ポップアップ内の閉じるボタン
┗┛
-----------------------------------------------------------------------------*/
.popup_btn_close img {
	width: 48px;
	height: 59px;
}



/*########################################################################################
|
|ウィンドサイズ480px以下のスタイル
|
########################################################################################*/
@media screen and (max-width: 480px){
	#wrap_header #header_bg {
		background: url(../images/header_bg_sec_480.png) 50% 0 no-repeat;
		width: 100%;
		height: auto;
	}
	#wrap_header header h1 {
		height: 200px;
	}
	main article > h1 {
		font-size: 32px;
		font-size: 3.2rem;
	}
	main article {
		padding: 0 16px 40px;
	}
	main article > h2 {
		margin: 80px -8px .5em;
	}
	.other_menu ul {
		margin-top: 1em;
	}
	.other_menu ul li {
		margin-bottom: .5em;
		text-align: center;
		width: 100%;
	}
	.other_menu ul li a::before {
		content: none;
	}
/*-----------------------------------------------------------------------------
|
|■┓「第2回くうねるあるく」未エントリーポップアップ用
|┗┛
-----------------------------------------------------------------------------*/
	.skip_ttl {
		font-size: 22px;
		font-size: 2.2rem;
		margin: 8px 0 32px;
		padding: 0;
	}
	.skip_contents {
		margin: 0 auto 0;
		padding: 32px 0;
	}
}
/*########################################################################################
|
|ウィンドサイズ320px以下のスタイル
|
########################################################################################*/
@media screen and (max-width: 320px){
	#header_kuneru section h1 span:first-child {
		display: none;
	}
}