@charset "UTF-8";

/* ==================================================

  HTML5 Reset+

================================================== */
a{
color:#000;
text-decoration:none;
}

a:link{
}

a:visited{
}

a:hover{
text-decoration:underline;
}

/*a:active{
text-decoration:underline;
}*/

a:focus{
outline:none;
}

li{
list-style:none;
}

img{
vertical-align:bottom;
}

em{
font-style:normal;
}

h1,h2.h3,h4,h5,h6,strong{
font-weight:normal;
}

/* ==================================================

  Default

================================================== */

body{
background-color:#fff;
font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Yu Gothic', Meiryo, メイリオ, sans-serif;
color:#3a3937;
}
#wrapper{margin:0 auto;}

/* --------------- header -------------------- */
header #logo{padding:26px 0 20px;}
header #logo a{display:block;text-align:center;}
header #logo a img{width:168px;height:39px;}

/* --------------- main ---------------------- */
#main .main-image{max-width:1440px;margin:0 auto;}
#main .main-image img{width:100%;}

/* -------------- columnlist ------------------------ */
#column-list{width:1005px;margin:90px auto 50px;}
#column-list h2{margin-bottom:30px;font-size:38px;line-height:56px;color:#333;}
#column-list p{font-size:18px;line-height:34px;color:#333;}
#column-list h3{margin:50px 0 40px;font-size:30px;line-height:45px;color:#333;}
#column-list ul::after{content:"";display:block;clear:both;}
#column-list ul li{float:left;width:485px;display:block;overflow:hidden;margin:0 35px 50px 0;}
#column-list ul li:nth-child(2n){margin-right:0;}
#column-list ul li:nth-child(2n+1){clear:both;}
#column-list ul li a{display:block;position:relative;}
#column-list ul li a:hover{opacity:0.8;text-decoration:none;}
#column-list ul li .icon{margin-bottom:10px;}
#column-list ul li .icon img{width:100%;}
#column-list ul li .date{margin-bottom:5px;font-size:13px;line-height:25px;color:#333;text-align:right;}
#column-list ul li .title{margin-bottom:15px;font-size:22px;font-weight:bold;line-height:36px;color:#333;}
#column-list ul li .summary{font-size:14px;line-height:24px;color:#333;}

/* -------------- introduction ------------------------ */
#introduction-area{width:1005px;margin:0 auto 110px;}
#introduction-area h3{margin-bottom:30px;font-size:30px;color:#333;line-height:45px;}
#introduction-area .image{margin-bottom:5px;}
#introduction-area .copyright{margin-bottom:25px;font-size:13px;color:#333;line-height:25px;text-align:right;}
#introduction-area .summary{margin-bottom:80px;font-size:16px;color:#333;line-height:31px;}
#introduction-area .banner h3{text-align:center;}

/* -------------- more ------------------------ */
#more-area{padding:100px 0;background:#fffbd9;}
#more-area .inner{width:1005px;margin:0 auto;}
#more-area h3{margin-bottom:30px;font-size:38px;color:#333;line-height:56px;}
#more-area p{margin-bottom:20px;font-size:20px;color:#333;line-height:45px;}
#more-area .banner{margin-bottom:70px;}
#more-area .youtube{display:block;width:100%;position:relative;padding-top:56.25%;}
#more-area .youtube iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

/* ------ footer ------------- */
footer{padding:60px 0;background:#e2d6b0;}
footer .copy{display:block;text-align:center;font-size:16px;color:#000;}