@charset "UTF-8";
/* CSS Document */
main {
	min-width: 1280px;
	margin-top: 0px;
}

.header {
background-image: url("../image2020/pc/04_4_os_autumn/autumn_pc_1.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 1280px;
height: 520px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:120px;
z-index: 5;
}

.header h3 {
background-image: url("../image2020/pc/04_4_akashi/header_pc.png");
background-repeat: no-repeat;
background-color: #ffffff;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 985px;
height: 454px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:30px;
}

article {
width: 985px;
height: auto;
display: block;
margin: 0px auto;
background-color: hsla(0,100%,99%,0.00);
box-shadow: -2px 0 30px 0px rgba(0, 0, 0, .2);
padding-bottom: 80px;
padding-top: 200px;
position: relative;
top: 0px;
}

.text{
width: 640px;
font-size: 18px;
height: auto;
display: block;
margin: 0px auto 0px auto;
line-height : 28px;
letter-spacing : -0.8px;
font-weight: 400;
text-align:justify;
}

.text strong{
font-size: 18px;
line-height : 28px;
font-weight: bolder;
color: red;
}

.text span{
font-size: 16px;
height: auto;
display: block;
margin: 8px auto 0px auto;
line-height : 24px;
font-weight: 300;
text-align:justify;
}

.link1 {
text-decoration: none;
margin: 30px auto 10px auto;
width: 292px;
height: 54px;
display: block;
}
.link2 {
text-decoration: none;
margin: 30px auto 0px auto;
width: 464px;
height: 54px;
display: block;
}
.link2sp{
display: none;
}
article a:hover{
opacity: 0.6;
}

h4 {
background-image: url("../image2020/pc/04_4_akashi/akashi_02.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 30px auto;
width: 476px;
height: 64px;
padding-top: 10px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.akashi {
background-image: url("../image2020/pc/04_4_akashi/akashi_03pc.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 20px auto;
width: 955px;
height: 458px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.mapakashi{
width: 80%;
height: auto;
display: block;
margin: 100px auto 0px auto;
}
.mapakashi h3{
background-image: url("../image2020/pc/04_4_akashi/akashi_05.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 30px auto;
width: 160px;
height: 37px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.mapakashi h5{
margin: 70px auto 20px auto;
width: 100%;
height: auto;
text-align: center;
font-size: 20px;
font-weight: 600;
}
.mapakashi iframe{
width: 100%;
height: 420px;
display: block;
margin: 0px auto;
}


.detail {
width: 985px;
height: auto;
display: block;
margin: 70px auto 0px auto;
position: relative;
clear: both;
}

.detail h4 {
background-image: url("../image2020/pc/04_4_os_autumn/autumn_pc_8.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 0px auto;
width: 83px;
height: 52px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.detail .ohdetail {
	clear: both;
	overflow: hidden;
	height: auto;
    width: 706px;
    margin: 30px auto;
    letter-spacing : -0.8px;
}

.detail .ohdetail dl {
  display: block;
   width: 706px;
}
.detail .ohdetail dl dt {
	font-weight: bolder;
	display: block;
	width: 190px;
	font-size: 16px;
    text-indent: -16px;
    margin-left: 16px;
	float: left;
}
.detail .ohdetail dl dt::before{
  content: "■";
  color: #FFE000;
}

.detail .ohdetail dl dd {
	display: block;
	margin-left: 200px;
    padding-left: 40px;
	font-size: 16px;
	width: 460px;
	margin-bottom: 30px;
}

/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:800px){
main {
	min-width: 100%;
	margin-top: 0px;
}

article {
width: 100%;
height: auto;
display: block;
	margin: 0px auto;
	background-color: hsla(0,100%,99%,0.00);
	box-shadow: none;
	padding-bottom: 0px;
}

.header {
background-image: none;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto -160px auto;
width: 100%;
height: auto;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:0px;
z-index: 5;
}

.header h3 {
background-image: url("../image2020/pc/04_4_akashi/header_sp.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 100%;
height: 0px;
padding-top: 128%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:0px;
}

.text{
width: 80%;
font-size: 17px;
height: auto;
display: block;
margin: 0px auto 0px auto;
line-height : 28px;
letter-spacing : -0.8px;
font-weight: 400;
text-align:justify;
}

.text strong{
font-size: 17px;
line-height : 28px;
font-weight: bolder;
color: red;
}

.text span{
font-size: 16px;
height: auto;
display: block;
margin: 8px auto 0px auto;
line-height : 24px;
font-weight: 300;
text-align:justify;
}

.link1 {
text-decoration: none;
margin: 30px auto 40px auto;
width: 292px;
height: 54px;
display: block;
}
.link2 {
display: none;
}
.link2sp{
text-decoration: none;
margin: 30px auto 0px auto;
width: 292px;
height: 85px;
display: block;
}
article a:hover{
opacity: 0.6;
}

h4 {
background-image: url("../image2020/pc/04_4_akashi/akashi_02.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 10px auto;
width: 90%;
height: 120%;
padding-top: 20px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.akashi {
background-image: url("../image2020/pc/04_4_akashi/akashi_03sp.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 0px auto;
width: 325px;
height: 1256px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.mapakashi{
width:90%;
height: auto;
display: block;
margin: 100px auto 0px auto;
}
.mapakashi h3{
background-image: url("../image2020/pc/04_4_akashi/akashi_05.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 30px auto;
width: 160px;
height: 37px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.mapakashi h5{
margin: 40px auto 10px auto;
width: 100%;
height: auto;
text-align: center;
font-size: 16px;
font-weight: 600;
}
.mapakashi iframe{
width: 100%;
height: 420px;
display: block;
margin: 0px auto;
}

.detail {
width: 100%;
height: auto;
display: block;
margin: 50px auto 0px auto;
padding-bottom: 110px;
}
.detail .ohdetail {
  clear: both;
  overflow: hidden;
  float: none;
  width:100%;
  display: block;
  margin: 20px auto 0px auto;
  
}
.detail .ohdetail  dl {
  margin: 0px auto ;
  width:90%;
}
.detail .ohdetail  dl dt {
	font-weight: bolder;
	width:360px;
	text-indent: -17px;
    margin-left: 17px;
    margin-bottom: 5px;
	font-size: 17px;
	display: block !important;
	float:none !important;
}
.detail .ohdetail  dl dd {
	display: block;
	float:none !important;
	margin: 0px auto 20px auto;
	font-size: 16px;
  width:90%;
  line-height: 28px;
  text-align: justify;
text-justify: inter-ideograph;
}
	
}