@charset "utf-8";

/*装飾背景*/
.back_sub_img{
	background: url("../img/sub/sub_bgs.png") no-repeat 0 0 / 100%;
}
/* ピックアップ相談所 */
.back_pick_img{
	padding: 2em 0;
	margin-bottom: 3em;
	background: url("../img/cms/pick_bg.png") no-repeat top center / cover;
}

/*==============================
/***  メインコンテンツ  ***/
/*=============================*/
/*========================
	開業セミナー
========================*/
.free01_01 .top12_02 ul li{
	padding-top: 1em;
	margin-bottom: 1.5em;
}
.free02_01{
	margin: 0 auto;
	width: 96%;
	max-width: 885px;
}
.free02_01 .top12_03check{
	background: #FFFFFF;
	border-radius: 20px;
	margin: 1.5em auto 0;
}
.free02_02wrap{
	margin: 0 auto;
	width: 96%;
}
.free02_02>dl{
	margin: 1em 0;
}
.free02_02>dl>dt::before{
	content: "■";
	padding-right: 0.5em;
}
.free02_02>dl>dd{
	padding-left: 1.5em;
}
.free02_01sub>dl>dd{
	padding-left: 1.75em;
}

/*========================
	メールマガジン
========================*/
.mm01_00title{
	background: url("../img/sub/mm_01.png") no-repeat top right / contain;
	box-sizing: border-box;
	padding: calc(100vw / 3.5 ) 0 0 1.5em;
	width: 94%;
	margin-left: auto;
}
.mm01_01{
	margin: 0 auto;
	width: 96%;
	max-width: 870px;
}
.mm01_01title{
	display: flex;
}
.mm01_01title::before{
	content: "";
    display: block;
    background: url(../img/common/icon_check_gra.svg) no-repeat 0 0 / contain;
    width: 13px;
    height: 10px;
	margin-top: 0.6em;
    margin-right: 0.75em;
}
.mm01_01btn a{
	background: #F9EDED;
	border-radius: 50px;
	display: inline-block;
	color: #FF6839;
	margin: 2em 0;
	padding: 1em 2em;
	text-decoration: none;
}

