/*
Theme Name: FREEDaM WEDDING
Author: Kana Kotera
Version: 1.0
*/

@charset "utf-8";
@import url("css/reset.css");

#wrapper {
	position: relative;
	min-width: 360px;
    width:100vw;
    display: block;
    margin:0;
    padding:0;
    overflow:hidden;
}

img {
	width:100%;
	height:auto;
}
/** brタグをどんな場合でも表示 */
br{
　display: block !important;
}

main a.ex_link:after {
	content:"";
	background: url(./images/common/icon_ex_link.svg) no-repeat center center;
	background-size:100%;
	width: 1em;
	height: 0.9em;
	display: inline-block;
	margin-left: 0.2em;
}

header {
	position: fixed;
    line-height: 1.0;
    background: rgba(255,255,255,0.8);
    z-index: 99;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
}

header .container {
	width: 100%;
}

header table {
	width:100%;
}

header table td {
	vertical-align: middle;
	height:60px;
}

header table .logo {
	padding-top:8px;
}

header h1 img {
	width: 82px;
}

header table tr td:nth-child(1) {
	width:62px;
	max-width:60px;
}

header table tr td:nth-child(1) img {
	width:24px;
}

header table tr td:nth-child(3) {
	width:70px;
}

header table tr td:nth-child(1) a {
	display: block;
	padding:15px 0;
}

header table tr td a.menu_trigger {
	display: block;
	padding:11px 0;
}

header table td a.menu_trigger img {
	width: 46px;
}

nav#h_nav {
	position: fixed;
	top: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
	background: #3A3A3A;
	padding: 18px 0;
	box-sizing: border-box;
	display: none;
}

nav#h_nav.active {
	display: block;
}

nav#h_nav a.menu_close {
	float:right;
	margin-bottom: 10px;
	padding-right: 18px;
}

nav#h_nav a.menu_close img {
	width: 32px;
}

nav#h_nav .h_nav_inner {
	height:90vh;
	overflow-y: scroll;
	clear: both;
	padding:0 5vw 70px;
	box-sizing: border-box;
}

nav#h_nav ul.h_nav_menu li a {
	color:#FFF;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.6em 20px;
}

nav#h_nav a:hover {
	text-decoration: none;
}

nav#h_nav ul.h_nav_menu li a span {
	padding-right:1em;
	background: url('./images/common/icon_arrow_r.png') no-repeat right center;
	background-size:6px;
}

nav#h_nav .h_nav_cta {
	background: #FFF;
    position: relative;
    text-align: center;
    max-width: 480px;
    margin:40px auto 0;
    padding-bottom:2em;
}

nav#h_nav .h_nav_cta .easy img {
	margin-top: -24px;
    width: 240px;
    margin-bottom: 12px;
}

nav#h_nav .h_nav_cta .btn_reserve {
	padding:1.5em 0;
}

nav#h_nav .h_nav_cta .btn_reserve a {
	display: inline-block;
	background:#DA5766;
	padding:0.6em 1em;
	box-sizing: border-box;
	width:90%;
	max-width:320px;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
}

nav#h_nav .h_nav_cta .btn_call a {
	font-size:32px;
	font-weight: bold;
	color:#000;
}

nav#h_nav .h_nav_cta .btn_call a img {
	width:18px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px 6px 0;
}

nav#h_nav .h_nav_cta p.available {
	font-weight:bold;
}

main .title_area {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	background: #F9F9F9;
	margin-bottom: 50px;
	height:120vw;
	max-height:600px;
}

main .title_area h1 {
	font-family: 'Noto Serif JP', serif;
	font-size:4.0em;
	font-weight: 200;
	text-align: center;
	color:#000;
	line-height: 1.6;
}

main .title_area h1 span {
	font-family: 'Open sans', '游ゴシック', 'Yu Gothic', YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, sans-serif;
	font-size: 0.35em;
	font-weight:bold;
	display: block;
}

#m_nav_area {
	background: #F2F2F2;
	overflow: hidden;
	padding:50px 0 32px;
	clear:both;
}

.m_nav {
	width:80%;
	max-width:980px; 
	margin:0 auto;
	font-size: 0;
	text-align: center;
}

