/*
  スマホ用CSS
*/



@media ( max-width : 768px ) {
	html,
	body {
		width: 100%;
		line-height: 1.5;
		position: relative;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}
	.inner {
		width: 100%;
	}
	.images {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.pc_only {
		display: none;
	}
	
	
	
	/*  table  */	
	#wrap_company table tr,
	#wrap_company table th,
	#wrap_company table td {
		display: block;
		width: 100%;
	}
	#wrap_company table th,
	#wrap_company table td {
		box-sizing: border-box;
		padding: 10px;
	}
	#wrap_company table th,
	#wrap_company table th {
		border-bottom: 1px solid #dedede;
		border-right: none;
	}
	#wrap_company table th,
	#wrap_company table th {
		text-align: center;
	}
	
	ul#list_article,
	ul#list_article li,
	div.inner_section,
	div#wrap_mail-magazine,
	ul#list_contents,
	ul#list_contents li,
	div#mail-magazine,
	div#bg_bottom-contact,
	div#wrap_plugin,
	div#wrap_side,
	div#footer,
	ul#list_footer-nav,
	.sp_footer_banner,
	div#wrap_main-contents {
		width: 100%;
		float: none;
		overflow: hidden;
	}
	div#inner_h1_page,
	ul#list_pankuzu,
	div#wrap_main,
	div.wrap_post-popular,
	section.wrap_post,
	section#wrap_contact-side,
	.side_profile_box,
	.side_profile_links {
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
		float: none;
	}
	
	.sp_footer_banner {
		width: 320px;
		max-width: 768px;
	}
	
	.wrap_privacy-body {
		margin: 10px 0;
		line-height: 1.6;
	}
	
	ul#list_pankuzu {
		padding: 10px 0;
		margin-bottom: 20px;
		font-size: 13px;
		border-bottom: 1px solid #ccc;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	ul.post-categories {
		float: none;
		display: inline;
	}
	ul.post-categories li,
	ul#list_pankuzu li {
		text-overflow: ellipsis;
		display: 	inline;
		line-height: 1.5;
		float: none;
		white-space: nowrap;
		overflow: hidden;
		margin: 0 5px 0 0;
	}
	ul#list_pankuzu li + li:before {
		padding: 0 5px 0 0;
	}
	
	
	
		/*============================
	header
	============================*/
	
	header {
		padding: 0;
		overflow: visible;
		z-index: 100;
		background: #fff;
		position: fixed;
		border-bottom: 1px solid #ccc;
	}
	header .inner {
		background: #fff;
		overflow: hidden;
		height: auto;
	}
	header .logo {
		width: 90px;
		height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: left;
		text-align: center;
		margin-left: 10px;
	}
	header .logo a {
		color: #3b0505;
		text-decoration: none;
	}
	header .logo img {
		max-width: 100%;
		height: auto;
		display: block;
	}
	header .g-navi {
		height: auto;
		overflow: hidden;
		float: right;
		margin-top: 6px;
		padding-right: 45px;
	}
	header .g-navi li {
		float: left;
		width: 52px;
		height: 35px;
	}
	header .g-navi li.btn_works,
	header .g-navi li.btn_voice {
		width: 40px;
		height: 35px;
	}
	
	.header_text {
		background: #fff;
		font-size: 11px;
		text-align: center;
		padding: 5px 2%;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-top: 55px;
	}
	
	.side-menu-btn {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 47px;
		height: 45px;
		cursor: pointer;
		z-index: 4;
	}
	
	.menu-btn-text {
		color: #ae916a;
		font-size: 10px;
		display: block;
		text-align: center;
		line-height: 1;
	}
	.side-open .menu-btn-text {
		visibility: hidden;
	}
	
	
	/* toggle-panel */
	#panel-btn {
		display: block;
		position: relative;
		width: 40px;
		height: 20px;
		margin: 10px auto 0;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 30%;
		left: 50%;
		width: 21px;
		height: 2px;
		margin: -1px 0 0 -9px;
		background: #ae916a;
		transition: .2s;
	}
	#panel-btn-icon:before, 
	#panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 30%;
		left: 50%;
		width: 21px;
		height: 2px;
		margin-left: -10px;
		background: #ae916a;
		transition: .3s;
	}
	#panel-btn-icon:before { 
		margin-top: -7px; 
	}
	#panel-btn-icon:after { 
		margin-top: 5px; 
	}
	
	#panel-btn .close { 
		background: transparent; 
	}
	#panel-btn .close:before, 
	#panel-btn .close:after { 
		margin-top: 0; 
	}
	#panel-btn .close:before { 
		transform: rotate(-45deg); 
		-webkit-transform: rotate(-45deg); 
	}
	#panel-btn .close:after { 
		transform: rotate(-135deg); 
		-webkit-transform: rotate(-135deg); 
	}
	
	#panel { 
		display: none; 
		width: 100%; 
		margin: 0; 
		position: absolute;
		background: #ae916a; 
		z-index: 100;
	}
	#panel .inner {
		position: relative;
	}





    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        overflow: hidden;
        height: auto;
        z-index: 999;
        position: relative;
        padding: 4px 2%;
		box-sizing: border-box;
		box-shadow: 0 0 4px 0;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -513px;
        width: 100%;
        height: calc( 100vh - 43px );
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }

	/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 9px;
		top: 7px;
		width: 24px;
		height: 32px;
		cursor: pointer;
		z-index: 101;
	}
	
	#nav-toggle div {
		position: relative;
		height: 30px;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #ae916a;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	#nav-toggle span:nth-child(2) {
		top: 6px;
	}
	#nav-toggle span:nth-child(3) {
		top: 12px;
	}
	
	#nav-toggle div .menu-btn-text {
		color: #ae916a;
		font-size: 10px;
		display: block;
		text-align: center;
		line-height: 1;
		position: absolute;
		bottom: 0;
		height: 10px;
		background: #fff;
		left: -10px;
		width: 40px;
	}
	
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
        box-shadow: 0 0 4px 0;
    }



	
	
		/* --------------------------------------------------- side menu */
	
	.side-menu {
		box-sizing: border-box;
		width: 100%;
		height: auto;
		/* height: 100%; */
		padding-top: 0px;
		z-index: 100;
		overflow: scroll;
		color: #fff;
		border-bottom: none;
		background: rgba(61, 57, 55, 0.82);
	}
	
	.side-menu__box {
		width: 100%;
		height: 100%;
		display: block;
		overflow: auto;
	}
	.side-menu__ul {
		padding: 0;
		margin: 0;
	}
	.side-menu__ul .nav_sep {
		border-bottom: 1px solid #6d7b91;
	}
	.side-menu .cat_title {
		color: #fff;
		padding: 9px 20px;
		cursor: pointer;
		font-size: 16px;
		font-weight: normal;
		margin: 0;
		border-left: none;
		border-bottom: 1px solid #b1b8ce;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		background: #ae916a;
	}
	.side-menu .cat_title:last-child {
		border-bottom: none;
	}
	.side-menu .cat_title a {
		color: #fff;
		text-decoration: none;
	}
	.open_h3:after, 
	.open_h3.active:after {
	    font-size: 22px;
	    /*margin-left: 20px; */
	}
	.open_h3.active::after {
	    content: "\f106";
	    font-family: FontAwesome;
	    float: right;
	}
	.open_h3::after {
	    content: "\f107";
	    font-family: FontAwesome;
	    float: right;
	}
	
	.side-menu_sub {
		background: #f6f7f9;
	}
	
	.side-menu__ul--child {
		display: none;
	}
	
	.active .side-menu__ul--child {
		display: block;
	}
	
	.side-menu__ul--child li a {
		display: block;
		padding: 5px 0 5px 32px;
		font-size: 12px;
		color: #ccc;
	}
	
	.side-menu__ul > li > a,
	.side-menu__ul > li h2,
	.side-menu__ul .megamenu__item {
		display: block;
		padding: 12px 20px;
	    font-size: 1.6rem;
		color: #ae916a;
		border-bottom: 1px solid #b1b8ce;
		font-size: 1.8rem;
	}
	
	.side-menu__ul h2 {
		cursor: pointer;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
	
	.side-menu__ul > li > h2:after {
		content: ' +';
		color: #ffd800;
		font-size: 20px;
	}
	
	.side-menu__ul > li.active h2:after {
		content: ' -';
	}
	.side_menu_btn_large {
		background: #ae916a;
		padding: 8px 0;
	}
	
	.side_menu_btn_large a {
		background: #fff;
		color: #ae916a;
		padding: 8px;
		border-radius: 5px;
		margin: 8px 15px;
		text-align: center;
		display: block;
		font-size: 16px;
		text-decoration: none;
	}
	.btn__logout a {
		background: #f0d5d9;
	}
	
	.slides .list__item,
	.slides .list__item .item__banner, 
	.slides .list__item .item__banner .item__title-wrapper {
		height: 120px;
	}
	
	
	
	
	
	.side-menu__ul .megamenu__item {
		margin-bottom: 0;
		float: none;
	}
	.side-menu__ul .item__banner {
		background: none;
		display: block;
		height: auto;
	}
	.side-menu__ul .item__banner .item__title {
		display: inline-block;
		text-align: left;
		font-weight: normal;
	}
	.side-menu__ul .megamenu__item.service .item__banner, 
	.side-menu__ul .service .item__banner,
	.page-template-page-division .side-menu__ul .megamenu__item a:hover .item__banner {
		background: none;
		color: #5b5b5b;
	}
	
	.section__general .container {
		display: block;
		width: auto;
	}
	.section__general h2 {
		font-size: 1.3rem;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px dotted #cecece;
	}
	.section__general h2,
	.section__general__article,
	.section__general__article .item__title {
		width: 100%;
		display: block;
		text-align: center;
	}
	.section__division {
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.page-template-page-division .section__division {
		width: 100%;
		float: none;
	}
	.page-template-page-division .section__division .col {
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.section__division .col {
		margin-bottom: 20px;
	}
	.division-list-menu {
		padding: 0 20px;
	}
	.division-list-menu ul li {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		font-size: 1.3rem;
	}
	.site-side {
		margin: 0 auto;
	}

	/*-----------------------------
		サイドバー
	-----------------------------*/
	.side_profile_box .title {
		border-top: solid 2px #ae916a;
		padding: 10px 0;
		text-align: center;
		font-size: 20px;
	}
	.side_profile_box p {
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
		padding: 20px 10px 10px;
		margin-bottom: 40px;
		line-height: 1.7;
		font-size: 14px;
	}
	
	.side_profile_links {
		margin: 0 auto 20px;
	}
	.side_profile_links .btns {
		text-align: center;
		height: auto;
		overflow: hidden;
	}
	.side_profile_links .btns .item {
		width: 48%;
		padding: 0 1%;
		height: auto;
		float: left;
	}
	.side_profile_links .box_yahoo {
		text-align: center;
		border: 1px solid #dedede;
		padding: 10px;
		margin: 20px 0;
		font-size: 13px;
	}
	.side_profile_links .box_yahoo img {
		margin: 0 auto;
		width: 50%;
		height: auto;
	}
	.side_profile_links .box_ssl {
		border: 1px solid #dedede;
		padding: 10px;
		margin: 20px 0;
		font-size: 13px;
		height: auto;
		overflow: hidden;
	}
	.side_profile_links .box_ssl img {
		float: left;
		width: 90px;
		height: auto;
		margin: 0 10px 10px 0;
	}
	
	section.wrap_post-popular {
		width: 90%;
		margin: 0 auto 20px;
	}


	/*-----------------------------
		フッタ
	-----------------------------*/
	
	.wrap_contents {
		background: #ae9169;
		padding-bottom: 10px;
	}
	.wrap_contents .inner {
		width: 96%;
		margin: 0 auto 10px;
	}
	.wrap_contents .section_content h2 {
		padding: 20px 0;
		color: #fff;
		line-height: 1.2;
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		font-family: "Roboto Slab" ,"Garamond", "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}
	.section_content ul#list_contents,
	.section_point_8 ul#list_point {
		height: auto;
		overflow: hidden;
		margin: 0 auto 10px;
		max-width: 600px;
	}
	.wrap_contents .section_content ul#list_contents li {
		width: calc( 50% - 5px );
		height: auto;
		float: left;
		margin: 0 0 10px;
		background: transparent;
	}
	.wrap_contents .section_content ul#list_contents li:nth-child(even) {
		margin-left: 10px;
	}
	.wrap_contents .section_content ul#list_contents li img {
		max-width: 100%;
		height: auto;
	}
	.wrap_contents .section_point_8 {
		background: #fff;
	}
	.wrap_contents .section_point_8 h2 {
		background: #d32538;
		color: #fff;
		text-align: center;
		position:relative;
		padding: 0;
		margin: 0 0 10px;
	}
	.wrap_contents .section_point_8 h2 .child1 {
		padding: 10px;
	}
	.wrap_contents .section_point_8 h2 .child1:after {
		content: ' ';
		width:0;
		height: 0;
		position:absolute;
		border:10px solid transparent;
		border-top-color:#d32538;
		top:100%;
		left:50%;
	}
	.wrap_contents .section_point_8 ul#list_point {
		background: #fff;
		padding: 10px 10px 0 10px;
		margin: 0 auto;
	}
	.wrap_contents .section_point_8 ul#list_point li {
		width: calc( 33.33% - ( 20px / 3 ) );
		height: auto;
		float: left;
		margin: 0 10px 10px 0px;
		background: transparent;
	}
	.wrap_contents .section_point_8 ul#list_point li:nth-child(3n) {
		margin-right: 0px;
	}
	
	form#form_mail-magazine {
		width: 100%;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	.form_text_mail-magazine {
		width: 100%;
		margin-bottom: 10px;
		box-sizing: border-box;
		float: none;
		height: auto;
		font-size: 16px;
	}
	.form_btn_mail-magazine {
		border: none;
		border-radius: 5px;
		border-bottom: 3px solid #7a1621;
		background: #d32538;
		color: #fff;
		padding: 10px 0;
		width: 90%;
		display:block;
		margin: 10px auto;
		font-size: 16px;
	}
	.form_btn_mail-magazine:before {
		content:'1';
	}
	form#form_mail-magazine p {
		font-size: 13px;
		line-height: 1.4;
	}
	

	/*********************
	フッターコンバージョン
	*********************/
	.section_conv {
		background: #fffeed;
		padding: 10px 0;	
	}
	.section_conv .inner {
		width: 96%;
		margin: 0 auto;
	}
	.section_conv h2 {
		padding: 10px 0;
		line-height: 1.2;
		text-align: center;
		font-weight: bold;
		font-size: 26px;
		font-family: "Roboto Slab" ,"Garamond", "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}
	.section_conv .caption {
		margin: 10px 0;
		line-height: 1.5;
	}
	
	.section_about {
		background: url(../img/section_about_bg.jpg) center center no-repeat;
		background-size: 100% auto;
		text-align: center;
		padding; 40px 0;

	}
	.section_about a {
		border:1px solid #fff;
		display: inline-block;
		color: #fff;
		padding: 20px;
		margin: 60px auto;
		width: 90%;
		box-sizing:border-box;
		text-decoration: none;
	}
	.section_about a:after {
		content: '\f105';
		float:right;
		font-family: FontAwesome;
	}
	
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget iframe[style]{
	    width: 100% !important;
	}	
	.section_fb {
		padding: 20px 2%;
		background: #f2f2f2;
	}
	.section_fb #page-plugin {
		width: 100%;
		margin: 0px auto;
	}
	.section_fb .text_area {
		background: #fff;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.section_fb .text_area h3 {
		font-family: "Roboto Slab" ,"Garamond", "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		font-size: 15px;
		line-height: 1.4;
		text-align: center;
		padding: 20px 0 10px;
	}
	.section_fb .text_area p {
		font-size: 12px;
		line-height: 1.4;
		margin-left:10px;
		margin-bottom: 10px;
	}
	.section_fb .text_area .image {
		width: 70px;
		height: auto;
		float: right;
		margin: 20px 10px 0 5px;
		bottom: 0;
		/* position: absolute; */
	}
	
	.section_navi {
		width: 96%;
		margin: 0 auto;
		padding: 20px 0;
		border-bottom: 1px solid #c9c9c9;
	}
	.section_navi ul {
		margin: 0;
		padding: 0;
		height: auto;
		overflow: hidden;
	}
	.section_navi ul li {
		margin: 0;
		/* padding: 10px; */
		width: calc( 50% - 5px );
		float: left;
		text-align: center;
		box-sizing: border-box;
		line-height: 1.4;
		margin-bottom: 10px;
		/* height: 70px; */
		font-size: 13px;
	}
	.section_navi ul li:nth-child(odd) {
		margin-right: 10px;
	}
	.section_navi ul li a {
		display: block;
		border: 1px solid #c9c9c9;
		height: 15px;
		padding: 15px 8px;
		color: #000;
		text-decoration: none;
	}
	.section_navi ul li.line2 a {
		height: 35px;
		padding: 5px;
	}
	.section_navi ul li a:after {
		content: '\f105';
		float:right;
		font-family: FontAwesome;
	}
	
	
	.section_address .footer_logo {
		width: 210px;
		height: auto;
		margin: 20px auto;
	}
	.section_address address {
		font-size: 9px;
		letter-spacing: -0.03em;
		text-align: center;
		font-style: normal;
		margin: 10px auto;
	}
	
	.calendar_box {
		max-width: 96%;
		margin: 40px auto;
	}
	.wrap_contents.section_cta2 {
		background: #fff;
	}
	
	.section_map {
		margin: 20px auto;
	}
	.section_map .inner {
		width: 96%;
		margin: 0 auto;
	}
	.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
	 
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
	
	
	
	.footer_conv {
		padding: 25px 0;
	}
	
	.footer_conv h4 {
		font-size: 1.8em;
		color: #df4224;
		text-align: center;
	}
	.footer_conv_tel,
	.footer_conv_contact,
	.footer_conv_contact_inner {
		width:100%;
		float: none;
		border: none;
		text-align: center;
	}
	
	.footer_conv_link {
	  background-image: -moz-linear-gradient( 90deg, rgb(193,146,51) 0%, rgb(254,243,134) 100%);
	  background-image: -webkit-linear-gradient( 90deg, rgb(193,146,51) 0%, rgb(254,243,134) 100%);
	  background-image: -ms-linear-gradient( 90deg, rgb(193,146,51) 0%, rgb(254,243,134) 100%);
	  border-radius: 10px;
	  padding: 5px;
		font-family: "Roboto Slab" ,"Garamond", "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}
	.footer_conv_link_inner {
		border: 1px solid #5e4a34;
		border-radius: 6px;
		padding: 5px;
		height: auto;
		overflow: hidden;
		font-family: 'Noto Serif', serif;
	}
	.footer_conv_link_inner .title {
		font-size: 11px;
		line-height: 1.5;
		text-align: center;
		margin: 0.4em auto;
	}
	.footer_conv_link_inner p {
		margin: 10px 0;
		font-size: 15px;
	}
	.footer_conv_link_inner p img {
		max-width: 100%;
		height: auto;
	}
	.footer_conv_contact_inner {
		box-sizing: border-box;
		padding: 0 20px;
		padding-right: 0;
	}
	.footer_conv_tel,
	.footer_conv_contact {
		width: 90%;
		margin: 0 auto 10px;
	}
	.footer_conv_contact .footer_conv_contact_inner .subtitle {
		border-top: 1px solid #666;
		padding 20px 0;
		font-size: 15px;
		padding: 10px 0;
	}
	.footer_conv .subtitle {
		text-align: center;
		font-weight: 700;
		font-size: 1.15em;
		margin-bottom: 0.2em;
	}
	.footer_conv_contact a {
	  font-size: 1.3em;
	  font-weight: 700;
		background-color: #df4224;
		padding: 15px 0;
		display: block;
		border-radius: 5px;
		color: #fff;
		text-decoration: none;
		text-align: center;
	}
	.footer_conv h4 {
		margin-top: 0;
		margin-bottom: 0px;
	}
	.footer_conv_link_inner {
		font-size: 11px;
	}
	.footer_conv_contact_inner {
		padding: 0;
	}
	.footer_conv_contact_inner img {
		height: 11px;
		width: auto;
		display: inline-block;
		margin-right: 10px;
	}
	
	#page_top {
		bottom: 45px;
		right: 10px;
		width: 40px;
	}
	
	#page_top img {
		opacity: 0.45;
	}
	
	
	iframe[name="google_conversion_frame"] { 
		position:absolute; 
		/* background: #ae916a; */
		height: 1px;
		width: 100%;
	}
	
	
	.copy {
		font-size: 12px;
		text-align: center;
		background: #ae916a;
		padding: 10px 0;
		margin: 10px 0 37px;
		color: #fff;
	}




	/*-----------------------------
		スマホでPCサイトを表示させるための設定 (2017.6.6)
	-----------------------------*/
	input[type="submit"] {
		-webkit-appearance: none;
	}
	
	
	.contact .insertbox_03 p {
		font-size: 12px;
		line-height: 1.4;
	}
	

	/*-----------------------------
		トップページ
	-----------------------------*/
	div.wrap_bxslider {
		padding-top: 98px;
	}
	div#mov_pilip-channel,
	ul.list_seminar-parts,
	div#txt_pilip-channel {
		width: 100%;
		height: auto;
		float: none;
		margin: 0 auto 10px;
	}
	ul.list_seminar-parts li {
		float: none;
		height: auto;
		margin: 0 auto;
		line-height: 1;
	}
	p.txt_pilip-channel-title {
		font-size: 24px;
	}
	.list_pilip-channel {
	}
	ul#list_pilip-channel {
		width: 100%;
		float: none;
	}
	ul#list_pilip-channel li {
		width: 30%;
		height: auto;
		margin: 0 1.5%;
	}
	ul#list_pilip-channel li a img {
		width: 100%;
		height: auto;
	}

	/*-----------------------------
	▼現場からのメッセージ
	-----------------------------*/
	
	section#wrap_intro_movie {
		padding:  20px;
	} 
