@charset "UTF-8";
/* CSS Document */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*****CLEARFIX START*****/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size:0;
	content: " "; 
	clear: both; 
	height: 0; 
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

/*****CLEARFIX END*****/
body{
	font-size:16px;
	line-height: 2;
/*	font-family: 'Open Sans', sans-serif;*/
}
#oomachi #container, #okamoto_f #container, #shinohara_f #container{
	width:100%;
}
#container a{
	text-decoration: none;
	color: #000;
}
#container a:hover{
	color: rgb(109, 109, 109);
}
#container img{
	width:100%;
	height: auto;
}
#container img.max100{
	max-width: 100%;
	width: auto;
}
#container2 img.max100{
	max-width: 100%;
	width: auto;
}
#container a img  {
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      opacity: 1;
}
 #container a:hover img  {
      opacity: 0.7;
}
 #container .col_wrap {
	clear: both;
	width:90%;
	margin: 0 auto 80px;
}
@media screen and (min-width :768px){
#container .col_wrap {
	max-width: 900px;
}
}
 #container2 a:hover img  {
      opacity: 0.7;
}
 #container2 .col_wrap {
	clear: both;
	width:90%;
	margin: 0 auto 80px;
}
@media screen and (min-width :768px){
#container2 .col_wrap {
	max-width: 900px;
}
}
.mar-t20{
	margin-top: 20px;
}
.mar-t80{
	margin-top: 80px;
}
.mar-t100{
	margin-top: 100px;
}
.mar-b20{
	margin-bottom: 20px;
}
.mar-b40{
	margin-bottom: 40px;
}
.mar-b80{
	margin-bottom: 80px;
}
.mar-b100{
	margin-bottom:  100px;
}

.txt_s{
	font-size: 90%;
	line-height: 1.7;
}
.txt_r{
	text-align: right;
}
.txt_c{
	text-align: center;
}

/*ヘッダー、フッター部分*/
.sp_social_area{
	width:990px;
	margin:2px auto;
}
.sp_social_area img{
	max-width: 20px;
	width: auto;
}
table.sp_sns{
	width:100%
}
table.sp_sns td.td_sns{
	vertical-align:top;
	height:25px;
	width:10%;
}
#footer_bottom {
	margin-top: 20px;
}
#footer_bottom a{
	text-decoration: none;
}

@media screen and (max-width :768px){
.sp_social_area {
    margin: 2px auto;
    width: 100%;
}
#header > #brand_bar {
    background: #1f7338 none repeat scroll 0 0;
    font-size: 12px;
    margin: 0 0 7px;
    padding: 0;
/*	height:66px;  */
}
#header > #brand_bar > ul {
    height: 26px;
    list-style: outside none none;
    margin: 0 auto;
    width: 100%;
}
#header > #brand_bar > ul > li.right_box {
    width: 100%;
	margin: 10px 0 0;
}
#footer_bottom > .footer_bottom_layout_box {
    margin: 0 auto;
    padding: 12px 0;
    position: relative;
    width: 100%;
}
#footer_bottom > .footer_bottom_layout_box {
    margin: 0 auto;
    padding: 12px 0;
    position: relative;
    width: 100%;
}
#footer_bottom > .footer_bottom_layout_box > .f_navi {
    line-height: 160%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
	#footer_bottom > .footer_bottom_layout_box > .f_copy {
    line-height: 160%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
#footer_bottom > .footer_bottom_layout_box > .yamakei_logo {
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: 10px;
}
#footer_bottom > .footer_bottom_layout_box > .impress_logo {
    margin: 0 0 0 -27px;
	padding: 0;
 	position: relative;
	left: 50%;
    top: 10px;
    width: 57px;
}
#footer_bottom {
    font-size: 11px;
}
}
/*ヘッダー、フッター部分*/

