@charset "UTF-8";

/*reset -start-
/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ol, ul {
    list-style:none;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

img {
  vertical-align: bottom;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
	color:#000;
	text-decoration:none;
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clearfix:before,
.clearfix:after{
    content:" ";/* 1 */
    display:table;/* 2 */
}
.clearfix:after{
    clear:both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix{
    *zoom:1; 
}
/*reset -end-

/*
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*/

/*
@font-face {
	font-family: 'noto';
	src: url('../fontfile/NotoSansCJKjp-Regular.ttf')format('truetype'),url('../fontfile/NotoSansCJKjp-Regular.woff') format('woff');
	font-display:swap;
}
*/

html{
	font-size:62.5%;
}

body{
	margin:0;
	padding:0;
	/*font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
	/*font-family: "ヒラギノ角ゴ Pro W3","Noto","Verdana","Hiragino Kaku Gothic Pro", "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	font-family: 'Zen Old Mincho',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",sans-serif,"Verdana","Hiragino Kaku Gothic Pro", "osaka", "ＭＳ Ｐゴシック", "MS PGothic";
	position:relative;
	color:#222222;
	background:#FFFFFF;
	font-weight: normal;
	font-weight:400;
}

#wrapper {
	overflow: hidden;
	position: relative;
	background-size: 600px;
}

#javaerr{
	height:100%;
	height:308px;
	color:#FFFFFF;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	line-height:308px;
	background:#E60000;
}

.yellowfont{
	color:#FFFC00;
	font-weight:bold;
}

.redfont{
	color:#E60000;
}

#topimgpic{
	position:relative;
	width: 100%;
}

#topimgpic img{
	width: 100%;
	height: auto;
	margin-top: -303px;
}

/* ここからメニュー-------------------------------------------------------------- */
#top-head{
	display:inline-block;
	width:100%;
	height:100px;
	position: fixed;
	line-height: 1;
    z-index: 999;
    margin-top:0px;
	background: rgba(0,0,0,0);
	border-bottom:solid 1px rgba(224,224,224 ,0);
}

#top-head a,
#top-head {
    color: #000000;
    text-decoration: none;
}

#top-head img{
	width:auto;
	height:80px;
	margin:0 auto;
	margin-top:10px;
	margin-left:20px;
}

#mobile-head{
	height: 101px;
}

#nav-toggle {
    display: block;
    position: absolute;
    right: 24px;
    /*
    top:37.5px;
    top:3.75rem;
    */
    top:24px;
    top:2.4rem;
    width: 48px;
    height: 52px;
    cursor: pointer;
}

#nav-toggle div {
    position: relative;
}

#nav-toggle .line {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background:#000000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

#nav-toggle .menu {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    font-size:12px;
    text-align:center;
    font-weight:bold;
	font-weight: 900;
	color: #000000;
}

#nav-toggle .line:nth-of-type(1) {
    top: 0px;
}

#nav-toggle .line:nth-of-type(2) {
    top: 10px;
}

#nav-toggle .line:nth-of-type(3) {
    top: 20px;
}

#nav-toggle .menu:nth-of-type(4) {
    top: 35px;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}
.open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

#global-nav{
	display:block;
	position: relative;
	z-index:1001;
	width:100%;
	height:0px;
	right:-100vw;
	background: transparent;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

#global-nav::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
}

.open #global-nav {
    -moz-transform: translateX(-100vw);
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

#category{
	width: 100%;
	height: 100vh;
	text-align: center;
	display:inline-block;
	justify-content: none;
	background: rgba(255,255,255,0.9);
	position: relative;
	z-index:1001;
}

.setmargin{
	margin-top:32px;
	margin-top:3.2rem;
	margin-bottom:32px;
	margin-bottom:3.2rem;
	position: relative;
	font-size:16px;
	font-size:1.6rem;
	line-height:32px;
	line-height:3.2rem;
	z-index: 1;
	font-weight:bold;
	font-weight: 900;
	color: #000000;
}

.setmargin:hover{
	color: #C9BA63;
}

.menusns{
	width: 100%;
	margin-top:32px;
	margin-top:3.2rem;
	margin-bottom:32px;
	margin-bottom:3.2rem;
}

#category img{
	width: 36px;
	height: auto;
}

/* ここまでメニュー-------------------------------------------------------------- */

/* 固定バナー */
#bannerbox{
	display: none;
	position: fixed;
	width: 312px;
	z-index: 10;
	bottom:5px;
	left:5px;
}

