@charset "UTF-8";

html>body{
	font-size: 14px;
}

html, body{
	overflow-x: hidden;
	overflow-y: auto;
}

body{
	-webkit-text-size-adjust: none;
}

*{ 
	font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;
	-webkit-appearance: none;
}

@font-face{
	font-family: "Hiragino Sans";
	src: local('HiraginoSans-W3');
	font-weight: 300;
}

a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout: none;
}

.drawer-hamburger{
	display: block !important;
}

.drawer-hamburger p{
	color: #2F61B3;
	font-size: 12px;
	margin: 14px 0 0;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	width: 96% !important;
	height: 4px !important;
	background: #2F61B3 !important;
}

.drawer-nav{
	box-sizing: border-box;
	padding: 10px;
	overflow: scroll !important;
	z-index: 10000 !important;
}

.resp01{
	display: none !important;
}

.resp02{
	display: block !important;
}

.right,
.left{
	float: none !important;
	margin: 0 !important;
}

header{
	height: auto;
	background: none;
}

header h1 span,header dl,.index article h2,
header nav,#main_wrap,.common article h1{
	width: 100%;
}

header h1 span{
	font-size: 10px;
	line-height: 12px;
	padding: 3px 0 0;
	text-align: center;
}

header dl dt a{
	max-width: 454px;
	width: 100%;
	height: 55px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	float: none;
	margin: 0 auto
}

header dl dd a{
	float: none;
	display: block;
	margin: 10px auto;
}

.index article{
	height: 120px;
	background: url(/images/index_title.png) 30% top no-repeat;
	background-size: cover;
	box-sizing: border-box;
	margin: 50px 0 0;
	padding: 15px 0 0 15px;
}

.index article h2{
	width: 100%;
	height: 90px;
	background-position: left center;
	background-size: contain;
}

#contents{
	width: 100%;
	box-sizing: border-box;
	float: none;
	margin: 10px 0;
	padding: 0 10px;
}

#main_wrap aside{
	float: none;
	margin: 0 auto;
}

#contents section p img{
	width: auto;
	display: block;
	float: none;
	margin: 15px 22%;
}

.com_entry h4{
	width: 100% !important;
	height: 32px !important;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.com_entry ul li{
	float: none;
}

.com_entry ul li:nth-child(1) a{
	max-width: 351px;
	width: 100%;
	height: 78px;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}

.com_entry ul li:nth-child(2) a{
	max-width: 339px;
	width: 100%;
	height: 90px;
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	float: right;
}

#top_back a{
	margin: 0 2% 10px 0;
}

footer{
	padding: 15px 10px;
}

#index01 h3:nth-child(1){
	width: 100%;
	height: 38px !important;
	background-size: contain;
	background-repeat: no-repeat;
}

#index02{
	padding: 10px;
}

#index01 ul li,
#index02 ul li{
	display: block;
}

#index02 ul li:nth-child(1){
	margin: 20px auto -80px;
}

#index02 ul li:nth-child(3){
	margin: 0 auto -80px;
}

#index02 ul li:nth-child(5){
	margin: 0 auto;
}

#index02 ul li img{
	display: none;
}

#index02 p{
	margin: 20px 0 10px;
}

#index02 p a,#index02 p a:hover,
#index01 h3:nth-child(3),#index01 h4{
	width: 100%;
	height: 35px !important;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

#index01 ul li:nth-child(1) a,#index01 ul li:nth-child(1) a:hover,
#index01 ul li:nth-child(2) a,#index01 ul li:nth-child(2) a:hover,
#index01 ul li:nth-child(3) a,#index01 ul li:nth-child(3) a:hover,
#index01 ul li:nth-child(4) a,#index01 ul li:nth-child(4) a:hover{
	max-width: 340px;
	width: 100%;
	height: 106px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 10px 0;
}

#index03 p span img{
	margin: 10px auto;
}

#index03 img{
	width: 100%;
}

#index03 h5:nth-child(3),
#index03 h5:nth-child(5){
	width: 100%;
	height: 15px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

/*
.common article{
	height: 120px;
	background-size: cover;
	margin: 50px 0 0;
}
*/

.common article{
	height: 120px;
    background: url(/images/index_title.png) 30% top no-repeat;
    background-size: cover;
    box-sizing: border-box;
    margin: 50px 0 0;
    padding: 15px 0 0 15px;
}

#company00,#about00,#consulting00,#service00,
#establish00,#success00,#benefit00,#ex00,#total00,
#renewal00,#several00,#mail00{
	width: 100%;
	height: 80px;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
}

