@charset "UTF-8";

@media screen and (min-width: 769px) {
/* ＰＣ
-------------------------------------------*/

/* ヘッダー
-------------------------------------------*/
header {
    min-width: 1000px;
    height: 75px;
    text-align: center;
}

header .head-inner{
    margin: 0 auto;
    padding: 0;
    width: 940px;
    text-align: left;
}

header .head-inner h1{
    float: left;
    padding-top: 15px;
    height: 57px;
}

header .head-inner p.sub {
    float: left;
    padding-top: 57px;
    padding-left: 10px;
    color: #535353;
    font-size: 12px;
}

header .head-inner p.sub strong {
    color: #fe7e00;	/* ★メド統一オレンジ */}
	
header .head-inner .info{
    background: url(images/tel_01.png) no-repeat;
    float: right;
    margin-top: 14px;
    width: 340px;
    height: 64px;
}

header .head-inner .info p{
    display: none;
}

/* メインコンテンツ
-------------------------------------------*/

/* ★background */
.bg_white {
	background-color:#fff;	/* bg_white以外class毎指定 */
}

.bg_yellow {
	background-color:#f5faa6;	/* ★エントリーbtn1 */
}

.bg_gray {
	background-color:#e5e5e5;	/* ★エントリーbtn2 */
}

.bg_pink {
	background-color:#f7e5ea;	/* ★エントリーbtn1 */
}

.bg_check {
	background-color:#c4efd5;	/* ★薄緑 */
}

.bg_faq {
	background-color:#c4efd5;	/* ★薄緑 */
}

.bg_ag {
	background-color:#fbd7d9;	/* ★ピンク */
}

.bg_conditions {
	background: top left url(images/conditions_bg.png) repeat-x;
}

.bg_recruit {
	background-color:#fdb237;	/* ★オレンジ 固定（仮） */
}

.bg_friend {
	background-color:#fefeca;	/* ★黄色  固定（仮）*/
}

.big{
	font-size:60px;
	line-height:0;
}

/* ★トップメイン */
.mainimg {
	height: 630px;
	background:center top url(images/main.jpg) no-repeat;
}
.mainbtn{
	width:410px;
	height:195px;
	padding-top:330px;
	padding-left: 525px;
}
.mainbtn_l{
	width:195px;
	height:195px;
	float:left;
}
.mainbtn_r{
	width:195px;
	height:195px;
	float:right;
}

.maintxt{
	width:100%;
	height:70px;
	text-align:center;
	background:#fefbaa url(images/bg_main_txt.png) repeat-x;
}

/* ステップ */
.step_ttl{
    color: #2cb980;	/* ★緑 */
}

.step_ttl2{　/* ★黒 */
	color: #434343;
	border-top: 2px solid #434343;
	border-bottom: 2px solid #434343;
}

/* ステップテキスト色 ★茶 */
/*
.step_list, .step_txt2 {
	color: #47241d;
}
*/

/* agent */
.ag_txt2{
	color:#535353;	/* ★黒：見出し文 */
}

.ag_box {
	background-color: #fefbaa;	/* ★黄 */
	height: 630px;	/* ★ 要調整 */
}

.ag_ttl {
	color: #039b62;	/* ★緑 */
}

/* よくある質問 */
.questions {
	color:#048a58;	/* ★緑 */
}

/* 運営会社 */
.company {
	border:3px solid #039b62;	/* ★緑 */
}


/* フォーム
-------------------------------------------*/
.apply-block p a {
    color: #fe7e00;	/* ★リンク色 */
}

span.required {
    float: right;
    margin-top: -1px;
    background: #fdc605;	/* ★必須 */
    padding: 3px 6px;
    color: #FFF;
    font-size: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* 送信btn */
.research_btn #submit {
		color: #fff;	/* ★白 */
		background: #fdc605;	/* ★送信btn */
		box-shadow: 4px 4px 0px 1px #cc8b01;	/* ★btn淵 */
		-moz-box-shadow: 4px 4px 0px 1px #cc8b01;
		-webkit-box-shadow: 4px 4px 0px 1px #cc8b01;
}

.research_btn #submit:hover {
    background: #24aa62;	/* ★マウスオーバー */
    box-shadow:4px 4px 0px 1px #017d3b;	/* ★btn淵 */
    -moz-box-shadow:4px 4px 0px 1px #017d3b;
    -webkit-box-shadow:4px 4px 0px 1px #017d3b;
}

/* フッター
-------------------------------------------*/
footer {
    background-color:#67c39e;	/* ★薄緑 */
}

footer .foot-inner {
    /*background-color:#c4efd5;*/	/* ★薄緑 */
	padding: 10px 0;
    color: #ffffff;
}

footer .foot-inner p {
		color: #fff;	/* ★白 */
}

}