.bannertxt{
	margin-top: 42px;
	border-radius: 4px;
	width: 312px;
	height: 60px;
	text-align: center;
	background: #C9BA63;
	background: rgba(201,186,99,0.8);
}

.bannertxt p{
	font-size: 24px;
	line-height: 60px;
	color: #FFFFFF;
}

.bannertxt:hover{
	background: rgba(201,186,99,1);
}

/* ここまで固定バナー */

#linepng{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index: 3003;
}
#linepng img{
	width:128px;
	height:128px;
}

#linepng :hover {
  opacity: 0.8;
}

/* ここからフッター */
#footerbox {
	margin-top:300px;
	margin-top:30.0rem;
	width:100%;
	height:auto;
	background-color:#C9BA63;
}

#centerbox {
	width:1480px;
	text-align:center;
	margin:0 auto;
}

#boxtop:{
	width:100%;
	margin:0 auto;
}

#boxtop:after{
	content:"";
	display:block;
	clear:both;
}

.leftspace{
	width:70%;
	float:left;
}

.leftbox{
	width:100%;
	text-align:left;
	margin:0 auto;
}

.logo img{
	margin-top:60px;
	margin-top:6.0rem;
	width:auto;
	height:80px;
}

.catchcopytop{
	margin-top:18px;
	margin-top:1.8rem;
	width:auto;
	text-align:left;
	font-size:14px;
	font-size:1.4rem;
	line-height:24.5px;
	line-height:2.45rem;
	letter-spacing:1.4px;
	letter-spacing:0.14rem;
	font-weight:bold;
	font-weight: 900;
	color: #000000;
}

.catchcopy{
	width:auto;
	text-align:left;
	font-size:14px;
	font-size:1.4rem;
	line-height:24.5px;
	line-height:2.45rem;
	letter-spacing:1.4px;
	letter-spacing:0.14rem;
	font-weight:bold;
	font-weight: 900;
	color: #000000;
}

.leftbox:after{
	content:"";
	display:block;
	clear:both;
}

.leftbox .companyarea{
	width:100%;
	margin-top:48px;
	margin-top:4.8rem;
}


.leftbox .companyarea .mailbox {
	width:100%;
	margin-top:48px;
	margin-top:4.8rem;
}

.leftbox .companyarea .mailbox img{
	width:auto;
	height:48px;
	height:4.8rem;
}

.stoneimg{
	margin-top:48px;
	margin-top:4.8rem;
}

.stoneimg img{
	width:auto;
	height:auto;
}

.leftbox .companyarea .mailtext{
	width:auto;
	text-align:left;
	font-weight:normal;
	color:#333333;
	font-size:18px;
	font-size:1.8rem;
	line-height:27px;
	line-height:2.7rem;
	letter-spacing:1.8px;
	letter-spacing:0.18rem;
	padding-left:9px;
}

.leftbox .companyarea .timetext{
	margin-top:9px;
	margin-top:0.9rem;
	display:inline-block;
	width:auto;
	text-align:left;
	font-weight:normal;
	color:#333333;
	font-size:18px;
	font-size:1.8rem;
	line-height:27px;
	line-height:2.7rem;
	letter-spacing:1.8px;
	letter-spacing:0.18rem;
}

.rightspace{
	width:30%;
	float:right;
	margin-top:60px;
	margin-top:6.0rem;
}

.rightbox{
	width:100%;
	display:inline-block;
	text-align: right; 
}

.rightbox:after{
	content:"";
	display:block;
	clear:both;
}

.rightnav{
	display:inline-block;
	text-align: right;
}

.rightnav p {
	width:auto;
	height:36px;
	height:3.6rem;
	line-height: 36px;
	line-height: 3.6rem;
	text-align:left;
	font-weight:normal;
	color:#333333;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:1.8px;
	letter-spacing:0.18rem;
}


.rightnav a:hover{
	font-weight:bold;
	font-weight: 900;
	color:#FFFFFF;
}

.copytext{
	margin-top:96px;
	margin-top:9.6rem;
	width:auto;
	text-align:bottom;
	font-weight:normal;
	color:#333333;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:1.8px;
	letter-spacing:0.18rem;
	line-height:36px;
	line-height:3.6rem;
}

.snsbox{
	display: flex;
	justify-content:space-between;
	width: 240px;
	margin: 0 auto;
	margin-top:48px;
}

