@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;
}

.top-main {
	position:relative;
}

.top-link-btn {
    position:absolute;
	top:42px;
	right:0;
	width:260px;
	background:#fff;
}

.top-btn-obi {
	position:absolute;
	top:255px;
	left:0;
	width:100%;
	background:rgba(96,30,14,0.85);
	padding:15px 0;
}

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

.top-btn-text-large {
    font-size:19px;
    color:#fff;
    margin-bottom:2px;
}

.top-btn-text-small {
    font-size:14px;
    color:#fff;
    line-height:1.4;
}

.maru-btn-wrap {
    width:290px;
    display:flex;
	justify-content: space-between;
	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;
}

.content-block {
	display:flex;
}

.main {
	width:858px;
	background:#fff;
	padding:53px 0 50px;
}

.side-obi {
	width:71px;
}

.obi-left {
	background-image: url(side-obi-left.jpg);
    background-size: 71px;
}

.obi-right {
	background-image: url(side-obi-right.jpg);
    background-size: 71px;
}

.page-title-bar {
	width:800px;
	margin:0 auto 50px;
}

.sinsaiin-wrap {
	width: calc(100% + 71px);
	margin:0 0 25px -71px;
	padding-right:25px;
}

.sinsaiin-block {
	display:flex;
	justify-content: space-between;
	margin-bottom:40px;
}

.sinsaiin-photo {
	width:300px;
	background:#000;
	padding-bottom:3px;
}

.sinsaiin-desc {
	width:588px;
}

.sinsaiin-text-01 {
	font-size:15.5px;
	line-height:1.5;
	color:#666;
	text-align: justify;
	margin:-4px 0 11px;
}

.sinsaiin-text-02 {
	font-size:11.2px;
	line-height:1.5;
	color:#666;
	text-align: justify;
	margin:25px 0 0;
}

.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;
	line-height:1;
}

.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;
}

.logo-shoulder {
	font-size:15px;
	text-align:center;
	margin-bottom:15px;
}

.ogc-logo {
	width:370px;
	margin:0 auto;
}