#flow00{
	width: 100%;
	height: 40px;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 22px 0 0 -10px;
}

#faq00{
	width: 100%;
	height: 40px;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 24px 0 0 -10px;
}

#contents section h2{
	width: 100%;
	height: 24px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#contents section h3{
	width: 100%;
	height: 26px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#contents section h4{
	width: 100%;
	height: 15px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#contents section h5{
	width: 100%;
	height: 26px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#contents section h6{
}

#about01 h3:nth-child(4),
#about01 h3:nth-child(8),
#about01 h3:nth-child(10),
#about01 h3:nth-child(12),
#consulting01 h3:nth-child(3),
#consulting01 h3:nth-child(7),
#service01 h3:nth-child(3),
#service01 h3:nth-child(7),
#service01 h3:nth-child(9),
#establish01 h3:nth-child(4),
#establish01 h3:nth-child(10),
#establish01 h3:nth-child(15),
#establish01 h3:nth-child(24),
#success01 h3:nth-child(3),
#success01 h3:nth-child(8),
#success01 h3:nth-child(12),
#benefit01 h3:nth-child(3),
#benefit01 h3:nth-child(9){
	width:100%;
	height: 35px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#mail01 h3,#mail02 h3{
	width:100% !important;
	height: 60px !important;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

#about01 h4:nth-child(6),
#about01 h4:nth-child(14),
#establish01 h4:nth-child(7),
#establish01 h4:nth-child(12),
#establish01 h4:nth-child(17),
#establish01 h4:nth-child(30),
#success01 h4:nth-child(14),
#benefit01 h4:nth-child(6),
#benefit01 h4:nth-child(11){
	width:100%;
	height: 15px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#success02 h4,
#success03 h4,
#success04 h4{
	height: 34px !important;
}

#consulting01 h4:nth-child(10){
	width:100%;
	height: 35px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#consulting01 img,
#success01 img{
	width: 100%;
}

#flow01 article{
	margin: 0;
}

#flow01 article h3{
	height: auto !important;
}

#flow01 article h3 img{
	width: 100%;
}

#about01 p span img{
	margin: 10px auto;
}

#about01 ol li:nth-child(1){
	width: 100%;
	height: 118px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#about01 ol li:nth-child(2),
#about01 ol li:nth-child(3),#about01 ol li:nth-child(4){
	display: none;
}

#company01 .left ul, #company01 .right ul{
	width: 100%;
}

#company02 table tr th,
#company02 table tr td,
#mail01 table tr th,
#mail01 table tr td{
	width: 100%;
	box-sizing: border-box;
	display: block;
	text-align: left;
}

#establish01 ul{
	text-align: center;
}

#establish01 ul li{
	margin: 5px 1%;
}

#establish01 img,
#establish01 p b img{
	width: 100%;
}

#establish01 p b img{
	margin: 15px 0;
}

#establish li{
	text-align: left;
}

#establish02_1 h6,
#establish02_1 h6:hover{
	width: 100%;
	height: 20px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#establish03 a,
#establish03 a:hover,
#establish04 a,
#establish04 a:hover,
#benefit02 a,
#benefit02 a:hover{
	width: 100%;
	height: 62px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#success05 a,
#success05 a:hover,
#success06 a,
#success06 a:hover{
	max-width: 340px;
	width: 100%;
	height: 119px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	float: none;
	margin: 10px 0;
	text-align: center;
}

#ex01 .left, #ex01 .right, #total01 .left, #total01 .right, #renewal01 .left, #renewal01 .right, #several01 .left, #several01 .right{
	width: 100%;
	margin: 20px 0 !important;
}

#ex01 .left h3, #ex01 .right h3, #total01 .left h3, #total01 .right h3, #renewal01 .left h3, #renewal01 .right h3, #several01 .left h3, #several01 .right h3,#ex01 h3, #total01 h3{
    width: auto !important;
    height: auto !important;
    background-size: auto !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    color: #0266b4 !important;
    margin: 0 0 10px !important;
    text-indent: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
}

.ex02{
	width: 100%;
	float: none;
	margin: 20px 0;
}

.ex02 li img{
		margin: 0 auto;
}

#mail01 p a{
	width: 100%;
	height: 27px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#mail01 table{
	width: 100%;
}

#mail01 table tr td small{
	display: block;
}

#mail01 table tr td ul li{
	display: block;
}

#submit_confirm, #mail_thanks a{
	margin: 25px 28%;
}