/*トップイメージ部分*/
#container .main_img{
	position: relative;
	clear: both;
}
#container .main_logo{
	position:absolute;
	top: 15%;
	left:50%;
	width: 70px;
	margin: 0 0 0 -35px;
}
#container .main_copy{
	position:absolute;
	top: 40%;
	left:50%;
	width: 230px;
	margin: 0 0 0 -115px;
}
#container .main_credit{
	/* position:absolute;
	bottom: 20px; */
	line-height: 1.4;
	color: #FFFFFF;
	font-size:80%;
	text-align: right;
	width: 100%;
    padding: 12px 20px 40px;
}
@media screen and (min-width :768px){
#container .main_logo{
	position:absolute;
	top: 20%;
	width: 154px;
	margin: 0 0 0 -77px;
}
#container .main_copy{
	top: 50%;
	width: 460px;
	margin: 0 0 0 -230px;
}
/* #container .main_credit{
	position:absolute;
	bottom: 20px;
	right:20px;
	font-size:80%;
	text-align: left;
	width: auto;
} */
}
/*トップイメージ部分*/

/*トップコピー部分*/
#oomachi .copy{
	text-align: center;
	margin: 0 0 80px;
}
#oomachi .copy p{
	text-align: left;
	margin: 0 20px;
}
#oomachi .copy h2{
	margin-bottom: 30px;
	line-height: 1.5;
	font-size: 1.8em;
	font-weight: 700;
}
#oomachi h2{
	text-align: center;
}
#oomachi h2 img{
	max-width: 100%;
	width: auto;
	margin: 0 auto 35px 0;
}
@media screen and (min-width :768px){
#oomachi .copy p{
	text-align: center;
	font-size: 18px;
}
#oomachi h2 img{
	max-width: 100%;
	width: auto;
}
}
/*トップコピー部分*/

/*トップカラム部分*/
#oomachi .col01{
	width:100%;
	float: left;
	border: solid 1px #005cab;
	border-radius: 3px;
	position: relative;
	margin-bottom: 20px;
}
#oomachi .col01 div.text_link01{
	position: absolute;
	top: 85%;
	width: 100%;
	text-align: center;
}
#oomachi .col01 div.text_link02{
	position: absolute;
	top: 4%;
	width: 100%;
	text-align: center;
}
#oomachi .col01 div.text_link01 img,#oomachi .col01 div.text_link02 img{
	max-width: 100%;
	width: auto;
}
#oomachi .col01:first-child{
	margin-right: 10%;
}
#oomachi .col02{
	width:100%;
	margin-bottom: 20px;
}
#oomachi .col03{
	width:100%;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
#oomachi .col03 .txt_l{
	font-size: 160%;
	line-height: 1.2;
}
#oomachi .col03.bo{
	margin-right: 2%;
	margin-left: 2%;
}
#oomachi .col03.bo img{
	border: 1px #666666 solid;
	margin-bottom: 20px;
}
#oomachi .col03 img{
	margin-bottom: 20px;
}
#oomachi .col06{
	width:100%;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
#oomachi .col06 .txt_l{
	font-size: 160%;
	line-height: 1.2;
}
#oomachi .col06.bo{
	margin-right: 2%;
	margin-left: 2%;
}
#oomachi .col06.bo img{
	border: 1px #666666 solid;
	margin-bottom: 20px;
}
#oomachi .col06 img{
	margin-bottom: 20px;
}
@media screen and (min-width :768px){
#oomachi .col01{
	width:45%;
	float: left;
}
#oomachi .col02{
	width:47%;
	float: left;
}
#oomachi .col02:last-child{
	margin-left: 6%;
}
#oomachi .col03{
	width:32%;
	float: left;
}
#oomachi .col06{
	width:48%;
	float: left;
	padding: 35px;
}
}
/*トップカラム部分*/

/*トップ相談会*/
.teiin{
	font-size: 23px;
	color: #1f7238;
}
.teiin span{
	font-size: 280%;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}
