@charset "utf-8";

body {
	font-family: Meiryo UI, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 17px;
}

h3 {
    font-size: 14px;
}

img {
    max-width: 100%;
}

a:hover {
    text-decoration: underline double;
}

.header{
    position:absolute;
    top: 0;
    left: 0;
    border: 2px solid #707070;
    padding: 6px 3px;
    margin: 2px 2px;
    width: 99%;
    height: 62px;
}

header .header_parts{
    width: 98%;
    display: flex;
    justify-content: space-between;
}

header .corp_text{
    position: absolute;
    left: 120px;
    bottom: 0;
}    

main{
    position: relative;
}

main .subscription {
    padding: 6px 6px;
    margin: 84px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

main .submit-button{
    background-color: #ff9a9e;
    display: block;
    padding: 10px 20px;
    border-radius: 4px;
}

main .top_extra {
    padding: 6px 6px;
    margin: 84px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.top_extra_text {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.top_extra_pic{
    width: 30%;
}


main .top_hareruya_story {
    padding: 6px 6px;
    margin: 84px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.top_harepic_text {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.top_hareruya_story_pic{
    width: 30%;
}

main .top_otenki_coorde {
    padding: 6px 6px;
    margin: 15px 2px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.top_otenkicoorde_text {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.top_otenkicoorde_pic{
    width: 30%;
}

main .top_daily_forecast{
    padding: 6px 6px;
    margin: 15px 2px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.top_daily_forecast_text{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;  
}

.top_daily_forecast_pic{
      width: 30%; 
}

main .top_season_life{
    padding: 6px 6px;
    margin: 15px 2px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.top_season_life_text{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;  
}

.top_season_life_pic{
         width: 30%; 
}

main .event_info{
    padding: 50px 50px;
    margin:15px 2px;
    border: 3px solid #333333;
    background-color: beige;
    text-align: center;
}

main .top_our_company{
    padding: 100px 150px;
    margin:15px 2px;
    background: url(../pic/work.jpg) no-repeat right center/cover ;
    color:white
}

footer {
    height: 50px;
    text-align: center;
    padding: 10px 4%;
    background-color: #D1C7C7
}

.hareruya_story{
    padding: 6px 6px;
    margin: 84px 2px;
}

.hareruya_story h1{
    text-align: center;
    margin-bottom: 10px;
}

.hareruya_story p{
    margin-top: 10px;
}

.otenki_coorde{
    padding: 6px 6px;
    margin: 84px 2px;
}

.otenki_coorde h1{
    text-align: center;
    margin-bottom: 10px;
}

.otenki_coorde p{
    margin-top: 10px;
}

.daily_forecast{
    padding: 6px 6px;
    margin: 84px 2px;
}

.daily_forecast h1{
    text-align: center;
    margin-bottom: 20px;
}

.daily_forecast h2{
    text-align: center;
    margin-bottom: 5px;
}

.todays_forecast{
    padding: 6px 6px;
    margin: 20px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.todays_forecast p{
    text-align: center;
}

.english_tf{
    padding: 6px 6px;
    margin: 20px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.english_tf p{
    text-align: center;
}

.whole_japan{
    padding: 6px 6px;
    margin: 20px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.whole_japan p{
    text-align: center;
}

.weekly_forecast{
    padding: 6px 6px;
    margin: 20px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.weekly_forecast　h2{
    text-align: center;
}

.kanpuudokuun{
    padding: 6px 6px;
    margin: 20px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.kanpuudokuunn　h2{
    text-align: center;
}

.kanpuudokuun p{
    text-align: center;
}

.season_life_top {
    padding: 6px 6px;
    margin: 84px 2px;
}

.season_life_top h1{
    text-align: center;
    margin-bottom: 30px;
}


.event_info{
    padding: 6px 6px;
    margin: 84px 2px;
}

.event_info h1{
    text-align: center;
    margin-bottom: 30px;
}

.work{
    padding: 6px 6px;
    margin: 84px 2px;
}

.work h1{
    text-align: center;
    margin-bottom: 30px;
}

.work_kishou{
    padding: 6px 6px;
    margin: 20px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.work_life{
    padding: 6px 6px;
    margin: 20px 2px 10px;
    border: 3px solid #333333;
    border-radius: 20px;
}

.work_kishou h2{
    margin-bottom: 5px;
}

.work_life h2{
    margin-bottom: 5px;
}

.kazenoyui_logo{
    margin-top: 10px;
}

.work_life_spec{
    padding: 6px 6px;
    margin: 84px 2px;
}

.work_life_spec h1{
    text-align: center;
    margin-bottom: 30px;
}

.sts{
    padding: 6px 6px;
    margin: 20px 2px 10px;
}

.sts h2{
    margin-bottom: 5px;
}

.honda_mokurou{
    padding: 6px 6px;
    margin: 20px 2px 10px;
}

.honda_mokurou h2{
    margin-bottom: 5px;
}

.heart_and_heart{
    padding: 6px 6px;
    margin: 20px 2px 10px;
}

.heart_and_heart h2{
    margin-bottom: 5px;
}

.kitchen_kraft{
    padding: 6px 6px;
    margin: 20px 2px 10px;
}

.kitchen_kraft h2{
    margin-bottom: 5px;
}

.garimpairo{
    padding: 6px 6px;
    margin: 20px 2px 10px;
}

.garimpairo h2{
    margin-bottom: 5px;
}

.higuchi{
    padding: 6px 6px;
    margin: 20px 2px 10px;
}

.higuchi h2{
    margin-bottom: 5px;
}

.toiawase{
    padding: 6px 6px;
    margin: 84px 2px 100px;
}

.toiawase h1{
    text-align: center;
    margin-bottom: 30px;
}

.toiawase h2{
    text-align:center;
    margin: 20px auto 20px;
}

.toiawase p{
    text-align: center;
}

.menu{
    padding: 6px 6px;
    margin: 30% 2px;
}

.menu li{
    color: whitesmoke;
    text-align: center;
    padding: 6px 6px;
    margin: 20px auto 20px;
    border-radius: 50px;
    background-color: #707070;
    width: 60%;
    font-size: 20px;
}

.season_life_article{
    padding: 6px 6px;
    margin: 84px 2px;
}

.season_life_article h1{
    text-align: center;
    margin-bottom: 30px;
}

.sl_header{
    position:absolute;
    top: 0;
    left: 0;
    border: 2px solid #707070;
    padding: 6px 3px;
    margin: 2px 2px;
    width: 99%;
    height: 62px;
}

.sl_header_parts{
    width: 98%;
    display: flex;
    justify-content: space-between;
}

.sl_corp_text{
    position: absolute;
    left: 120px;
    bottom: 0;
}

@media screen and (max-width: 640px) {
    
}