.snsbox img{
	width: 48px;
	height: auto;
}

/* ここまでフッター */

#profiletitle{
	margin-top:100px;
	margin-top:10.0rem;
	display:inline-block;
	position:relative;
	width:100%;
	text-align:center;
	z-index: 10;
}

#profiletitle p{
	position:relative;
	display:inline-block;
	font-weight:bold;
	font-weight: 900;
	color:#C9BA63;
	font-size:42px;
	font-size:4.2rem;
	letter-spacing:2.1px;
	letter-spacing:0.21rem;
	z-index: 10;
	color: #000000;
}

.whiteback{
	text-align:center;
	margin-top:100px;
	margin-top:10.0rem;
}

.whitebacktop{
	text-align:center;
	margin-top:0px;
}

.whitebackytb{
	text-align:center;
	margin-top:100px;
	margin-top:10.0rem;
	display: flex;
    justify-content: space-between;
}

.ytbleft, .ytbright {
    width: 47%;
  }

  .leftcmovie iframe, .rightmovie iframe {
    width: 560px;
 	height: 315px;
 	overflow: hidden;
  }

.whiteback_wide{
	text-align:center;
	margin-top:200px;
	margin-top:20.0rem;
}

.explainbox{
	margin:0 auto;
	width:90%;
	max-width:1200px;
	display:inline-block;
}

.rightsidecenter{
	display:inline-block;
	text-align:center;
	height:auto;
}

.blacktitlemiddle {
	font-weight:bold;
	font-weight: 900;
	font-size:28px;
	font-size:2.8rem;
	letter-spacing:2.8px;
	letter-spacing:0.28rem;
	line-height:49px;
	line-height:4.9rem;
	color: #000000;
}

.normalfont{
	font-size:16px;
  	font-size:1.6rem;
  	line-height:32px;
  	line-height:3.2rem;
  	letter-spacing:1.2px;
  	letter-spacing:0.12rem;
  	text-align:justify;
}

/* チェックマークのスタイル */
.checkmark-text::before {
  content: "✔"; /* チェックマークを指定 */
  margin-right: 8px; /* 文字との間隔を調整 */
  color: green; /* チェックマークの色 */
  font-size: 1.2em; /* サイズ調整 */
}

.smallfont{
	font-size:14px;
  	font-size:1.4rem;
  	line-height:24.5px;
  	line-height:2.45rem;
  	letter-spacing:0.75px;
  	letter-spacing:0.075rem;
  	text-align:justify;
}

.blackfont{
	font-size:16px;
  	font-size:1.6rem;
  	line-height:32px;
  	line-height:3.2rem;
  	letter-spacing:1.2px;
  	letter-spacing:0.12rem;
  	text-align:justify;
  	font-weight:bold;
	font-weight: 900;
  	color: #000000;
}

.whitefont{
	font-size:16px;
  	font-size:1.6rem;
  	line-height:32px;
  	line-height:3.2rem;
  	letter-spacing:1.2px;
  	letter-spacing:0.12rem;
  	text-align:justify;
  	font-weight:bold;
	font-weight: 900;
  	color: #FFFFFF;
}

.charspace{
	margin-top:18px;
	margin-top:1.8rem;
}

.charspacew{
	margin-top:36px;
	margin-top:3.6rem;
}

.charspacet{
	margin-top:54px;
	margin-top:5.4rem;
}

.leftimgbox{
	margin-top:0px;
}

.rightimgbox{
	margin-top:0px;
}

.leftimg{
	width:auto;
	float:left;
}

.rightimg{
	width:auto;
	float:right;
}

.rightimgpic{
	width:540px;
	max-with: 540px;
	height:360px;
	margin:0px 0px 0px 40px;
	padding-bottom:0px;
}

.leftimgpic{
	width:540px;
	height:360px;
	margin:0px 40px 0px 0;
	padding-bottom:0px;
}

.rightimgpic img{
	width:540px;
	height:360px;
}

.leftimgpic img{
	width:540px;
	height:360px;
}

/*トップページからのリンク画像*/
.leftlinkbox{
	float: left;
	width: 50%;
	text-align: left;
}

.leftlinkbox img{
	width: 95%;
	height: auto;
}

.rightlinkbox{
	float: right;
	width: 50%;
	text-align: right;
	margin-top:0px;
	margin-top:0rem;
}

.rightlinkbox img{
	width: 95%;
	height: auto;
}

/*トップページからのリンク画像ここまで*/