.m_nav li {
	display: inline-block;
	vertical-align: top;
	width:100%;
	margin:0 0 3.5em;
	text-align: center;
	font-size:1.4rem;
}

.m_nav li a {
	display: inline-block;
	text-decoration: none;
	color:#000;
	position: relative;
	transition-duration: 0.4s;
}

.m_nav li a p {
	color:#8D8D8D;
}

.m_nav li span {
	font-family: 'Noto Serif JP', serif;
	font-size:2em;
	font-weight: 200;
	line-height: 1.7;
	padding-top: 0.3em;
    display: inline-block;
}

#m_nav_area .cta_btn_wrap {
	background: #FFF;
    position: relative;
    text-align: center;
    max-width: 980px;
    margin:26px auto 0;
    padding:1.5em 0;
    width:90%;
}

#m_nav_area .cta_btn_wrap > img {
	margin-top: -24px;
    width: 240px;
    margin-bottom: 12px;
}

#m_nav_area .cta_btn_wrap .btn_reserve a {
	display: inline-block;
	background:#DA5766;
	padding:0.6em 1em;
	box-sizing: border-box;
	width:90%;
	max-width:560px;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	transition-duration: 0.4s;
}

#m_nav_area .cta_btn_wrap .btn_reserve a:hover {
	text-decoration: none;
}

#m_nav_area .cta_btn_wrap p.note {
	color:#DA5766;
	margin-top:1em;
}

p.btn_lead {
	text-align: center;
	margin:0 auto;
}

p.btn_lead a {
	width:80vw;
	max-width: 412px;
	color:#000;
	font-weight:bold;
	border:solid 2px #000;
	padding:1em;
	box-sizing: border-box;
	display: inline-block;
	transition-duration: 0.4s;
}

p.btn_lead a:hover {
	text-decoration:none;
}

#instagram {
	background: #F2F2F2;
	padding:3em 1em 4em;
}

#instagram .container {
	width:96%;
	border:solid 1px #000;
	padding:0.7em;
	box-sizing: border-box;
	position: relative;
}

#instagram h2 {
	font-family: 'Noto Serif JP', serif;
	font-size:2.6em;
	font-weight: 200;
	line-height: 1.0;
	text-align: center;
	position: relative;
	width:96%;
	max-width: 960px;
	margin:0 auto -0.08em;
}

#instagram h2:before,
#instagram h2:after {
	content:"";
	position: absolute;
	bottom:-0.5em;
	left:-2px;
	width:0.75em;
	height:0.75em;
	background: #F2F2F2;
	z-index: 99;
}

#instagram h2:after {
	left:auto;
	right:-2px;
}

#instagram .container:before,
#instagram .container:after {
	content:"";
	position: absolute;
	bottom:-0.5em;
	left:-2px;
	width:2.1em;
	height:2.1em;
	background: #F2F2F2;
	z-index: 99;
}

#instagram .container:after {
	left:auto;
	right:-2px;
}

#instagram #sb_instagram.sbi_col_5 #sbi_images .sbi_item {
    width:33.3%;
}

#instagram #sb_instagram.sbi_col_5 #sbi_images .sbi_item:last-child {
	display: none;
}

#instagram #sb_instagram .sbi_type_carousel .fa-clone {
	top:5px;
	right:5px;
	text-shadow: 0 0 4px rgba(0,0,0,.3);
}

#instagram #sb_instagram svg:not(:root).svg-inline--fa {
	height:0.5em;
}

#instagram p.btn_lead {
	margin:2em auto 0;
}

main p.no_data {
	text-align: center;
	padding:2em 0;
}

footer {
	padding-bottom:100px;
}

footer a:hover {
	text-decoration: none;
}

footer small {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size:0.8em;
	text-align: center;
	display: block;
	padding:1em 0;
}

footer > .container {
	width:100%;
}

.f_nav li a {
	display: block;
	border-top:solid 1px #CCC;
	color:#000;
	padding:0.7em 1em;
}

.f_nav li a img {
	width:25%;
	max-width:120px;
	margin-right:5%;
	display: inline-block;
	vertical-align: middle;
}

.f_nav li a span {
	font-weight:bold;
}

