@charset "UTF-8";

.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}
.clear{
	clear:both;}

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
	*zoom: 1;
}

.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
.h-style01 {
	font-size: 18px;
	letter-spacing: 3px;
	background: #d7000f;
	color: #fff;
	border-left: solid 7px #000;
	line-height: 1;
	padding: 10px;
	margin-bottom: 20px !important;
}
.t-style01 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin: 30px 0;
}
.t-style01 th {
	padding: 10px 20px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background: #f2f2f2;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.t-style01 td {
	padding: 10px 20px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
.t-style01 caption {
	text-align: left;
	background: url(/images/square.gif) left center no-repeat;
	padding-left: 17px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;s
}
form input[type='text'] {
	border: solid 1px #ccc;
}
form textarea {
	border: solid 1px #ccc;
	width: 99%;
	font-weight: 13px;
}
.s-txt {
	font-size: 11px;
}
.topic-path {
	font-size: 11px;
	margin: 0 0 10px 0;
}
.more {
	text-align: right;
}
.list-ul {
	list-style: disc;
	margin-left: 20px;
}
.border-box {
	border: solid 1px #ccc;
	padding: 10px;
	margin-bottom: 10px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* bxslider */
.bx-wrapper {
	margin: 0 auto 40px auto !important;
	min-width: 960px;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 0 !important;
	left: 0 !important;
	background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 20px !important;
	z-index: 9999 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff !important;
	border: solid 2px #0099d9 !important;
	-moz-border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	border-radius: 50% !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #a1cdeb !important;
}
.bx-wrapper .bx-prev {
	left: 0 !important;
	background: url(/images/bx-arrow.gif) left top no-repeat !important;
}
.bx-wrapper .bx-next {
	right: 0 !important;
	background: url(/images/bx-arrow.gif) right top no-repeat !important;
}
.bx-wrapper .bx-prev:hover {
	background-position: left bottom !important;
}
.bx-wrapper .bx-next:hover {
	background-position: right bottom !important;
}
.bx-wrapper .bx-controls-direction a {
	margin-top: -55px !important;
	width: 40px !important;
	height: 60px !important;
}

/* レイアウト
---------------------------------------------------------------------- */
body {
	line-height: 1.8;
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	background-color: #eee;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #000;
	outline: none;
}
strong {
	color: #d7000f;
}
#wrapper {
	text-align: center;
}

/* header */
header {
	color: #fff;
	background: #000;
	z-index: 99999;
	width: 100%;
	border-bottom: solid 8px #d7000f;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
	/*position: absolute;
	top: 0;
	left: 0;*/
}
header .set {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 20px 0;
	text-align: left;
	position: relative;
}
header h1 {
	line-height: 1;
}
header p {
	line-height: 1;
	position: absolute;
	top: 30px;
	right: 0;
}
header p strong {
	color: #fff;
	border: solid 1px #fff;
	padding: 5px 10px;
	letter-spacing: 1px;
}

/* global-nav */
#global-nav {
	position: absolute;
	bottom: 20px;
	right: 0;
}
#global-nav li {
	float: left;
}
#global-nav li a {
	display: block;
	margin-left: 7px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	border-radius: 3px;
	transition: all 0.3s linear;
	opacity: 1 !important;
	cursor: pointer;
padding: 0 5px
}
#global-nav li a:hover {
	color: #fff;
	background: #d7000f;
}
#home #home-nav a,
#about #about-nav a,
#trouble #trouble-nav,
#flow #flow-nav a,
#lineup #lineup-nav a,
#partnership #partnership-nav a {
	background: #000 !important;
}

.social-btn ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 0;
	bottom: 200px;
}

/* contents */
#contents {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 60px 0;
	text-align: left;
} 

/* mainimage */
#mainimage {
	background: #fff;
	border-bottom: solid 10px #000;
	position: relative;
}
#mainimage div.set {
	width: 100%;
	height: 480px;
}
#mainimage div.new {
	background: url(/images/new-main.gif) left top no-repeat;
}
#mainimage h2 {
	padding: 25px 0 0 125px;
}
#mainimage dl {
	width: 335px;
	position: absolute;
	top: 120px;
	left: 535px;
}
#mainimage dl dt {
	margin-bottom: 15px;
}


