@charset "UTF-8"; 

/********************************

	タブレット

********************************/
@media screen and (max-width: 865px){
/*------------------------------------------------------------------
style
------------------------------------------------------------------*/
	.inner {
	  width: 100%;
	  padding: 30px;
	}
	.bg_grey_02 {
    width: calc(100% + 60px);
    margin-left: -30px;
	}
	.bg_wrap .bg_grey_02{
		width: 100%;
		margin-left: 0;
	}
/*------------------------------------------------------------------
style
------------------------------------------------------------------*/

/*------------------------------------------------------------------
header
------------------------------------------------------------------*/
	.header_logo {
    width: 50%;
    padding-bottom: 10px;
	}
	span.catch {
    left: 60%;
	}
	.header_menu {
    display: none;
	}
	.btn_box {
    position: fixed;
    top: 40px;
    right: 40px;
    background: #FFF;
    border: #E3E0D8 1px solid;
    padding: 10px;
    z-index: 101;
	}
.header_btn {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	}
	span.btn{
		position: absolute;
		top: 0;
		left: 0;
		width: 32px;
		height: 4px;
		background: #A29D93;
	  -webkit-transition: all 0.3s ease-out;
	  transition: all 0.3s ease-out;
	}
	.header_btn .top{
		top: 0px;
	}
	.header_btn .middle{
    top: 50%;
    margin-top: -2px;
	}
	.header_btn .bottom{
    top: 28px;
	}
	.header_btn.btn-active .top{
    top: 50%;
    margin-top: -2px;
	 -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	.header_btn.btn-active .middle{
		opacity: 0;
	}
	.header_btn.btn-active .bottom{
    top: 50%;
    margin-top: -2px;
		-webkit-transform: rotate(135deg);
	  transform: rotate(135deg);
	}

/*-----------　mobmenu　-----------*/
	nav.header_mob_menu{
		display: block;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s 0s, top 0s 0.5s;
	}
	nav.header_mob_menu.menu-active{
		top:0;
		opacity: 1;
		transition: opacity 0.3s, 0s, 0s, 0s;
	}
	nav.header_mob_menu ul {
    margin-top: 129px;
    border-top: #E3E0D8 1px solid;
	}
	nav.header_mob_menu ul li {
	  border-bottom: #E3E0D8 1px solid;
    display: table;
    width: 100%;
	}
	nav.header_mob_menu ul li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 25px 50px;
    color: #5F534B;
    position: relative;
	}
	nav.header_mob_menu ul li a:after {
    content: "";
    position: absolute;
    right: 60px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 2px solid #A29D93;
    border-right: 2px solid #A29D93;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  nav.header_mob_menu ul li.subMenu a:after {
	  display: none;
  }
	.menuIcon {
	    display: table-cell;
	    vertical-align: middle;
	}
	nav.header_mob_menu ul li a span {
    display: table-cell;
    padding-left: 40px;
    color: #5F534B;
    font-weight: bold;
    letter-spacing: 0.2em;
    vertical-align: middle;
	}

/*------------------------------------------------------------------
header
------------------------------------------------------------------*/

/*------------------------------------------------------------------
footer
------------------------------------------------------------------*/
	footer .inner {
    padding: 10px 30px;
	}
	.footer_main_menu{
		padding: 0;
	}
	.footer_main_menu ul li {
    width: 100%;
    float: none;
    display: table;
    border-bottom: #FFF 1px solid;
	}
	.footer_main_menu ul li:before,
	.footer_main_menu ul li:after{
		display: none;
	}
	.footer_main_menu ul li a {
    width: 100%;
    padding: 20px;
    display: inline-block;
    position: relative;
	}
	.footer_main_menu ul li a:after{
		content: "";
		position: absolute;
		top:50%;
		right: 40px;
		width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 2px solid #A29D93;
    border-right: 2px solid #A29D93;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}
	.footer_main_menu ul li a span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0;
    padding-left: 20px;
	}
	.footer_sub_menu.sub_menu {
    width: 100%;
    padding: 0;
    border-bottom: #FFF 1px solid;
	}
	.sub_menu ul li {
    padding: 0;
    width: calc(100% / 3);
    text-align: center;
	}
	.footer_sub_menu ul li a{
		font-size:  1em;
		padding: 30px 0;
		display: inline-block;
    color: #5F534B;
	}
	.footer_sub_menu ul li a:before{
		display: none;
	}
	li.sub_menu_middle{
		border-left: #FFF 1px solid;
		border-right: #FFF 1px solid;
	}
/*------------------------------------------------------------------
footer
------------------------------------------------------------------*/

/*------------------------------------------------------------------
index
------------------------------------------------------------------*/
	.simulator_img {
    width: 100%;
    display: table-header-group;
    float: none;
    padding: 0;
    clear: both;
	}
	.simulator_img img {
    width: 50%;
    float: left;
    margin-bottom: 60px;
    padding: 10px;
	}
	.simulator_img_graph {
    padding: 0;
	}
	ul.simulator_list {
    width: 100%;
    display: table-footer-group;
    float: none;
    padding: 0;
	}
	.index_btn {
    padding-bottom: 100px;
	}
	.simulator_content{
		margin: 80px 0;
	}
/*------------------------------------------------------------------
index
------------------------------------------------------------------*/
}
/********************************

	スマホ

********************************/
@media screen and (max-width: 650px){
/*------------------------------------------------------------------
style
------------------------------------------------------------------*/
	.inner {
	  width: 100%;
	  padding: 20px;
	  overflow: hidden;
	}
	.bg_grey_02 {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 20px;
	}
	.bg_wrap {
    padding-top: 20px;
	}
	.main_btn{
		width: 250px;
	}
	.main_btn a:after{
		right: 10%;
	}
	.main_headTitle{
    height: 140px;
	}
	.index_headTitle{
		height: 95px;
	}
	.title_bg {
	}
	.title_bg h2 {
		font-size: 1.8em;
	}
	p.main_heaText {
    padding: 40px 0;
	}
	h3.single_mainHead{
		font-size: 2.2em;
	}

/*------------------------------------------------------------------
style
------------------------------------------------------------------*/

/*------------------------------------------------------------------
header
------------------------------------------------------------------*/
	.header_logo {
    width: 50%;
    padding-top: 0;
    padding-bottom: 25px;
	}
	.header_logo span {
    letter-spacing: -0.7px;
    font-size: 0.5em;
	}
	.header_logo a img {
    width: 140px;
	}
	.btn_box {
	  top: 20px;
	  right: 20px;
	}
	span.catch {
    left: 20px;
    margin: 0;
    top:20px;
    left: 20px;
    font-size: 1.4em;
	}
	nav.header_mob_menu {
    overflow-y: auto;
	}
/*-----------　mobmenu　-----------*/
	nav.header_mob_menu ul{
		margin-top: 105px;
	}
	nav.header_mob_menu ul li a {
    padding: 25px;
	}
		nav.header_mob_menu ul li a span {
    font-size: 0.9em;
    padding-left: 14px;
	}
	nav.header_mob_menu ul li a:after {
    right: 40px;
	}
/*------------------------------------------------------------------
header
------------------------------------------------------------------*/

	
/*------------------------------------------------------------------
footer
------------------------------------------------------------------*/
	.sub_menu ul li {
    width: 100%;
    text-align: left;
    float: none;
    padding-left: 10px;
	}
	.footer_sub_menu ul li a {
    padding: 20px 0;
	}
	li.sub_menu_middle {
		border: none;
    border-top: #FFF 1px solid;
    border-bottom: #FFF 1px solid;
	}
	.footer_main_menu ul li a{
		padding: 20px 10px;
	}
	.footer_main_menu ul li a:after {
		right:20px;
	}
	.footer_main_menu ul li a span{
		padding-left: 10px;
	}
	.footer_logo span {
    font-size: 0.5em;
    letter-spacing: 0em;
	}
	.footer_logo img {
    width: 150px;
	}
/*------------------------------------------------------------------
footer
------------------------------------------------------------------*/

/*------------------------------------------------------------------
index
------------------------------------------------------------------*/
	.simulator_content {
    margin: 40px 0;
	}
	.simulator_img img {
    width: 100%;
    float: none;
    margin-bottom: 20px;
	}
	.simulator_img_graph {
    margin-bottom: 60px;
	}
	.simulator_content_area{
		padding: 15px;
	}
	ul.slider li{
    height: 190px;
	}
/*------------------------------------------------------------------
index
------------------------------------------------------------------*/	

/*------------------------------------------------------------------
page-ranking
------------------------------------------------------------------*/	
	.ranking_content {
		margin: 55px 0 65px 0;
	}
	.ranking_content_data {
    padding: 46px 20px;
	}
	.rankingData_headTitle span {
    font-size: 1.4em;
	}
	.rankingData_headTitle .rankingTop_title {
    font-size: 2em;
    padding-left: 4px;
    letter-spacing: 0.16em;
	}
	.rankingData_headTitle h3{
		padding-left: 4px;
		line-height: 1.5em;
	}
	.rankingData_headTitle,
	.ranking_img {
    margin-bottom: 30px;
	}
	.ranking_img, .ranking_content_data_text {
    width: 100%;
    float: none;
    padding: 0;
	}
	.ranking_content_data p{
		margin-bottom: 20px;
	}
	.ranking_btn{
		padding-bottom: 70px;
	}
/*------------------------------------------------------------------
page-ranking
------------------------------------------------------------------*/	

/*------------------------------------------------------------------
page-faq
------------------------------------------------------------------*/	
	.fap_content {
    padding: 40px 20px;
	}
/*------------------------------------------------------------------
page-faq
------------------------------------------------------------------*/	

/*------------------------------------------------------------------
page-simulator_sale
------------------------------------------------------------------*/	
	.simulator_headTitle{
		padding-top: 38px;
	}
	.simulator_headTitle h3 {
    font-size: 1.8em;
	}
	.quality_headTItle {
    width: 100%;
	}
	.quality_headTItle span{
		width: 9999px;
	}
	.simulatorSale_img {
    width: 100%;
    float: none;
    padding: 0;
    padding-bottom: 20px;
	}
	.simulatorSale_function {
    width: 100%;
    float: none;
	}
	.quality_content {
    width: 100%;
    padding: 60px 10px;
	}
	.quality_content_list {
    padding: 20px 0 60px;
	}
	.product_btn a {
    font-size: 0.9em;
    margin: 0 10px;
    padding-right: 24px;
	}
	span.puality {
    margin-bottom: 10px;
	}
	.simulatorSale_btn {
    width: 100%;
	}
	.simulatorSale_btn a:after {
    right: 7%;
	}
/*------------------------------------------------------------------
page-simulator_sale
------------------------------------------------------------------*/	

/*------------------------------------------------------------------
page-simulator_buying
------------------------------------------------------------------*/	
	.buying_content {
    margin: 25px 0;
    padding: 20px;
	}
	.buying_content_img, .buying_content_text {
    width: 100%;
    float: none;
    padding: 10px 0;
	}
	.simulatorBuying_btn {
    width: 100%;
	}
	.simulatorBuying_btn a {
    padding-right: 40px;
    padding-left: 10px;
	}
	.simulatorBuying_headTitle,
	.bg_wrap .bg_grey_02 {
    width: calc(100% + 40px);
    margin-left: -20px;
	}
/*------------------------------------------------------------------
page-simulator_buying
------------------------------------------------------------------*/	

/*------------------------------------------------------------------
page-comapny
------------------------------------------------------------------*/	
	.company_content {
    width: 100%;
    padding: 20px 0 80px;
	}
/*------------------------------------------------------------------
page-company
------------------------------------------------------------------*/	

/*------------------------------------------------------------------
page-contact
------------------------------------------------------------------*/	
	.contact_content {
    padding-top: 20px;
	}
	.contact_title, .contact_fill {
    display: inline-block;
    padding-bottom: 20px;
	}
	span.wpcf7-list-item {
    padding-bottom: 15px;
	}
	.contact_bg {
    margin-bottom: -20px;
	}
/*------------------------------------------------------------------
page-contact
------------------------------------------------------------------*/	

/*------------------------------------------------------------------
page-privacy
------------------------------------------------------------------*/	
	.privacy_content {
    padding: 10px;
	}
/*------------------------------------------------------------------
page-privacy
------------------------------------------------------------------*/	

/*------------------------------------------------------------------
single-simulator
------------------------------------------------------------------*/	
	.single_content {
    padding: 0;
    margin-bottom: 80px;
	}
	.single_content_wrap {
    padding: 20px 0;
    width: 100%;
	}
	.single_content img {
	  width: 100%;
	  height: auto;
	  padding: 0;
	}
	.single_content_info ul li {
    width: 100%;
    float: none;
    padding-bottom: 10px;
	}
/*------------------------------------------------------------------
single-simulator
------------------------------------------------------------------*/	

}