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

 Base Layout

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

html, body {
	-webkit-text-size-adjust:none;				/* 文字の大きさを自動で変化させない */
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:14px; font-weight: 500;
}


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

 ここからcss

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

.section {width: 100%; margin: 0 auto; }
.layout {padding-top: 100px;}


/* header */
.header { line-height: 1; padding: 30px 0 ;background: #c3000f; width: 100%;}
.header h1 {font-size: 20px; color: #fff; padding-left: 30px;}
/* header */



/* headerArea */
.headerArea {background: #e60012; height: 440px; width: 100%; display: table;}
.headerArea .header_img {display: table-cell; vertical-align: middle;}
.headerArea img {padding: 0 0 50px; width: 100%; max-width: 674px; display: block; margin-left: auto; margin-right: auto;}
.headerArea h3 {color: #fff; text-align: center; font-size: 30px; line-height: 1.6;}
/* headerArea */

/* menuArea */
.menuArea {font-size: 0; width: 100% ; max-width: 1210px; margin: 0 auto; padding:0 50px 75px; min-height: 0px;}
.menuArea p {font-size: 24px;}
.menuArea .news h2 {text-align: center; line-height: 1; margin-bottom: 10px; font-size: 30px; }
.menuArea .news img {padding-bottom: 70px; display: block; margin-left: auto; margin-right: auto; width:42px; height:auto;}
.menuArea .news-topic { padding-left: 50px;  position: relative;}
.menuArea .news-topic .news-day { color: #808080; font-size: 20px; padding-bottom: 2px;}
.menuArea .news-topic a {text-decoration: none; color: #000000;}
.menuArea .news-topic a:hover { text-decoration: underline;}
.menuArea .news-topic .icon_01 {margin-bottom: 20px;  line-height: 1.6; font-weight: normal;}
.menuArea .news-topic .important-text {margin-bottom: 25px;}
.menuArea .news-topic .important-text::before {content:"【重要なお知らせ】"; display: block; color:#e60012; font-weight: 500;}
.menuArea .news-topic .icon_01::after  {content:""; position:absolute; background-image: url(../img/icon_01.png); width: 30px; height: 30px; left: 0; top:27%; }
/* menuArea */

/* contentsArea */
.contentsArea { background: #eeeeee; padding-bottom: 60px;}
.contentsArea .company h2 {text-align: center; line-height: 1; margin-bottom: 10px; font-size: 30px;}
.contentsArea .company img {padding-bottom: 70px; display: block; margin-left: auto; margin-right: auto; width:84px; height:auto;}
.contents-box ul {list-style:none; width: 100%; max-width: 560px; margin: 0 auto; line-height:1.6; }
.contents-box li {font-size: 20px; color: #000; padding-bottom: 2px;  }
.contents-box .contents-border  {margin-bottom: 24px; border-top: 1px solid #dcdcdc; overflow: hidden; padding-top: 5px; font-weight: normal; color: #6e6e6e;}
/* contentsArea */

/* footer */
.footer {background: #535353; padding: 80px 0}
.footer p {color: #fff; text-align: center; font-size: 16px;}
/* footer */

@media screen and ( max-width:768px ) {
.layout {padding-top: 50px;}
.headerArea,
.contents-box{ width: 100%;}
/* header */
.header {padding: 15px 0;}
.header h1 {font-size: 12px; padding-left: 15px;}
/* headerArea */
.headerArea {height: 220px;}
.headerArea img {padding: 0 0 25px; max-width: 360px; width:278px; height:auto; }
.headerArea h3 {font-size: 15px}
/* menuArea */
.menuArea {padding:0 0 30px; min-height: 375px;}
.menuArea p {font-size: 15px; letter-spacing: 0;}
.menuArea .news h2 {font-size: 20px;}
.menuArea .news img {padding-bottom: 28px; width: 30px; height:auto;}
.menuArea .news-topic { padding-left: 25px; margin: 0 20px; }
.menuArea .news-topic .news-day { font-size: 12px;}
.menuArea .news-topic .icon_01::after {background-size: 15px auto; width: 15px; height: 15px; top:17px; }
/* contentsArea */
.contentsArea { height: auto; padding:0 20px 30px;}
.contentsArea .company h2 {font-size: 20px; }
.contentsArea .company img  {width:64px; height: auto; padding-bottom: 28px;}
.contents-box li {font-size: 15px; }
.contents-border {margin-bottom: 20px; }
/* footer */
.footer {height: auto; padding: 40px 0;}
.footer p {font-size: 12px;}
}