#newsTopics {
	display:block;
	margin-top:25px;
	padding:15px 25px;
	background: #fff;
}
#newsTopics .oshirase{
	float:left;
	margin-right:10px;
	background-color:#d7000f;
	color:#FFFFFF;
	padding:3px 10px;
	font-weight:bold;
}
#newsTopics .oshirase02{
	float:left;
	padding-top:3px;
}
#newsTopics .oshirase_blue{
	float:left;
	margin-right:10px;
	background-color:#0F3284;
	color:#FFFFFF;
	padding:3px 10px;
	font-weight:bold;
}

#newsTopics02 {
	display:block;
	margin-top:25px;
	padding:15px 0;
	background: #fff;
}
#newsTopics02 .oshirase{
	float:left;
	margin-right:10px;
	background-color:#d7000f;
	color:#FFFFFF;
	padding:3px 10px;
	font-weight:bold;
}
#newsTopics02 .oshirase02{
	float:left;
	padding-top:3px;
}


/* fixed */
#main-header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}
#main-header.fixed #cd-header h1 a {
	width: 126px;
	height: 23px;
	background: url(/images/onedesktop-logo-s.png) left top no-repeat;
}
#main-header.fixed #cd-header .copy {
	position: absolute;
	top: 22px;
	left: 140px;
	font-size: .85em;
}
#main-header.fixed #cd-header .copy span {
	display: inline;
}
#main-header.fixed #cd-header .tel-banner a {
	width: 190px;
	height: 18px;
	background: url(/images/tel-banner-s.png) left top no-repeat;
	position: absolute;
	top: 19px;
	right: 0;
}

/* contents-box */
.contents-box2 {
	width: 465px;
	min-height: 700px;
	float: left;
	background-color: #fff;
}
.contents-box {
	width: 465px;
	min-height: 1900px;
	float: left;
	background-color: #fff;
}
.contents-box .set h3 ,.contents-box2 .set h3{
	border-bottom: solid 1px #000;
	margin-bottom: 20px !important;
}
.contents-box .set h4 ,.contents-box2 .set h4{
	border-bottom: dotted 1px #000;
	margin-bottom: 10px;
	padding-bottom: 5px;
}


.contents-box .contents-list dt ,.contents-box2 .contents-list dt{
	clear: both;
	width: 40px;
	float: left;
	color: #c00;
	font-weight: bold;
}
dl.contents-list{text-align: center;}
dl.contents-list p{text-align: left;}


.contents-box .contents-list dt.b ,.contents-box2 .contents-list dt.b {
	line-height: 30px;
}
.contents-box .contents-list dd ,.contents-box2 .contents-list dd {
	margin-left: 40px;
	padding-bottom: 10px;
}
.contents-box .contents-list strong ,.contents-box2 .contents-list strong {
	color: #000;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
	line-height: 30px;
}
.contents-box .contents-list span.num, .contents-box2 .contents-list span.num {
	color: #c00;
	margin-right: 10px;
	font-weight: bold;
	float:left;
	display:block;
}
.contents-box .contents-list span.txt_p ,.contents-box2 .contents-list span.txt_p {
	float:left;
	display:block;
}
div.sub:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;}



.contents-box .contents-list span.red ,.contents-box2 .contents-list span.red {
	color: #c00;
}
.contents-box .contents-list dd .sub ,.contents-box2 .contents-list dd .sub {
	font-size: 12px;
	line-height: 1.5;
}
.contents-box .contents-list.serial, .contents-box2 .contents-list.serial {
	font-size: 11px;
}
.contents-box .contents-list.serial dd,.contents-box2 .contents-list.serial dd {
	padding-bottom: 5px;
	line-height: 1.5;
}
.contents-box .pic-box,.contents-box2 .pic-box {
	line-height: 1.5;
	margin-bottom: 20px;
}

/*.contents-box .set li {
	list-style: none;
	border-top: dotted 1px #333;
	padding: 20px 0;
}
.contents-box .set strong {
	color: #000;
	font-size: 12px;
}
.contents-box .photo-box .read {
	width: 240px;
	float: left;
	white-space: nowrap;
}
.contents-box .photo-box img {
	float: right;
}
.contents-box li.col2 dl {
	width: 50%;
	float: left;
	font-size: 11px;
}
.contents-box li.col2 dt {
	width: 3em;
	float: left;
}
.contents-box li.col2 dd {
	margin-left: 3em;
} */

/* present-box */
.present-box {
	width: 465px;
	float: right;
	background-color: #fff;
	margin-bottom: 30px;
}
.present-box h3 a.more {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: normal;
}
.present-box ul {
	border-bottom: dotted 1px #333;
	margin-bottom: 20px;
}
.present-box li img {
	float: left;
}
.present-box li .read {
	margin-left: 200px;
}
.present-box li h4 {
	font-weight: normal;
}