section#wrap_intro_movie h2 {
	font-size: 17px;
	margin-bottom: 10px;
}
	section#wrap_intro_movie .inner {
		width: 100%;
	}
	

	/*-----------------------------
	▼セミナー情報
	-----------------------------*/
	
	
	#wrap_seminar .inner_section {
		padding: 20px 0;
	}
	div#txt_seminar,
	div#img_seminar {
		width: 100%;
		height: auto;
		float: none;
		margin: 0 auto 10px;
	}
	
	div#txt_seminar p.txt_seminar-title a {
		font-size: 18px;
	}
	div#wrap_seminar-btns {
		width: 100%;
		height: auto;
	}
	div#wrap_seminar-btns p {
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
		text-align: center;
	}
	.list_news {
		width: 100%;
		margin-bottom: 20px !important;
	}
	.list_news ul {
		width: 100%;
	}
	.list_news ul li {
	  width: 250px;
	  height: auto;
	  margin: 0 20px 0 0;
	  float: left;
  }
  .hover_zoom,
  div.wrap_news-detail,
	.list_news ul li a {
	  width: auto;
	  box-sizing: border-box;
	 }
	 div.wrap_news-detail {
	  height: 150px;
	  padding: 10px;
	 }
	 .list_news ul li img {
	 	width: auto;
	 	height: 100%;
	}
	
	#wrap_news {
		padding: 20px 0;
	}
	section#wrap_news p.txt_sub-title {
		width: 100%;
		font-size: 18px;
		line-height: 1.5;
		margin: 0 0 10px;
	}
	section#wrap_insecure,
	section#wrap_visa {
		background-size: auto 100%;
	}
	section#wrap_visa {
		padding: 20px 0;
	}
	section#wrap_visa .inner_setion,
	#wrap_insecure .inner_section {
		margin: 0 auto;
		padding: 20px 0;
	}	
	ul#list_insecure,
	ul#list_insecure li,
	div.img_templete_left,
	div.txt_templete_right,
	div.txt_templete_left,
	div.img_templete_right {
		width: 100%;
		height: auto;
		float: none;
		padding: 0;
	}
	ul#list_insecure li {
		padding: 10px 0;
	}
	.merit_label_wrapper {
		float: left;
		text-align: center;
		padding-right: 5px;
		margin-right: 10px;
		border-right: 1px solid #ae9169;
	}
	.merit_title {
  margin-bottom: 10px;
	}
	.merit_label_wrapper .merit_label {
		font-size: 10px;
		line-height: 1.2;
	}
	.merit_title h3 {
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 0;
		margin-left: 60px;
	}
	.merit_title h4 {
		font-size: 12px;
		margin-left: 60px;
	}
	.merit_label_wrapper .num {
		font-size: 30px;
		line-height: 1;
	}
	
	ul#list_visa-about {
		width: 100%;
		height: auto;
		float: none;
	}
	ul#list_visa-about li,
	div#wrap_visa-about-03 {
		width: 100%;
		height: auto;
		padding: 20px;
		float: none;
		box-sizing: border-box;
	}
	div#wrap_visa-about-03 h3 {
		width: 100%;
		height: auto;
		float: none;
	}
	div#wrap_visa-about-03 p#btn_more-visa {
		position: static;
		width: 100%;
		height: auto;
	}
	
	ul#list_merit {
		width: 100%;
		height: auto;
		float: none;
	}
	ul#list_merit li {
		width: 100%;
		height: auto;
		padding: 10px 0;
		float: none;
		box-sizing: border-box;
	}
	
	#wrap_attention,
	section#wrap_guarantee {
		padding: 20px 0;
	}
	ul#list_attention {
	  width: 100%;
	  box-sizing: border-box;
	  padding: 20px 0;
	}
	ul#list_attention li {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}	
	section#wrap_attention .inner_section h2 {
		font-size: 20px;
		margin: 0 auto 10px;
	}
	ul#list_attention li p.txt_attention-title {
		margin: 0 0 10px;
	}
	ul#list_attention li p.txt_attention-title img {
		display: block;
		margin-bottom: 5px;
	}
	
	
	div#wrap_kounin,
	p#btn_guarantee,
	div#txt_kounin,
	div#img_kounin {
		width: 100%;
		height: auto;
		float: none;
		padding: 0;
		margin: 10px auto;
	}
	section#wrap_guarantee {
		height: auto;
	}
	section#wrap_guarantee p img {
		display: block;
	}
	div#wrap_kounin p#txt_kounin-title {
		font-size: 18px;
		line-height: 1.6;
	}
			

	/*-----------------------------
		固定ページ
	-----------------------------*/
	
	ul#list_article-detail,
	ul#list_article-detail > li {
		width: 100%;
	}
	div#wrap_h1_page {
		height: auto;
		background-size: auto 100%;
	}
	div#inner_h1_page {
		height: auto;
		padding: 20px 0;
	}
	div#inner_h1_page .page_title {
		font-size: 22px;
	}
	div#inner_h1_page .page_sub_title {
		margin: 10px 0;
	}
	h2.h2_page img {
		height: auto;
		margin-bottom: 20px;
	}
	#wrap_step {
		width: 90%;
		margin: 0 auto;
	}
	ul#list_step,
	ul#list_step li {
		width: 100%;
		height: auto;
	}
	ul#list_step li img,
	ul#list_step li div.txt_step {
		width: 100%;
		height: auto;
		padding: 0;
		float: none;
	}
	ul#list_step li.step_01 h3 {
		text-align: center;
	}
	ul#list_step li div.txt_step h3 {
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 10px;
	}
	ul#list_step li div.txt_step h3 {
		padding: 30px 5%;
		box-sizing: border-box;
	}
	section#wrap_mov-works {
		padding: 30px 5%;
		box-sizing: border-box;
	}
	div#mov_pilip-channel,
	div#mov-works,
	.movie-box,
	.movie_box {
	  position:relative;
	  width:100%;
	  height: auto;
	  padding-top:56.25%;
	}
	div#mov_pilip-channel iframe,
	div#mov-works iframe,
	.movie-box iframe,
	.movie_box iframe {
	  position:absolute;
	  top:0;
	  right:0;
	  width:100%;
	  height:100%;
	}
	div.inner_section h2 img {
		max-width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	
	div.inner_section {
		width: 90%;
		padding: 0;
		margin: 20px auto;
		box-sizing: border-box;
	}
	table {
		width: 100%;
	}
	
	
	h1#h1_page {
		font-size: 24px;
	}
	h2.h2_page-blog {
		font-size: 18px;
	}
	div#wrap_main h3 {
		font-size: 20px;
	}
	div.txt_body, div#wrap_contents-page {
		font-size: 16px;
	}
	ul#list_share li {
		height: auto;
	}
	ul#list_share li a img {
		display: block;
		margin: 5px auto;
	}
	ul#list_share li a span {
		font-size: 10px;
    right: 3px;
    top: -11px;
	}
	
	/*  content2   */
	section#wrap_gaiyou,
	ul#wrap_two-links {
		width: 90%;
		height: auto;
		margin: 0 auto 20px;
	}
	div#img_gaiyou,
	div#txt_gaiyou,
	ul#wrap_two-links li {
		width: 100%;
		height: auto;
		float: none;
		box-sizing: border-box;
		padding: 10px;
	}
	ul#wrap_two-links li {
		padding: 0;
	}
	
	/* company  */
	div#wrap_h1_company {
		height: 220px;
    background-size: auto 100%;
	}
	div#inner_h1_company {
		width: 100%;
		padding: 95px 0;
	}
	div#inner_h1_company h1 img {
		width: 60%;
		height: auto;
		padding: 6px 0;
	}
	ul#list_company-photo {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}
	div.txt_two-column-left,
	div.txt_two-column-right {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		float: none;
	}
	section#wrap_map,
	section#wrap_company,
	#wrap_certification,
	#wrap_limonz,
	section#wrap_rinenn,
	section#wrap_company-photo,
	section#wrap_staff,
	wrap_sekininnsya {
		width: 100%;
		margin: 20px auto;
		padding: 10px 5%;
		box-sizing: border-box;
	}
		#wrap_certification .inner .certificate_images .item_box,
		#wrap_limonz .inner .item_box {
			width: 100%;
			float: none;
			padding: 0;
		}
		#wrap_limonz .inner .item_box h3 {
			text-align: center;
			margin-bottom: 20px;
		}
		#wrap_limonz .inner .item_box img {
			width: 50%;
			margin: 40px auto 30px;
		}
	
	#wrap_certification .inner .certificate_images .item_box img {
		width: 100%;
		height: auto;
	}
	
	
	
	
	div.wrap_two-column-text,
	ul#list_sekininnsya {
		width: 100%;
		height: auto;
		float: none;
		box-sizing: border-box;
		padding: 10px;
	}
	ul#list_company-photo li,
	ul#list_company-photo li:nth-child(2n) {
		width: 100%;
		height: auto;
		float: none;
		margin: 0 0 20px;
	}
	ul#list_company-photo li img {
		width: 100%;
		height: auto;
	}
	section#wrap_sekininnsya {
		padding: 20px 0;
	}
	ul#list_sekininnsya li {
		margin-bottom: 20px;
	}
	ul#list_sekininnsya li h3 {
		margin: 20px 0;
		text-align: center;
	}
	#list_sekininnsya .wrap_two-column-text {
		padding-bottom: 100px;
	}
	ul#list_sekininnsya li p.img_sign {
		bottom: 10px;
	}
	section#wrap_staff {
		margin: 0 auto;
		padding: 30px 5%;
	}
	
	
	/*  thanks  */	
	.page_secret {
		width: 90%;
		height: auto;
		float: none;
		margin: 0 auto 20px;
	}
	.page_secret h1 {
		font-size: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	/*  企業問い合わせ  */
	form#form_seminar,
	.page-id-163 #wrap_contents-page form {
		width: 100% !important;
		margin: 0 !important;
		padding: 0;
		box-sizing: border-box;
	}
	.page-id-163 #wrap_contents-page table,
	.page-id-163 #wrap_contents-page table tbody,
	.page-id-163 #wrap_contents-page table tr,
	.page-id-163 #wrap_contents-page table td {
		display: block;
		width: auto;
	}
	form select,
	form textarea,
	form input {
		width: 100%;
	}
	form textarea {
		height: 200px;
	}
	
	
	form dl {
		width: 100%;
		padding: 10px 0;
	}
	form dt,
	form dd {
		width: 100%;
		float: none;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.form_text_small {
		width: 75px;
		margin: 0 10px;
	}
	.form_text {
		width: 100%;
		box-sizing: border-box;
	}
	.form_textarea {
		width: 100%;
		box-sizing: border-box;
	}
	form#form_seminar input#btn_complete {
		background-position: center center;
		width: 95%;
	}
	
	
	/*  FAQ  */
	
	ul.accordion p:before {
		content: 'Q.';
	}
	ul.accordion p {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		border: 1px solid #c9c9c9;
		margin-bottom: 10px;
		background: none;
		padding: 10px 20px;
		line-height: 1.5;
	}
	ul.accordion ul li {
		padding: 20px;
		background: none;
	}
	
	
	p.img_catch {
		width: 100%;
		height: auto;
	}
	
	
	
	.insertbox_01.insertbox_large,
	.insertbox_02 {
		width: 100%;
		height: auto;
		background-size: auto 100%;
		background-position: left top;
	}
	.insertbox_01 .box_inner {
		padding: 20px 30px;
		font-size: 14px;
	}
	div#wrap_main .insertbox_01.insertbox_large h2 {
		font-size: 20px;
	}
	div#wrap_main .insertbox_01.insertbox_large h3 {
		font-size: 18px;
	}
	.insertbox_01.insertbox_large ul {
		margin: 10px 0;
	}
	.insertbox_01.insertbox_large ul li {
		margin: 5px 0 5px 20px;
	}
	.insertbox_01 .btn {
		font-size: 18px;
		position: static;
		width: 100%;
		padding: 10px;
		margin: 10px auto 0;
		box-sizing: border-box;
	}
	.insertbox_02 .box_inner p {
		font-size: 14px;
	}
	.insertbox .formbox_input_area {
		width: auto;
		margin: 5px 15px;
		border: none;
	}
	.insertbox .input_text {
		width: 100%;
		box-sizing: border-box;
	}
	.insertbox .input_submit {
		width: 100%;
		margin-top: 10px;
	}
	
	ul.list_kanren,
	ul.list_kanren li {
		width: 100%;
		height: auto;
	}
	ul.list_kanren li,
	ul.list_kanren li:nth-child(2n)	 {
		padding: 10px 0;
		border-left: none;
	}
	div.img_kanren {
		width: 90px;
		height: auto;
		margin: 0 20px 0 0;
	}
	div.txt_kanren {
		width: calc( 100% - 110px );
	}
	
	  
	
	/*-----------------------------------------------------------
	 page-stripe01.php STRIPEページ（サイドバー無し/枠内）
	-----------------------------------------------------------*/
	section#wrap_onecolumn_content {
	  width: 100%;
	  margin: 0 auto 20px;
	}
	.page-yearly001 .page-header .heading01 {
	  background: url(../../stripe/images/heading01_icon01.gif) center top no-repeat;
	  font-size: 16px;
	  font-weight: bold;
	  background-size: 100px auto;
	  padding: 120px 0 10px;
	  display: inline-block;
	}
	.section_03_choice {
		display: block;
		width: 100%;
	}
	.section_03_choice .icon_arrow01 {
		width: 100%;
		height: 50px;
		padding: 10px 0;
		text-align: center;
	}
	.section_03_choice .icon_arrow01 img {
		transform: rotate(90deg);
		width: 50px;
		height: auto;
		padding: 0;
		margin: 0 auto !important;
	}
	.section_04 h2:after {
		background: url(../../stripe/images/icon_present01.png) top no-repeat;
		display: block;
		width: 100%;
		text-align: center;
		}
	.section_07 h3,
	.section_07 h4,
	.section_08 h3 {
		font-size: 18px;	
	}
	.section_08 .conditions {
		width: 100%;
		display: block;
	}
	.section_08 .conditions .condition_inner {
		width: 100%;
		margin: 0 0 20px;
	}

	/*-----------------------------
		お客様の声
	-----------------------------*/
	
	ul#list_article li p.img_catch,
	div.wrap_category-detail {
		width: 100%;
		height: auto;
		float: none;
		margin: 0 auto 10px;
	}
	ul#list_article li h2.h2_top {
		font-size: 20px;
		line-height: 1.6;
	}
	div.wrap_tag {
		margin-bottom: 10px;
	}
 