.date{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.6;
    margin-bottom: 0.6em;
}
.date span{
	font-size: 150%;
/*	font-family: 'Open Sans', sans-serif; */
}
.event_tl{
	font-size: 19px;
	font-weight: bold;
    color: #1f7238;
	line-height: 1.4;
}
.col_l{
	width: 100%;
}
.col_l p{
	font-size: 90%;
	line-height: 1.4;
	margin-top: 10px;
}
.col_r{
	width: 100%;
}
.col02 .mar-t20{
	margin-top: 0px;
}
@media screen and (min-width :768px){
.teiin{
	font-size: 23px;
	color: #1f7238;
}
.teiin span{
	font-size: 260%;
	font-weight: bold;
	line-height: 1.2;
}
.col_l{
	float: left;
	width: 60%;
}
.col_r{
	float: right;
	width: 40%;
	text-align: right;
}
.col02 .mar-t20{
	margin-top: 20px;
}
}
/*トップ相談会*/

/*トップ問い合わせ*/
.toiawase {
	position: relative;
	border: 1px solid #005cab;
	padding: 80px 20px 20px;
	line-height: 1.3;
/*	font-family: 'Open Sans', sans-serif;*/
	margin-top: 100px;
	background-color: #FFFFFF;
}
.toiawase h2 {
	position: absolute;
	top: -82px;
	left: -1px;
	width: 80%;
	height: auto;
}
.back_mountain{
	position: absolute;
	right: 0px;
	top: -50px;
	width: 70%;
	z-index: -2;
}
.txt_ad{
	font-size: 15px;
}
.txt_ad span{
	font-size: 120%;
	font-weight: bold;
}
.txt_green{
	font-size: 37px;
	font-weight: bold;
	color: #005cab;
	line-height: 1.2;
}
.txt_green span{
	font-size: 60%;
}
p.txt_green a{
	color: #005cab !important;
}
@media screen and (min-width :768px){
.toiawase {
	padding: 80px 50px 50px;
}
.toiawase h2 {
	position: absolute;
	top: -82px;
	left: -1px;
	width: 325px;
	height: 145px;
}
.back_mountain{
	position: absolute;
	right: 0px;
	top: -88px;
	width: 70%;
}
.txt_green{
	font-size: 44px;
}
}
/*トップ問い合わせ*/

/***ファミリーページ***/

/*メイン見出し*/
#okamoto_f .copy, #shinohara_f .copy {
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
#okamoto_f .copy .col01, #shinohara_f.copy .col01{
	float: none;
	width:100%;
}
#okamoto_f #container .copy .col01 h2, #shinohara_f #container .copy .col01 h2{
	text-align: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
#okamoto_f .copy .col01 p, #shinohara_f .copy .col01 p{
	margin-bottom: 20px;
}
@media screen and (min-width :768px){
#okamoto_f .copy .col01, #shinohara_f .copy .col01{
	float: left;
	width: 50%;
}
}
/*メイン見出し*/

/*見出し*/
#okamoto_f #container h2, #shinohara_f #container h2{
	text-align: center;
	position: relative;
}
#okamoto_f #container h2 span, #shinohara_f #container h2 span{
	display: none;
}
#okamoto_f #container h2 span.style01{
	top: 70px;
	right: 0px;
}
#okamoto_f #container h2 span.style02{
	top: 130px;
	right:100px;
}
@media screen and (min-width :768px){
#okamoto_f #container h2 span{
	position: absolute;
	display: block;
}
}
/*見出し*/

/*下メニュー*/
#okamoto_f .col_wrap .col02, #shinohara_f .col_wrap .col02{
	width:100%;
	text-align: center;
	font-size: 120%;
	margin-bottom: 20px;
}
#okamoto_f #container .col_wrap a:hover, #shinohara_f #container .col_wrap a:hover{
	border-bottom: 1px solid #CCC;
	padding: 10px;
}
#okamoto_f #container .col_wrap a.active, #shinohara_f #container .col_wrap a.active {
	border-bottom: 1px solid #000;
	padding: 10px;
}
@media screen and (min-width :768px){
#okamoto_f .col_wrap .col02, #shinohara_f .col_wrap .col02{
	float: left;
	width:33.3333333333%;
	text-align: center;
}
}
/*下メニュー*/
/*移住相談会メニュー*/
#okamoto_f .col_wrap .tit, #shinohara_f .col_wrap .tit{
	width:80%;
	text-align: center;
	font-size: 120%;
	margin: auto auto 20px ;
	padding: 0px 30px;
	background-color: #1f7238;
	color: #fff;
}
#okamoto_f .col_wrap .col03, #shinohara_f .col_wrap .col03{
	width:100%;
	text-align: center;
	font-size: 120%;
	margin-bottom: 20px;
}
@media screen and (min-width :768px){
#okamoto_f .col_wrap .tit, #shinohara_f .col_wrap .tit{
	width:65%;
}
#okamoto_f .col_wrap .col03, #shinohara_f .col_wrap .col03{
	float: left;
	width:49%;
	text-align: center;
}
	.wrap01{margin: 0 10%;}
}
/*移住相談会メニュー*/