/* ここから詳細ページ */
.centerbox{
	text-align: center;
}
#ManifestArea {
	margin-top: 100px;
	width:auto;
	display:inline-block;
}

#ManifestArea h1{
	font-size: 56px;
	line-height: 98px;
	line-height: 9.8rem;
	letter-spacing:5.6px;
	letter-spacing:0.56rem;
	font-weight:bold;
	font-weight: 900;
	color: #000000;
	text-align:center;
}

#ManifestArea hr{
	width: 100%;
	border:0;
	border-top: 12px solid #C9BA63;
    box-shadow:none;
}

.trybox{
	text-align:center;
	margin: 0 auto;
	margin-top:64px;
	margin-top:6.4rem;
}

.trylink{
	width:360px;
	outline: none;
	-webkit-appearance: none;
	padding:17.5px 35px 17.5px 35px;
	padding:1.75rem 3.5rem 1.75rem 3.5rem;
	border:2px solid #b0a24d;
    border-radius:12px;
    background:#C9BA63;
    font-size:20px;
  	font-size:2rem;
	letter-spacing:2.0px;
	letter-spacing:0.20rem;
	color:#FFFFFF;
	font-weight:bold;
	font-weight: 900;
	cursor:pointer;
}

iframe {
 border: none;
 width: 560px;
 height: 315px;
 overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1600px) {

#linepng img{
	width:108px;
	height:108px;
}

/* ここからフッター */
#centerbox {
	width:80%;
}

/* ここまでフッター */

}

/* ---------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1320px) {


#profiletitle p{
	font-size:32px;
	font-size:3.2rem;
	letter-spacing:1.6px;
	letter-spacing:0.16rem;
}

.explainbox{
	margin:0 auto;
	width:90%;
}

.rightsidecenter{
	text-align:center;
}

.normalfont,.blackfont,.whitefont{
	font-size:16px;
  	font-size:1.6rem;
  	line-height:28px;
  	line-height:2.8rem;
  	letter-spacing:1.2px;
  	letter-spacing:0.12rem;
  	text-align:justify;
}

.smallfont{
	font-size:14px;
  	font-size:1.4rem;
  	line-height:24.5px;
  	line-height:2.45rem;
  	letter-spacing:0.75px;
  	letter-spacing:0.075rem;
  	text-align:justify;
}

.charspace{
	margin-top:18px;
	margin-top:1.8rem;
}

.charspacew{
	margin-top:36px;
	margin-top:3.6rem;
}

.charspacet{
	margin-top:54px;
	margin-top:5.4rem;
}

.leftimgpic{
	width:405px;
	height:270px;
	margin:0px 40px 0px 0;
	padding-bottom:0px;
}

.rightimgpic{
	width:405px;
	height:270px;
	margin:0px 0px 0px 40px;
	padding-bottom:0px;
}

.leftimgpic img{
	width:405px;
	height:270px;
}

.rightimgpic img{
	width:405px;
	height:270px;
}

.whitebackytb {
    display: block;
}

.ytbleft, .ytbright {
   width: 100%;
}

.ytbright {
    margin-top: 56px;
}

}

/* ---------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1110px) {
.leftimgpic{
	width:320px;
	height:auto;
	margin:0px 20px 0px 0;
	padding-bottom:0px;
}

.rightimgpic{
	width:320px;
	height:auto;
	margin:0px 0px 0px 20px;
	padding-bottom:0px;
}

.leftimgpic img{
	width:320px;
	height:auto;
}

.rightimgpic img{
	width:320px;
	height:auto;
}

}


/* ---------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1080px) {

/* ここからメニュー-------------------------------------------------------------- */
#top-head{
	display:inline-block;
	width:100%;
	height:72px;
	position: fixed;
	line-height: 1;
    z-index: 999;
    margin-top:0px;
	background: rgba(0,0,0,0);
}

#top-head img{
	height:52px;
	margin-left:10px;
	margin-top:10px;
}

#mobile-head{
	height: 73px;
}

#nav-toggle {
    display: block;
    right: 10px;
    top:20px;
    width: 36px;
    height: 36px;
}

#nav-toggle .line:nth-of-type(1) {
    top: 0px;
}

#nav-toggle .line:nth-of-type(2) {
    top: 8px;
}

#nav-toggle .line:nth-of-type(3) {
    top: 16px;
}

#nav-toggle .menu:nth-of-type(4) {
    top: 24px;
}


