@charset "UTF-8";
@media screen and (min-width: 896px){	
    .br-pc { display: block; }
    .br-sp { display: none; }
}
@media screen and (max-width: 896px){	
    .br-pc { display: none; }
    .br-sp { display: block; }
}
/*Base setting_____________________________________*/
html { font-size: 62.5%; }
body { 
    color: #666;
    font: 1.8rem/2 Century Gothic,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    overflow-x: hidden;
}
h1 {
    font-size: 36px;
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));
    line-height: 1.3;
}
h2 {
    font-size: 24px;
    font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));
    line-height: 1.3;
}

/*header menu_____________________________________*/
header {
    font-size: 0;
    line-height: 0;
    margin: 10px 0 0;
}
header h1, nav,
header div.site-title nav {
    display: table-cell;
}
header ul {
    font-size: 1.6rem;
    line-height: 1;
    margin: 0 10px 10px 0;
}
header ul li {
    margin-left: 3px;
    display: inline-block;
}
header ul li:last-child::after {content:''}
header ul li a {color:inherit}
.navi { margin:0; padding: 0; width:100%; float:left;clear:both; }
.navi_set { margin:10px 0 0 0; padding:0; }
.navi_item { float:left;border-right:1px solid #CCC;margin:0;width:20%;text-align:center;font-weight:bold;}
.navi_item:first-child { border-left:1px solid #CCC; }
.navi_item a{padding:15px 0;display:block;}
.navi_item a:hover {text-decoration:none; color:#fff; background:#23A8F2;padding:15px 0;margin:0; }

.main_visual { float:left;clear:both; width:100%;margin: 0px 0 20px 0; padding: 20px 0; text-align: center; background: #64c3da url(../images/header_bg.jpg) no-repeat center center; background-size: cover; }
.main_visual_logo img { width: 100%; }
.main_visual_title { font-size: 2rem; font-weight:bold;color:#333; }
.pickup_set { display: flex; flex-wrap: wrap; justify-content: center; list-style:none;width:100%; }
.pickup_item { padding: 5px; }
.pickup_label { position: relative; display: inline-block; width: 100%; font-size: 2.8rem; font-weight: bold; color: #fff; line-height: 1.2; }
.pickup_label.min { font-size: 2.2rem; margin-top:5px; }
.pickup_label .sub { position: absolute; left: 0; bottom: -20px; width: 100%; font-size: 1.6rem; text-align: center; }
.thanks { position:absolute; left: 20px; top: 20px; width: 100px; height: 100px; padding: 10px; border-radius: 100px; background:#FF9900;color:#FFF; }
.thanks_icon_set { display: table; table-layout: fixed; width: 90px; margin: 0 auto; margin-bottom: 5px; }
.thanks_icon_item { display: table-cell; width: 32px; height: 32px; }
.thanks_text { font-size:1.6rem;line-height:2.4rem;font-weight: bold; }
.thanks_sp { display: none; }

.sec01 { width:100%;float:left;clear:both;margin:0;padding:60px 0;display:block;background:#99D8F9;}
.sec02 { width:100%;float:left;clear:both;margin:0px 0;display:block;background:#FFF;position:relative;}
.sec01 h2{ width:100%;float:left;clear:both;margin:40px 0 30px 0;text-align:center;position:relative;}
.sec02 h2{ width:100%;float:left;clear:both;margin:20px 0 30px 0;text-align:center;position:relative;}
.sec01 h2:before,
.sec02 h2:before {
    content:  ''; 
    width: 100px; 
    height: 5px;  
    background:#00B900; 
    display:  block; 
    position: absolute;
    left:50%;
    bottom:-12px; 
    margin-left:-50px
}
.box01-left { width:30%;float:left;margin:0 0 0 5%;padding:0 0 40px 0;}
.box01-left img{ width:100%;}
.box01-right { width:60%;float:right;}
.box01-right p{ width:100%;float:left;clear:both;color:#333;}

.box01-right table  { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: none;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; }
.box01-right table th { width:30%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #f5f5f5; box-sizing: border-box; }
.box01-right table td { width:70%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #fff; box-sizing: border-box;}

.box01-right table.kinou  { float:left;clear:both; table-layout: fixed; width: 80%; margin: 20px 0 50px 0; border-collapse: collapse; border-spacing: none;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; }
.box01-right table.kinou th { width:100%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #f5f5f5; box-sizing: border-box; }
.box01-right table.kinou td { width:100%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #fff; box-sizing: border-box;}

h2.mT20 {margin-top:40px;display:block;float:left;clear:both;}
h2.mT50 {margin-top:80px;display:block;float:left;clear:both;}
.bg {background:#99D8F9;}
.box02 { width:90%;margin:0 5%;padding:0 0 20px 0;text-align:center;}
.box02 p{ width:100%;color:#333;padding:0 0 20px 0;}
.fred {color:#CC0000;}
.box03 { width:46%;margin:20px 2%;padding:20px;float:left;border:1px solid #CCC;}
.box03 h3,.box04 h3 {overflow: hidden;text-align: center;}
.box03 h3 span:before,.box04 h3 span:before {margin-right: 0.5em;right: 100%;}
.box03 h3 span:before,.box03 h3 span:after,.box04 h3 span:before,.box04 h3 span:after {border-bottom: 2px solid #999999;border-top: 2px solid #999999;content: "";height: 0.4em;margin-top: -0.2em;position: absolute;top: 50%;width: 200em;}
.box03 h3 span:after,.box04 h3 span:after {left: 100%;margin-left: 0.5em;}
.box03 h3 span:before,.box03 h3 span:after,.box04 h3 span:before,.box04 h3 span:after {border-bottom: 2px solid #999999;border-top: 2px solid #999999;content: "";height: 0.4em;margin-top: -0.2em;position: absolute;top: 50%;width: 200em;}
.box03 h3 span,.box04 h3 span {position: relative;}
.box03 ul,.box04 ul{ width:100%;margin:0;padding:0px;float:left;clear:both;}
.box04 { width:96%;margin:20px 2%;padding:20px;float:left;border:1px solid #CCC;}
.box04 ul li{ width:50%;margin:0px 0%;padding:0px;float:left;}


footer {background:#23A8F2;width:100%;float:left;clear:both;text-align:center;}
.copyright {color:#FFF;padding:30px 0;text-align:center;}
.footer_box {width:100%;float:left;clear:both;text-align:center;margin:20px 0 0 0;padding:0;color:#FFF;font-size:12px;}
.footer_box a{color:#FFF;}


.btn-square {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background:  #FF9900;
    color:  #FFF;
    border-bottom: solid 4px #883600;
    border-radius: 3px;
    font-weight:bold;
}
.btn-square03 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background:  #C3105B;
    color:  #FFF;
    border-bottom: solid 4px #202020;
    border-radius: 3px;
    font-weight:bold;
    border-radius: 20px;
    margin: 20px 0 0 0;
}
.btn-square04 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background:  #202020;
    color:  #FFF;
    border-bottom: solid 4px #C3105B;
    border-radius: 3px;
    font-weight:bold;
    border-radius: 20px;
    margin: 20px 0 0 0;
}

.btn-square:active,
.btn-square03:active,
.btn-square04:active {
    -webkit-transform: translateY(4px); 
    transform: translateY(4px);
    border-bottom: none;
}
.btn-square:hover,
.btn-square03:hover,
.btn-square04:hover {
    text-decoration: none;
    color: #FFF;
}

.contact_box {float:right;width:50%;margin:10px 0 0 0;padding:0;}
.contact_box ul{float:right;width:100%;text-align: right;}
.contact_box ul li{float:left;width:46%;margin:0 2%;}
.btn-square02 {display:inline-block;padding:0.5em 1em;text-decoration:none;background:#000;color:#FFF;border-bottom:solid 4px #CCC;border-radius:3px;font-weight:bold;}
.btn-square02:active {/*�{�^�����������Ƃ�*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*���ɓ���*/ border-bottom: none;/*��������*/}
.btn-square02:hover {text-decoration:none;color:#FFF;}

.contact_box02 {float:left;width:50%;margin:50px 25%;padding:0;clear:both;}
.contact_box03 {float:left;width:50%;margin:50px 25%;padding:0;clear:both;}
.contact_box02 ul{float:left;width:100%;text-align:left;clear:both;margin:-20px 0 0 0;}
.contact_box02 ul li{display: inline;width:29%;margin:0 2%;}
.contact_box02 ul li p{margin: 20px 0;float:left;clear:both;font-size:1.6rem; line-height:2.6rem;}
.privacy { margin: 10px 0; padding: 5px; float: left; clear: both; text-align: left; font-size: 1.2rem; line-height: 1.8rem; }
.privacy dl{ margin: 20px 0 0; padding: 5px; float: left; clear: both; text-align: left; width: 100%; }
.privacy dl dt{ font-size: 1.2rem; line-height: 1.8rem; font-weight: bold; border-bottom: 1px solid #CCC; }
.privacy dl dd{ font-size: 1.2rem; line-height: 1.8rem; margin: 10px 0 0 0; padding: 0 0 0 2%; float: left; clear: both; width: 98%; }
.privacy ol{ margin: 0 0 0 4%; padding: 5px; float: left; clear: both; text-align: left; width: 96%; }
.privacy ol li{ font-size: 1.2rem; line-height: 1.8rem; margin: 10px 0 0 0; padding: 0 0 0 2%; float: left; clear: both; width: 98%; }
.privacy .txt-right{ font-size: 1.2rem; line-height: 1.8rem; margin: 10px 0 0 0; padding: 0 0 0 2%; float: left; clear: both; width: 98%; text-align: right; }



/*�t�H�[��*/

/*
input[type="text"] textarea
input[type="������"] �K�X�lj�
*/

select,
textarea,
input[type="number"],
input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

textarea {
    height: 100px; /* ���D�݂̍����� */
}

/* �t�H�[�J�X���̐F�ύX */

textarea:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="text"]:focus {
    border: 1px solid #333;
}

.item { width:100%;margin:20px 0 0 0;float:left;clear:both;}
.item h4{ width:100%;margin:20px 0 20px 0;float:left;clear:both;text-align:left;border-bottom: solid 3px #64c3da;position: relative;}
.item h4:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #FF9900;bottom: -3px; width: 25%;}

.movie-box { width:800px;margin:20px auto;padding:0;}
.movie-box .mbox{ width:65%;margin:0 0 10px 0;padding:0;float:left;border-right:2px dotted;}
.movie-box .mbox .mbox-box{ width:100%;margin:0 0 10px 0;padding:0;float:left;clear:both;}
.movie-box .mbox .mbox-box .mbox01{ width:38%;margin:0;padding:0;float:left;}
.movie-box .mbox .mbox-box .mbox02{ width:58%;margin:0 2%;padding:0;float:left;}
.movie-box .mbox .mbox-box .mbox02 h3{ font-size:2.2rem;margin:0;padding:0;float:left;clear:both;}
.movie-box .mbox .mbox-box .mbox02 p{ font-size:1.4rem;line-height:2rem;margin:0;padding:0;float:left;clear:both;}
.movie-box .mbox03{ width:33%;margin:0;float:left;padding:0 0 0 2%;}
.movie-box .mbox .mbox04{ width:98%;margin:0 0 10px 0;padding:0;float:left;clear:both;}
.mbox03 ul li.mT20{margin:10px 0 0 0;}

.box02 ul.tab_set { width:100%;margin:20px auto;}
.box02 ul.tab_set li.navi_item { width:20%;margin:0;padding:0;float:left;text-align:center;}

.inview { width:600px;position:absolute;right:2%;bottom:2%;}
.txtCenter{text-align:center;}
#slide_box {overflow: hidden;position: fixed;width:600px;bottom:0;right:0;}
#slide {width: 100%;}

.txt-s { text-align:center;font-size:1.1rem;line-height:1.6rem;margin:0 0 10px 0;color:#CC0000;}
.frb{color:#CC0000;font-weight:bold;}

#page-top {position:fixed;bottom:20px;right:20px;}
#page-top a {background:#005900;text-decoration: none;color: #fff;width:70px;height:70px;padding:0;text-align: center;display: block;border-radius: 50%;font-size:60px;line-height:70px;}
#page-top a:hover {text-decoration:none;background:#00B900;}

.gblnv_box{width:40%;float:right;margin:0;padding:0;}
.gblnv_box a {margin: 38px;}
.gblnv_block{background-color: #444444; color: #000; height: 500px; display: none;}
.gblnv_block ul{padding: 10px;}
.gblnv_block ul li{line-height: 180%;}
.gblnv_block ul li a{color: #000; font-size: 26px; line-height: 260%;}
.onanimation{display: block;}

.menu-trigger,
.menu-trigger span {display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger {position: relative; width: 60px; height: 44px;}
.menu-trigger span {
	position: absolute;
	right: 5px;
	width: 100%;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}


.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}

/*layout(Area02)____________________________*/
.flex {
    display: flex;
}
.area02 {
    width: 48%;
    margin: 0 1%;
    border-radius: 20px;
    background: #FFF;
    padding: 2%;
}
.area02 h2{ 
    width: 100%;
    float: left;
    clear: both;
    font-size: 3vw;
    margin: 10px 0 30px 0;
    text-align: center;
    position: relative;
}
.area02 h2:before{
    content:  ''; 
    width: 100px; 
    height: 5px;  
    background:#C3105B; 
    display:  block; 
    position: absolute;
    left:50%;
    bottom:-12px; 
    margin-left:-50px
}
.area02 h2 span{ 
    font-size: 70%;
}
.area02 p {
    width: 100%;
    color: #333;
    padding: 0 0 20px 0;
    text-align: left;
    line-height: 30px;
}
.area02 p span{
    font-weight: 900;
    color:#C3105B; 
    text-decoration: underline;
}
.area02 .box01-img {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0%;
}

@media (max-width: 640px) {
    .flex {
        display: block;
    }
    .area02 {
        width: 90%;
        margin: 10px 5% 20px;
    }
    .area02 h2{ 
        width: 100%;
        float: left;
        clear: both;
        font-size: 6vw;
        margin: 10px 0 30px 0;
        text-align: center;
        position: relative;
    }
    .btn-square03,
    .btn-square04 {
        width: 100%;
    }
}


/*layout____________________________________*/

@media (min-width: 1280px) {/* 1024px�ȏ�*/
.sec01 .warapper {width:1280px;margin:0px auto;padding:30px 0;}
.sec01 .warapper02 {width:1280px;margin:0px auto;padding:0;}
.sec02 .warapper {width:1280px;margin:0px auto;padding:0;background:#FFF;}
h1.site-title,
div.site-title{ width:300px;margin: 0 0 0 5px;float:left;}
h1.site-title img,
div.site-title img{ width:100%;}
.common_inner { position: relative; width: 96%; max-width: 1280px; box-sizing: border-box; margin: 20px auto; padding: 15px 5px; background-color: rgba(255,255,255,0.8); }
.main_visual_logo { width: 780px; margin: 20px auto 0; padding: 0 10px; }
.main_visual_logo img{ width: 100%; }
h2 {font-size: 3.6rem;/* 36px*/}
h3 {font-size: 3.2rem;/* 32px*/}
.pickup_item_inner { display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; border-radius: 50%; background: #23A8F2; }
.box01-img{ width:80%;float:left;clear:both;margin:0 10%;}
.btn-square { width:50%; }
.btn-square03,
.btn-square04 { width:100%; }
.sec02 form { width:80%;margin:0 10% 50px;float:left;clear:both;}

.contact_box02,contact_box03 {float:left;width:100%;margin:50px 0%;padding:0;clear:both;}
.contact_box02 ul{float:left;width:100%;text-align:left;clear:both;}
.contact_box02 ul li{float:left;width:29%;margin:0 2%;}
.btn-square02 {display:block;padding:0.5em 1em;text-decoration:none;background:#000;color:#FFF;border-bottom:solid 4px #CCC;border-radius:3px;font-weight:bold;width:100%;margin:0;text-align:center;}
.btn-square02:active {/*�{�^�����������Ƃ�*/ -webkit-transform:translateY(4px); transform: translateY(4px);/*���ɓ���*/ border-bottom: none;/*��������*/}
.btn-square02:hover {text-decoration:none;color:#FFF;}

}

/*____________________________________*/

@media (max-width: 1280px) {/* 1024px�ȉ�*/
.sec01 .warapper {width:100%;margin:0px auto;padding:30px 0;}
.sec02 .warapper {width:96%;margin:0px auto;padding:0;background:#FFF;}

h1.site-title,
div.site-title{ width:300px;margin: 0 0 0 5px;float:left;}
h1.site-title img,
div.site-title img{ width:100%;}
.common_inner { position: relative; width: 96%; max-width: 1280px; box-sizing: border-box; margin: 20px auto; padding: 15px 5px; background-color: rgba(255,255,255,0.8); }
.main_visual_logo { width: 640px; margin: 20px auto 0; padding: 0 10px; }
.main_visual_logo img{ width: 100%; }
h2 {font-size: 3.0rem;}
h3 {font-size: 2.6rem;}
.thanks { position:absolute; left: 20px; top: 60px; width: 100px; height: 100px; padding: 10px; border-radius: 100px; background:#FF9900;color:#FFF; }
.pickup_item_inner { display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 50%; background: #23A8F2; }
.btn-square { width:50%; }
.sec02 form { width:80%;margin:0 10% 50px;float:left;clear:both;}

.contact_box02,.contact_box03 {float:left;width:100%;margin:50px 0%;padding:0;clear:both;}
.contact_box02 ul{float:left;width:100%;text-align:left;clear:both;}
.contact_box02 ul li{float:left;width:29%;margin:0 2%;}
.btn-square02 {display:block;padding: 0.5em 1em;text-decoration: none;background: #000;color: #FFF;border-bottom: solid 4px #CCC;border-radius: 3px;font-weight:bold;width:80%;margin:0 10%;text-align:center;}
.btn-square02:active {/*�{�^�����������Ƃ�*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*���ɓ���*/ border-bottom: none;/*��������*/}
.btn-square02:hover {text-decoration:none;color:#FFF;}
.box03 ul li,.box04 ul li{font-size:1.5rem;}

.box01-right table.kinou  { float:left;clear:both; table-layout: fixed; width: 100%; margin: 20px 0 50px 0; border-collapse: collapse; border-spacing: none;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; }
.box01-right table.kinou th { width:100%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #f5f5f5; box-sizing: border-box; }
.box01-right table.kinou td { width:100%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #fff; box-sizing: border-box;}

}


/*____________________________________*/

@media screen and (max-width: 896px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
body{line-height: 2;}
.sec01 .warapper {width:100%;margin:0px auto;padding:30px 0;}
.sec02 .warapper {width:96%;margin:0px auto;padding:0;background:#FFF;}
h1.site-title img,
div.site-title img{ width:80%;margin: 0 0 0 5px;}
.main_visual { float:left;clear:both; width:100%;margin:10px 0 20px 0; padding: 20px 0; text-align: center; background: #64c3da url(../images/header_bg.jpg) no-repeat center center; background-size: cover; }
.main_visual_logo { width: 80%; margin: 20px auto 0; padding: 0 10px; }
.main_visual_logo img{ width: 100%; }
h2 {font-size: 3.0rem;}
h3 {font-size: 2.6rem;}
.thanks { display:none; }
.pickup_item_inner { display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; border-radius: 50%; background: #23A8F2; }
.box02 p{ width:100%;color:#333;padding:0 0 20px 0;text-align:left;}
a img:hover {opacity:1}
.box01-left { width:90%;float:left;margin:0 0 0 5%;padding:0 0 0px 0;}
.box01-left img{ width:100%;}
.box01-right { width:90%;float:right;clear:both;margin:0 5%;padding:0 0 20px 0;}
.box01-right p{ width:100%;float:left;clear:both;color:#333;}
.box01-img{ width:100%;float:left;clear:both;margin:0 0%;}


.box01-right table.kinou  { float:left;clear:both; table-layout: fixed; width: 100%; margin: 20px 0 50px 0; border-collapse: collapse; border-spacing: none;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; }
.box01-right table.kinou th { width:100%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #f5f5f5; box-sizing: border-box; }
.box01-right table.kinou td { width:100%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #fff; box-sizing: border-box;}

footer {font-size:80%; padding:5px}
.btn-square { width:50%; }
.sec02 form { width:90%;margin:0 5% 50px;float:left;clear:both;}
.contact_box {float:right;width:60%;margin:0;padding:0;}
.contact_box02,.contact_box03 {float:left;width:60%;margin:50px 20%;padding:0;clear:both;}

.contact_box {display:none;}
.contact_box02,.contact_box03 {float:left;width:100%;margin:50px 0%;padding:0;clear:both;}
.contact_box02 ul{float:left;width:100%;text-align:left;clear:both;}
.contact_box02 ul li{float:left;width:96%;margin:0 2%;clear:bpth;}
.btn-square02 {display:block;padding: 0.5em 1em;text-decoration: none;background: #000;color: #FFF;border-bottom: solid 4px #CCC;border-radius: 3px;font-weight:bold;width:100%;margin:0 0%;text-align:center;}
.btn-square02:active {/*�{�^�����������Ƃ�*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*���ɓ���*/ border-bottom: none;/*��������*/}
.btn-square02:hover {text-decoration:none;color:#FFF;}

.box03,.box04 { width:96%;margin:20px 2%;padding:20px;float:left;border:1px solid #CCC;clear:both;}
.box03 h3,.box04 h3 {font-size: 2.1rem;}
.box03 ul li,.box04 ul li{font-size:1.2rem;}

.movie-box { width:100%;margin:20px auto;padding:0;}
.movie-box .mbox{ width:65%;margin:0 0 10px 0;padding:0;float:left;border-right:2px dotted;}
.movie-box .mbox .mbox-box{ width:100%;margin:0 0 10px 0;padding:0;float:left;clear:both;}
.movie-box .mbox .mbox-box .mbox01{ width:38%;margin:0;padding:0;float:left;}
.movie-box .mbox .mbox-box .mbox02{ width:58%;margin:0 2%;padding:0;float:left;}
.movie-box .mbox .mbox-box .mbox02 h3{ font-size:2.2rem;margin:0;padding:0;float:left;clear:both;}
.movie-box .mbox .mbox-box .mbox02 p{ font-size:1.0rem;line-height:2rem;margin:0;padding:0;float:left;clear:both;}
.movie-box .mbox03{ width:33%;margin:0;float:left;padding:0 0 0 2%;}

.inview { width:96%;position:absolute;right:2%;bottom:4%;}
.txtCenter{text-align:center;font-size:12px;}

}

/*____________________________________*/

@media screen and (max-width: 480px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
body{line-height: 2;}
.main_visual { float:left;clear:both; width:100%;margin:10px 0 20px 0; padding: 20px 0; text-align: center; background: #64c3da url(../images/header_bg.jpg) no-repeat center center; background-size: cover; }
.sec01 .warapper {width:100%;margin:0px auto;padding:30px 0;}
.sec02 .warapper {width:96%;margin:0px auto;padding:0;background:#FFF;}
h2 {font-size:2.0rem;line-height:3rem;}
h3 {font-size: 2.0rem;line-height:3rem;margin:0 0 20px 0;}
a img:hover {opacity:1}
header h1 a img,
div.site-title a img {height:44px}
.pickup_set { display: flex; flex-wrap: wrap; justify-content: center; list-style:none;width:100%; }
.pickup_item { padding:5px;width:50%; }
.pickup_label { position: relative; display: inline-block; width: 100%; font-size: 2.8rem; font-weight: bold; color: #fff; line-height: 1.2; }
.pickup_label.min { font-size: 2.2rem; margin-top:5px; }
.pickup_label .sub { position: absolute; left: 0; bottom: -20px; width: 100%; font-size: 1.6rem; text-align: center; }

.box01-left { width:90%;float:left;margin:0 0 0 5%;padding:0 0 0px 0;}
.box01-left img{ width:100%;}
.box01-right { width:90%;float:right;clear:both;margin:0 5%;padding:0 0 20px 0;}
.box01-right p{ width:100%;float:left;clear:both;color:#333;font-size:1.6rem;line-height:3rem;}
.box01-img{ width:100%;float:left;clear:both;margin:0 0%;}

.box01-right table  { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: none; }
.box01-right table th { width:100%;float:left;clear:both; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #f5f5f5; box-sizing: border-box; }
.box01-right table td { width:100%;float:left;clear:both; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #fff; box-sizing: border-box;}

.box01-right table.kinou  { float:left;clear:both; table-layout: fixed; width: 100%; margin: 20px 0 50px 0; border-collapse: collapse; border-spacing: none;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; }
.box01-right table.kinou th { width:100%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #f5f5f5; box-sizing: border-box; }
.box01-right table.kinou td { width:100%; padding: 10px; font-size: 1.4rem; border-top: 1px solid #ccc; background: #fff; box-sizing: border-box;}

.box02 p{ width:100%;color:#333;font-size:1.5rem;line-height:2.8rem;}
footer {font-size:80%; padding:5px}
.btn-square { width:80%; }
.sec02 form { width:96%;margin:0 2% 50px;float:left;clear:both;}

.contact_box {display:none;}
.contact_box02,.contact_box03 {float:left;width:100%;margin:50px 0%;padding:0;clear:both;}
.contact_box02 ul{float:left;width:100%;text-align:left;clear:both;}
.contact_box02 ul li{float:left;width:96%;margin:20px 2%;clear:both;}
.btn-square02 {display:block;padding: 0.5em 1em;text-decoration: none;background: #000;color: #FFF;border-bottom: solid 4px #CCC;border-radius: 3px;font-weight:bold;width:100%;margin:0 0%;text-align:center;}
.btn-square02:active {/*�{�^�����������Ƃ�*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*���ɓ���*/ border-bottom: none;/*��������*/}
.btn-square02:hover {text-decoration:none;color:#FFF;}

.box03,.box04 { width:96%;margin:20px 2%;padding:20px;float:left;border:1px solid #CCC;clear:both;}
.box04 ul li{ width:100%;margin:0px 0%;padding:0px;float:left;}

.movie-box { width:100%;margin:20px auto;padding:0;}
.movie-box .mbox{ width:100%;margin:0 0 10px 0;padding:0;float:left;border-bottom:2px dotted;border-right:none;}
.movie-box .mbox .mbox-box{ width:100%;margin:0 0 10px 0;padding:0;float:left;clear:both;}
.movie-box .mbox .mbox-box .mbox01{ width:100%;margin:0;padding:0;float:left;}
.movie-box .mbox .mbox-box .mbox02{ width:100%;margin:0 2%;padding:0;float:left;}
.movie-box .mbox .mbox-box .mbox02 h3{ font-size:2.2rem;margin:0;padding:0;float:left;clear:both;}
.movie-box .mbox .mbox-box .mbox02 p{ font-size:1.4rem;line-height:2rem;margin:0;padding:0;float:left;clear:both;}
.movie-box .mbox03{ width:100%;margin:0;float:left;clear:both;padding:0;}

.inview { width:96%;position:absolute;right:2%;bottom:4%;}
.txtCenter{text-align:center;font-size:12px;}

#page-top {position:fixed;bottom:10px;right:10px;}
#page-top a {background:#005900;text-decoration: none;color: #fff;width:50px;height:50px;padding:0;text-align: center;display: block;border-radius: 50%;font-size:40px;line-height:50px;}
#page-top a:hover {text-decoration:none;background:#00B900;}
.txt-s { text-align:left;font-size:1.1rem;line-height:1.6rem;margin:0 0 10px 0;color:#CC0000;}

}