/* スマホのフッタへバナーを配置 2017.5.21
   ----------------------------------------------------------------- */
.sp_footer_banner {
	background: #a60101;
	color: #fff;
	position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
}
.sp_btn_tel,
.sp_btn_mail {
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	padding: 5px 0;
	background: #a60101;
}
.sp_btn_mail {
	border-left: 1px solid #fff;
	background: #ae916a;
}
.sp_btn_tel a,
.sp_btn_mail a {
	display: block;
	padding: 0 10px;
}
.sp_btn_tel a img,
.sp_btn_mail a img {
	max-width: 100%;
	height: auto;
	display: block;

.sp_footer_banner .inner {
	width: 100%;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 5px 15px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.sp_footer_banner .heading {
	text-align: center;
	line-height: 1.3;
}
.sp_footer_banner .heading .text_h {
	font-size: 4.6rem;
}
.sp_footer_banner .heading .text_tel {
	font-size: 6.8rem;
	font-weight: bold;
	margin-left: 5px;
}
.sp_footer_banner .heading a {
	color: #fff;
}
.sp_footer_banner .desc {
	text-align: center;
	font-size: 3.8rem;
	line-height: 1.1;
}



div.wrap_author-profile,
div.img_author-profile,
div.img_author-profile img,
div.txt_author-profile {
  width: 100%;
  height: auto;
  margin: 0;
  box-sizing: border-box;
  }
  

/*-----------------------------------------------------------
 stripe用ページ [ 年間安心永久維持サポート] 2017.7.31
-----------------------------------------------------------*/
.wpfs-payment-form.form-horizontal .controls, .wpfs-checkout-form.form-horizontal .controls {
	width: 100%;
  margin-left: 0 !important;
}

.wpfs-payment-form input[type="text"],
.wpfs-payment-form input[type="password"],
.wpfs-payment-form select,
.wpfs-checkout-form input[type="text"],
.wpfs-checkout-form input[type="password"],
.wpfs-checkout-form select {
    padding: 10px !important;
    margin-bottom: 0px !important;
}

}






























	

}