/*2018*/
#oomachi .col03.bo2{
	margin-right: 2%;
	margin-left: 2%;
}
#oomachi .col03.bo2 img{
	margin-bottom: 20px;
}
#oomachi .sem h3{
	margin-bottom: 30px;
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.8em;
}
#oomachi .sem2 h3{
	margin-bottom: 30px;
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.5em;
}
#oomachi h3{
	text-align: center;
}
#oomachi .place{
	/* font-weight: bold; */
	font-size: 1.5em;
}
.col_l2{
	width: 100%;
}
.col_l2 p{
	font-size: 90%;
	line-height: 1.2;
	margin-top: 10px;
	text-align: center;
}
.col2_r{
	width: 100%;
}
#oomachi .col03 .txt_l2{
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
}
#oomachi .col06 .txt_l2{
	font-size: 130%;
	font-weight: bold;
	line-height: 1.2;
}
@media screen and (min-width :768px){
.col_l2{
	float: left;
	width: 50%;
}
.col_r2{
	float: right;
	width: 50%;
	text-align: right;
}
.col_l2 p{
	text-align: left;
}
}

#content_header_empty {
    height: 10px;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block ; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }

.event_tl{
	font-size: 21px;
	font-weight: bold;
    color: #005cab;
}
.txt_green {
    font-size: 27px;
    font-weight: bold;
    color: #005cab;
    line-height: 1.2;
}
#oomachi .copy h2{
	font-size: 1.4em;
}
#okamoto_f .copy, #shinohara_f .copy {
	margin-top: 10px;
}
#oomachi .sem2 h3 {
    font-size: 1.4em;
}
.repo-link-txt {
    font-size: 17px;
	line-height: 1.5em;
}
.date {
    font-size: 16px;
}
#container .main_copy2_sp {
    position: absolute;
    top: 27%;
    width: 100%;
}
#container .main_copy3_sp{
	position:absolute;
	top: 54%;
    width: 100%;
}
#container .main_copy2-2_sp {
    position: absolute;
    top: 22%;
    width: 100%;
}
#container .main_copy3-2_sp{
	position:absolute;
	top: 44%;
    width: 100%;
}
.main_title_sp {
	color: #fff;
	font-size: 27px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	text-shadow: grey 1px 0 10px;
	text-align: center;
	line-height: 1.4em;
}
.main_lead_sp {
	color: #fff;
	font-size: 14px;

	font-weight: 500;
	text-shadow: grey 1px 0 10px;
	text-align: center;
	line-height: 1.5em;
}
.main_credit_sp{
	margin-top: 10px;
	line-height: 1.4em;
	color: #000000;
	font-size:11px;
	text-align: right;
	padding-right: 6px;
}
.bxslider span {
	font-size: 13px;
}
.repo-title1 {
	font-size: 20px !important;
}
.repo-title2 {
    font-size: 20px !important;
}
}


