/*
Theme Name:チーマケテーマ
Author:齋藤
*/
@charset "utf-8";
/*----------------------------------------------------------------------------------------------
【記載ルール】
・ブレークポイント、キーフレームでインデント
・不要な半角スペースやタブは削除
・短縮できるものは短縮（例）0.7 → .7、#FFFFFF → ＃FFF
・継承を考え、無駄なプロパティを削除（特にSP）
----------------------------------------------------------------------------------------------*/

/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {
	display: block
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline}
body {
	line-height: 1;
	/*height: auto!important;footerした固定*/
	/*min-height: 100%;footerした固定*/
}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:after, blockquote:before, q:after, q:before {content: '';content: none}
table {border-collapse: collapse;border-spacing: 0}
img {margin: 0 auto;padding: 0;max-width: 100%;}
a{text-decoration: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*----------------------------------------------------------------------------------------------

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

html {
	font-size: 62.5%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 500;
	height: 100%;
}
body {
	margin: 0;
	font-size: 2.2rem;
	line-height: 1.6;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: "palt" 1;
	background: #f3f0f0;
	position: relative;
}
/* header  -------------------------------------------- */
header{position: fixed;top: 0;z-index: 2;background: #fff;width: 100%;height: 80px;}

.header_inner {
  display: flex;
	justify-content: space-around;
  padding: 1.5rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
	height: 100%;
  align-items: center;
}
.header_logo { width: 18%;max-width:280px;}
.header_logo img{max-height: 100%;}
.header_logo a{display: block;height: 100%;}
ul.header_global {
    width: 75%;
	min-width: 840px;
    display: flex;
	justify-content: space-around;
	    align-items: center;
}


.header_global li {
		color: #217a74;
		font-size: 1.5rem;
		position: relative;
		transition: all .3s ease 0s;
}
.header_global li a {
    font-size: 1.5rem;
    transition: .2s;
	color: #FF8600;
	display: block;
	 padding: 2em 1em;
		position: relative;
}

.header_global>li:hover {
    cursor: pointer;
	transform: scale(1.2);
}
.header_global li.collabo_btn a{color: #fff;background: linear-gradient(90deg , #87bc17 ,#179232);color: #fff;border-radius: 100px;padding:1rem;height: 100%;}
.header_global li.collabo_btn img{display: inline;width: 11px;}

.header_global ul ul{
  display: block;
}
.header_global ul li,.header_global ul li a{
  position: relative;
}
.header_global li.has-child ul{
  position: absolute;
  left:0;
  top:6rem;
  z-index: 4;
  background:#fff;
	border-radius: 3px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);
 width: 200px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}
/*hoverしたら表示*/
.header_global li.has-child:hover > ul,
.header_global li.has-child ul li:hover > ul,
.header_global li.has-child:active > ul,
.header_global li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}
/*ナビゲーションaタグの形状*/
.header_global li.has-child ul li a{
  color: #217a74;
	padding: .5em 1em;
	font-size: 80%;
}

.header_global li.has-child ul li:last-child a{
  border-bottom:none;
}

.header_global li.has-child ul li a:hover,
.header_global li.has-child ul li a:active{
  background:#217a74;
	color: #fff;
}


.collabo_btn{background: linear-gradient(90deg , #87bc17 ,#179232);color: #fff;border-radius: 100px;padding: 0 1rem;}
li.collabo_btn a{color: #fff;}
.collabo_btn img{display: inline;width: 11px;}



/* flerx */
.flex {display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;justify-content: space-between; position: relative;}


/* メインコンテンツ  ------------------------------------------------- */
.main {
	margin: 0 auto;
	overflow: hidden;
}
#top{	color: #3f3f3f;}
#page{margin-top: 80px;}


.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.side_photo {float: right;padding: 0 0 2rem 2rem;width: 35%;}
.side_photo2 {float: left;padding: 0 2rem 2rem 0rem;width: 35%;}
.pc {display: block!important;}
.sp {display: none!important;}
/* font */
.b {font-weight: bold;}
.u {text-decoration: underline;}
.bu {font-weight: bold;text-decoration: underline;}
.rub {font-weight: bold;border-bottom: 2px solid #EB0003;}
.r {color: #e40708;}
.ru {color: #d00;text-decoration: underline;font-weight: bold;}
.mark_y{background: linear-gradient(transparent 60%, #ff6 60%);}
.mark_b{ background: linear-gradient(45deg, #07314f, #006381);font-weight: bold;padding: .5rem;color: #fff;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.large2 {font-size: 135%;}
.large3 {font-size: 150%;}
.txt_c{text-align: center;}
.box{border: 1px solid #ccc;border-radius: 5px;padding: 20px;margin: 20px auto;}
.arrow {display: block;width: 0;height: 0;border: 120px solid transparent;border-top: 60px solid #AD2D2C;border-bottom: 0;margin: 20px auto;}



/*コンテンツエリア*/
.sub_head {
	padding:0 0 7rem;
    margin: 0;
    text-align: center;
    font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 2.5rem;
    letter-spacing: 3px;
    line-height: 1.7;
    color: #FF8600;
    font-weight: 900;
    position: relative;
}
.sub_head:after {
    width: 80px;
    height: 5px;
    content: "";
    background: linear-gradient(90deg , #FF8700 ,#FF3200);
    position: absolute;
    transform: translateX(50%);
    bottom: 50px;
    left: calc(50% - 80px);
}
.sub_head .small{font-size: 2rem;}
.content_area {width: 90vw;max-width: 1400px;margin: auto;}
.content_txt_r {margin-left: 42%;}
.content_txt_l {margin-left: 8%;}

/*section p {margin-bottom: 2rem;}*/
.sec_common {padding: 8rem 0;}
.bottom{margin-bottom: 3rem;}
.txt_box{background: #fff8f8;padding: 2rem;text-align: center;font-weight: bold;font-size: 3rem;line-height: 1.3;width: 80%;margin: 5rem auto -2rem;}

/*各セクション------------------------------*/
.first_view{background: url("img/first_view.jpg");background-size: cover;position: relative;padding: 8rem 0;margin-top: 70px;}
.first_view p {
    margin: 15rem 5% 0 56%;
    font-size: 1.8rem;
    text-align: right;
    color: #207a74;
    font-weight: 600;
    letter-spacing: 3px;
	text-shadow: 0 0 8px #f4f8ec, 0 0 20px #f4f8ec;
}
.img-wrap {
  overflow: hidden;
  position: absolute;
	right: 5%; 
}
.img-wrap.txt1{top: 75px;}
.img-wrap.txt2{top: 145px;}
.img-wrap.txt1 img{width: 42vw;}
.img-wrap.txt2 img{width: 40vw;}

.img-wrap.txt1:before {
  animation: img-wrap 1.5s cubic-bezier(.4, 0, .2, 1) forwards;
  animation-delay: 1s;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.img-wrap.txt2:before {
  animation: img-wrap 1.5s cubic-bezier(.4, 0, .2, 1) forwards;
  animation-delay: 2s;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}

.bg_lime{background: #edf8e8;}

.info{background: #fff;background-image: url( "img/INFORMATION.png");background-position: top center;background-repeat: no-repeat;
/*background-size: 25%;*/}
.info_box{margin: auto;
    padding: 3rem 5rem;
    width: 70%;
    max-width: 900px;
    background: #f0f0f0;
    position: relative;}
.info_box:before{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-top: 30px solid #207a74;
    border-right: 30px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;}
.info_box ul li{margin-bottom: 2rem;
	font-size: 1.8rem;}
.info_box ul li:last-child{margin-bottom:0;}
.info_box .marker{background: #217a74;font-weight: bold;color: #fff;padding: 5px;padding: 3px 6px;}
.best_3{background: #f0f0f0;background-image: url( "img/Best Seller.png");background-position: top center;background-repeat: no-repeat;}
.best_3 .flex {
    width: 70%;
    max-width: 900px;
    margin: auto;
}

.dvd_card {
	    position: relative;
	padding: 2rem;
    background: #fff;
    /*width: 30%;*/
    text-align: center;
	counter-increment: number;
}
 
.dvd_card .dvd_num/*:before */{
    /*content: counter(number)"位";*/
   /* padding: 6% 0;*/
    background: #207a74;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    width: 70px;
    height: 70px;
	line-height: 70px;
}
/*.dvd_card a{padding: .5rem;background: #edf8e8;text-decoration: none;color: #207a74;text-align: center;}*/
.dvd_btn {
	display: none;
    padding: .8rem;
    background: #edf8e8;
    color: #207a74;
    text-align: center;
    font-size: 15px;
    border-radius: 20px;
	position: relative;
}

.dvd_name	{margin: .5rem 0 1rem;font-weight: bold;line-height: 1.4;}
.dvd_btn a{text-decoration: none;color: #207a74;}
.dvd_btn img{position: absolute;
    top: 10px;
    right: 10px;}

/* mv_btn-----------------*/
.mv_btn{background: #999;border-radius:30px;width: 60%;color: #fff;transition: all .3s;padding: 1rem;margin: 0 auto;}
.mv_btn a{text-decoration: none;text-align: center;color: #fff;font-weight: bold;}
.mv_btn a p{margin: 0;}
.mv_btn:hover{opacity: 0.8;letter-spacing: 1px;}
/* btn-----------------*/
.btn{/*width: 94%;*/ display: block;margin: 1rem auto 0;border-radius: 10px;/*box-shadow: 0px 2px #16774c;background: #27a80d;background: -moz-linear-gradient(-45deg, #27a80d 0%, #0c9b5f 100%); background: -webkit-linear-gradient(-45deg, #27a80d 0%,#0c9b5f 100%);background: linear-gradient(135deg, #27a80d 0%,#0c9b5f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );*/text-decoration: none;transition: all .3s;position: relative;}
.btn:hover{opacity: 0.8;letter-spacing: 1px;transform:scale(1.01);}
.btn p{line-height: 1.4; padding: 2rem 0;color: #fff;font-size: 3.5rem; font-weight: bold;text-align: center;}
.btn_copy{margin: .5rem auto 5rem;font-size: 1.8rem; text-align: center;}
/*.btn ::after {content: '》';position: absolute; display: block; right: 15px; top: 50%; transform: translateY(-50%); color: #fff;font-weight:normal;}*/
/* ボタン------------------------------------------------*/
/*.view_timer{display: none;}*/
.btn2 {
	text-decoration: none;
	display: block;
	width: 80%;
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
	color: #fff!important;
	line-height: 1.2;
	margin: 30px auto;
	padding: 20px 0;
	background: #0277BD;
	border-radius: 3px;
	transition: 0.2s;
	-webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 0 3px 5px 1px rgba(0,0,0,0.3);
	-webkit-appearance: none;
}
/*----------------------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------------------*/
footer {background: linear-gradient(to bottom, #FF3200, #FF8700);  width: 100%;color: #fff;letter-spacing: 2px;}
.footer_logo img {max-width: 300px;}
.footer_txt {padding: 0 0 0 2rem;font-size: 1.1rem;text-align: left;line-height: 1.9;}
#footer__wrap {display: flex;width: 800px;padding: 5rem 0 2rem;margin: 0 auto;justify-content: center;max-width: 1000px;width: 90vw;}
/*#footer__wrap li {display: inline-block;padding: 0 1rem 0;border-left: 1px solid #aaa;}*/
/*#footer__wrap li:first-child {border: none;padding: 0 1em 0 0;}*/
#footer__wrap a {color: #fff;}
.footer_menu{float: left; width: 700px;}
.footer_menu>li{float: left;
    width: 30%;
    font-size: 1.3rem;
    font-weight: bold;
    position: relative;
    line-height: 1.4}
.footer_menu>li li{margin-bottom: 2rem;}
.footer_adress {
    width: 300px;
    padding: 2rem;
    border: solid 1px #fff;border-radius: 2px;  
	font-size: 1.5rem;
}
.footer_adress img {
    margin: 0 0 4rem;
    padding: 0;
    width: 80%;
}
.footer_adress p{text-align: left;}
.copyright{text-align: center;
    margin-top: 3rem;
    font-size: 1rem;}
.footer_inner .collabo{line-height: 1.7!important;}
/* youtube  -------------------------------------------- */
.youtube {width: 700px;text-align: center;margin: 0 auto;}
.youtube iframe {top: 0;right: 0;width: 700px;height: 394px;}
/*スクロールバーカット*/
 .no-scrollbar::-webkit-scrollbar {display:none;}
.no-scrollbar::-moz-scrollbar {display:none;}
.no-scrollbar::-o-scrollbar {display:none;}
.no-scrollbar::-google-ms-scrollbar {display:none;}
.no-scrollbar::-khtml-scrollbar {display:none;}
/**/
.form .small {
    font-size: 60%;
    padding-left: 0rem!important;
}
#ms{width:200px;}
.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
	width:100%!important;
}
.ms-choice {
    display: none;
    width: 100%!important;
    height: 63px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    background-color: #fff;
}
.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}
.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 1em;
    font-size: 2rem;
}
.ms-choice > span.placeholder {
    color: #999;
}
.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
}
 
 
.ms-drop {
	overflow: hidden;
	display: block!important;
    padding: 0;
    position: relative;
    z-index: 1000;
    color: #000;
    width: 100%;
}
.ms-drop.bottom {
    top: 100%;
    margin-bottom: 0;
}
.ms-drop.top {
    bottom: 100%;
}
 
.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}
.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
}
.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
 
.ms-drop ul {
    overflow: hidden;
    margin: 0;
    padding: 0 0em 0 0.5rem;
    max-height: 395px!important;
}
.ms-drop ul > li {
    list-style: none;
    display: inline-block;
    background-image: none;
    position: static;
    padding: 0.5rem 1.5rem 0 0;
}

.ms-drop ul > li:first-child{
    list-style: none;
    display: none;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}
.ms-drop ul > li.multiple {
    display: block;
    float: left;
}
.ms-drop ul > li.group {
    clear: both;
}
.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ms-drop ul > li label.optgroup {
    font-weight: bold;
}
.ms-drop input[type="checkbox"] {
    vertical-align: middle;
	margin: 0 1rem 0 0;
}
.ms-drop .ms-no-results {
    display: none;
}
.shiritori {
  
}

#terms ol { padding-left: 1.5em!important; }
#terms ol > li { list-style: decimal!important; }
#terms li + li { margin-top: 1em; }
#terms ol li > ol, #terms ol li > ul { padding-left: 2em!important; }
#terms li ul > li { list-style: upper-alpha; }
#terms li ul > li { margin-top: 0.5em; }

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) {
	/*--------basic---------------------------------------------*/
	section,#header_img{
		pointer-events:none;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-touch-callout:none;
		-moz-user-select:none;
		touch-callout:none;
		user-select:none;
		}
	section,#header_img,.bottom_btn img{
		pointer-events: auto;
		-webkit-touch-callout: auto;
		-webkit-user-select: auto;
		-moz-touch-callout: auto;
		-moz-user-select: auto;
		touch-callout: auto;
		user-select: auto;
	}
	html {font-weight: normal;}
	body {background: none;font-size: 4.5vw;font-weight: normal;}
	img {max-width: 100%;}
	
	.side_photo {width: 40%;padding: 0 0 1.4rem 1.4rem;}
	.side_photo2 {width: 40%;padding: 0 1.4rem 1.4rem 0;}
	.box{padding: 3%;margin: 20px auto;}
	.pc {display: none!important;}
	.sp {display: block!important;}
	
	#page {
    margin-top: 17vw;
}

/*メニュー*/
	header{width: 100%;
    position: fixed;
    height: 17vw;}
	header h1 {font-size: 6vw;margin-bottom: 1rem;}
	header h1 img { width: 100%; height: auto; }
/*	.main {width: 100%;border: none;background: url(../img/head_logo.png);}*/
	
	
	/* nav_menu */
nav.header_inner{
	display: block;
    position: absolute;
    height: 100vh;
    width: 100vw;
    background: rgb(8 88 83 / 90%);
    -webkit-transition: 1.5s;
    transition: .5s;
	transform: translateX(100vw);
	padding: 10vw 5vw 0;
	z-index: 100;
}
	nav.header_inner.menu_active{transform: translateX(0);}
nav.header_inner ul.header_global {
    margin: 0;
    padding: 0;
	width: 90vw;
    min-width: auto;
	display: block;
}
	nav.header_inner .header_logo {
    width: 60vw;
    margin: 0;
}

nav.header_inner .header_global li{
    line-height: 1.4;
    text-align: center;
	padding: 0;
}
nav.header_inner .header_global>li {
    border-bottom: 1px dashed #fff;
}
	
	nav.header_inner .header_global li.collabo_btn{
	margin-top: 6vw;
    border: 1px solid #fff;
}
.header_global li a{
    display: block;
    text-decoration: none;
    color: #fff;
	    font-size: 4vw;
    padding: 5vw 3vw;
}
	.header_global li.has-child ul {
    visibility: visible;
    opacity: 1;
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    background: none;
    box-shadow: none;
    /* color: #fff; */
		font-weight: normal;
}
	.header_global li.has-child ul li a {
		color: #fff;
	}
	div.header_logo_sp {
    width: 70%;
    position: absolute;
    top: 3vw;
    left: 5vw;
}
	
/* hamburger_line */
#target {
    width: 50px;
    height: 50px;
    position: relative;
    top: 4vw;
    right: -35vw;
    cursor: pointer;
    display: block;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    transform: translateX(50vw);
	z-index: 110;
}
	#target:before {
        content: "";
    width: 50px;
    height: 50px;
    background:#fff;
    position: absolute;
    top: -2vw;
    left: -2vw;
}
	#target:after {
    content: "メニュー";
    font-size: 10px;
    position: relative;
    top: -3vw;
    text-align: center;
    font-weight: bold;
    color: #a5a5a5;
}

.target_inner{
    width: 40px;
    height: 30px;
    position: relative;
	left: .5vw;
}

.target_inner_line {
    display: block;
    width: 30px;
    height: 3px;
    background: #207a74;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    border-radius: 50px;
    position: absolute;
}

.target_inner_1 {
    top: 4px;
}

.target_inner_2 {
    top: 12px;
}

.target_inner_3 {
    top: 20px;
}

/* 動き */
.fadein{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

/*
.menu_icon1x,.menu_icon2x,.menu_icon3x{
    background: #ffffff;
}
*/

.menu_icon1x {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 13px;
}

.menu_icon2x {
    opacity: 0;
}

.menu_icon3x {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    top: 13px;
}
	
	
	/*コンテンツエリア*/
	.sub_head {
    padding: 0 0 10vw;
    font-size: 5.5vw;
    letter-spacing: 3px;
    line-height: 1.7;
}
	.sub_head .small {
    font-size: 3vw;
}
.sub_head:after {
    width: 60px;
    height: 3px;
    bottom: 8vw;
    left: calc(50% - 60px);
}
.content_area {width: 90vw;max-width: 1400px;margin: auto;}
.content_txt_r {margin-left: 42%;}
.content_txt_l {margin-left: 8%;}
	
	
	
	.bg_lime h2.sub_head{font-size: 4vw;}
.sub_head .small{font-size: 3vw;}

.sec_common {padding: 10vw 0;}

	.first_view{padding: 35vw 5vw 0;
    background: url(img/first_view_sp.jpg);
    background-size: contain;
    background-position: top center;
    background-color: #edf8e8;
    background-repeat: no-repeat;
	position: relative;}
.first_view p {
	margin: 0;
    padding: 5vw;
    font-size: 3.2vw;
    text-shadow: none;
	text-align: center;
    background: #fff;
    box-shadow: 0 0 10px #bfe1a9;
	border-radius: 5px;
}
	
	.first_view img.logo{
		position: absolute;
    top: -14vw;
    width: 273px;
	}
	.img-wrap {
  overflow: hidden;
    position: absolute;
     right: 0; 
}
.img-wrap.txt1{top: 17vw; left: -25vw;}
.img-wrap.txt2{top: 24vw; left: -30vw;}
.img-wrap.txt1 img{width: 65vw;}
.img-wrap.txt2 img{width: 60vw;}

	
	
.info {
    background-position: top left 10px;
    background-size: 80%;
}
.info_box{  
   padding: 5vw 4vw;
    width: 90vw;
	background: #ecf8e8;
	}
.info_box:before{
    border-top: 15px solid #207a74;
    border-right: 15px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;}
.info_box ul li{
	margin-bottom: 5vw;
    font-size: 3.5vw;}
.info_box .marker{background: #217a74;font-weight: bold;color: #fff;padding: 5px;padding: 3px 6px;}
.best_3{
    background-position: top left 10px;
    background-size: 60%;}
.best_3 .flex {
    width: 100%;
    display: block;
}

.dvd_card {
    padding: 5vw;
    width: 100%;
    margin-top: 5vw;
}
 
.dvd_card .dvd_num {
   width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 6vw;
}
/*.dvd_card a{padding: .5rem;background: #edf8e8;text-decoration: none;color: #207a74;text-align: center;}*/
.dvd_btn {
	width: 80vw;
        padding: 1vw;
    font-size: 4vw;
    border-radius: 30px;
    width: 80%;
    margin: auto;
}

.dvd_name	{margin: .5rem 0 1rem;font-weight: bold;line-height: 1.4;}
.dvd_btn a{text-decoration: none;color: #207a74;}
.dvd_btn img{top: 2vw;
    right: 5vw;
    width: 4vw;}
	
	
/*	---------------*/
	
	ul.list1{margin: 0 auto 4vw;padding: 0;}
	ul.list1 li {font-size: 3.9vw;padding: 2vw 3vw 2vw 11vw;    line-height: 1.3;}
	ul.list1 li:before {
		width: 13vw;
		height: 13vw;
		top: 3vw;
		left: 3vw;
		background-size: 30%;
	}
	.youtube {width: 100%;}
	.youtube iframe {top: 0;right: 0;width: 100% !important;height: 200px !important;}
	.btn2 {width: 95%;font-size: 6.5vw;}
	.arrow {border: 60px solid transparent;border-top: 24px solid #AD2D2C;border-bottom: none;margin: 0 auto 2rem;}
	.txt_box{padding: 4vw;width: 90%;font-size: 4.8vw;margin: 6vw auto 0;}
	.bottom{margin-bottom: 3vw;}
	/* mv_btn-----------------*/
	.mv_btn{width: 90%;padding: 2vw;font-size: 90%;}
	/* btn-----------------*/
	.btn{width: 100%;margin: 3vw auto 0;border-radius:10px;}
	.btn p{line-height: 1.5;font-size: 4.8vw;padding: 3vw 0;}	
	/*-footer-------------------------------------------*/
	.footer_logo img {display: block;}
	.footer_txt { padding: 1rem; text-align: center;}
	#footer__wrap {display: block;    width: 100%;
    padding: 10vw 5vw 5vw;}
.footer_menu{    float: none;
    width: 100%;
        padding: 0;
}
	ul.footer_menu>li:first-of-type {
    width: 50%;
}
	.footer_menu>li{float: left;
    width: 48%;
    font-size: 3.2vw;
    border-left: 1px solid #fff;
    padding-left: 4vw;}
.footer_menu>li li{margin-bottom: 5vw;}
.footer_adress {
    width: 100%;
    padding: 3vw;   
	font-size: 4vw;
	margin-top: 5vw;
}
.footer_adress img {
    margin: 0 0 4vw;
    padding: 0;
    width: 80%;
}
.copyright {
    margin-top: 5vw;
    font-size: 2vw;
}
}

/* 20240430 add*/
.elementor-element-1af703d{
	background:#207a74;
}
.elementor.elementor-1730 {
    display: flex;
    flex-direction: column;
}

.elementor-element-ecdfc66.order-changed{
    order:1;
}

.elementor-element-14ccdb0.order-changed{
    order:2;
}
.Q_area{
	background:#fff;
}
.Q_areea .elementor-element .elementor-tab-title,
.Q_areea .elementor-element .elementor-tab-content{
	background:#F1FFD8!important;
}

a.Q_card{
	display:flex!important;
	align-items:flex-start;
	padding:1rem!important;
	align-items: center;
    justify-content: center;
}
a.Q_card img{
	width:100%!important;
	max-width:50px!important;
	margin: 0 1rem;
}

@media screen and (max-width: 768px) {
	a.Q_card {
flex-direction: column;
	}
	a.Q_card img{
	max-width:30px!important;
	}
	a.Q_card br{display:none;}
	.no-mbottom{
	margin-bottom:0!important;
}
	a.Q_card{
		1rem 0.5rem!important;
	}
}

.elementor-element-43f4095{
	display:none;
}

.elementor-element-43f4095.no-result{
	display:block;
	background:#fff;
}
@media (max-width: 1024px) {
    .elementor-1730 .elementor-element.elementor-element-4c74484 {
	margin:auto!important;
	}
}
#faq-search-box{
    margin: 1em auto!important;
}
.elementor-element-879171a{
display:none!important;	
}

.elementor-element-14ccdb0{
	background:#eee;
}