.f_bottom_area {
	background:#CFC9B8;
	display: block;
	overflow: hidden;
}

.f_box_l {
	width:160px;
	margin:48px auto 34px;
}

.f_box_r {
	text-align: center;
}

.f_box_r .cta_btn_wrap {
	width:310px;
	margin:0 auto 40px;
}

.f_box_r .cta_btn_wrap > img {
	width:226px;
}

.f_box_r .cta_btn_wrap a {
	display: inline-block;
	background:#404040;
	color:#FFF;
	vertical-align: middle;
	font-size:1.4em;
	letter-spacing: 0.05em;
	font-weight:bold;
	width:310px;
	padding:0.9em;
	box-sizing: border-box;
}

.f_box_r .cta_tel_wrap .btn_call {
	margin-bottom:8px;
}

.f_box_r .cta_tel_wrap .btn_call a {
	font-size:32px;
	font-weight:bold;
	color:#404040;
}

.f_box_r .cta_tel_wrap .btn_call img {
	width:18px;
	margin:0 6px 0 0;
	display: inline-block;
	vertical-align: baseline;
}

.f_box_r .cta_tel_wrap .available {
	color:#404040;
	font-size:1.1em;
	line-height: 1.8;
}

.f_sub {
	text-align: center;
	margin:3em auto 4em;
	width:300px;
}

.f_sub li {
	display: block;
	margin:0 auto 0.8em;
}

.f_sub li a {
	display: block;
	border:solid 2px #000;
	padding:1em;
	width:300px;
	box-sizing: border-box;
	font-size: 1.1em;
	font-weight:bold;
	color:#000;
	background: #FFF;
}

.sns_links {
	clear: both;
	text-align: center;
	margin:56px auto 70px;
}

.sns_links li {
	display: inline-block;
	margin:0 12px;
}

.sns_links li a {
	display: block;
}

.sns_links li a img {
	width:46px;
}

#fixed_cta {
	position: fixed;
	bottom:0;
	width:100%;
	background: rgba(255,255,255,0.7);
	display: none;
	z-index: 99;
}

#fixed_cta .cta_btn_wrap {
	position: relative;
}

#fixed_cta .easy {
    position: absolute;
    top: -32px;
    width:100%;
}

#fixed_cta .easy img {
    width: 140px;
    display: inline-block;
}

#fixed_cta table {
	width:100%;
}

#fixed_cta table tr td {
	height:60px;
	vertical-align: middle;
	text-align: center;
}

#fixed_cta table tr td:nth-child(2) {
	width: 48px;
	border-left: solid 1px #CCC;
}

#fixed_cta table tr td:nth-child(2) a {
	display: block;
	padding:10px 0;
}

#fixed_cta table tr td:nth-child(2) img {
	width:24px;
}
#fixed_cta table tr td:nth-child(3) {
	width: 48px;
	border-left: solid 1px #CCC;
}

#fixed_cta table tr td:nth-child(3) a {
	display: block;
	padding:5px 0;
}

#fixed_cta table tr td:nth-child(3) img {
	width:32px !important;
}

#fixed_cta table tr td:nth-child(4) {
    width: 70px;
    border-left: solid 1px #CCC;
}

#fixed_cta table tr td a.menu_trigger {
	display: block;
	padding:11px 0;
}

#fixed_cta table tr td a.menu_trigger img {
	width: 46px;
}

#fixed_cta table tr td .btn_reserve a {
	display: inline-block;
	background:#DA5766;
	padding:0.6em 0.6em;
	box-sizing: border-box;
	width:90%;
	max-width:320px;
	color:#FFF;
	font-size: 90%;
	font-weight:bold;
}

#fixed_cta a:hover {
	text-decoration: none;
}

/* 404ページ ------------------------- */

.nf_box {
	margin-top:80px;
	text-align: center;
	padding-bottom:8em;
}

.nf_box > h1 {
	color: #CCC;
	font-weight: bold;
	font-size: 2em;
	padding: 5;
	padding: 3em 0;
}

.nf_box .btn_next {
	margin-top:1em;
}

.nf_box .btn_next a {
	text-decoration: underline;
}


/****** 動画配置レイアウト ベース ******/

