/*
Theme Name: みらくる株式会社
Author: さわ
Description: みらくる株式会社
Version: 1.0
*/


/*  全体
----------------------------------------------- */
@charset "utf-8";
* 	{
	margin: 0;
	padding: 0;
	}

body {
	color:#000;
	font-size : 16px;
	line-height: 1.8;
	font-family: 'Century Gothic' ,'Futura' , '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background:#fff;
	}

img { width:100%; height:auto; }

a img { -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
a:hover img { opacity: 0.6; filter: alpha(opacity=60); }

h1 { font-size : 1.6em; line-height: 1; }
h2 { font-size : 1.6em; line-height: 1.4; }
h3 { font-size : 1.4em; line-height: 1.4; }

hr {
	border:none;
	border-bottom:1px solid #ea770c;
	height:1px;
	margin: 10px 0 25px 0 ;
	}

.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }

/*  画像
----------------------------------------------- */

img.full {
	width:100%;
	height:auto;
	}

img.full2 {
	display: block;
	width:94%;
	max-width:1000px;
	height:auto;
	}

img.full3 {
	display: block;
	margin:auto;
	width:75%;
	height:auto;
	}

img.alignright {
	display: inline;
	float: right;
	margin: 0 0 2em 1em;
	width:45%;
	max-width:300px;
	}

img.ya {
	margin:auto;
	margin-top:15px;
	width:100px!important;
	}

img.shomei {
	display:inline;
	width:55%;
	max-width:300px;
	}

/*  ヘッダー
----------------------------------------------- */

header {
	display: block;
	margin: 0;
	background: #fff;
	border-bottom:1px solid #CCC;
	}

.logo {
	float:left;
	width:350px;
	padding:30px 0 0 20px;
	}

.logo img { width:100%; }


/*  グローバルナビ
--------------------------------------------------------*/

#global-nav dl{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#global-nav dt,
#global-nav dd{ 
	margin: 0;
	padding: 0;
}


/*●メニューボタンを非表示*/
#global-nav .btn-gnav{ display:none; }


/*●グローバルメニュー*/
#global-nav .menu-wrap{ display: block; }

#global-nav #menu{
	position: relative;
	float:right;
	padding: 0;
}

#global-nav #menu li{
	position: relative;
	float: left;
	margin: 0;
	list-style: none;
}

#global-nav #menu li{ white-space: nowrap; }

/*メニューのデザイン*/
#global-nav #menu li a{
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 26px 25px ;
	text-decoration: none;
	text-align:center;
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:0.1em;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#global-nav #menu li a span.en { font-size:0.7em; color:#ea770c; font-weight:normal; }

#global-nav #menu li a:hover {
	background-color: #f3f3f3;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#global-nav .showMenu{ display: block!important; }

