﻿@charset "utf-8";

body {
  width: 100%;
  margin:0 auto;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-size:1rem;
}

a:hover{
    color: #ff0000;
    text-decoration: none;
}

/* header */

.header {
  width: 100%;
  height: 570px;
  padding-top:85px;
  background-image: url('images/top.jpg');
  background-size: cover;
  margin:0 auto;
}

.header_info1 {
  border-radius:27px;
  width:620px;
  height:54px;
  margin:35px auto 10px auto;
  background-color:#ea5504;
  color:#FFF;
  line-height:200%;
  font-size:180%;
  font-weight:bold;
  text-align: center;
}

.header_info2 {
  display: flex;
  width:600px;
  margin:0 auto;
  align-items: center; 
}

.circle1 {
  position: relative;
  width: 122px;
  height: 122px; 
  background-color: #e50012;
  border-radius: 50%;
  text-align: center;
}

.circle1-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	color:#fff000;
	font-size:120%;
	line-height:150%;
	font-weight:bold;
}

.header_txt {
	margin-left:20px;
	margin-top:40px;
	width:450px;
	height:130px;
	line-height:170%;
	font-weight:bold;
}

.header_info3 {
  border-radius:25px;
  width:380px;
  height:50px;
  background-color:#fff000;
  color:#e50012;
  font-size:130%;
  line-height:250%;
  font-weight:bold;
  text-align: center;
  margin:10px auto;
}

.header_info4 {
  width:100%;
  margin:0;
  padding:50px 0;
  background-image: url('images/bg_1.jpg');

}

/* 実施概要 */

.contents1 {
	margin-top:50px;
	margin-bottom:50px;
}

.contents1_gaiyo {
  width:620px;
  border-radius:26px;
  height:52px;
  margin:0 auto;
  background-color:#22ac38;
  color:#fff000;
  font-size:150%;
  line-height:220%;
  font-weight:bold;
  text-align: center;
}

.contents1_txt {
  width:450px;
  font-size:110%;
  font-weight:bold;
  text-align: center;
  padding-bottom:20px;
  line-height:180%;
  border-bottom:#22ac38 solid 1px;
  margin:30px auto 20px auto;
}

.contents1_txt2 {
  display: flex;
  width:450px;
  font-size:110%;
  font-weight:bold;
  margin:0 auto;
}

.reception {
  width:9rem;
  color:#22ac38;
  padding:8px;
  margin-right:20px;
  margin-left:20px;
  border:#22ac38 solid 1px;
}

.contents1_txt3 {
  padding:8px 0;
  font-size:110%;
  font-weight:bold;
}

/* 7つのコース */

.contents2 {
  width: 100%;
  background-image: url('images/bg_2.jpg');
  margin-top:25px;
  padding-top:10px;
  padding-bottom:40px;
}

.contents2_title {
  border-radius:26px;
  width:620px;
  height:54px;
  margin:50px auto;
  background-color:#ffffff;
  color:#22ac38;
  font-size:180%;
  line-height:200%;
  border:#22ac38 solid 1px;
  font-weight:bold;
  text-align: center;
}

.course {
  display: flex;
  margin:12px auto;
  width:798px;
  height:309px;
}

.course1 {
  width:384px;
  height:309px;
  background-image: url('images/course_bg1.jpg');
}

.course1_inner {
  margin-top:90px;
  margin-left:10px;
  line-height:150%;
  font-size:110%;
  font-weight:bold;
}

.course1_inner li {
  padding-top:6px;
}

.course2 {
  width:384px;
  height:309px;
  background-image: url('images/course_bg2.jpg');
  margin-left:30px;
}

.course2_inner {
  margin-top:90px;
  margin-left:15px;
  line-height:150%;
  font-size:110%;
  font-weight:bold;
}

.course2_inner li {
  padding-top:6px;
}

.course3 {
  width:384px;
  height:309px;
  background-image: url('images/course_bg3.jpg');
}

.course4 {
  width:384px;
  height:309px;
  background-image: url('images/course_bg4.jpg');
  margin-left:30px;
}

.course5 {
  width:384px;
  height:309px;
  background-image: url('images/2022course_bg5.jpg');
  margin-left:30px;
}

.course6 {
  width:384px;
  height:309px;
  background-image: url('images/course_bg6.jpg');
  margin-left:30px;
}

.course7 {
  width:384px;
  height:309px;
  background-image: url('images/course_bg7.jpg');}

.circle2 {
	background-image:url('images/circle.jpg');
	width:271px;
	height:251px;
	margin-top:20px;
	margin-left:70px;
}

.circle2-inner {
  color:#ffffff;
  margin-top:70px;
  font-size:130%;
  line-height:180%;
  font-weight:bold;
  text-align:center;
}

/* 「おうちで健康チャレンジ！ 2021」の流れ */

.contents3 {
  width: 100%;
  background-image: url('images/bg_1.jpg');
  padding:60px 0;
  margin-top:0;
}

.contents3_title {
  border-radius:27px;
  width:620px;
  height:54px;
  margin:0 auto 60px auto;
  background-color:#ea5504;
  color:#ffffff;
  font-size:170%;
  line-height:205%;
  font-weight:bold;
  text-align: center;
}

.nagare_waku {
  border-radius: 10px;
  width:780px;
  height:200px;
  background-color:#FFF;
  margin:30px auto;
  align-items: center; 
  display: flex;
}

.nagare_num {
  width: 85px;
  height: 85px; 
  background-color: #22ac38;
  border-radius: 50%; 
  font-size:250%;
  font-weight:bold;
  text-align: center;
  line-height: 80px;
  color:#FFF;
  margin-left:30px;
}

.nagare_txt {
  margin-left:30px;
  width:452px;
  line-height:180%;
  font-weight:bold;
}

.nagare_ill {
   margin-right:20px;
}


/* 参加申し込みフォーム　記録用紙ダウンロード */

#contents4 {
  display: flex;
  margin:0 auto;
  width:772px;
  height:320px;
  align-items: center; 
}

.form  {
  float:left;
  margin-right:60px;
}
.download {
  margin-left: auto;
    margin-right: auto;
}

#contents4 a:hover img.hoverimg {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* footer */
  
.footer{
  width:100%;
  background-color:#7acd88;
  padding:38px 0 38px 0;  
}

.footer_inner{
  display:block;
  width:330px;
  font-size:90%;
  line-height:150%;
  margin:0 auto;
}