/* 2021 */
.family-en {
	font-size: 40px;
    font-family: 'PT Serif', serif;
    font-weight: 400;
    letter-spacing: 0.01em;
	line-height: 1.4em;
}
.repo-title1 {
	font-size: 30px;
    font-family: 'PT Serif', serif;
    font-weight: 400;
    letter-spacing: 0.01em;
	line-height: 1.4em;
	margin: 40px 0 10px;
}
.repo-title2 {
	font-size: 30px;
    font-family: 'PT Serif', serif;
    font-weight: 400;
    letter-spacing: 0.01em;
	line-height: 1.4em;
}
.repo-date {
    font-family: 'PT Serif', serif;
}
.interview-ph-caps p {
    font-size: 13px;
    text-align: center;
    margin: 10px;
	line-height: 1.5em;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #e6e6e6;
  text-indent: -9999px;
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #041E85;
/* border: 1px solid #999; */
}
.bxslider > .bx-pager,　.bxslider > .bx-wrapper {
    background: #996533;
border: 1px solid #FFF;
}
.bx-wrapper_column {
	color: #fff;
}
.bx-wrapper {
	width: 600px !important;
	background-color: transparent;
	margin: 0px auto;
	line-height: 1.3em;
	border: none;
	box-shadow: none;
	color: #000000;
	font-size: 13px;
}
.bx-wrapper img {
  display: block;
  margin: 0px auto 5px;
}
.bx-wrapper .bx-caption span {
  font-weight: 400;
  font-size: 14px;
}
#oomachi .col01 div.text_link03{
	position: absolute;
	top: 75%;
	width: 100%;
	text-align: center;
}
#oomachi .col01 div.text_link03 img,#oomachi .col01 div.text_link02 img{
	max-width: 100%;
	width: auto;
}
#container .main_logo2{
	position:absolute;
	top: 11%;
	left:50%;
	width: 70px;
	margin: 0 0 0 -35px;
}
#container .main_copy2{
	position:absolute;
	top: 30%;
	left:50%;
	width: 700px;
	margin: 0 0 0 -350px;
}
#container .main_copy3{
	position:absolute;
	top: 50%;
	left:50%;
	width: 700px;
	margin: 0 0 0 -350px;
}
@media screen and (min-width :768px){
#container .main_logo2{
	position:absolute;
	top: 15%;
	width: 154px;
	margin: 0 0 0 -77px;
}
#container .main_copy2{
	top: 25%;
	width: 700px;
	margin: 0 0 0 -350px;
}
#container .main_copy3{
	top: 34%;
	width: 700px;
	margin: 0 0 0 -350px;
}
}
.main_title_pc {
	color: #fff;
	font-size: 35px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	text-shadow: #4f4f4f 1px 0 6px;
}
.main_lead_pc {
	color: #fff;
	font-size: 19px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	text-shadow: #4f4f4f 1px 0 6px;
	line-height: 1.8em;
	text-align: center;
}

/* 2023 */
@media (min-width: 768px) {
	.tu_bg_wide .contents_width {
		padding-left: 100rem;
		padding-right: 100rem;
		width: calc(100% - var(--sidePaddingPc1) * 2);
		max-width: var(--widthDefault);
	}
}
#oomachi .col01-2023{
	width:100%;
	float: left;
	border: solid 1px #005cab;
	border-radius: 3px;
	position: relative;
	margin-bottom: 20px;
}
#oomachi .col01-2023 div.text_link01{
	position: absolute;
	top: 85%;
	width: 100%;
	text-align: center;
}
#oomachi .col01-2023 div.text_link02{
	position: absolute;
	top: 4%;
	width: 100%;
	text-align: center;
}
#oomachi .col01-2023 div.text_link01 img,#oomachi .col01-2023 div.text_link02 img{
	max-width: 100%;
	width: auto;
}
#oomachi .col01-2023:first-child, .col01-2023:nth-child(2){
	margin-right: 1%;
}
#oomachi .col03:first-child, .col03:nth-child(2){
	margin-right: 1%;
}
@media screen and (min-width :768px){
	#oomachi .col01-2023{
		width:32%;
		float: left;
	}
}
#oomachi .col01-2023 div.text_link03{
	position: absolute;
	top: 75%;
	width: 100%;
	text-align: center;
}
#oomachi .col01-2023 div.text_link03 img,#oomachi .col01 div.text_link02 img{
	max-width: 100%;
	width: auto;
}
.bg_gray {
	background-color: #efefef;
	padding: 30px 0;
	margin: 80px 0;
}
.falily_img {
	margin: 40px 0 10px;
}
.falily_img img {
	width: 100%;
}
#okamoto_f .contents_width {
    padding-left: 180rem;
    padding-right: 180rem;
    width: calc(100% - var(--sidePaddingPc1) * 2);
    max-width: var(--widthDefault);
}
.txt_algin_center {
	text-align: center;
}
a.active {
    border-bottom: 1px solid #000;
    padding: 10px;
}
.mgb10 {
    margin-bottom: 10px;
}
.mgb20 {
    margin-bottom: 20px;
}
.mgb40 {
    margin-bottom: 40px;
}
.mgb60-sp {
	margin-bottom: 0;
}