/* topics-box */
.topics-box {
	width: 465px;
	float: right;
	background: #fff;
}
.topics-box h2 {
	margin: 10px 0 20px 0;
	padding: 10px;
	line-height: 1;
	border-left: solid 7px #000;
	background: #d7000f;
	color: #fff;
}
.topics-box p {
	margin-bottom: 10px;
}
.topics-box ul {
	margin-bottom: 10px;
}
.topics-box li {
	list-style: none;
	width: 190px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.subscription-banner,
.consultation-banner {
	width: 465px;
	float: right;
	margin: 0 0 30px 0;
	text-align: center;
}
.subscription-banner img{
	vertical-align:top;
}
.fb-tw-wrap-box{
  float: right;
  text-align: center;
  width:465px;
}
.fb-tw-wrap-box p{text-align: center;}

.fb-like-box,.tw-like-box {
	float: right;
	margin: 0 0 30px 0;
	background: #fff;
  width:465px;
}
.tw-like-box script{width:465px; height:700px;}

/* #home */
#home #contents .contents-box .set,
#home #contents .contents-box2 .set,
#home #contents .present-box .set,
#home #contents .topics-box .set {
	padding: 20px 30px 30px 30px;
}
#home #contents .set h3 {
	margin-bottom: 5px;
	position: relative;
}

/* page */
.page #maincontents {
	background: #fff;
	padding: 60px;
	min-height: 500px;
}
.page h2 {
	margin-bottom: 20px;
}
.page h3 {
	font-size: 15px;
	margin-bottom: 5px;
}

/* about */
.concept-box {
	margin-bottom: 60px;
}
.concept-box h3 {
	color: #fff;
	background-color: #d7000f;
}
.concept-box h3 span {
	font-size: 12px;
}
.concept-box .logo {
	text-align: center;
	margin: 60px 0;
	line-height: 1;
}
.about-img {
	text-align: center;
	margin: 30px 0 60px 0;
}
.outline-box {
	margin-bottom: 60px;
}
.outline-box table {
	margin: 0;
}

/* store */
#store-nav h3 {
	margin: 15px 0 5px 0;
}
#store-nav h4 {
	margin: 5px 0;
}

#store-nav li {
	float: left;
}
/* 20150423変更 */
/*#store-nav li a {
	text-decoration: none;
	margin-right: 4px;
	padding: 2px 10px;
	background-color: #eee;
	line-height: 2;
	border-radius: 3px;
}*/
#store-nav li.area {
	width:65px;
	outline: none;
	margin:0 4px 2px 0;
	padding: 2px 5px;
	background-color: #eee;
	line-height: 2;
	border-radius: 3px;
	text-align:center;
}
#store-nav li.area:hover {
	opacity:0.5;
}
#store-nav li.convi {
	width:65px;
	outline: none;
	margin:0 4px 2px 0;
	padding: 2px 5px;
	background-color: #FCE0E0;
	line-height: 2;
	border-radius: 3px;
	text-align:center;
}

#book_nagoya {
	display:block;
	margin:40px 0;
}
#book_nagoya h5 {
	font-size:12px;
	line-height:12px;
	font-weight:bold;
}
#book_aichi {
	display:block;
	margin:40px 0;
}
#book_aichi h5 {
	font-size:12px;
	line-height:12px;
	font-weight:bold;
}
.t-style01_001 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin: 10px 0 20px 0;
}
.t-style01_001 th {
	width:40%;
	padding: 10px 20px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background: #f2f2f2;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.t-style01_001 td {
	padding: 10px 20px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

/* present */


#present .ireguraP {/*20140423追記 */
	text-align:center;
}

#present span.red {
	color: #c00;
	font-size:20px;
}


#present .present-img {
	margin: 40px 0 20px 0;
}
#present ul.present-list {
	list-style: none;
	margin: 30px 0;
}
#present ul.present-list li {
	width: 48%;
	/*height: 170px;*/
	margin-bottom:35px;
	float: left;
}
#present ul.present-list li:nth-child(2n) {
	float: right;
}
#present ul.present-list li h4 {
	white-space: nowrap;
	position: relative;
	padding: 2px 0 0 32px;
	margin-bottom: 5px;
	line-height: 1.5;
}
#present ul.present-list li h4 span.num {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-color: #d7000f;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
#present ul.present-list li p {
	padding-left: 32px;
}
#present ul.present-list li p img {
	width: 100%;
	height: 160px;
}
.notes-box {
	margin: 30px 0;
}
.notes-box h4 {
	font-size: 13px;
	margin-bottom: 10px;
}
.notes-box ul {
	margin-left: 20px;
}
.consent {
	border: solid 1px #ccc;
	padding: 10px;
	margin: 30px 0;
	font-weight: bold;
	text-align: center;
	background-color: #eee;
}