#nav-toggle .line {
    height: 2px;
}

#nav-toggle .menu {
    font-size:8px;
    line-height:12px;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}
.open #nav-toggle span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

.setmargin{
	margin-top:16px;
	margin-top:1.6rem;
	margin-bottom:16px;
	margin-bottom:1.6rem;
	position: relative;
	font-size:16px;
	font-size:1.6rem;
	line-height:32px;
	line-height:3.2rem;
	letter-spacing:2px;
	letter-spacing:0.2rem;
	z-index: 1;
	padding-left: 16px;
	font-weight: bold;
}

/* ここまでメニュー */

#linepng img{
	width:96px;
	height:96px;
}

/* ここからフッター */
.logo img{
	margin-top:60px;
	margin-top:6.0rem;
	height:52px;
	width:auto;
}
/* ここまでフッター */

.rightsidecenter{
	margin-left: 0px;
	height: auto;
}

.blacktitlemiddle {
	font-size:24.5px;
	font-size:2.45rem;
	letter-spacing:6.125px;
	letter-spacing:0.6125rem;
	line-height:42.875px;
	line-height:4.2875rem;
}

.normalfont,.blackfont,.whitefont{
	font-size:14px;
  	font-size:1.4rem;
  	line-height:28px;
  	line-height:2.8rem;
  	letter-spacing:1.4px;
  	letter-spacing:0.14rem;
  	text-align:justify;
}

.smallfont{
	font-size:12px;
  	font-size:1.2rem;
  	line-height:21px;
  	line-height:2.1rem;
  	letter-spacing:0.9px;
  	letter-spacing:0.09rem;
  	text-align:justify;
}

.charspace{
	margin-top:14px;
	margin-top:1.4rem;
}

.charspacew{
	margin-top:28px;
	margin-top:2.8rem;
}

.charspacet{
	margin-top:42px;
	margin-top:4.2rem;
}

#ManifestArea h1{
	font-size: 49px;
	line-height: 85.75px;
	line-height: 8.575rem;
	letter-spacing:4.9px;
	letter-spacing:0.49rem;
}

#ManifestArea hr{
	width: 100%;
	border:0;
	border-top: 8px solid #C9BA63;
    box-shadow:none;
}

}


/* ---------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 980px) {

/* 固定バナー */

#bannerbox{
	width: 260px;
}

.bannertxt{
	margin-top: 25px;
	width: 260px;
	height: 50px;
}

.bannertxt p{
	font-size: 20px;
	line-height: 50px;
}

/* ここまで固定バナー */

#linepng img{
	width:72px;
	height:72px;
}

/* ここからフッター */
#footerbox {
	margin-top:240px;
	margin-top:24.0rem;
}

.logo img{
	margin-top:60px;
	margin-top:6.0rem;
}

