/*
Theme Name: logohp
Author: Nakamiya
Description: LOGOHPのテーマテンプレートです
Version: 1.0
*/


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

:root {
    --main: #e16fa0;
    --light: #e69bbe;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 90px;
}

main {
    margin-top: 58px!important;
}

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 #2371B7;
	height: 1px;
	margin: 10px 0 25px 0;
}

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

pre {
	font-family: 'Century Gothic', 'Futura', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	width: 0px;
}

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

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

.p-header {
	z-index: 9999;
	display: flex;
	position: fixed;
	justify-content: space-between;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	box-shadow: 0px 3px 6px #00000029;
}

.logo {
    width: auto;
    padding: 0;
}

.logo img {
    max-height: 90px;
    width: auto;
    max-width: 400px;
}

.p-header .logo {
    display: flex;
    margin-left: 10px;
    align-items: center;
    gap: 10px;
} 
.p-header .logo .catchphrase {
    font-size: 14px;
    font-weight: normal;
    color: var(--main);
}


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

#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: #1e4e7a;
	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; }
}

/*  ハンバーガーボタン
----------------------------------------------- */
.hamburger {
	position: absolute;
	top: 22px;
	right: 20px;
	width: 27px;
	height: 16px;
	z-index: 9999;
	cursor: pointer;
	display: none;
}

.hamburger span {
	position: absolute;
	background-color: #CFCFCF;
	display: inline-block;
	width: 100%;
	height: 3px;
	border-radius: 5px;
	transition: transform 0.5s;
}

.hamburger span:nth-child(1) {
	top: 0;
}

.hamburger span:nth-child(2) {
	top: 8px;
	transition: opacity 0.5s;
}

.hamburger span:nth-child(3) {
	top: 16px;
}

.hamburger.is-active span:nth-child(1) {
	top: 8px;
	transform: rotate(-45deg);
}

.hamburger.is-active span:nth-child(2) {
	opacity: 0;
}

.hamburger.is-active span:nth-child(3) {
	top: 8px;
	transform: rotate(45deg);
}

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

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

.slide {
    background-size: cover!important;
}

.slide-inner {
    margin: auto;
    width: 55%;
}

.slide-inner:before, .slide-inner:after {
	content: "";
	display: block;
	padding-top: 20%;
}

.slide-inner img {
	display: block;
	margin: auto;
	width: 100%;
}

.slide-inner a {
	display: block;
	background: #1e4e7a url(images/arrow-gray.png) no-repeat 96% center;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
    background-color: var(--main);
	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,#e69bbe,var(--main));
    background: linear-gradient(top, #e69bbe,var(--main));
    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: var(--main);
    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: 0em; }
/*.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 var(--main);
    border-bottom: 1px solid var(--main);
}

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

.parenthesis::before {
	left: 0;
    border-left: 1px solid var(--main);
}
.parenthesis::after {
	right: 0;
    border-right: 1px solid var(--main);
}

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

.parenthesis p { color: var(--main); }

.parenthesis2 { color: #fff; }

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

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

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

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

.archive-title h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}
.archive-title h2 a {
	color: #1e4e7a;
	text-decoration: none;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.archive-title h2 a:hover {
	color: #327eb7;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.date, .date2 {
	display: inline-block;
	background: #1e4e7a;
	-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: #1e4e7a;
	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:#1e4e7a;
	text-decoration: none;
}
.sidebar a:hover { color:#327eb7; }
.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: #327eb7; }

#blog a {
	color: #fff;
	text-decoration: none;
}
#blog a:hover { color: #b9d5ea; }
#blog a:hover .date2 {
	margin-right: 15px;
	background: #b9d5ea;
}
#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:#1e4e7a; }

dl.point {
	display: block;
	float: left;
    width: 29%;
    margin: 0 2% 50px 2%;
}


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 #2371b7;
}

.col1 {
	display: table-cell;
	width: 28%;
	padding: 15px 2%;
	font-size: 1.1em;
	font-weight: bold;
	color: #1e4e7a;
	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;
    background-color: var(--main);
}

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, #footer-menu4, #footer-menu5, #footer-menu6 {
	border-bottom: 1px solid #fff;
	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: var(--main);
}

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: #1e4e7a; }
.white { color: #fff; }
.gray { color: #666; }

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

.u {
	border-bottom: 3px solid #fffc82e;
	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: 980px) {
	main {
		margin-top: 38px !important;
	}

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

	#contact .col1 {
		/*display: flex;*/
		gap: 10px;
	}
}

@media only screen and (max-width: 880px) {
	#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) {
	main {
		margin-top: 71px !important;
	}

	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;
		max-width: 350px;
	}

	.logo img {
		max-height: 70px;
	}

	.p-header {
		display: block;
		height: 70px;
	}

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

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

	#global-nav #menu {
		padding-top: 0;
		transform: translateY(-130%);
		transition: all 0.5s;
		box-shadow: 0px 3px 6px #00000029;
	}

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

	.menu.active {
		transform: translateY(0) !important;
	}

	.hamburger {
		display: block;
	}

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

	.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: 20%; }
	.slide-inner img { width: 90%; }

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


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

	.page .sec1 {
		/* padding-top: 70px; */
	}

	.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 {
		width: 100%;
	}

	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: none; }
	br.sp, p.sp, span.sp { display: inline; }

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

@media only screen and (max-width: 530px) {
	input[type="submit"] {
		width: 100%;
		font-size: 1em;
	}
}

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

	.logo {
		width: 265px;
		padding: 22px 0 0 10px;
	}

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