/* consultation */
#consultation .mainimage {
	margin: 30px 0 0 0;
	line-height: .5;
}
#consultation .profile-box {
	margin: 20px 0;
}
#consultation .profile-box dl.left-col {
	width: 400px;
	float: left;
}
#consultation .profile-box dl.right-col {
	width: 400px;
	float: right;
}
#consultation .profile-box dt {
	font-weight: bold;
}
#consultation .profile-box dd {
	font-size: 11px;
}
#consultation .profile-box dd ul {
	margin: 0 0 5px 20px;
}

/* slider */
#slider {
	text-align: center;
}
#slider .slide div {
	width: 960px;
	height: 450px;
	margin: 0 auto;
	text-align: left !important;
	position: relative;
	cursor: pointer;
}
#slider .slide div h2 {
	padding: 40px 0 20px 0;
}
#slider .slide div p.read {
	padding-left: 95px;
	font-size: 15px;
}
#slider .slide div p.case-img {
	position: absolute;
	top: 0;
	right: 0;
}
#slider .slide01 {
	background: url(/images/slide01-bg.jpg) left top repeat-x;
}
#slider .case01 {
	background: url(/images/case01-bg.jpg) left top no-repeat;
}
#slider .slide02 {
	background: url(/images/slide02-bg.jpg) left top repeat-x;
}
#slider .case02 {
	background: url(/images/case02-bg.jpg) left top no-repeat;
}
#slider .slide03 {
	background: url(/images/slide03-bg.jpg) left top repeat-x;
}
#slider .case03 {
	background: url(/images/case03-bg.jpg) left top no-repeat;
}
#slider .slide04 {
	background: url(/images/slide04-bg.jpg) left top repeat-x;
}
#slider .case04 {
	background: url(/images/case04-bg.jpg) left top no-repeat;
}
#slider .slide05 {
	background: url(/images/case05-bg.jpg) center top repeat-x;
}
#slider .case05 {
	background: url(/images/case05-bg.jpg) center top no-repeat;
}
#slider .slide div.case05 h2 {
	padding: 25px 0 !important;
	text-align: center !important;
}
#slider .slide div.case05 h2 img {
	margin: 0 auto;
	padding-left: 12px;
}
#slider .slide div.case05 .case-img01 {
	position: absolute;
	top: 80px;
	right: 20px;
}
#slider .slide div.case05 .case-img02 {
	position: absolute;
	top: 80px;
	left: 20px;
}

/* banner-set */
.banner-set {
	width: 465px;
	float: right;
	margin: 0 auto;
}
.banner-set ul {
	list-style: none;
	margin-bottom: 40px;
}
.banner-set li {
	width: 220px;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	float: left;
}
.banner-set li:nth-child(2n) {
	float: right;
}
.banner-set li img {
	width: 220px;
	height: auto;
}

/* footer */
footer {
	clear: both;
	background-color: #000;
	color: #fff;
}
footer .set {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 60px 0;
	text-align: left;
	position: relative;
}
footer a {
	color: #fff;
}
footer address {
	font-style: normal;
}
footer p.copyright {
	position: absolute;
	right: 0;
	bottom: 60px;
}

#page-top {
	position: fixed;
	right: 40px;
	bottom: 40px;
}
#page-top a {
	display: block;
	width: 80px;
	height: 80px;
	background: url(/images/page-top.png) center center no-repeat;
	text-indent: -9999px;
}

/* lineup */
#lineup .price strong {
	color: #0099d9;
}
#lineup .price td,
#lineup .option td {
	text-align: center;
}
#lineup .option {
	margin-top: 60px;
}

