@charset "utf-8";

#main {
position:relative;width:960px;height:550px;margin-bottom:20px;background:url("//himan.jp/images/top_bg_2.jpg") no-repeat 0 0;
}

#main .cont_00 {
position:absolute;top:30px;left:205px;
}

#main .cont_12 {
position:absolute;top:62px;left:20px;
}
#main .cont_13 {
position:absolute;top:337px;left:20px;
}

/* ------------------------------------------------ */
#main .cont_01 {
position:absolute;top:20px;left:357px;
}

#main .cont_02 {
position:absolute;top:20px;left:507px;
}

#main .cont_03 {
position:absolute;top:20px;left:657px;
}

#main .cont_04 {
position:absolute;top:20px;left:807px;
}
/* ------------------------------------------------ */
#main .cont_05 {
position:absolute;top:130px;left:403px;
}

#main .cont_06 {
position:absolute;top:130px;left:703px;
}
/* ------------------------------------------------ */
#main .cont_07 {
position:absolute;top:282px;left:207px;
}

#main .cont_08 {
position:absolute;top:282px;left:357px;
}

#main .cont_09 {
position:absolute;top:282px;left:507px;
}

#main .cont_10 {
position:absolute;top:282px;left:657px;
}

#main .cont_11 {
position:absolute;top:282px;left:807px;
}

/* main_left 
------------------------------------------------ */

#main_left {
width:470px;float:left;
}

#main_right {
width:470px;float:right;
}
.content_box {
margin-bottom:20px;
}

/* list
------------------------------------------------ */
.content_box dl {
font-size:90%;
}

.content_box dl dt {
float:left;
width:80px;
margin-bottom:2px;
padding-bottom:2px;
clear: both;
padding-left:5px;
}

.content_box dl dd {
margin-bottom:2px;
padding-bottom:2px;
border-bottom: 1px dotted #a9a9a9;
}

.content_box dl dd a {
//display:block;
}


.content_box ul {
font-size:90%;
}

.content_box ul li {
margin-bottom:2px;
padding-bottom:2px;
padding-left:5px;
border-bottom: 1px dotted #a9a9a9;
}

.content_box ul a {
display:block;
}

/* 見出し
------------------------------------------------ */

h1 {
}

h2 {
margin-bottom:10px;
}

/* ------------------------------------------------ */

#outline ul {
font-size:16px;

}
#outline ul li {
padding:0 0 0 85px;
}

#outline ul li a {
padding-left:30px;
background:url("//himan.jp/images/icon_arrow.png") no-repeat 0 50%;
}

/* ad
------------------------------------------------ */

#ad {
width:960px;margin:0 auto 20px auto;
}
#ad ul {
margin:0;
padding:0;
}

#ad ul li.left {
float:left;
margin:0;
padding:0;
}

#ad ul li.right {
float:right;
margin:0;
padding:0;
}

#ad ul li.small {
margin:30px 0 0 20px;
}

#ad_s {
width:960px;margin:0 auto 20px auto;
}
#ad_s ul {
margin:0;
padding:0;
}

#ad_s ul li {
float:left;
margin:0 20px 0 0;
padding:0;
}

#ad_s ul li.last {
margin-right:0;
}

/* ad
------------------------------------------------ */

#ad {
width:960px;margin:0 auto 20px auto;
}
#ad ul {
margin:0 0 20px 0;
padding:0;
}

#ad ul#half li.left {
float:left;
margin:0;
padding:0;
}

#ad ul#half li.right {
float:right;
margin:0;
padding:0;
}

#ad ul#quarter li {
float:left;
margin:0 20px 20px 0;
padding:0;
}

#ad ul#quarter li.right {
margin-right: 0;
}

#ad ul#quarter li.last {
margin-bottom: 0;
}

/* ------------------------------------------------ */

dl.newsLetter dt {
width:50px;
padding:0;
margin:0 0 1em 0 ;
}
dl.newsLetter dd {
float:right;
width:410px;
margin:0.5em 0 1em 0;
}

/* ---------------20210428更新---------------- */
.cont_14,
a.mail_btn,
button.mail_btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1.5rem 1.3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}



a.mail_btn {
  font-size: 18px;
  position: relative;
  padding: 10px 50px 0px 50px;
  color: #fff;
  background: #12A8FF;
  -webkit-box-shadow: 0 5px 0 #12A8FF;
  box-shadow: 0 5px 0 #12A8FF;
}

a.mail_btn span {
    font-size: 13px;
    position: absolute;
    top: 3px;
    left: calc(50% - 152px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #12A8FF;
    border: 2px solid #12A8FF;
    border-radius: 0.5rem;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}

a.mail_btn:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    color: #fff;
    background: #12A8FF;
    -webkit-box-shadow: 0 2px 0 #3261ab;
    box-shadow: 0 3px 0 #;
}

a.mail_btn:hover:before {
  left: 2rem;
}

#main .cont_00 {
    position: absolute;
    top: 113px;
    left: 224px;
}

#main .cont_12 {
    position: absolute;
    top: 119px;
    left: 20px;
}

#main .cont_13 {
    position: absolute;
    top: 288px;
    left: 20px;
}