@charset "utf-8";
@media screen and (max-width:1024px) {

	/*全体*/

	*{
		margin:0;
		padding:0;
	}

	html,body{
		width:100%;
		height:100%;
		font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ";
		color:#414141;
	}

	.clear{
		clear:both;
	}

	a{
		text-decoration:none;
	}

	img {
	    /*! width: 100%; */
	    /* height: 100%; */
	}

	#wrapper{
		overflow: hidden;
	}


	/*ヘッダー*/

	#header{
		width:100%;
		height:auto;
	}

	#header_box{
		margin:0 auto;
		padding:1em;
		min-width:440px;
		height:auto;
	}

	#header_left{
		min-width:200px;
		height:auto;
	}


	#header_right{
		margin:1em;
		min-width:200px;
		height:auto;
	}

	#head_contact{
		padding:20px 10px;
		min-width:150px;
		height:10px;
		font-size:1.3em;
		font-weight:bold;
		text-align:center;
		line-height:10px;
		color:#FFF;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-image: -moz-linear-gradient(top, #f3bd00, #f39800);
		background-image: -ms-linear-gradient(top, #f3bd00, #f39800);
		background-image: -o-linear-gradient(top, #f3bd00, #f39800);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f3bd00), to(#f39800));
		background-image: -webkit-linear-gradient(top, #f3bd00, #f39800);
		background-image: linear-gradient(top, #f3bd00, #f39800);
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		box-shadow:rgba(65, 65, 65, 0.247059) 0px 3px 6px 3px;
		-webkit-box-shadow:rgba(65, 65, 65, 0.247059) 0px 3px 6px 3px;
		-moz-box-shadow:rgba(65, 65, 65, 0.247059) 0px 3px 6px 3px;
	}

	p#head_company{
		margin:5px 0 0 0;
		font-size:1em;
		font-weight:bold;
		text-align:center;
		color:#000;
	}

	p#head_tel{
		margin:0;
		font-size:1.9em;
		font-weight:bold;
		text-align:center;
		color:#000;
	}

	/*グローバルナビ*/

	#navi{
		margin:0 0 20px 0;
		width:100%;
		height:100px;
		box-shadow: 0 5px 3px rgba(0,0,0,0.2);
		-moz-box-shadow:0 5px 3px rgba(0,0,0,0.2);
		background: -moz-linear-gradient(top, #f7f5f1, #faebd7);
		background: -ms-linear-gradient(top, #f7f5f1, #faebd7);
		background: -o-linear-gradient(top, #f7f5f1, #faebd7);
		background: -webkit-gradient(linear, center top, center bottom, from(#f7f5f1), to(#faebd7));
		background: -webkit-linear-gradient(top, #f7f5f1, #faebd7);
		background: linear-gradient(top, #f7f5f1, #faebd7);
	}

	#navi_box{
		margin:0 auto;
		min-width:480px;
		height:auto;
	}

	.navi_menu01{
		margin:20px 10px;
		height:auto;
	}

	.navi_menu02{
		margin:20px 10px;
		height:auto;
	}

	.navi_menu01:hover{
		opacity:0.5;
	}

	.navi_menu02:hover{
		opacity:0.5;
	}

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

	#main{
		width:100%;
		height:auto;
	}

	#slide{
		margin:0 auto;
		min-width:320px;
		height:100%;
	}

	.contents{
		width:100%;
		height:auto;
		background: -moz-linear-gradient(top, #f7f5f1, #faebd7);
		background: -ms-linear-gradient(top, #f7f5f1, #faebd7);
		background: -o-linear-gradient(top, #f7f5f1, #faebd7);
		background: -webkit-gradient(linear, center top, center bottom, from(#f7f5f1), to(#faebd7));
		background: -webkit-linear-gradient(top, #f7f5f1, #faebd7);
		background: linear-gradient(top, #f7f5f1, #faebd7);
	}

	.contents_box1{
		margin:0 auto;
		padding:0.5em;
		min-width:300px;
		height:auto;
	}

	.contents_box2{
		padding:1em;
		min-width:220px;
		height:auto;
		background:url(images/mobile02.png) no-repeat top right;
	}

	.contents_left{
		/*! min-width:220px; */
		height:auto;
		text-align:center;
	}

	.contents_right{
		min-width:220px;
		height:auto;
		text-align:center;
	}

	h2{
		margin:0 auto;
		min-width:300px;
		font-size:1.8em;
		text-align:center;
		border-bottom:5px solid #FFAF00;
	}

	h3{
		margin:10px auto;
		font-size:1em;
		text-align:left;
	}

	p.title{
		margin:10px auto;
		text-align:center;
		font-size:1.3em;
		border-bottom:3px solid #414141;
		color:#F60;
	}

	span.link_orange a:link{
		color:#FFAF00;
	}

	span.link_orange a:visited{
		color:#FFAF00;
	}

	span.link_orange a:hover{
		opacity:0.5;
	}

	span#titile_font{
		font-size:1.7em;
	}

	.text_top{
		font-size:1em;
		letter-spacing:0.05em;
		text-align: justify;
	}

	.text_topsmall{
		font-size:0.8em;
		letter-spacing:0.05em;
		text-align: justify;
	}

	#list{
		margin:50px auto;
		/*! width:418px; */
		height:150px;
		background:#FFF;
	}

	p#list_title{
		margin:0 auto;
		padding:20px 0 0 0;
		width:300px;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		border-bottom:2px solid #FFAF00;
	}

	table#list_t{
		margin:20px auto;
		border:0px;
		border-collapse:separate;
		border-spacing:30px 0;
	}

	tr.list_tr{
		height:30px;
	}

	th.list_th{
		letter-spacing:0.1em;
		color:#FFF;
	}

	td.list_td{
		font-weight:bold;
		text-align:center;
		letter-spacing:0.1em;
		color:#414141;
	}

	#t_red{
		background:#D0121B;
	}

	#t_orange{
		background:#FFAF00;
	}

	#t_gray{
		background:#696969;
	}

	#more{
		margin:50px 0 0 0;
		min-width:240px;
		height:80px;
		text-align:center;
		line-height:80px;
		border:1px solid #414141;
	}

	#more a:link{
		color:#414141;
	}

	#more a:visited{
		color:#414141;
	}

	#more a:hover{
		opacity:0.5;
	}

	/*料金プラン*/

	.fee_box{
		margin:20px auto;
		padding:1em;
		min-width:320px;
		height:auto;
	}
	.fee_box img{
		margin:10px;
	}
	#border_orange{
		border:2px solid #FFAF00;
		border-radius:5px;
	}

	#border_red{
		border:2px solid #D0121B;
		border-radius:5px;
	}

	p#more_text{
		font-size:1.5em;
	}

	p.plan{
		font-size:1.5em;
		font-weight:bold;
		text-align:left;
		letter-spacing:0.1em;
	}

	#plan_border_orange{
		border-bottom:2px solid #FFAF00;
	}

	#plan_border_red{
		border-bottom:2px solid #D0121B;
	}

	p.plan_text{
		margin:1em 0 0 0;
		font-size:1.2em;
		letter-spacing:0.1em;
	}

	table.plan_s{
		margin:40px auto 0 auto;
		min-width:300px;
		font-size:0.8em;
		text-align:center;
		letter-spacing:0.1em;
		border-collapse:collapse;
	}

	th.plans_th{
		height:30px;
		color:#FFF;
		border:1px solid #414141;
		background:#696969;
	}

	td.plans_td{
		color:#414141;
		border:1px solid #414141;
	}
	table.plan_f{
		margin:40px auto 0 auto;
		min-width:300px;
		font-size:0.8em;
		text-align:center;
		letter-spacing:0.1em;
		border-collapse:collapse;
	}

	th.planf_th{
		color:#FFF;
		border:1px solid #414141;
		background:#696969;
	}

	td.planf_td{
		height:30px;
		color:#414141;
		border:1px solid #414141;
	}

	p.plan_caution{
		font-size:0.6em;
	}

	hr.hr_gray{
		margin:2em auto;
		color:#414141;
	}

	hr#hr_orange{
		margin:0 auto;
		width:350px;
		border:2px solid #FFAF00;
	}

	#example_boxall{
		margin:50px auto 0 auto;
	}


	.example_box{
		margin:0 auto;
		width:320px;
		height:auto;
	}

	.arrow_box {
		margin:0 0 50px 0;
		position: relative;
		background: #FFFFFF;
		border: 4px solid #FFAF00;
	}
	.arrow_box:after, .arrow_box:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #FFFFFF;
		border-width: 30px;
		margin-left: -30px;
	}
	.arrow_box:before {
		border-color: rgba(255, 175, 0, 0);
		border-top-color: #FFAF00;
		border-width: 36px;
		margin-left: -36px;
	}

	p.arrow_text{
		padding:20px 5px;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		color:#000;
	}

	table.arrow_t{
		margin:20px auto;
		font-size:0.8em;
		text-align:center;
		letter-spacing:0.1em;
		border-collapse:collapse;
	}

	th.arrow_th{
		width:121px;
		height:30px;
		color:#FFF;
		border:1px solid #414141;
		background:#696969;
	}

	th.arrow_th.tuwa{
		background-color:#55AAFF;
	}
	th.arrow_th.sms{
		background-color:#6D6;
	}
	th.arrow_th.g1{
		background-color:#5482C8;
	}
	td.arrow_td{
		width:121px;
		height:30px;
		color:#414141;
		border:1px solid #414141;
	}

	p.example_text{
		margin:0 auto;
		font-size:0.9em;
		font-weight:bold;
		text-align:center;
		color:#D0121B;
	}

	#agreement_box{
		margin:2em auto;
		min-width:480px;
		height:auto;
	}

	#agreement_left{
		font-size:1.5em;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		line-height:100px;
		background:#FF1493;
		border:2px solid #FF1493;
		min-width: 100px;
	}

	#agreement_right{
		border:2px solid #FF1493;
	}

	p#agreement_text{
		padding:1.9em;
		font-size:0.9em;
	}

	#pdf_link{
		margin:50px auto;
		min-width:320px;
		height:100px;
		font-size:1.5em;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		line-height:100px;
		background:#FF1493;
		box-shadow:rgba(65, 65, 65, 0.247059) 0px 3px 6px 3px;
		-webkit-box-shadow:rgba(65, 65, 65, 0.247059) 0px 3px 6px 3px;
		-moz-box-shadow:rgba(65, 65, 65, 0.247059) 0px 3px 6px 3px;
	}

	#pdf_link:hover{
		opacity:0.3;
	}

	#pdf_link a:link{
		color:#FFF;
	}

	#pdf_link a:visited{
		color:#FFF;
	}

	/*フッター*/

	#footer{
		width:100%;
		height:auto;
	}

	#ad{
		margin:20px auto;
		min-width:300px;
		height:auto;
		font-size:1em;
		text-align:center;
		letter-spacing:-0.05em;
		background:url(images/line.png) no-repeat center;
		background-size: 100% 100%;
	}

	#contact{
		width:100%;
		height:auto;
		background:#414141;
	}

	#contact_box{
		margin:0 auto;
		padding:30px;
		min-width:400px;
		height:auto;
		color:#FFF;
	}

	p#contact_title{
		margin:0 auto;
		width:400px;
		height:auto;
		font-size:2em;
		text-align:center;
		border-bottom:3px solid #FFF;
	}

	p#contact_company{
		margin:20px auto;
		height:auto;
		font-size:1.5em;
		text-align:center;
	}

	#contact_left{
		margin:30px auto;
		min-width:400px;
		height:auto;
	}

	#contact_right{
		margin:30px auto;
		min-width:400px;
		height:auto;
	}

	p.address{
		height:auto;
		font-size:1.2em;
		text-align:center;
	}

	p#caution{
		font-size:0.6em;
		text-align: justify;
		padding:20px;
	}

	#company{
		width:100%;
		height:auto;
		background:#414141;
	}

	#company_box{
		margin:0 auto;
		padding:30px;
		min-width:480px;
		height:auto;
		color:#FFF;
	}

	#company_left{

		width:480px;
		text-align:center;
		height:auto;
	}

	#company_right{
		margin:0 0 0 80px;
		width:400px;
		text-align:center;
		height:auto;
	}

	#company_right a{
		color:#fff;
	}

	#company_right a:visited{
		color:#fff;
	}

	#company_right a:hover{
		opacity:0.8;
	}

	.company_address{
		font-size:0.9em;
		text-align:left;
	}

	#bg_orenge {
	    background-color: rgb(255, 238, 221);
	    border-radius: 5px;
	    text-align:center;
	}
	#bg_orenge .leaf {
	    border-radius: 10px;
	    background-color: #DDD;
	    padding: 10px 16px;
	    color: #FFF;
	    font-size: 1.5em;
	    font-weight: bold;
	    width: 280px;
		text-align: center;
		margin: auto;
	}
	#bg_orenge .leaf.sms_sim{
		background-color:#6D6;
	}
	#bg_orenge .leaf.tuwa_sim{
		background-color:#5AF;
	}
	#bg_orenge .sns_sml {
	    font-size: 0.7em;
	}
	#bg_orenge .or_img{
		margin:10px;
	}
	#bg_orenge .plan{
		text-align:center;
		border-bottom: 2px solid #0062FB;
		margin-bottom: 20px;
	}

	#header_left,
	#header_right{
		text-align: center;
	}

	.plan_box{
		border-radius: 5px;
		margin-bottom: 10px;
		padding:10px;
	}

	.vart{
		/*display: block;*/
	}

	.hol{
		display: none;
	}

}