/* subscription */
#subscription #contents .set {
	margin-bottom: 60px;
	line-height: 1.5;
}
#subscription .read {
	width: 420px;
	float: left;
}
#subscription .subscription-img {
	width: 400px;
	float: right;
}
#subscription .info dt {
	font-weight: bold;
	line-height: 1;
	margin-top: 15px;
}
#subscription .info dd strong {
	font-size: 18px;
}
#subscription .info dd span {
	color: #d7000f;
	font-weight: bold;
}
#subscription #contents ol,
#subscription #contents ul {
	margin: 0 0 20px 20px;
}
#subscription #contents ol li {
	margin-bottom: 10px;
}
#subscription #contents ol li img {
	margin-top: 10px;
}
#subscription #contents h4 {
	border-bottom: solid 1px #000;
	margin: 20px 0 20px 0;
	padding-bottom: 5px;
}
#subscription .left-box {
	width: 400px;
	float: left;
}
#subscription .left-box p {
	margin-bottom: 20px;
}
#subscription .left-box strong a {
	color:  #000;
	text-decoration: none;
	font-size: 18px;
	white-space: nowrap;
}
#subscription .right-box {
	width: 400px;
	float: right;
}
#subscription .right-box dt {
	font-weight: bold;
}
#subscription .right-box dd {
	margin: 0 0 1em 1em;
}
#subscription .right-box .border-box {
	margin: 40px 0;
}
#subscription .right-box .border-box h4 {
	margin: 0 0 10px 0 !important;
	padding-bottom: 10px !important;
	border-color: #ccc !important;
	text-align: center;
}
#subscription .right-box .border-box p {
	margin: 20px 20px 10px 20px;
}
#subscription .right-box .border-box strong {
	color: #000;
}

/* contact */
#contact .tel {
	margin-bottom: 10px;
}
#contact .tel dt {
	font-size: 1.1538em;
	font-weight: bold;
	color: #0099d9;
	margin-bottom: 2px;
}
#partnership .t-style01 th,
#contact .t-style01 th {
	width: 9em;
}

/* form */
.require {
	color: #d7000f;
}
.form-btn {
	text-align: center;
}
.error-msg {
	border: solid 1px #d7000f;
	text-align: center;
	padding: 5px;
	margin: 30px 0;
}
.success {
	border: solid 1px #009e96;
	text-align: center;
	padding: 5px;
	margin: 30px 0;
	color: #009e96;
}
.wtn_copyright { display: none }

.notice-box {
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
}
.notice-box dt {
	font-size: 1.2em;
	font-weight: bold;
	color: #d7000f;
}

/* story */

.vol_title{
	display:block;
	padding:0 0 30px 0;
	margin-bottom:30px;
	border-bottom:1px solid #000;}

.storyBox_left{
	width:395px;
	display:block;
	float:left;}
.storyBox_left h4{
	margin:0;
	padding:0 0 20px 0;
	font-size:16px;
	line-height:22px;
	color:#182987;
	font-weight:bold;}
.storyBox_left p{
	margin:0;
	font-size:12px;
	line-height:22px;}
.storyBox_right{
	width:395px;
	display:block;
	float:right;}
.storyBox_right h4{
	margin:0;
	padding:0 0 20px 0;
	font-size:16px;
	line-height:22px;
	color:#182987;
	font-weight:bold;}
.storyBox_right p{
	margin:0;
	font-size:12px;
	line-height:22px;}
.moreprevewBox{
	display:block;
	text-align:center;
	margin:55px auto;}
.profBoxAria{
	display:block;}
.profBoxAria img{
	float:left;}
.profBoxAria p{
	display:block;
	font-size:10px;
	line-height:16px;
	width:715px;
	padding-left:15px;
	border-left:1px solid #000;
	float:right;}
.pdB20{
	padding-bottom:20px;}



/* golf */

.golfBox_left{
	width:395px;
	display:block;
	float:left;}
.golfBox_left h4{
	margin:0;
	padding:0 0 20px 0;
	font-size:16px;
	line-height:22px;
	color:#a0d600;
	font-weight:bold;}
.golfBox_left p{
	margin:0;
	font-size:12px;
	line-height:22px;}
.golfBox_right{
	width:395px;
	display:block;
	float:right;}
.golfBox_right h4{
	margin:0;
	padding:0 0 20px 0;
	font-size:16px;
	line-height:22px;
	color:#a0d600;
	font-weight:bold;}
.golfBox_right p{
	margin:0;
	font-size:12px;
	line-height:22px;}




.f20{
	font-size:20px;
	font-weight:bold;}

.b{font-weight: bold;}
.red{color:#d7000f;}

/* タブ切り替え */
.tab{
  list-style: none;
  padding:0;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tab__item{
  flex:1;
  flex-basis: 120px;
  background-color:#65c6ba;
  cursor: pointer;
}
.tab__item.on{
  background-color:#b1e2dc;
}
.tab-body__item{
  display: none;
}
.tab-body__item.on{
  display:block;
}