.youtube_wrap {
	margin: 0 auto 2.4em;
}

.youtube {
	width: 100%;
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.youtube_wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

@media screen and (min-width: 480px) {

#instagram #sb_instagram svg:not(:root).svg-inline--fa {
	height:1em;
}

#instagram #sb_instagram .sbi_type_carousel .fa-clone {
	top:8px;
	right:8px;
}

}



@media screen and (min-width: 560px) {

.m_nav {
	width:94%;
}

.m_nav li {
	width:46%;
	margin:0 2% 3.5em;
}

}



@media screen and (min-width: 768px) {

#wrapper {
	padding-top: 132px;
}
header {
	background: rgba(255,255,255,0.9);
}

header table td {
	height:110px;
	position: relative;
}

header table .logo a {
	transition-duration: 0.4s;
}

header table .logo a:hover {
	opacity: 0.6;
}

header table .logo img {
	width:64px;
}

header table tr td:nth-child(2) {
	text-align: left;
	padding-left: 40px;
}

header table tr td:nth-child(3) {
	padding-right: 16px;
}

header table tr td a.menu_trigger {
	padding:16px 0;
}

header table tr td a.menu_close {
	display: none;
	position: absolute;
	top:44px;
	left:16px;
} 

header table tr td a.menu_close:hover,
header table tr td a.menu_trigger:hover {
	opacity: 0.6;
}

header table tr td a.menu_close img {
	width:36px;
}

nav#h_nav {
	background: rgba(255,255,255,0.9);
	position: fixed;
	top: 132px;
	height:auto;
	padding:0 0 20px 0;
}

nav#h_nav .h_nav_inner {
	height:auto;
	padding:0 30px 0 130px;
	display: block;
	overflow: hidden;
	max-width: 1200px;
    margin: 0 auto;
}

nav#h_nav ul.h_nav_menu {
	float:left;
	vertical-align: top;
	width:75%;
}

nav#h_nav ul.h_nav_menu li {
	display: inline-block;
	margin:0 2em 1em 0;
}

nav#h_nav ul.h_nav_menu li.sp {
	display: none;
}

nav#h_nav ul.h_nav_menu li a {
	color:#000;
	font-size:13px;
	text-decoration: underline;
	padding:0;
	transition-duration: 0.4s;
}

nav#h_nav ul.h_nav_menu li a:hover {
	text-decoration: none;
}

nav#h_nav ul.h_nav_menu li a span {
	background: none;
	padding-right: 0;
	font-weight:bold;
}

nav#h_nav .h_nav_cta {
	background: none;
    width:140px;
    float:right;
    margin:0;
    padding-bottom:0;
}

nav#h_nav .h_nav_cta li {
	display: inline-block;
	margin: 2px 8px;
}

nav#h_nav .h_nav_cta li a {
	transition-duration: 0.4s;
}

nav#h_nav .h_nav_cta li a:hover {
	opacity: 0.6;
}

main .title_area {
	margin-bottom: 80px;
}

.m_nav li {
	width:30.5%;
	margin:0 1.4% 4em;
}

.m_nav li.active a {
	opacity: 0.6;
}

#m_nav_area .cta_btn_wrap > img {
	width:290px;
}

#m_nav_area .cta_btn_wrap .btn_reserve a {
    font-size: 1.6em;
}

#m_nav_area .cta_btn_wrap .btn_reserve a:hover {
	opacity: 0.6;
}

#m_nav_area {
	padding:70px 0 60px;
}

p.btn_lead a:hover {
	background: #000;
	color:#FFF;
}

#instagram h2 {
	width:90%;
	max-width:960px;
}

#instagram .container {
	width:90%;
	max-width:960px;
	padding: 30px 40px 12px;
	border:solid 2px #000;
}

#instagram #sb_instagram.sbi_col_5 #sbi_images .sbi_item {
    width: 20%;
}

#instagram #sb_instagram.sbi_col_5 #sbi_images .sbi_item:last-child {
	display: block;
}

#instagram #sb_instagram .sbi_type_carousel .fa-clone {
	top:12px;
	right:12px;
	text-shadow: 0 0 8px rgba(0,0,0,.3);
}