/* 点滅 */
.blinking{
	-webkit-animation:blink .8s ease-in-out infinite alternate;
    -moz-animation:blink .8s ease-in-out infinite alternate;
    animation:blink .8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/*  トップページ
----------------------------------------------- */

.content {
	z-index:100;
	display: block;
	position: relative;
	width: 100%;
	margin:0;
	padding:0;
	}

.slide {
	background: url('https://miracle-home.com/wp-content/uploads/2025/10/介護写真①.jpg') no-repeat center 45%;
	-webkit-background-size:cover;
	background-size:cover;
	}

.slide-inner {
	margin: auto;
	width: 40%;
	}
.slide-inner img { display: block; margin: auto; width:100%; }
.slide-inner:before,.slide-inner:after { content:""; display: block; padding-top: 13%; }
.slide-inner:after { padding-top: 12%; }

.slide-inner a {
	display: block;
	background: #ea770c url(images/arrow-gray.png) no-repeat 96% center;
	-webkit-background-size:10px auto;
	background-size:10px auto;
	padding:6px 0;
	margin-top:25px;
	color:#fff;
	}

.slide-inner a, a.tolink, a.tolink2, input[type="submit"] {
	text-align:center;
	text-decoration: none;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-border-radius:50px;
	border-radius:50px;
	}

a.tolink, a.tolink2, input[type="submit"] {
	display: inline-block;
	background: -webkit-linear-gradient(top, #fff,#ccc);
	background: linear-gradient(top, #fff,#ccc);
	padding:15px 80px;
	font-weight: bold;
	color:#00458d;
	}

a.tolink2, input[type="submit"] {
	background: -webkit-linear-gradient(top, #ea770c,#ea770c);
	background: linear-gradient(top, #ea770c,#ea770c);
	color:#fff;
	}

input[type="submit"] { border:none; font-size:1.2em; }

.slide-inner a:hover, a.tolink:hover, a.tolink2:hover, input[type="submit"]:hover { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .5s; transition: all .5s; }

.sec1, .sec2 { padding:60px 0; }
.sec1 { background:#fff; }
.sec2 { background:#ea770c; color:#fff; }

.sec-inner,.sec-inner2 {
	margin: auto;
	width: 90%;
	max-width:1000px;
	}

.sec-inner2 { max-width:800px; font-size:1.1em; }

.sec-inner2 p, .single-inner p { margin-bottom: 1.8em; }

.single-cover {
	margin: auto;
	width: 100%;
	max-width:1100px;
	}

.single-inner {
	float:left;
	width: 62%;
	padding: 50px 4% 50px 4%;
	}

.single-inner img { display: block; width:100%; height:auto; margin-bottom:40px; }

.sidebar {
	float:right;
	width: 24%;
	padding: 50px 3%;
	background: #f3f3f3;
	}

.parenthesis,.parenthesis2 {
	position: relative;
	display: inline-block;
	text-align:center;
	padding: 8px 35px 2px 35px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.parenthesis::before, .parenthesis::after, .parenthesis2::before, .parenthesis2::after {
	position: absolute;
	top: 0;
	content: '';
	width: 15px;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.parenthesis::before, .parenthesis::after {
	border-top: 1px solid #ea770c;
	border-bottom: 1px solid #ea770c;
	}

.parenthesis2::before, .parenthesis2::after {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

.parenthesis::before {
	left: 0;
	border-left: 1px solid #ea770c;
	}
.parenthesis::after {
	right: 0;
	border-right: 1px solid #ea770c;
	}

.parenthesis2::before {
	left: 0;
	border-left: 1px solid #fff;
	}
.parenthesis2::after {
	right: 0;
	border-right: 1px solid #fff;
	}

.parenthesis p { color:#ea770c; }
.parenthesis2 { color:#fff; }

.parenthesis h1 { line-height: 1.2; }
.parenthesis span { font-size:0.65em; color:#ea770c; font-weight:normal; }

h2.subhead,h3.subhead { line-height: 2; display:inline-block; border-bottom:1px solid #ea770c; margin:80px 0 30px 0; }

#single .parenthesis { text-align:left; }

.archive-title {
	padding:30px 0 0 0;
	border-bottom:2px dotted #ea770c;
	}

.archive-title h2 { font-size:1.2em; font-weight: bold; margin-bottom:10px; }
.archive-title h2 a { color:#ea770c; text-decoration: none; -webkit-transition: all .5s; transition: all .5s; }
.archive-title h2 a:hover { color:#ea770c; -webkit-transition: all .5s; transition: all .5s; }
.date, .date2 {
	display: inline-block;
	background: #ea770c;
	-webkit-border-radius:30px;
	border-radius:30px;
	margin-bottom:10px;
	padding:4px 20px;
	text-align:center;
	color:#fff;
	font-size:0.9em;
	font-weight: bold;
	}
.date2 { margin-right:8px; background: #fff; color:#ea770c; font-weight: normal; }


.sidebar a, .sidebar a:hover, .sidebar a .date, .sidebar a:hover .date, #blog a, #blog a:hover, #blog a .date2, #blog a:hover .date2 { -webkit-transition: all .5s; transition: all .5s; }

.sidebar a { color:#ea770c; text-decoration: none; }
.sidebar a:hover { color:#f0a055; }
.sidebar h2.subhead { font-size:1.2em; margin:0 0 10px 0; }
.sidebar .archive-title { padding:20px 0 10px 0; }
.sidebar .archive-title h2 { font-size:1em; font-weight: normal; }
.sidebar .date { margin-bottom:10px; padding:3px 15px; font-size:0.7em; font-weight: normal; }
.sidebar a:hover .date { background: #f0a055; }

#blog a { color:#fff; text-decoration: none; }
#blog a:hover { color:#f0a055; }
#blog a:hover .date2 { margin-right:15px; background: #f0a055; }
#blog .archive-title { padding:15px 0 5px 0; }
#blog .archive-title h2 { font-size:1.1em; display: inline; font-weight: normal; }
#blog a.tolink { color:#ea770c; }

dl.point {
	display: block;
	float:left;
	width:30%;
	margin:0 5% 50px 0;
	}
dl.point-last, dl.point-last-all, dl.point-last-pc { margin:0 0 50px 0; }

dl.point dt img {
	display:block;
	margin:auto;
	width:100%;
	}

dl.point dt img.w55 { width:55%; }

dl.point dd {
	padding-top:25px;
	text-align:center;
	}

dl.point dd h3 { font-size:1.4em; padding-bottom:15px; }

dl.works dd { padding-top:15px; line-height: 1.5; }


.col {
	display:table;
	width:100%;
	border-bottom:2px dotted #ea770c;
	}

.col1 {
	display:table-cell;
	width:36%;
	padding:15px 2%;
	font-size:1.1em;
	font-weight:bold;
	color:#ea770c;
	vertical-align: middle;
	}

.hissu {
	display:inline-block;
	float:right;
	background: #f44297;
	border-radius:5px;
	padding:2px 7px;
	font-size:0.7em;
	text-align:center;
	color:#fff;
	}

.col2 {
	display:table-cell;
	width:63%;
	padding:15px 2.5%;
	vertical-align: middle;
	}

.col2 input[type="text"],.col2 input[type="email"],.col2 input[type="tel"],.col2 textarea {
	width:calc(100% - 1.5em);
	height:1.5em;
	padding:0.75em;
	font-size:1em;
	background: #ebebeb;
	border:none;
	border-radius:5px;
	}

.col2 textarea { height: 7em; }

input::placeholder { color: #999999; }

.movie_top,.movie_bottom {
	width:100%;
	height:30px;
	}

.movie_top {background: url(../images/movie-bg.png) repeat-x;}
.movie_center {
	position: relative;
	width: 100%;
	background: #333;
	}
.movie_bottom {background: url(../images/movie-bg2.png) repeat-x;}

.movie_box {
	position: relative;
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:900px;
	overflow:hidden;
	}

.movie_box:before {
	content:"";
	display: block;
	padding-top: 56.25%; /* iframe高さと幅の比を16:9に固定。9/16*100=56.25 */
	}

.movie_box iframe {
	position: absolute;
	margin:0 auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.role {
	display:inline-block;
	background: #ff3366;
	padding:1px 5% 2px 5%;
	margin:5px 0 15px 0;
	font-size : 0.9em;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:50px;
	border-radius:50px;
	}

li.ya {
	background: url(../images/ya3.png) no-repeat 0 7px;
	padding: 0 0 0 22px;
	list-style: none;
	font-size: 1.1em;
	line-height: 1.3;
	font-weight:bold;
	margin-bottom: 10px;
	}

li.ya2 {
	background: url(../images/ya.png) no-repeat 0 5px;
	-webkit-background-size:25px auto;
	background-size:25px auto;
	padding: 5px 0 5px 32px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight:bold;
	margin-bottom: 0.45em;
	}

table.info {
	width:100%;
	}

table.info tr {border-bottom:none;}

table.info td,table.info th {
	padding:15px;
	}

table.info th {
	width:25%;
	text-align:center;
	}

table.info tr:nth-child(2n+1) {background:#eee;}

table.info img {
	height:1em;
	width:auto;
	}

img.name {
	height:1em;
	width:auto;
	}

/*  フッター
----------------------------------------------- */
footer {
	z-index:1000;
	position: relative;
        clear:both;
	color:#FFF;
	}

footer a {
	color:#FFF;
	text-decoration:none;
	}

#footer-menu1 { background: url(images/menu-bg1.jpg) no-repeat center; }
#footer-menu2 { background: url(images/menu-bg2.jpg) no-repeat center; }
#footer-menu3 { background: url(images/menu-bg3.jpg) no-repeat center; }
#footer-menu4 { background: url(images/menu-bg4.jpg) no-repeat center; }
#footer-menu5 { background: url(images/menu-bg5.jpg) no-repeat center; }
#footer-menu6 { background: url(images/menu-bg6.jpg) no-repeat center; }


#footer-menu1, #footer-menu2, #footer-menu3 { border-bottom:1px solid #fff; }

#footer-menu1, #footer-menu2, #footer-menu3, #footer-menu4, #footer-menu5, #footer-menu6 {
	border-right:1px solid #fff;
	width:calc(33.333333% - 1px);
	-webkit-background-size:cover;
	background-size:cover;
	}

a.footer-menu {
	display: block;
	float:left;
	text-align:center;
	color:#fff;
	line-height:2.4;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	}

a.footer-menu span { margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #fff; letter-spacing:0.1em; }

a.footer-menu:before, .footer-menu:after {
	content:"";
	display: block;
	padding-top: 19%;
	}

a.footer-menu:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	}

.footer-com {
	font-size: 14px;
        padding: 40px 0;
	background: #ea770c;
	}

dl.footer-inner {
	display:table;
	margin: auto;
	width: 90%;
	max-width:1000px;
	}

dl.footer-inner dt { display:table-cell; width:31%; padding:0 6% 0 0; vertical-align:middle; }
dl.footer-inner dt img { width:100%; }

dl.footer-inner dd {
	display:table-cell;
	width:63%;
	vertical-align:middle;
	}

dl.footer-inner dd h3 {
	padding:0 0 15px 0;
	font-size:1.25em;
	font-weight: bold;
	}


.footer-copy {
	font-size: 14px;
        padding: 20px 0;
	text-align: center;
	background: #333;
	}


.mv1{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
	transition: 1.2s;
}
.mv2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


/*  フォント
----------------------------------------------- */

.mincho { font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; }

.shadow {
	-webkit-text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	-moz-text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	-o-text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	}

.bold {font-weight:bold;}
.center {text-align:center;}

.p12,.b12 {line-height: 1.6;}
.p14,.p16,.b14,.b16 {line-height: 1.4;}
.p20,.p24,.p30,.b20,.b24,.b30 {line-height: 1.3;}
.p32,.p36,.b32,.b36,.b20>.b24 {line-height: 1;}

h2.t-title .b12, h2.t-title .b14 {line-height: 1.2;}
h2.t-title .b16 {line-height: 1;}

.p05{font-size: 0.5em;}
.p07{font-size: 0.7em;}
.p08{font-size: 0.8em;}
.p09{font-size: 0.9em;}
.p12{font-size: 1.2em;}
.p14{font-size: 1.4em;}
.p16{font-size: 1.6em;}
.p20{font-size: 2.0em;}
.p24{font-size: 2.4em;}
.p30{font-size: 3.0em;}
.p32{font-size: 3.2em;}
.p36{font-size: 3.6em;}

.b12{font-size: 1.2em;font-weight:bold;}
.b13{font-size: 1.3em;font-weight:bold;}
.b14{font-size: 1.4em;font-weight:bold;}
.b16{font-size: 1.6em;font-weight:bold;}
.b20{font-size: 2.0em;font-weight:bold;}
.b24{font-size: 2.4em;font-weight:bold;}
.b30{font-size: 3.0em;font-weight:bold;}
.b32{font-size: 3.2em;font-weight:bold;}
.b36{font-size: 3.6em;font-weight:bold;}

.red {color: #d00000;}
.pink {color: #ff3366;}
.yellow {color: #FCE459;}
.blue {color: #ea770c;}
.white {color: #fff;}
.gray {color: #666;}

.mkr {
	display:inline;
	background: url(../images/marker.png)repeat-x bottom;
	}

.u {
	border-bottom:3px solid #FFC82E;
	height:3px;
	}

.m0 {margin-bottom:0px;}
.m10 {margin-bottom:10px;}
.m20 {margin-bottom:20px;}
.m30 {margin-bottom:30px;}
.m40 {margin-bottom:40px;}
.m50 {margin-bottom:50px;}
.m60 {margin-bottom:60px;}
.m70 {margin-bottom:70px;}
.m80 {margin-bottom:80px;}
.m100 {margin-bottom:100px;}

.t-10 {margin-top:-10px;}
.t-20 {margin-top:-20px;}
.t-30 {margin-top:-30px;}
.t-40 {margin-top:-40px;}
.t-50 {margin-top:-50px;}
.t-60 {margin-top:-60px;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.t30 {margin-top:30px;}
.t40 {margin-top:40px;}
.t50 {margin-top:50px;}
.t60 {margin-top:60px;}
.t70 {margin-top:70px;}
.t80 {margin-top:80px;}
.t100 {margin-top:100px;}

.pm10 {padding-bottom:10px;}
.pm20 {padding-bottom:20px;}
.pm30 {padding-bottom:30px;}
.pm40 {padding-bottom:40px;}
.pm50 {padding-bottom:50px;}
.pm60 {padding-bottom:60px;}
.pm70 {padding-bottom:70px;}
.pm80 {padding-bottom:80px;}
.pm100 {padding-bottom:100px;}

.pt0 {padding-top:0;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}

br.pc, p.pc, span.pc {display:inline;}
br.sp, p.sp, span.sp {display:none;}

img.pc,div.pc {display:block;}
img.sp,div.sp {display:none;}




/*media Queries 
----------------------------------------------------*/

@media only screen and (max-width: 1180px) { 
	.logo { width:320px; padding:25px 0 0 20px; }
	#global-nav #menu li a{ padding: 20px 20px ; }
	.slide1 dd { font-size:0.95em; }
	}

@media only screen and (max-width: 980px) { 
	.logo { width:290px; padding:23px 0 0 20px; }
	#global-nav #menu li a{ padding: 17px 12px ; font-size:0.8em; }
	.slide1 dd { width:56%; padding:0 3% 0 5%; font-size:0.9em; }
	}

@media only screen and (max-width: 880px) { .logo { padding:20px 0 0 20px; } #global-nav #menu li a{ padding: 17px 10px ; font-size:0.7em; } }

@media only screen and (max-width: 820px) { .slide1 dd { font-size:0.8em; } }

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

	body {
		font-size: 1em;
		line-height:1.8;
		}

	h2 { font-size : 1.5em; }
	h3 { font-size : 1.4em; }

	.parenthesis h1 { font-size : 1.5em; }

	hr {margin: 7px 0 15px 0 ;}

	img.ya { margin-top:10px; width:60px!important; }

	.logo {
		float:left;
		width:77%;
		max-width:350px;
		padding:18px 0 0 4%;
		}

	/*  グローバルナビ
	--------------------------------------------------------*/
	#global-nav{ display: block; border-bottom: 0; background-color: #fff; }

	#global-nav #global-nav-in .menu-wrap{ display:none; 
		    -webkit-transition: 0.5s ease-in-out;
		            transition: 0.5s ease-in-out;
	}

	#global-nav #global-nav-in #menu { margin-bottom: 0; }

	#global-nav #global-nav-in #menu,
	#global-nav #global-nav-in #menu li{
		width: 100%;
		border: 0;
	}

	#global-nav #global-nav-in #menu li{
		border-top: 1px solid #CCC;
		background-color: #FFF;
		white-space: normal;
	}

	#global-nav #global-nav-in #menu ul{
		position: static;
		width: auto;
	}

	#global-nav #global-nav-in #menu ul li{ width: 100%; }

	/*メニューのデザイン*/
	#global-nav #global-nav-in #menu li a:link,
	#global-nav #global-nav-in #menu li a:visited,
	#global-nav #global-nav-in #menu li a:hover,
	#global-nav #global-nav-in #menu li a:active{ 
		width: 100%;
		padding: 10px 0;
		background: url(images/arrow-gray.png) 93% center no-repeat #fff;
		-webkit-background-size:10px auto;
		background-size:10px auto;
		}


	#global-nav .btn-gnav {
		float:right;
		display:block;
		width:24px;
		padding: 12px 10px 12px 16px;
		cursor: pointer;
		margin:7px 10px 0 0;
	}

	#global-nav .btn-gnav img {
		width:100%;
		height:auto;
	}

	#global-nav #menu li a{
		display: block;
		padding: 21px 0 ;
		background: none;
		color:#000;
		font-size:0.9em;
	}

	/*  トップページ
	----------------------------------------------- */

	.slide-inner { width: 90%; }

	.slide1 { display:block; padding:20px 0 0 0; }

	.slide1 dt { display:none; }

	.slide1 dd { display:block; width:100%; padding:0; font-size:1em; }

	.slide-inner:after { padding-top: 10%; }
	.slide-inner img { width:90%; }

	a.tolink, a.tolink2, input[type="submit"] { padding:10px 80px; }


	.sec-inner2 { font-size:1em; }

	.single-inner,.sidebar {
		float:none;
		width: 90%;
		padding: 30px 5%;
		}
	.sidebar { padding: 30px 5% 40px 5%; }

	.single-inner img { margin-bottom:20px; }

	.parenthesis,.parenthesis2 { padding: 5px 30px; }
	.parenthesis::before, .parenthesis::after, .parenthesis2::before, .parenthesis2::after { width: 10px; }

	h2.subhead,h3.subhead { margin:50px 0 30px 0; }

	.date2 { padding:2px 15px; }
	#blog .archive-title { padding:10px 0 0 0; }
	#blog .archive-title h2 { font-size:1em; display: block; }

	dl.point {
		float:none;
		width:100%;
		margin:0 0 30px 0;
		}

	dl.point dt img.w55 { width:40%; }

	dl.works {
		float:left;
		width:47.5%;
		margin:0 5% 30px 0;
		}

	dl.point-last, dl.point-last-all, dl.point-last-sp { margin:0 0 30px 0; }
	dl.point-last-pc { margin:0 5% 30px 0; }

	.wpcf7 { margin-top:-10px; }

	.col { display:block; }

	.col1,.col2 {
		display:block;
		width:94%;
		padding:15px 3% 5px 3%;
		font-size:1em;
		}

	.col2 { padding:0 3% 15px 3%; }

	.col2 textarea { height: 7em; }

	.movie_top,.movie_bottom {
		height:20px;
		}

	.movie_top,.movie_bottom {
		-webkit-background-size:auto 20px;
		-moz-background-size:auto 20px;
		-o-background-size:auto 20px;
		background-size:auto 20px;
		}

	.movie_box { width:100%; }


	.role {	font-weight:normal; }

	.box { padding: 20px 1% 20px 3%; }

	/*  フッター
	----------------------------------------------- */
	a.footer-menu { font-size: 0.9em; line-height:2; }

	.footer-com { padding: 30px 0; }

	dl.footer-inner { display:block; }
	dl.footer-inner dt { display:block; margin:auto; width:60%; padding:0 0 20px 0; }
	dl.footer-inner dd { display:block; width:100%; text-align:center; }


	/*  フォント
	----------------------------------------------- */
	.p12,.p14,.p16,.p20,.b12,.b13,.b14,.b16,.b20 {line-height: 1.5;}

	.p24,.p30,.b24,.b30 {line-height: 1.3;}

	.p32,.p36,.b32,.b36 {line-height: 1.2;}

	.p12,.b12,.b13{font-size: 1.1em;}
	.p14,.b14{font-size: 1.2em;}
	.p16,.b16{font-size: 1.3em;}
	.p20,.b20{font-size: 1.7em;}
	.p24,.b24{font-size: 1.8em;}
	.p30,.b30{font-size: 2.0em;}
	.p32,.b32{font-size: 2.2em;}
	.p36,.b36{font-size: 3em;}

	.m-10 {margin-bottom:-8px;}
	.m-20 {margin-bottom:-10px;}
	.m-30 {margin-bottom:-15px;}
	.m0 {margin-bottom:0px;}
	.m10 {margin-bottom:5px;}
	.m20 {margin-bottom:10px;}
	.m30 {margin-bottom:15px;}
	.m40 {margin-bottom:20px;}
	.m50 {margin-bottom:30px;}
	.m60 {margin-bottom:30px;}
	.m70 {margin-bottom:35px;}
	.m80 {margin-bottom:40px;}
	.m100 {margin-bottom:60px;}

	.t-10 {margin-top:-5px;}
	.t-20 {margin-top:-10px;}
	.t-30 {margin-top:-15px;}
	.t-40 {margin-top:-25px;}
	.t-50 {margin-top:-25px;}
	.t-60 {margin-top:-30px;}
	.t10 {margin-top:5px;}
	.t20 {margin-top:10px;}
	.t30 {margin-top:15px;}
	.t40 {margin-top:20px;}
	.t50 {margin-top:25px;}
	.t60 {margin-top:30px;}
	.t70 {margin-top:35px;}
	.t80 {margin-top:40px;}
	.t100 {margin-top:50px;}

	.pm10 {padding-bottom:5px;}
	.pm20 {padding-bottom:10px;}
	.pm30 {padding-bottom:15px;}
	.pm40 {padding-bottom:20px;}
	.pm50 {padding-bottom:25px;}
	.pm60 {padding-bottom:30px;}
	.pm70 {padding-bottom:35px;}
	.pm80 {padding-bottom:40px;}
	.pm100 {padding-bottom:50px;}

	.pt10 {padding-top:5px;}
	.pt20 {padding-top:10px;}
	.pt30 {padding-top:15px;}
	.pt40 {padding-top:20px;}
	.pt50 {padding-top:25px;}
	.pt60 {padding-top:30px;}
	.pt70 {padding-top:35px;}
	.pt80 {padding-top:40px;}
	.pt100 {padding-top:30px;}

	br.pc, p.pc, span.pc {display:inline;}
	br.sp, p.sp, span.sp {display:none;}

	img.pc,div.pc {display:block;}
	img.sp,div.sp {display:none;}
}

@media only screen and (max-width: 480px) {
	body { font-size: 15px; }
	h2 { font-size : 1.4em; }
	h3 { font-size : 1.3em; }
	.parenthesis h1 { font-size : 1.4em; }

	.slide1 dd { font-size:0.9em; }
	.slide1 dd h2 { padding:4px 10px; margin-bottom:10px; background:rgba(0,0,0,0.3); }
	.slide-inner a { padding:6px 0; }

	.sec1, .sec2 { padding:40px 0; }

	.parenthesis,.parenthesis2 { padding: 5px 25px 0 25px; }
	.parenthesis p, .parenthesis2 p { font-size:0.9em; }

	dl.point dd { padding-top:20px; }
	dl.point dd h3 { font-size:1.3em; padding-bottom:10px; }

	dl.works, dl.point-last-pc { margin:0 5% 20px 0; }
	dl.point-last-all, dl.point-last-sp { margin:0 0 20px 0; }
	dl.works dd { padding-top:10px; font-size:0.9em; }

	.footer-com { font-size: 12px; padding: 25px 0; }

	.footer-copy { padding: 15px 0; font-size: 12px; }

	dl.footer-inner dd h3 { padding:0 0 10px 0; font-size:1.2em; }

	input[type="submit"] { width:100%; font-size:1em; }

	table.info td,table.info th { padding:8px 12px; font-size:0.9em; }

	table.info th { width:27%; }
}

@media only screen and (max-width: 420px) {
	h2 { font-size : 1.25em; }
	h3 { font-size : 1.15em; }
	.parenthesis h1 { font-size : 1.25em; }

	dl.point dd h3 { font-size:1.25em; }
	}

@media only screen and (max-width: 380px) {
	h2 { font-size : 1.2em; }
	h3 { font-size : 1.1em; }
	.parenthesis h1 { font-size : 1.2em; }

	dl.point dd { padding-top:15px; }
	dl.point dd h3 { font-size:1.2em; }

	dl.works, dl.point-last-pc { margin:0 5% 15px 0; }
	dl.point-last-all, dl.point-last-sp { margin:0 0 15px 0; }
	dl.works dd { padding-top:5px; font-size:0.8em; }

	a.footer-menu { font-size: 0.85em; }

	.b13{font-size: 1.05em;}
	.p14,.b14{font-size: 1.15em;}
	.p16,.b16{font-size: 1.2em;}
	.p20,.b20{font-size: 1.5em;}
	.p24,.b24{font-size: 1.6em;}
	.p30,.b30{font-size: 1.6em;}
	.p32,.b32{font-size: 1.7em;}
	.p36,.b36{font-size: 3em;}
}

@media only screen and (max-width: 330px) {
	.slide1 dd { font-size:0.75em; }

	a.footer-menu { font-size: 0.8em; }
}

.contact__title{
	margin: 0 !important;
}