@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:1280px){

}
@media screen and (max-width:736px){
.onPc{
	display:none;
}
.onSmt{
	display:block;
}
.header {
	height: 55px;
	width: 100%;
	margin: 0 auto;
	display: table;
	background-color:#FFF;
	z-index:100;
	position:fixed;
	top:0;
	border-top:#0373b6 3px solid;
	border-bottom:#eee 1px solid;
}
.header03 {
	height: 55px;
	width: 100%;
	margin: 0 auto;
	display: table;
	background-color:#FFF;
	border-top:#0373b6 3px solid;
	border-bottom:#eee 1px solid;
}
.box1080{
	width:96%;
	display:table;
	height:auto;
	margin: 0 auto;
	padding-left:2%;
	padding-right:2%;
}
.box1024{
	width:96%;
	display:table;
	height:auto;
	margin: 0 auto;
	padding-left:2%;
	padding-right:2%;
}
.box1500{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width:100%;
	min-width:100%;
}

.headLogo {
    display: block;
    height: 24px;
    width:45%;
	float:left;
	margin-top:15px
}
.headLogo img {
	width:auto;
	height:24px;
	float:left;
	margin-left:5px;
}
.headTel {
    display: block;
    float: right;
    height: 20px;
    margin-right: 5px;
    margin-top:5px;
    width: 45%;
}
.headTel img{
	width:auto;
	height:20px;
}
.headBtn {
    display: none;

}
.spHeadBtn{
	width: 50%;
	height: 20px;
	float: right;
	display:block;
	margin-top:5px;
	margin-right:5px;
}
.spHeadBtn a{
	width:110px;
	height: auto;
	float:right;
	text-align:center;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	line-height:20px;
	font-weight:normal;
	background-color:#ff6900;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition-property: all;
	transition: 0.2s ease;
	background-image:url(../images/arrow_right_wht.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:14px 14px;
}
.mainBox {
    display: table;
    float: left;
    height: auto;
    margin-right: 0px;
    width: 100%;
}



.spTopimage{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 60px;
	position: relative;
}
.spTopimage img{
	width:100%;
	height:auto;
	float:left;
}

.spTopimage .top_bt {
	position: absolute;
	top: 65%;
	left: 40%;
}
.spTopimage .top_bt img {
	width:60%;
}
.footBox {

    padding-top: 30px;
	border-bottom: 4px solid #0373b6;
}
.footMenu {
    font-size: 10px;
    height: auto;
    letter-spacing: 0em;
    line-height: 20px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.copyright {
    font-size: 9px;
    line-height: 24px;
	margin-top:5px;
}
.goTopBtn {
    height: 36px;
    right: 4px;
    width: 36px;
}
.goTopBtn img {
    height: 36px;
    width: 36px;
}
.goTopBtn.on {
    bottom: 4px;
}
.sp50 img{
	width:50%;
	height:auto;
}
.sp40 img{
	width:40%;
	height:auto;
}
.sp100a img{
	width:100%;
	height:auto;
}
.sp80a img{
	width:80%;
	height:auto;
}

.movieBox{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	background-image:none;
	text-align:center;
	padding-top:0px;
}
.blogBox {
    display: block;
    float: left;
    height: auto;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
}
.blogPh {
    display: block;
    float: left;
    height: auto;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
.blogPh img{
	width:95%;
	height:auto;
}
.blogInfo {
    background-color: #02639d;
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    padding: 10px 2%;
    width: 100%;
	margin-bottom:20px;
}
.halfBox {
    display: block;
    float: left;
    height: auto;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
}
.sixBox {
    display: block;
    float: left;
    height: auto;
    margin-bottom: 40px;
    width: 100%;
}
.fourBox {
    display: block;
    float: left;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}
.secPd60 .box1024{
	padding-top:30px;
	padding-bottom:30px;
}
.secPt60 .box1024{
	padding-top:30px;
}
.spmb20{
	margin-bottom:20px;
}
.spmb.mb20{
	margin-bottom:5px;
}
.spmb.mb30{
	margin-bottom:10px;
}
.spmb.mb40{
	margin-bottom:20px;
}
.spmb.mt40{
	margin-top:20px;
}
.spmb.mb60{
	margin-bottom:30px;
}
.whtLineBox {
    border: 3px solid #fff;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    float: left;
    height: auto;
    padding: 20px 2%;
    width: 100%;
}
.text24Center {
    display: block;
    float: left;
    font-size: 18px;
    height: auto;
    line-height: 24px;
    text-align: center;
    width: 100%;
}
.clickFinger {
    display: block;
    float: right;
    height: 60px;
    margin-bottom: -60px;
    position: relative;
    right: 10px;
    top: -28px;
    width: 60px;
	background-size:60px 60px;
}
.secQuo {
    box-sizing: border-box;
    display: table;
    height: auto;
    margin: 0 auto;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 100%;
}
.text18Center {
    display: block;
    float: left;
    font-size: 14px;
    height: auto;
    line-height: 22px;
    text-align: center;
    width: 100%;
}
.riyuu {
    display: block;
    float: left;
    height: auto;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
}
.riyuu th {
    background-color: #0373b6;
    box-sizing: border-box;
    color: #ffffff;
    padding: 10px 2%;
    text-align: center;
    vertical-align: middle;
    width: 20%;
}
.riyuu th img{
	width:100%;
	height:auto;
}
.riyuu td {
    background-color: #f2f2f2;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 10px 2%;
    text-align: justify;
    vertical-align: middle;
    width: 80%;
}
.riyuu .text30 {
    display: block;
    float: left;
    font-size: 18px;
    height: auto;
    line-height: 22px;
    text-align: left;
    width: 100%;
	margin-bottom:5px;
}
.text36Center {
    display: block;
    float: left;
    font-size: 24px;
    height: auto;
    line-height: 30px;
    text-align: center;
    width: 100%;
}
.text36 {
    display: block;
    float: left;
    font-size: 22px;
    height: auto;
    line-height: 28px;
    text-align: left;
    width: 100%;
}
.text30Center {
    display: block;
    float: left;
    font-size: 18px;
    height: auto;
    line-height: 22px;
    text-align: center;
    width: 100%;
}
.text30 {
    display: block;
    float: left;
    font-size: 18px;
    height: auto;
    line-height: 22px;
    text-align: justify;
    width: 100%;
}
.text18 {
    display: block;
    float: left;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    text-align: justify;
    width: 100%;
}
.barLineTitle {
    border: 2px solid #104570;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    line-height: 24px;
    margin-bottom: 15px;
    padding: 10px 2%;
    text-align: left;
    width: 100%;
}
.stepBox {
    background-color: #f2f2f2;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: auto;
    padding: 10px 2%;
    width: 100%;
}
.stepArrow {
    background-image: url("../images/down_arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    display: inline-block;
    float: left;
    height: 40px;
	margin-top:5px;
	margin-bottom:5px;
    width: 100%;
}
.text14 {
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    text-align: justify;
    width: 100%;
}
.tool.text18 {
    margin-top: 10px;
}
.stepTitleBox {
    border: 4px solid #0373b6;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    line-height: 22px;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 10px 2%;
    width: 100%;
}
.stepNumber {
    color: #0373b6;
    font-size: 14px;
    line-height: 22px;
}
.text48Center {
    display: block;
    float: left;
    font-size: 24px;
    height: auto;
    letter-spacing: 0em;
    line-height: 30px;
    text-align: center;
    width: 100%;
}
.whtBox {
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    float: left;
    height: auto;
    padding: 10px 2%;
    width: 100%;
}
.tool.text14 {
    margin-top: 0px;
	margin-bottom:20px;
}
.barLineTitle02 {
    border: 4px solid #00a0e9;
    box-sizing: border-box;
    color: #313131;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    line-height: 24px;
    margin-bottom: 15px;
    padding: 10px 2%;
    text-align: left;
    width: 100%;
}
.supportFukidashi {
    background-color: #f2f2f2;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    margin-right: 0%;
    padding: 10px 2%;
    text-align: justify;
    width: 100%;
}
.fukidashiArrow {
    background-image: url("../images/fukidashi_arrow_up.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px 24px;
    display: block;
    float: right;
    height: 25px;
    margin-bottom: -25px;
    position: relative;
    right: 80%;
	top:-30px;
    width: 25px;
}
.text16 {
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    text-align: justify;
    width: 100%;
}
.voiceName {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    width: 100%;
}
.text12 {
    display: block;
    float: left;
    font-size: 11px;
    height: auto;
    line-height: 16px;
    text-align: left;
    width: 100%;
}
.whtBox .text36 {
    font-size: 18px;
    line-height: 24px;
}
.tool.text16 {
    margin-top: 20px;
}
.cube img {
    height: 40px;
    width: auto;
}
.text14Center {
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 18px;
    text-align: center;
    width: 100%;
}
.contents12box {
	margin-bottom: -130px;
}
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	margin-bottom: 140px;
	height: 0;
	overflow: hidden;
}
.movie-wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.text24 {
    display: block;
    float: left;
    font-size: 16px;
    height: auto;
    line-height: 22px;
    text-align: left;
    width: 100%;
}
.riyuu .text24{
	font-size: 14px;
    line-height: 20px;
}
.text48Center span.dLine {
    border-bottom: 6px double #ff6900;
	font-size:18px;
}
.whtBox800 {
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    float: left;
    height: auto;
    margin-left: 0%;
    margin-right: 0%;
    padding: 10px 2%;
    width: 100%;
}
.text48 {
    display: block;
    float: left;
    font-size: 20px;
    height: auto;
    letter-spacing: -0.05em;
    line-height: 26px;
    text-align: left;
    width: 100%;
}
.footBox .text14Center a{
	color:#333;
}



#qa {
	padding: 10px 10px 10px 0px;
	margin-top: 76px;
}
#qa h1 {
	padding-left: 10px;
}
#qa h1 img {
    width: auto;
    height: 36px;
}
#qa h2 {
	text-align: right;
	margin-top: 2px;
	border-bottom: 5px solid #333;
	font-size: 12px;
}
#qa h3 {
	padding-top: 3px;
	font-size: 12px;
}
#qa h3 strong {
	font-size: 12px;
}
#qa ul {
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
#qa ul li {
	margin-bottom: 10px;
}
#qa ul li dl dt {
	background: #C1E4FF url(../images/q.png) no-repeat 5px center;
	padding: 10px 5px 10px 35px;
	line-height: 1.25em;
}
#qa ul li dl dd {
	background: url(../images/a.png) no-repeat 5px 8px;
	padding: 5px 5px 5px 35px;
}