footer {
	padding-bottom:30px;
}

.f_nav {
	font-size: 0;
	padding:68px 0 100px;
}

.f_nav li {
	font-size:13px;
	display: inline-block;
	vertical-align: top;
	margin:0.5%;
	width:19%;
}

.f_nav li a {
	padding:20px 0;
	border:none;
	text-align: center;
	transition-duration: 0.4s;
}

.f_nav li a:hover {
	opacity: 0.6;
}

.f_nav li a span {
	display: inline-block;
	width:11em;
}

.f_nav li a img {
	width:90%;
	margin-bottom:10px;
}


.f_bottom_area {
	padding-top:140px;
}

.f_bottom_area .container {
	overflow: hidden;
}

.f_box_l {
	width: 30%;
	float:left;
	text-align: right;
	margin:20px auto 20px 5%;
}

.f_box_l img {
	width:200px;
}

.f_box_r {
	float:right;
	width:65%;
}

.f_box_r .cta_btn_wrap {
	margin-bottom:24px;
	width:90%;
}

.f_box_r .cta_btn_wrap a {
	width:85%;
	max-width: 412px;
	transition-duration: 0.4s;
}

.f_box_r .cta_btn_wrap a:hover {
	opacity: 0.6;
}

.f_box_r .cta_tel_wrap .btn_call a {
	font-size:46px;
	transition-duration: 0.4s;
}

.f_box_r .cta_tel_wrap .btn_call a:hover {
	opacity: 0.6;
}

.f_box_r .cta_tel_wrap .btn_call a img {
	width:22px;
}

.f_box_r .cta_tel_wrap .available {
	line-height: 1.6;
}

.sns_links li {
	margin:0 8px;
}

.sns_links li a {
	transition-duration: 0.4s;
}

.sns_links li a:hover {
	opacity: 0.6;
}

.sns_links li a img {
	width:38px;
}

.f_sub {
	margin:60px auto 50px;
	font-size:0;
	width:auto;
}

.f_sub li {
	display: inline-block;
	margin:0 1% 0;
	width:31%;
	max-width:240px;
	font-size:15px;
}

.f_sub li a {
	width:100%;
	padding:0.6em 1em;
	font-size:1em;
	transition-duration: 0.4s;
}

.f_sub li a:hover {
	background: #000;
	color: #FFF;
}

/* 404ページ ------------------------- */

.nf_box {
	margin-top:0;
}

/* 記事なしのときの表示 ------------------------- */

.no_posts {
	text-align: center;
	color:#808080;
	padding:2em 0;
}

/****** 動画配置レイアウト ベース ******/

.youtube_wrap {
	width: 800px;
	margin: 0 auto 40px;
}


}




@media screen and (min-width: 1000px) {

nav#h_nav .h_nav_inner {
	padding:0 30px 0 140px;
}

nav#h_nav ul.h_nav_menu {
	width:80%;
}

nav#h_nav .h_nav_cta {
	width:160px;
}

nav#h_nav .h_nav_cta li {
	margin: 2px 5px;
}

footer .container {
	max-width: 960px;
}

.f_nav li {
	font-size:14px;
}

.f_nav li a span {
	display: block;
	width:auto;
}

.f_box_l {
	margin: 10px auto 20px 5%
}

.f_box_l img {
	width:240px;
}

.f_box_r {
	width:53%;
}

.f_box_r .cta_btn_wrap {
	width:100%;
	margin-bottom:60px;
}

footer small {
	font-size:12px;
	letter-spacing: 0.08em;
	padding:8px 0;
}


}



@media screen and (min-width: 1200px) {





}



@media all and (-ms-high-contrast: none) {

#instagram #sb_instagram svg:not(:root).svg-inline--fa {
	display:none !important; /*IE11で表示崩れのため隠す*/
}

.cta_btn_wrap .btn_reserve a {
	font-family: 'Open sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, sans-serif;
}

}
header table .logo .sp{ width:55%;}
.desc{ font-size:0.8em; text-align:left; padding-top:10px; padding-left:40px;}
#pankuzu{
	margin:-60px 40px 30px;
	font-size:0.8em;
}
.cpankz{ margin:0 40px 0 !important;}
@media screen and (max-width: 760px) {
	#pankuzu{ display:none; }
}