/*========================
	マップ
========================*/
.map_block_sub {
	position:relative;
	padding-bottom: 50%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.map_block_sub iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*=========================
	お問い合わせ
==========================*/
.cont01_01,
.cont01_02{
	margin: 0 auto;	
	width: 96%;
	max-width: 850px;
}
.cont01_01tel{
	border: 1px solid #EADACE;
	border-radius: 28px;
	background: #FFF;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 2.5em 2.5em 2em;
	text-align: center;
	width: 80%;
	max-width: 654px;
}

.mail01_01 .hissu{
	font-size: 70%;
	display: inline-block;
	color:#FF6839;
	background:#F9EDED;
	border-radius: 50px;
	padding:0.2em 1em 0.3em;
	margin-left: 0.5em;
	line-height: 1.25em;
	box-sizing: border-box;
}
.mail01_01 .hissu.bgf{
	background: #FFFFFF;
}
/*========================
	メールフォームテンプレ
========================*/
ul.check>li{
	padding: 0 0 0.5em;
}
.mail00_block{
	width:100%;
	margin:0 auto;
}
.mail01_01 dl{
	box-sizing: border-box;
	padding:0.5em 0;
	font-size: 105%;
}
.mail01_01 dt{
	box-sizing: border-box;
	width:98%;
	padding:0 0 0 1%;
	margin:0;
}
.mail01_01 dd{
	box-sizing: border-box;
	width:98%;
	margin:0 1%;
}
input.text_min,
input.text,
input.text_middle,
select.text,
select.text_min,
textarea.text{
	font-family: "Zen Kaku Gothic New",'Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	border: solid 3px #E6E6E6;
	border-radius: 50px;
	font-size:14px;
	margin:0.5em 0;
	padding: 0.5em 1em;
	width:100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input.text02{
	font-family: "Zen Kaku Gothic New",'Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	border: none;
	padding:1em;
	font-size:16px;
	margin:0.5em 0;
	border-radius: 10px;
	width:100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
textarea.text{
	border-radius:40px;
}
input.text_min,
select.text_min{
	width:42%;
}
input.text_middle{
	width:42%;
}
input[type=checkbox] {
margin:0.5em;
  transform: scale(1.5);
}
input[type=radio] {
margin:0.5em;
  transform: scale(1.5);
}
::placeholder{
	color:#ccc;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0.05em;
	padding: 0 1em;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
	box-sizing: border-box;
	font-family: "Zen Kaku Gothic New",'Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	
	-webkit-appearance: none;
	cursor: pointer;
	position: relative;
	width: 96%;
	height: 100%;
	margin: 1em auto;
	display: block;
	border-radius: 50px;
	padding:0.75em 1.5em;
	background:#FF6839;
	border:none;
	letter-spacing: 4px;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
	color:#FFFFFF;
	-ms-transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.mail01_01btn_icon{
	box-sizing: border-box;
	position: absolute;
	width:21px;
	height:21px;
	top: 59%;
	right:1em;
	transform: translate(-50%,-50%);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.mail01_01 .select_block{
	position: relative;
	box-sizing: border-box;
}
.mail01_01 .select_block::after {
    content: '';
    background: url(../img/common/icon_arrow_CCCCCC.svg) no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 3;
    width: 8px;
    height: 8px;
    top: 52%;
    right: 1em;
    transform: translate(-50%, -50%) rotate(90deg);
    pointer-events: none;
}


/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

/*装飾背景*/
.back_sub_img{
	background: url("../img/sub/sub_bg.png") no-repeat 0 0 / 100%;
}
/* ピックアップ相談所 */
.back_pick_img{
	padding: 9em 0;
}
/*======================
	メイン
=======================*/
/*========================
	メールマガジン
========================*/
.mm01_00title{
	background-size: contain;
	margin-bottom: 2em;
	padding: calc(100vw / 2.5 ) 3em 0;
	padding-top: min(calc(100vw / 2.5), 590px);
}
.mm01_00title_inner{
	margin: 0 auto;
	max-width: 1000px;
}
.mm01_01{
	margin-left: 20%;
}


/*=========================
	メールフォームテンプレ
==========================*/
ul.check{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 68%;
}
ul.check>li{
	width: 48%;
	padding: 0 0 1em;
}
.mail01_01{
	width: 100%;
	max-width: 1030px;
	margin: 0 auto;
}
.mail01_01 dl{
	padding:0.5em 0;
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	width:100%;
}
.mail01_01 dt{
	width:30%;
}
.mail01_01 dd{
	width:68%;
	margin:0;
}
input.text,
select.text,
textarea.text{
	width:100%;
}
input.text_middle,
select.text_middle{
	width:45%;
}
input.text_min,
select.text_min{
	width:25%;
}
input.text_min,
input.text,
input.text_middle,
select.text,
select.text_min,
textarea.text{
	padding:1.4em;
}
::placeholder{
	padding: 0 2em;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 80%;
	max-width: 500px;
	margin: 0 auto 1em;
	padding: 1em 2em;
}

.mail01_01btnlist>ul{
	display: flex;
	/*align-items: center;*/
	justify-content: center;
}
.mail01_01btnlist>ul>li{
	width: 50%;
}

}

/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1024px) {
/**** メインコンテンツ　****/
/*========================
	開業セミナー
========================*/
.free02_01 .top12_03titleball{
	top: -5em;
}


}
/*=================================================================================*/
/** 1400px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1400px) {
/**** メインコンテンツ　****/
/* ピックアップ相談所 */
.back_pick_img{
	padding: 12em 0;
}

/*========================
	メールマガジン
========================*/
.mm01_00title{
	background-size: auto;
}

}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1600px) {
/**** メインコンテンツ　****/ 
.back_pick_img{
	background-size: contain;
} 

}