#bt {
	width: auto;
	max-width: 690px;
}
#bt > div {
	width: auto;
	max-width: 90%;
	margin-right: 2%;
	margin-left: 2%;
	display: block;
}
#bt > div div:nth-child(1),
#bt > div div:nth-child(2) {
	width: auto;
	max-width: 100%;
	float: none;
	margin-bottom: 10px;
}

#bt > div div:nth-child(1) a {
	font-size: 22px;
}

#bt > div div:nth-child(2) a {
	font-size: 30px;
}
#bt > div div:nth-child(2) span {
	font-size: 10px;
}


#overlay {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	display: block;
	background: #FFF;	/*background-color: rgba(255,255,255,0.8);*/
	padding-top: 5px;
	border-top: 1px solid #F60;
}

#overlay img#overlay_title {
	width: 100%;
	height: auto;
}

#overlay img#overlay_bt {
	width: 100%;
	height: auto;
}
#overlay #overlay_btn {
	width: 100%;
	height: auto;
}
.goTopBtn.on {
    bottom: 15%;
}
.header {
	position: static;
}
.spTopimage {
    margin-top: 0px;
}
.footBox {
    padding-top: 30px;
	padding-bottom:80px;
}

.charm dl {
}
.charm dl dt {
	float: left;
	width: 20%;
}
.charm dl dd {
	float: right;
	width: 78%;
}
.charm div {
	clear: both;
}
.charm div p {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.charm div figure {
	float: none;
	width: 100%;
}

.custome {
	padding: 5%;
	margin-bottom: 30px;
	background: #FFF;
}
.custome-left {
	float: none;
	width: 100%;
	margin: 0px;
}
.custome-center {
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0;
	height: 100%;
	clear: both;
}
.custome-right {
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0;
	height: 100%;
}
.custome1 .custome-center,.custome1 .custome-right {
	background: none;
	border: none;
}
.custome2 .custome-center,.custome2 .custome-right {
	background: none;
	border: none;
}
.custome3 .custome-center,.custome3 .custome-right {
	background: none;
	border: none;
}
.custome-left figure:nth-child(1) {
	width: 100%;
	display: block;
}
.custome-left figure:nth-child(2) {
	width: 50%;
	display: inline-block;
	float: left;
}
.custome-left figure:nth-child(3) {
	width: 50%;
	display: inline-block;
	float: right;
}
.custome1 .custome-left figure:nth-child(1) {
	background: #74BF77;
}
.custome2 .custome-left figure:nth-child(1) {
	background: #829ACE;
}
.custome3 .custome-left figure:nth-child(1) {
	background: #E5A2A3;
}
.custome-left figure:nth-child(1) img {
	height: auto;
	width: 60%;
	margin: 0px auto;
	padding: 0px;
}
.custome-left figure:nth-child(2) img,
.custome-left figure:nth-child(3) img {
	height: auto;
	width: 100%;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.custome-center p {
	font-size: 14px !important;
	line-height: 1.25em;
	margin: 10px 0px;
	padding: 0px;
}
.custome-right dl {
	font-size: 14px !important;
    line-height: 1.25em;
}
.custome-right dl dt {
	text-indent: -3.5em;
	padding-left: 3.5em;
	margin-bottom: 10px;
}
.custome-right dl dd {
	text-indent: -3.5em;
	padding-left: 3.5em;
	margin-bottom: 20px;
}
.custome-right dl dt span {
	text-align: center;
	display: inline-block;
	width: 3em;
	color: #FFF;
	background: #C00;
	margin-right: 0.5em;
	text-indent: 0;
	padding-left: 0px;
}
.custome-right dl dd span {
	text-align: center;
	display: inline-block;
	width: 3em;
	color: #FFF;
	background: #06C;
	margin-right: 0.5em;
	text-indent: 0;
	padding-left: 0px;
}

.question3_p {
	padding-left: 0px;
	background: url(../images/question3_p.png) no-repeat center bottom;
	background-size:80% auto;
	width: 100%;
	padding-bottom:75%;
}
.contents10{
	margin-top: 30px;
}
}