.columnpost p{
	padding-bottom:30px;
}
.columnpost em{
	font-style:normal;
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight:bold;
}
.columnpost h3{
	padding:10px 0;
	border-top:solid 2px #000;
	border-bottom:solid 2px #000;
	margin:0 0 20px;
}

#pankuzu{
	width:84%;
	max-width:800px;
	margin:-10px auto 30px;
}

.ctabox{
	border:solid 1px #ccc;
	background:#f8f8f8;
	padding:15px;
	  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:30px;
}
.ctabox .ctattl2{
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}
.ctabox .ctattl2:before{
	content:"＼";
	font-family:Arial;
	padding-right:10px;
}
.ctabox .ctattl2:after{
	content:"／";
	font-family:Arial;
	padding-left:10px;
}
.ctabox .pic{
	width:40%;
}
.ctabox .txt{
	width:55%;
}
.ctabox .txt p{ padding-bottom:15px !important;}
.ctabox .txt .ctattl{
	font-size:1.4em;
}
.ctabox .txt .more a{
	display:block;
	background:#e94658;
	color:#fff;
	font-weight:bold;
	border-radius:10px;
	padding:10px;
	text-align:center;
}
@media screen and (max-width: 760px) {


.ctabox{
	border:solid 1px #ccc;
	padding:15px;
	  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:30px;
}
.ctabox .pic{
	width:100%;
}
.ctabox .txt{
	width:100%;
}
.ctabox .txt p{ padding-bottom:15px !important;}
.ctabox .txt .ctattl{
	font-size:1.4em;
}
.ctabox .txt .more a{
	display:block;
	font-weight:bold;
	border-radius:10px;
	padding:10px;
	text-align:center;
}	
}
.PC-only{
	display:block;
}
.SP-only{
	display:none;
}
.bana{
	position:relative;
	max-width:500px;
	margin:0 auto 0;
	padding:10px 0 20px;
}
.bana a img:hover{
	opacity:0.7;
    filter:alpha(opacity=70);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
@media screen and (max-width: 760px) {
.bana{
	position:relative;
	max-width:75%;
	margin:0 auto 0;
}	
.PC-only{
	display:none;
}
	.SP-only{
	display:block;
}
}
.SP{display:none;}
.slick-slide .SP{display:none !important;}
#mvslide{
	position:relative;
	left:0;
	top:0;
	width:100%;
}
#mvslide .mvbgslide{
	  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#mvslide .mvbgslide img{
	width:100%;
	height:790px;
	object-fit:cover;
}
#mvslide .mvttl{
	position:absolute;
	z-index:2;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
	bottom:30px;
}
#mvslide .mvttl img{
	width:551px;
	margin-left: 85px;
}
.tbg{
	background:url(images/tmes_bg.png) no-repeat center top;
	background-size:100% auto;
}
#tcont{
	text-align:center;
	padding:80px 0 0;
}
#tcont h2{
	padding-bottom:30px;
	width:529px;
	margin:0 auto;
}
#tcont .box{
	background:url(images/tmes_fukidasi.png) no-repeat center top;
	width:760px;
	margin:0 auto 70px;
	padding:190px 0 80px;
}
#tcont .box p{
	font-size:17px;
	line-height:2em;
	letter-spacing:0.1em;
	padding-bottom:40px;
}
#tcont .box p img{
	width:436px;
	margin:0 auto;
}
#tcont .box p em{
	font-weight:bold;
	font-size:28px;
	letter-spacing:0.1em;
}
#tcont h3{
	background:url(images/ttl_bg.png) no-repeat 48% top;
	font-size:38px;
	font-weight:bold;
	letter-spacing:0.15em;
	line-height:1.5em;
	padding:40px 0;
	min-height:218px;
}
#tcont h3 em{
	font-weight:bold;
	font-size:48px;
}
#case_list p.btn_lead a{
	background:#000;
	color:#fff;
}
#case_list p.btn_lead a:hover{
	background:#555;
}
@media screen and (max-width: 760px) {
	.SP,.slick-slide .SP{display:block !important;}
	.PC{display:none;}
	.slick-slide .PC{display:none !important;}
	/*#mvslide{ position:absolute; }*/
	#mvslide .mvbgslide img{
	width:100vw;
	height:auto;
	object-fit:cover;
}
	#mvslide .mvttl{
	position:absolute;
	z-index:2;
  left: 75%;
  transform: translateX(-75%);
  -webkit- transform: translateX(-75%);
	bottom:4vw;
}
	#mvslide .mvttl img{
	width:70vw;
		margin-left: -8vw;
	}
	