.detail_btn_detail {
    font-size: 20rem;
    display: inline-block;
    text-decoration: none;
    height: 48px;
    width: 100%;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    color: #fff;
    /* border: solid 1px #000000;
	border-radius: 20px; */
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    margin-top: 20px;
	background-color: #1f89ff;
}
.detail_btn_detail span {
    font-size: .6em;
    vertical-align: middle;
}
.detail_btn_detail:hover {
    /* background: #ececec; */
    /* color: #000; */
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}


/* swiper */
.swiper p {
	font-size: 14px;
	line-height: 1.2;
    padding: 0.4em 0.6em;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 42px !important;
}

/* map_area */
.box{
	position: relative;
}
.bottom-left {
	position: absolute;
	top: 0;
	left: 25px;
    width: 380px;
}
.bottom-left div {
	font-size: 15px;
}
.map_txtdeco_1 {
    font-size: 26px !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 1.1;
    padding: 0 0 6px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}
.map_txtdeco_1 span{
    font-size: 14px;
	font-weight: 500;
}
.map_txtdeco_2 {
    line-height: 1.6;
	margin-bottom: 16px;
}
.map_txtdeco_3 {
	margin-bottom: 16px;
}
.map_txtdeco_4 {
	font-weight: 700;
}

.two-col {
	display: flex;
	font-size: 15px;
	text-align: left;
}
.col_left {
	width: 40%;
	/* background-color: aqua; */
	padding-right: 2%;
	padding-top: 60px;
}
.col_right {
	width: 60%;
	/* background-color: pink; */
}
.bottom-apply-link {
    background-color: rgba(255, 255, 255, 0.85);
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 300;
    width: 100%;
    transition: bottom .3s ease;
}
.bottom-apply-link .offical-link {
    background-color: #1f89ff;
    border: 2px solid #1f89ff;
    font-size: 1em;
    font-weight: 500;
    margin: 0.5em;
    width: 100%;
    max-width: 540px;
    color: #fff;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hoverlink2 {
    border-radius: 0.5em;
    color: #FFF;
    display: table;
    text-align: center;
    text-decoration: none;
    margin: 1em auto;
    padding: 0.5em 0;
    transition: background-color .3s, border .3s, color .3s;
}
.pc_pdt_60 {
	padding-top: 60px;
}


@media screen and (max-width :768px){
	#container .main_credit {
		padding: 12px 6px 6px;
	}
	#container .main_credit span{
		font-size: 64%;
		letter-spacing: -0.2em;
	}
	#oomachi .copy p {
		line-height: 1.6;
	}
	.bg_gray {
		padding: 0 0 1px;
		margin: 80px 0;
	}
	.toiawase {
		margin-bottom: 40px;
	}
	#okamoto_f .contents_width {
		margin-right: auto;
		margin-left: auto;
		padding-left: 0;
		padding-right: 0;
		width: calc(100% - var(--sidePaddingSp1) * 2);
	}
	.mgb60-sp {
		margin-bottom: 60px;
	}
	.bottom-left {
		position: unset;
		margin-bottom: 20px;
	}
	.two-col {
		display: inline-block;
	}
	.col_left {
		width: 100%;
	}
	.col_right {
		width: 100%;
	}
	.pc_pdt_60 {
		padding-top: 10px;
	}
	.col_left {
		padding-top: 0px;
	}
	.date span {
		font-size: 100%;
	}
}