.catchcopytop{
	margin-top:21px;
	margin-top:2.1rem;
	font-size:12px;
	font-size:1.2rem;
	line-height:21px;
	line-height:2.1rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.catchcopy{
	font-size:12px;
	font-size:1.2rem;
	line-height:21px;
	line-height:2.1rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.leftbox .companyarea{
	margin-top:36px;
	margin-top:3.6rem;
}


.leftbox .companyarea .mailbox img{
	height:36px;
	height:3.6rem;
}

.leftbox .companyarea .telbox{
	margin-top:24px;
	margin-top:2.4rem;
}

.leftbox .companyarea .telbox img {
	width:24px;
	height:24px;
}

.leftbox .companyarea .mailtext{
	display:inline-block;
	width:auto;
	text-align:left;
	font-weight:normal;
	color:#333333;
	font-size:16px;
	font-size:1.6rem;
	line-height:24px;
	line-height:2.4rem;
	letter-spacing:1.6px;
	letter-spacing:0.16rem;
	padding-left:8px;
}

.leftbox .companyarea .timetext{
	margin-top:8px;
	margin-top:0.8rem;
	color:#333333;
	font-size:16px;
	font-size:1.6rem;
	line-height:24px;
	line-height:2.4rem;
	letter-spacing:1.6px;
	letter-spacing:0.16rem;
}

.rightspace{
	margin-top:60px;
	margin-top:6.0rem;
}

.rightnav p {
	width:auto;
	height:32px;
	height:3.2rem;
	text-align:left;
	font-weight:normal;
	color:#333333;
	font-size:16px;
	font-size:1.6rem;
	line-height:32px;
	line-height:3.2rem;
	letter-spacing:1.6px;
	letter-spacing:0.16rem;
}

.copytext{
	margin-top:96px;
	margin-top:9.6rem;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:1.6px;
	letter-spacing:0.16rem;
	line-height:32px;
	line-height:3.2rem;
}

.snsbox{
	display: flex;
	justify-content:space-between;
	width: 210px;
	margin: 0 auto;
	margin-top:48px;
}

.snsbox img{
	width: 42px;
	height: auto;
}

/* ここまでフッター */

#profiletitle p{
	font-size:22px;
	font-size:2.2rem;
	letter-spacing:1.1px;
	letter-spacing:0.11rem;
}

.explainbox{
	width:90%;
	padding:0;
	text-align:center;
}

.rightsidecenter{
	width:auto;
	margin:0 auto;
}

.leftimg{
	width:100%;
	clear: both;
}

.rightimg{
	display:inline-block;
	width:100%;
	clear: both;
	text-align: center;
}

.leftimgpic{
	width:540px;
	height:360px;
	margin:0 auto;
	padding-bottom:28px;
	padding-bottom:2.8rem;
}

.rightimgpic{
	width:540px;
	height:360px;
	margin:0 auto;
	padding-bottom:28px;
	padding-bottom:2.8rem;
}

.leftimgpic img{
	width:540px;
	height:360px;
}

.rightimgpic img{
	width:540px;
	height:360px;
}




}
/* ---------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 680px) {

/* ここからメニュー-------------------------------------------------------------- */
#top-head{
	display:inline-block;
	width:100%;
	height:72px;
	position: fixed;
	line-height: 1;
    z-index: 999;
    margin-top:0px;
	background: rgba(0,0,0,0);
}

#top-head img{
	width:auto;
	height:28px;
	margin-left:10px;
	margin-top:22px;
}

#nav-toggle {
    display: block;
    right: 10px;
    top:20px;
    width: 32px;
    height: 32px;
}

#nav-toggle .line:nth-of-type(1) {
    top: 0px;
}

#nav-toggle .line:nth-of-type(2) {
    top: 6px;
}

#nav-toggle .line:nth-of-type(3) {
    top: 12px;
}

#nav-toggle .menu:nth-of-type(4) {
    top: 19px;
}


#nav-toggle .line {
    height: 1px;
}

#nav-toggle .menu {
    font-size:8px;
    line-height:12px;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}
.open #nav-toggle span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

.setmargin{
	margin-top:12px;
	margin-top:1.2rem;
	margin-bottom:12px;
	margin-bottom:1.2rem;
	position: relative;
	font-size:12px;
	font-size:1.2rem;
	line-height:24px;
	line-height:2.4rem;
	letter-spacing:2px;
	letter-spacing:0.2rem;
	z-index: 1;
	padding-left: 12px;
	font-weight: normal;
}

.menusns{
	width: 100%;
	margin-top:12px;
	margin-top:1.2rem;
	margin-bottom:12px;
	margin-bottom:1.2rem;
}

#category img{
	width: 24px;
	height: auto;
}

/* ここまでメニュー */

/* 固定バナー */
#bannerbox{
	display: block;
	width: 156px;
}

.bannertxt{
	margin-top: 24px;
	width: 156px;
	height: 36px;
}

.bannertxt p{
	font-size: 12px;
	line-height: 36px;
}

/* ここまで固定バナー */
#linepng{
	bottom:10px;
	right:10px;
}

#linepng img{
	width:72px;
	height:72px;
}

/* ここからフッター */
#footerbox {
	margin-top:180px;
	margin-top:18.0rem;
}

#centerbox {
	width:90%;
}

.leftspace{
	width:100%;
	float:left;
}

.leftbox{
	width:100%;
	text-align:left;
	margin:0 auto;
}

.logo img{
	margin-top:24px;
	margin-top:2.4rem;
	width:auto;
	height:28px;
}