.tbg{
	background:url(images/tmes_bg_sp.png) no-repeat center top;
	background-size:100% auto;
}
#tcont{
	text-align:center;
	padding:10vw 0 0;
}
#tcont h2{
	padding-bottom:1.5em;
	width:70%;
	margin:0 auto;
}
#tcont .box{
	background:url(images/tmes_fukidasi_sp.png) no-repeat center top;
	background-size:100% auto;
	width:88%;
	margin:0 auto 8vw;
	padding:28vw 0 15vw;
}
#tcont .box p{
	font-size:3.6vw;
	line-height:1.8em;
	letter-spacing:0.1em;
	padding-bottom:2.1em;
}
#tcont .box p img{
	width:86%;
	margin:0 auto;
}
#tcont .box p em{
	font-weight:bold;
	font-size:1.4em;
	letter-spacing:0.1em;
}
#tcont h3{
	background:url(images/ttl_bg.png) no-repeat 48% top;
	background-size:120% auto;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:0.15em;
	line-height:1.7em;
	padding:1.2em 0 2em;
	min-height:auto;
}
#tcont h3 em{
	font-weight:bold;
	font-size:1.3em;
}
}
.kansyu{
	border:solid 2px #F09387;
	padding:4px;
	margin:50px 0;
}
.kansyu .inner{
	border:solid 2px #F09387;
	padding:30px 55px;
	text-align:center;
}
.kansyu h3{
	border:none;
	display:inline-block;
	background:#F09387;
	border-radius:100px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	letter-spacing:0.1em;
	padding:0.5em 4em;
	position:relative;
	top:-60px;
	margin:0;
}
.kansyu .flex{
  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:-15px;
	justify-content: space-between;	
}
.kansyu .flex .pic{
	width:150px;
}
.kansyu .flex .txt{
	text-align:left;
	width:calc(100% - 210px);
}
.kansyu .flex .txt p{
	font-size:13px;
	line-height:1.9em;
	padding-bottom:20px;
	letter-spacing:0.15em;
}
.kansyu .flex .txt p a{
	color:#CE5463;
	font-weight:bold;
}
.kansyu .flex .txt h4{
	font-weight:bold;
	font-size:20px;
	letter-spacing:0.15em;
	padding-bottom:1.5em;
	line-height:1.1em;
}
.kansyu .flex .txt h4 span{
	font-size:9px;
	font-weight:normal;
	letter-spacing:0.1em;
}

@media screen and (max-width: 760px) {
.kansyu{
	border:solid 1px #F09387;
	padding:2px;
	margin:8vw 0;
}
.kansyu .inner{
	border:solid 1px #F09387;
	padding:1.5em 2.3em;
	text-align:center;
}
.kansyu h3{
	border:none;
	border-radius:100px;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:0.1em;
	padding:0.2em 3em;
	position:relative;
	top:-2.5em;
	margin:0;
}
.kansyu .flex{
	margin-top:-1em;
}
.kansyu .flex .pic{
	width:150px;
	margin:0 auto 1.5em;
}
.kansyu .flex .txt{
	text-align:left;
	width:100%;
}
.kansyu .flex .txt p{
	font-size:1em;
	line-height:1.9em;
	padding-bottom:1.5em;
	letter-spacing:0.15em;
}

	.kansyu .flex .txt .katagaki{text-align:center;}
.kansyu .flex .txt h4{
	font-weight:bold;
	font-size:1.4em;
	letter-spacing:0.15em;
	padding-bottom:1.5em;
	line-height:1.1em;
	text-align:center;
}
.kansyu .flex .txt h4 span{
	font-size:0.5em;
	font-weight:normal;
	letter-spacing:0.1em;
}	
}