@charset "UTF-8";
/* CSS Document */
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

header .header_cnt .btns a:hover,
.result .result_cnt .result_catch a:hover,
.service.result_cnt .result_catch a:hover,
footer a:hover{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

body {
  background: #fcfcfc;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
  color: #000;
  font-weight: 500;
  font-size: 1em;
  line-height: 28px;
  letter-spacing: 0.05em;
  word-break: break-word;
  font-feature-settings: "palt";
}


/*ヘッダー*/

.header{
    background: url(img/head_bg.gif) repeat-x bottom left !important;
    width: 100%;
    height: 70px;
    padding-top: 10px;
}
.header .innr{
    width: 962px;
    margin: auto;
}
.header .innr .sns{
    float: right;
	margin-top: 15px;
}
.header .innr .sns ul{
    margin: 0;
    padding: 0;
}
.header .innr .sns ul li{
    display: inline-block;
    vertical-align: top;
}
.logo_opa01 a{
	margin-left: 10px;
    display: block;
    background: url(img/logo_opa01.png) repeat-x top left;
    width: 80px;
    height: 48px;
    float: left;
}
.logo_opa02 a{
    margin-left: 20px;
    display: block;
	margin-top: 16px;
    background: url(img/logo_opa02.gif) repeat-x top left;
    width: 58px;
    height: 18px;
    float: left;
}
.logo_vivre a{
    margin-left: 20px;
    display: block;
	margin-top: 16px;
	background: url(img/logo_vivre_2.gif) repeat-x top left;
    width: 48px;
    height: 18px;
    float: left;
}
.logo_forus a{
    margin-left: 20px;
    display: block;
	margin-top: 16px;
	background: url(img/logo_forus_2.gif) repeat-x top left;
    width: 66px;
    height: 18px;
    float: left;
}

.content{
	width: 95%;
	max-width: 840px;
	margin: 5% auto;
}

.content .title{
	margin-bottom: 6%;
}

.content .movie{
	position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin-bottom: 10%;
}

.content .movie iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content .image{
	margin-bottom: 10%;
}

.content .gallery{
	width: 100%;
	margin-bottom: 10%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content .gallery .photo{
	width: 19%;
}

.content .title img,
.content .image img,
.content .gallery .photo img{
	width: 100%;
}

/*フッター*/
#Foot{
    background: #fff;
    width: 100%;
    height: 30px;
    padding-top: 10px;
    font-size: 77%;
    line-height: 1;
}
#Foot .innr{
    width: 962px;
    margin: auto;
}
#Foot .innr .copy{
    float: left;
}
#Foot .innr .logos{
    width: 242px;
    float: right;
}


#Foot1 {
    font-size: 15px;
}
#Foot1 .foot_list {
    padding-top: 3px;
}
#Foot1 .foot_opa {
    padding-top: 15px;
}
#Foot1 .foot_opa #Copy {
    margin-top: 5px;
}