.catchcopytop{
	margin-top:16px;
	margin-top:1.6rem;
	font-size:12px;
	font-size:1.2rem;
	line-height:21px;
	line-height:2.1rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.catchcopy{
	font-size:12px;
	font-size:1.2rem;
	line-height:21px;
	line-height:2.1rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.leftbox .companyarea{
	width:100%;
	margin-top:14px;
	margin-top:1.4rem;
}

.leftbox .companyarea .mailbox {
	width:100%;
}

.leftbox .companyarea .mailbox img{
	height:28px;
}

.stoneimg{
	margin-top:14px;
	margin-top:1.4rem;
}

.stoneimg img{
	width:90%;
}

.leftbox .companyarea .mailtext{
	font-size:12px;
	font-size:1.2rem;
	line-height:24px;
	line-height:2.4rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.rightspace{
	width:100%;
	float:left;
	margin-top:48px;
	margin-top:4.8rem;
}

.rightbox{
	width:100%;
	display:inline-block;
	text-align: left; 
}

.rightbox:after{
	content:"";
	display:block;
	clear:both;
}

.rightnav{
	display:inline-block;
	text-align: left;
}

.rightnav p{
	width:auto;
	height:32px;
	height:3.2rem;
	line-height: 32px;
	line-height: 3.2rem;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}


.copytext{
	margin-top:24px;
	margin-top:2.4rem;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	line-height:24px;
	line-height:2.4rem;
}

.snsbox{
	display: flex;
	justify-content:space-between;
	width: 180px;
	margin: 0 auto;
	margin-top:24px;
}

.snsbox img{
	width: 36px;
	height: auto;
}

/* ここまでフッター */
.blacktitlemiddle {
	font-size:21px;
	font-size:2.1rem;
	letter-spacing:1.575px;
	letter-spacing:0.1575rem;
	line-height:36.75px;
	line-height:3.675rem;
}

.normalfont,.blackfont,.whitefont{
	font-size:14px;
  	font-size:1.4rem;
  	line-height:28px;
  	line-height:2.8rem;
  	letter-spacing:1.4px;
  	letter-spacing:0.14rem;
  	text-align:justify;
}

.smallfont{
	font-size:12px;
  	font-size:1.2rem;
  	line-height:21px;
  	line-height:2.1rem;
  	letter-spacing:0.9px;
  	letter-spacing:0.09rem;
  	text-align:justify;
}

.whiteback{
	margin-top:56px;
	margin-top:5.6rem;
}

.whitebacktop{
	margin-top:0px;
}

.whiteback_wide{
	margin-top:112px;
	margin-top:11.2rem;
}

#profiletitle{
	margin-top:56px;
	margin-top:5.6rem;
}


#profiletitle p{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:1.0px;
	letter-spacing:0.1rem;
}

.explainbox{
	width:94%;
	padding:0;
	text-align:center;
}

.rightsidecenter{
	display:inline-block;
	text-align:center;
	width:auto;
	margin:0 auto;
}

.leftimgbox{
	display:inline-block;
	margin-top:0px;
}

.rightimgbox{
	display:inline-block;
	margin-top:0px;
}

.leftimg{
	display:inline-block;
	text-align: center;
}

.rightimg{
	display:inline-block;
	text-align: center;
}

.leftimgpic{
	width:100%;
	height:auto;
	margin:0 auto;
	padding-bottom:28px;
	padding-bottom:2.8rem;
}

.rightimgpic{
	width:100%;
	height:auto;
	margin:0 auto;
	padding-bottom:28px;
	padding-bottom:2.8rem;
}

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

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

/*トップページからのリンク画像*/
.leftlinkbox{
	clear: both;
	width: 100%;
	text-align: center;
}

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

.rightlinkbox{
	clear: both;
	width: 100%;
	text-align: center;
	margin-top:56px;
	margin-top:5.6rem;
}

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

/* ここから詳細ページ */
.trybox{
	margin-top:56px;
	margin-top:5.6rem;
	width:80%;
}

.trylink{
	width:100%;
	padding:14px 0px 14px 0px;
	padding:1.4rem 0rem 1.4rem 0rem;
    border-radius:10px;
    font-size:16px;
  	font-size:1.6rem;
	letter-spacing:1.6px;
	letter-spacing:0.16rem;
}

/* ここから詳細ページ */
#ManifestArea {
	margin-top:56px;
}


#ManifestArea h1{
	font-size: 32px;
	line-height: 56px;
	line-height: 5.6rem;
	letter-spacing:3.2px;
	letter-spacing:0.32rem;
}

#ManifestArea hr{
	width: 100%;
	border:0;
	border-top: 6px solid #C9BA63;
    box-shadow:none;
}

iframe {
 width: 100%;
 height: 280px;
 margin-bottom: 0px;
}

.leftcmovie iframe, .rightmovie iframe {
    width: 100%;
 	height: 280px;
 	overflow: hidden;
  }

}