@media screen and (max-width: 768px) {

/* スマホ
-------------------------------------------*/
/* メインコンテンツ
-------------------------------------------*/

/* ★background */
.bg_white {
	background-color:#fff;	/* bg_white以外class毎指定 */
}

.bg_yellow {
	background-color:#f5faa6;	/* ★エントリーbtn1 */
}

.bg_gray {
	background-color:#e5e5e5;	/* ★エントリーbtn2 */
}

.bg_pink {
	background-color:#f7e5ea;	/* ★エントリーbtn1 */
}

.bg_check {
	background-color:#c4efd5;	/* ★薄緑 */
}

.bg_faq {
	background-color:#c4efd5;	/* ★薄緑 */
}

.bg_recruit {
	background-color:#fdb237;	/* ★オレンジ */
}

.bg_friend {
	background-color:#fefeca;	/* ★黄色 */
}

.bg_conditions {
	background-color:#a4e3fd;	/* ★水色 */
}

.bg_ag {
	background-color:#fbd7d9;	/* ★ピンク */
}

.big{
	font-size: 28px;
	font-weight:bold;
}

/* ★トップメイン 複数ver*/
.main{
	width: 89%;
	margin:0 auto;
	padding-top:170px;	/* ★ */
}

.mainimg {
	width:100%;
	min-height:484px;	/* ★ */
    background-image: url(images/sp/main.jpg);
	background-size:contain;
	background-repeat:no-repeat;
}

.main_left{
    width: 41%;	/* ★ */
    float: left;
		margin-left: 15px;
}

.main_right{
    width: 41%;	/* ★ */
    float: right;
		margin-right: 15px;
}

/* ステップ */
.step_ttl{
    color: #2cb980;	/* ★緑 */
}

.step_ttl2{　/* ★黒 */
	color: #434343;
	border-top: 2px solid #434343;
	border-bottom: 2px solid #434343;
}

/* ステップテキスト色 ★茶 */
/*
.step_txt2 {
	color: #47241d;
}

.step_ttl2{
	color: #47241d;
	border-top: 2px solid #47241d;
	border-bottom: 2px solid #47241d;
}
*/

/* agent */
.ag_txt2{
	color:#535353;	/* ★見出し文 */
}

.ag_box {
	background-color: #fefbaa;	/* ★緑 */
}

.ag_ttl {
	color: #039b62;	/* ★緑 */
}

/* よくある質問 */
.questions {
	color:#048a58;	/* ★緑 */
}


/* フォーム
-------------------------------------------*/

span.required {
/*
    float: right;
*/
    margin-top: -1px;
    background: #fdc605;	/* ★必須 */
    padding: 3px 6px;
    color: #FFF;
    font-size: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.research_btn #submit {
    color: #fff;	/* ★白 */
		background: #fdc605;	/* ★送信btn */
    box-shadow: 4px 4px 0px 1px #cc8b01;	/* ★btn淵 */
    -moz-box-shadow: 4px 4px 0px 1px #cc8b01;
    -webkit-box-shadow: 4px 4px 0px 1px #cc8b01;
}

.research_btn #submit:hover {
/*	★背景色により変更あり
    color: #434343;
*/    
    background: #24aa62;	/* ★マウスオーバー */
    box-shadow:4px 4px 0px 1px #017d3b;	/* ★btn淵 */
    -moz-box-shadow:4px 4px 0px 1px #017d3b;
    -webkit-box-shadow:4px 4px 0px 1px #017d3b;
}


/* フッター
-------------------------------------------*/

footer {
    background-color:#67c39e;	/* ★薄緑 */
}

/* 電話btn */
.contact {
    background: #fbb3b5;	/* ★ピンク */
    color: #fff;	/* ★白 */
    font-size: 11px;
    padding: 2.5% 0 1.87%;
    text-align: center;
}

}

@media screen and (max-width: 374px) {
	
.mainimg {
    width: 100%;
    min-height: 420px;
    background-image: url(images/sp/main.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.main {
    width: 95%;
    margin: 0 auto;
    padding-top:44%;
}
	
}

.line_col .line_btn {
    width: 30.333%;
    color: #02ad68;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
    line-height: 1.7;
    margin: 5px 1.5%;
    padding: 10px 0;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
}