@charset "UTF-8";

body {
	background-color:#999;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    
    
    .header_bg {
        background: #EFEFEF;
        box-sizing: border-box;
    }
    .header_wrap {
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 945px;
        padding: 3.035vw 0 2.335vw;
        box-sizing: border-box;
    }
    .header_logo {
        display: inline-block;
        width: 38.548vw;
    }
    .header_logo img {
        width: 100%;
    }
    .header_pr {
        display: inline-block;
        font-size: 0;
        position: absolute;
    	top: 50%;
    	right: 15px;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	width: 8.585%;
    }
    .header_pr img {
        width: 100%;
    }
    
    
    @media screen and (min-width: 440px) {
        .header_wrap {
            padding: 14px 0 10px;
        }
        .header_logo {
            width: 150px;
        }
        .header_pr {
            width: 40px;
        }
    }
    
    
    @media screen and (min-width: 640px) {
        .header_logo {
            width: 176px;
        }
        .header_wrap {
            padding: 15.79px 0 11.74px;
        }
    }
    
    
    
    .ft_line {
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #cdcdcd;
        border: none;
    }
    
    
    
    
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; 
	padding:0; 
	letter-spacing:0;
	color:#000;
	font-family: 'ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.6em;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; 
	font-weight:normal; 
}
ul, ol, dl {
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*line-height:0;*/
}
caption,th {
	text-align:left; 
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%; 
	font-weight:normal; 
}
a:link {
	color: #0058F3;
	text-decoration: underline;
}
a:visited {
	color: #0058F3;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ---------- custom -------------------------------------------------- */
* {
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

img {
  vertical-align: bottom;
  width:100%;
  image-rendering: -webkit-optimize-contrast;
}
a img {
  border: none;
}

#container {
	width:1000px;
	margin:0 auto;
	background-color:#fff;
}

.content-wrap {
    padding-bottom:30px;
}

.bg-wrap {
    position:relative;
    background-image: url(bg.jpg);
    background-size:1000px;
    padding:20px 0 70px;
    margin-bottom:50px;
}

.page-title {
    width:570px;
    background-color: rgba(255,255,255,0.8);
    margin-bottom:20px;
}

.page-btn-obi {
	width:100%;
	background:rgba(96,30,14,0.85);
	padding:15px 0;
	margin-bottom:17px;
}

.page-btn-obi-inner {
	width:100%;
	padding:0 27px 0;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.maru-btn-wrap-left {
    width:800px;
    display:flex;
	align-items: center;
}

.maru-btn-wrap-right {
    width:72px;
    display:flex;
	align-items: center;
}

.top-btn-maru {
	width:72px;
	border:2px solid #fff;
	border-radius:50%;
	overflow:hidden;
	transition: 0.2s ease-in-out;
}

.gray-btn {
	background:#b3b3b3;
}

.top-btn-maru:hover {
	background:#b3b3b3;
	transition: 0.2s ease-in-out;
}

.btn-maru-left {
    margin-right:19px;
}

.jyusyo-menu {
    font-size:13px;
    line-height:2;
    color:#fff;
}

.jyusyo-link-gray {
    color:#aaa;
}

.jyusyo-link {
    color:#fff !important;
	text-decoration:none !important;
}

.jyusyo-link:hover {
    color:#ccc !important;
    transition: 0.1s ease-in-out;
}

.white-box {
    width:860px;
    margin:0 auto;
    background-color: rgba(255,255,255,0.8);
    padding:30px 0 50px;
}

.prize-title {
    width:1000px;
	margin-left:-70px;
}

.white-box-inner {
    width:800px;
    margin:0 auto;
    padding:30px 0 20px;
}

.work-img {
    margin-bottom:7px;
}

.work-img-flex {
    display:flex;
	justify-content: space-between;
}

.img-03-01 {
    width:250px;
}

.img-03-02 {
    width:250px;
}

.img-03-03 {
    width:286px;
}

.work-caption {
    font-size:10px;
    color:#666;
    padding-top:6px;
}

.jyusyo-foot-menu {
    font-size:11.6px;
    color:#036eb8;
    text-align:center;
    margin-bottom:45px;
}

.jyusyo-foot-link-gray {
    color:#aaa;
}

.jyusyo-foot-link {
    color:#036eb8 !important;
	text-decoration:none !important;
}

.jyusyo-foot-link:hover {
    opacity:0.75;
    transition: 0.1s ease-in-out;
}

.foot-link-bar-wrap {
    width:100%;
    height:27px;
    background:#b3b3b3;
}

.foot-link-bar {
    width:810px;
    height:27px;
    margin:0 auto 35px;
    background:#b3b3b3;
    display:flex;
}

.foot-link-bar-spacer {
    width:55px;
}

.foot-link-bar-center {
    width: calc(100% - 110px);
    text-align:center;
}

.foot-link-bar-spacer a:hover img {
    opacity:0.75;
	transition: 0.2s ease-in-out;
}

.foot-link {
	font-size:13px;
	margin:0 13px;
	color:#fff !important;
	text-decoration:none !important;
}

.foot-link:hover {
    color:#eee !important;
    transition: 0.1s ease-in-out;
}

.foot-link-gray {
	display:inline-block;
	font-size:13px;
	color:#808080;
	margin:0 13px;
	line-height:1.5;
}