@charset "utf-8";
/* CSS Document */


body{background:url(../images/back_shadow.png); background-repeat:repeat-y; background-position:center;}
#wrap{width:960px; margin:auto; background-color:#FFF;box-shadow:none;}
.mainImagesAreaInner{width:960px;}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {width:960px; overflow:hidden; height:auto; background:#a3c31e; line-height:0em;position:unset;}
#headerAreaInner{width:960px; height:auto; background:#a3c31e; line-height:0em;}
h1 a{}
#headerArea #headerAreaInner p{margin:0;}
img{padding:0;}
#headerArea p img{padding:0; padding-right:10px;}
#mainImagesArea,#mainImagesAreaInner{line-height:0em;}
/*----------------------------------------------------------------------------
 ***                                                       Header - image
----------------------------------------------------------------------------*/
#mainImagesArea{padding-bottom: 0; background: url("../images/back_top.png") no-repeat; background-size: cover;}
#mainImagesAreaInner{width:960px; padding: 20px 0 0; background: none;}
#mainImagesAreaInner h1{float: none; width: auto; height: auto;}
#mainImagesAreaInner h1 img{width: 100%; height: auto;}

#mainImagesAreaInner .flexBox{display: flex; width: 850px; margin: 0 auto; justify-content: space-between;}
#mainImagesAreaInner .innerBox{width: 68%;}
#mainImagesAreaInner .innerBox2{width: 30%;}
#mainImagesAreaInner .innerBox2 p{margin-top: 2.5em;}
/*----------------------------------------------------------------------------
 ***                                                       Header - Navi
----------------------------------------------------------------------------*/


#mainImagesAreaInner p{margin:0; line-height:0;}
#mainImagesAreaInner .handlinglist{background: #3e3a39; color: #fff; font-size: 15px; font-weight: bold; padding-left: 2em; line-height: 1.8;}


.mainSection{ width:960px;}
.mainSectionInner{width:960px; background: #a3c31e;padding-top: 35px;}
.mainSectionInner h2{width: 840px; margin: 0 auto;}
#contentsArea{width:960px;}
#contentsAreaInner{width:960px;}

#appeal1{ width:960px; margin:auto; padding-bottom:10px;}
#appeal h2{line-height:0em; padding:0; margin:0;}
#appeal1 .sectionInner{padding-bottom: 30px; width:840px; margin:auto; overflow:hidden; background:#a3c31e;}
#appeal1 h3{margin-top:20px; margin-bottom: 20px;}
#appeal1 .txt{width:840px; font-size:20px; color:#FFF; line-height:1.5em; margin-top:10px; margin-bottom:10px;}
#appeal1 .txt::before{content: ""; display: inline-block; background: url("../images/icon.png") no-repeat; background-size: cover; width: 1.3em; height: 1.3em; vertical-align: sub; margin-right: 0.5em;}
#appeal1 p.floatR{width:310px; margin-top:10px;}
#appeal1 p.floatR img{padding-left:0px;}
#appeal1 .nativeCheck{overflow:hidden; background:#FFF; margin-top:20px;}
#appeal1 .nativeCheck .floatL{width:565px; margin-left:10px; margin-top:10px;}
#appeal1 .nativeCheck .floatL p{line-height:1.6em; font-size:12px;}
#appeal1 .nativeCheck .floatL p.bun{ margin:0;}
#appeal1 .nativeCheck .floatR{width:298px; line-height:0;}

#appeal1 .innerBox{ margin: 0 auto; width: 745px;}
#appeal1 .innerBox .irai1{margin: 0 auto; text-align: center;}
#appeal1 .innerBox .ttl{text-align: center;margin-top: 10px;}
#appeal1 .innerBox .img{text-align: center;}

#appeal1 .innerBox .sankaku{margin: 160px 0 0 40px;}

#appeal2{padding-bottom: 0; background: url("../images/back_dotte.png") no-repeat; background-position: bottom;}
#appeal2 h2{}
#appeal2 .sectionInner{padding:25px 0 0; width:840px; margin:auto; overflow:hidden; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
#appeal2 p.bun{font-size:14px; line-height:1.6em; margin-top:10px; margin-bottom:20px;}
#appeal2 .caption{text-align:center; clear:both; margin-top:10px;}
#appeal2 .sankaku img{width: auto;}

#appeal2 h2{margin: 0 auto 30px; text-align: center;}
#appeal2 li{font-size: 17px; font-weight: bold;}
#appeal2 .innerBox li{margin-bottom: 10px;}
#appeal2 .innerBox li::before{content: ""; display: inline-block; background: url("../images/icon.png") no-repeat; background-size: cover; width: 1.3em; height: 1.3em; vertical-align: sub; margin-right: 0.5em;}
#appeal2 .innerBox{margin: 0 auto; width: 90%;}
#appeal2 h3{color: #ffa500; font-size: 2rem;}
#appeal2 p img{width: 100%; height: auto;}
#appeal4 .innerBox2 ul{display: flex;justify-content: space-between;width: 740px;}

#appeal3{width: 745px;text-align: center; margin: 35px auto 0;padding-bottom: 10px;}
#appeal3 h2{margin: 0 auto 35px; text-align: center; width: 60%;}
#appeal3 h2 img{width: 100%; height: auto;}
#appeal3 .sectionInner .under{display: flex; justify-content: space-around;}
#appeal3 .sectionInner .under .innerBox{width: 45%;}
#appeal3 .sectionInner .txt{font-size: 15px; text-align: center; line-height: 1.5;}
#appeal3 .top .left .txt{margin-left: 32px;}
#appeal3 .under .left .txt{margin-left:38px;}
#appeal3 .sectionInner .right .txt{margin-left: 38px;}

#appeal4{padding-top: 20px; border-top: #CCC dotted 2px; width: 875px; margin: 20px auto 0;}
#appeal4 .sectionInner{padding:10px 0; width:745px; margin:auto; overflow:hidden;}
#appeal4 h3{margin: 0 0 20px ;}
#appeal4 .innerBox h3{margin-top: 30px;}

#trial .sectionInner{width:875px; margin:auto; border-top:#CCC dotted 2px; padding:20px 0;}
#trial p{text-align:center; margin:0;}

#language .sectionInner{width:835px; margin:auto; overflow:hidden; padding:20px 0 10px 0;}
#language p.floatR{font-size: 14.5px;line-height: 1.45em;width: 465px;}
#language ul{margin-right: 16px; float: left; color: #333; width: 100%; display: flex; column-gap: 1.1em; flex-wrap: wrap; padding-bottom: 20px;}
#language li{border-bottom: 1px dotted #005873; padding-left: 35px; padding-bottom: 5px; margin-bottom: 7px; width: calc(81% / 3); display: block; font-size: 19px; background-size: 25px;}
.ico-uk{ background:url(../images/icon_06.png) no-repeat left 9px;}
.ico-ch{ background:url(../images/icon_07.png) no-repeat left 9px;}
.ico-ru{ background:url(../images/icon_08.png) no-repeat left 9px;}
.ico-th{ background:url(../images/icon_09.png) no-repeat left 9px;}
.ico-fr{ background:url(../images/icon_10.png) no-repeat left 9px;}
.ico-kr{ background:url(../images/icon_11.png) no-repeat left 9px;}
.ico-sp{ background:url(../images/icon_12.png) no-repeat left 9px;}
.ico-in{ background:url(../images/icon_13.png) no-repeat left 9px;}
.ico-ge{ background:url(../images/icon_14.png) no-repeat left 9px;}
.ico-mo{ background:url(../images/icon_15.png) no-repeat left 9px;}
.ico-pr{ background:url(../images/icon_16.png) no-repeat left 9px;}
.ico-ve{ background:url(../images/icon_17.png) no-repeat left 9px;}
.ico-it{ background:url(../images/icon_18.png) no-repeat left 9px;}
.ico-us{ background:url(../images/icon_19.png) no-repeat left 9px;}
.ico-sn{ background:url(../images/icon_20.png) no-repeat left 9px;}
.ico-au{ background:url(../images/icon_21.png) no-repeat left 9px;}
.ico-my{ background:url(../images/icon_22.png) no-repeat left 9px;}
.ico-tr{ background:url(../images/icon_23.png) no-repeat left 9px;}
.ico-ar{ background:url(../images/icon_24.png) no-repeat left 9px;}
.ico-sw{ background:url(../images/icon_25.png) no-repeat left 9px;}
.ico-la{ background:url(../images/icon_26.png) no-repeat left 9px;}
.ico-ph{ background:url(../images/icon_27.png) no-repeat left 9px;}
.ico-pl{ background:url(../images/icon_28.png) no-repeat left 9px;}
.ico-ir{ background:url(../images/icon_29.png) no-repeat left 9px;}
.ico-af{ background:url(../images/icon_30.png) no-repeat left 9px;}
.ico-it{ background:url(../images/icon_31.png) no-repeat left 9px;}
.ico-ur{ background:url(../images/icon_32.png) no-repeat left 9px;}
.ico-ca{ background:url(../images/icon_33.png) no-repeat left 9px;}
.ico-id{ background:url(../images/icon_34.png) no-repeat left 9px;}
.ico-ab{ background:url(../images/icon_35.png) no-repeat left 9px;}
.ico-bl{ background:url(../images/icon_36.png) no-repeat left 9px;}
.ico-ta{ background:url(../images/icon_37.png) no-repeat left 9px;}
.ico-ma{ background:url(../images/icon_38.png) no-repeat left 9px;}
.ico-np{ background:url(../images/icon_39.png) no-repeat left 9px;}
.ico-sr{ background:url(../images/icon_40.png) no-repeat left 9px;}


#price .sectionInner{width:835px; margin:auto;}
#price tr.gray{background:#d8dcdc;}
#price tr td{width:50%; text-align:center; vertical-align:middle; border:none;}
#price tr.gray td{padding-top:15px; padding-bottom:0px;}
#price .sectionInner table tr td{ border:#999 solid 1px; font-size:18px;}
#price .sectionInner table{margin-top:20px;}
#price p{line-height:1.4em; margin-bottom:18px; text-align: right;}
#price table{margin-bottom:5px;}

#actualResults{margin-top:20px;}
#actualResults .sectionInner{width:765px; margin:auto;}
#actualResults .floatL{width:470px;}

#actualResults .results1,#actualResults .results2,#actualResults .results3,#actualResults .results4,#actualResults .results5{clear:both; overflow:hidden; margin-top:15px; padding-bottom:15px;}
#actualResults .results1 .floatL,#actualResults .results2 .floatL,#actualResults .results3 .floatL{margin-top:20px; overflow:hidden;}
#actualResults h3{font-size:20px; background-repeat:no-repeat; background-position:left center;}
#actualResults h4{font-size:17px; line-height:1.4em;}
#actualResults p{font-size:14px; line-height:1.4em;}
#actualResults .results1{border-bottom:#CCC dotted 2px;}
#actualResults .results2{border-bottom:#CCC dotted 2px;}
#actualResults .results3{border-bottom:#CCC dotted 2px;}
#actualResults .results4{border-bottom:#CCC dotted 2px;}

#actualResults .tsuyaku{margin-top: 2.5em; text-align: center;}
#actualResults .tsuyaku img{border: solid 1px #dbdcdc;}


#honyakufooterArea{background:#dbdcdc; padding:2em;}
#honyakufooterArea #honyakufooterAreaInner{/*width:545px;*/ margin:auto; overflow:hidden;}
#honyakufooterArea p{margin:0; text-align:center;}
#honyakufooterArea .add div{padding:5px 16px; font-size:18px; font-weight:bold; border:#999 solid 2px;}
/*#honyakufooterArea ul li{line-height:1.6em;}
#honyakufooterArea ul li.margin{margin-top:10px;}*/
#honyakufooterArea .add{overflow:hidden; width:520px; margin:auto;}
#honyakufooterArea .add div a{color:#444;}
#honyakufooterArea .add div{ margin:0.5em auto; font-size:137.5%; background-color:#fff;}
#honyakufooterArea .add2{overflow:hidden; width:520px; margin:auto; margin-top:15px;}
#honyakufooterArea .add2 p{ float:none; margin:0 auto;}
#honyakufooterArea ul li{ font-size:100%; line-height:1.8em;}
#honyakufooterArea ul li.margin{ margin:0.7em 0 0; font-size:112.5%; font-weight:bold;}

h3.usa{background-image:url(../images/icon_contents02.png);}
h3.korea{background-image:url(../images/icon_contents01.png);}

/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSectionInner {}

/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection {}
.rightSectionInner {}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
/*#footerAreaInner{ background:none;}*/
/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}
.pcNone{ display:none;}

/*----------------------------------------------------------------------------
***                                                          メディアクエリ
----------------------------------------------------------------------------*/
/* 640px以下*/
@media screen and (max-width:640px){
	.pcNone{ display:block;}
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	html{-webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll;}
	body{ background:none;}
	.section { padding:2em; margin:0 auto;}

	#wrap,
	#headerArea,
	#headerAreaInner,
	#mainImagesAreaInner,
	#contentsArea,
	#contentsAreaInner,
	.mainSection,
	.mainSectionInner,
	#mainImagesAreaInner .innerBox,
	#mainImagesAreaInner .innerBox2,
	#appeal1,
	#appeal1 .innerBox,
	#appeal2 .sectionInner,
	#appeal4 .sectionInner,
	#appeal3,
	#appeal3 .sectionInner,
	#actualResults .sectionInner,
	#trial .sectionInner,
	#price .sectionInner,
	#footerArea #footerAreaInner,
    #honyakufooterArea #honyakufooterAreaInner,
	#language p.floatR,
	#actualResults .floatL,
	#honyakufooterArea .add,
	#honyakufooterArea .add div,
	#honyakufooterArea .add2{ width:100%;}

	#appeal1 .sectionInner,
	#language .sectionInner{ width:100%; padding:0;}
	#language ul{margin-right: 0;}
	#language li{width: calc(95% / 2); font-size: 11px; background-size: 20px; background-position-y: 4px;}
	#appeal1 .txt{ width:100%; font-size:125%;}
	img{ vertical-align:middle; max-width: 100%; height:auto;}
	
	
	#headerArea{ padding:1em 1em 0;}
	#headerArea #headerAreaInner > .floatL{ width:60%; margin:0 auto; float:none;}
	#headerArea #headerAreaInner > .floatR{
		width:100%;
		padding:0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/*-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;*/
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content:center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#headerArea #headerAreaInner > .floatR .floatL{ width:45%; margin:0 auto;}
	
	#mainImagesAreaInner{ padding:1em 1em 0;}
	#mainImagesAreaInner .innerBox{width: 73%;}
	#mainImagesAreaInner .innerBox2{width: 25%;}
	#mainImagesAreaInner .innerBox2 p{margin-top: 3.5em;}
	
	#mainImagesAreaInner h1{}
	#mainImagesAreaInner .flexBox{width: 100%;}
	#mainImagesAreaInner p{ text-align:center; margin-top: 1em;}
	#mainImagesAreaInner .innerBox .handlinglist{ padding:0.5em 0; background-color:#3E3A39;}
	#mainImagesAreaInner .innerBox .usagi{ top:8em; left:0; right:0; margin:auto; text-align:center;}
	#mainImagesAreaInner .innerBox .subtitle{ margin: 1em; line-height: 1.2;}
	#mainImagesAreaInner .innerBox2 .gengo{ margin:1em auto; padding:0;}
	#mainImagesAreaInner .innerBox2 .staff{ position:relative;}
	
	.mainSectionInner{ padding:1.5em;}
	.mainSectionInner h2{ width:70%;}
	
	.floatL span,
	.floatL img,
	.floatR span,
	.floatR img{ padding:0;}
	
	#appeal1{ padding:0;}
	#appeal1 h3{ margin:0.5em auto;}
	#appeal1 .sectionInner{ padding:0;}
	#appeal1 .innerBox .irai1{ width:100%; float:none;}
	#appeal1 .innerBox .irai1 p{ text-align:center;}
	#appeal1 .innerBox .sankaku{
		margin: 0 auto;
		text-align: center;
		width: 100%;
		transform: rotate(90deg);
		float:none;
	}
	#appeal1 .innerBox .sankaku img{ width:20px; height:40px;}
	#appeal1 .innerBox > .floatR{ float:none;}
	#appeal1 .innerBox .text{ background-color:#fff; text-align:center;}
	
	#appeal2{ margin:0; background-size: 100%;}
	#appeal2 h3{ font-size:125%;}
	#appeal2 .innerBox{ margin: 1em auto 0;}
	#appeal2 .innerBox h3{ margin:0;}
	#appeal2 .innerBox ul{ margin:1em auto;}
	#appeal2 .innerBox ul li{ margin:0.5em auto; font-size:120%; line-height:1.4em;}
	#appeal2 .innerBox .floatR{ float:none; clear:both; text-align:center; margin:1em auto;}
	#appeal2 .sankaku{width: 50%;}
	#appeal2 .sankaku img{width: 25%; height: auto;}
	#appeal4{width: 100%;}
	#appeal4 .innerBox2 ul{ margin:0 auto; display:block; width:100%; border-radius:10px; background-color:#eee; padding:2em 3.5em;}
	#appeal4 .innerBox2 ul li{ position:relative;}
	#appeal4 .innerBox2 ul li:first-child{ text-align:center;}
	#appeal4 .innerBox2 ul li:first-child:before{ content:normal;}
	#appeal4 .innerBox2 ul li:before{
		content:"";
		width:2em;
		height:100%;
		background-color:#eee;
		position:absolute;
		left:0;
		top:0;
		bottom:0;
	}
	#appeal4 .innerBox2 ul li:not(:last-child){ padding:0 0 30px;}
	#appeal4 .innerBox2 ul li:not(:last-child):after{
		content:"";
		width:34px;
		height:23px;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		background-image:url(../images/img_sankaku03.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	
	#appeal2 .sectionInner{ padding:0;}
	
	#appeal3{ margin:0 auto; border-top:5px solid #a3c31e; padding-bottom:0;}
	#appeal3 h2{ margin:0 auto 1em; width: 100%;}
	#appeal3 .sectionInner .top,
	#appeal3 .sectionInner .under,
	#appeal3 .sectionInner .top .left,
	#appeal3 .sectionInner .top .right,
	#appeal3 .sectionInner .under .left,
	#appeal3 .sectionInner .under .right{ margin:0;}
	#appeal3 .sectionInner .top .txt br,
	#appeal3 .sectionInner .under .txt br{ display:none;}
	#appeal3 .sectionInner .txt{ font-size:112.5%; line-height:1.5em; margin:0.5em auto 1em;}
	#appeal3 .sectionInner .top .innerBox{width: 100%; margin: 0;}
	#appeal3 .sectionInner .under{display: block;}
	#appeal3 .sectionInner .under .innerBox{width: 100%;}
	#appeal3 .sectionInner .under .innerBox p{text-align: center;}
	
	#trial{ padding:0 2em;}
	#trial p{ padding:0.5em;}
	
	#language .sectionInner > .floatL{ float:none; text-align:center;}
	
	#price tr.gray td{ padding:0.5em;}
	#price .sectionInner table tr td{ font-size:125%; line-height:1.6em;}
	
	#actualResults{ margin:0 auto;}
	#actualResults h4{ font-size:125%; margin:1em auto;}
	#actualResults .floatL,
	#actualResults .floatR{ float:none; text-align:center;}



/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerContentsTop .kyotentoiawase a{
	color: #FFF;
	margin-bottom: -7px;
}