@charset "UTF-8";

@media screen and (min-width:481px) {

	/*全体*/

	*{
		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 {
	    max-width: 100%;
	    border:none;
	    /* height: 100%; */
	}

	#wrapper{
		overflow: hidden;
	}

	/*ヘッダー*/

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

	#header_box{
		margin:0 auto;
		padding:45px;
		width:960px;
		height:auto;
	}

	#header_left{
		width:480px;
		height:auto;
		float:left;
	}


	#header_right{
		width:270px;
		height:auto;
		float:right;
	}

	#head_contact{
		padding:20px 10px;
		width:270px;
		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;
		float:right;
	}

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

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

	/*グローバルナビ*/

	#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;
		width:800px;
		height:auto;
	}

	.navi_menu01{
		margin:20px 10px;
		width:28%;
		height:auto;
		text-align:center;
		float:left;
	}

	.navi_menu02{
		margin:20px 10px;
		width:28%;
		height:auto;
		text-align:center;
		border-left:1px dotted #414141;
		border-right:1px dotted #414141;
		float:left;
	}

	.navi_menu01:hover{
		opacity:0.5;
	}

	.navi_menu02:hover{
		opacity:0.5;
	}


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

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

	#slide{
		margin:0 auto;
		text-align:center;
		width:960px;
		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;
		width:960px;
		height:auto;
	}

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

	.contents_left{
		width:440px;
		height:auto;
		float:left;
	}

	.contents_right{
		width:440px;
		height:auto;
		float:right;
	}

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

	h3{
		margin:10px auto;
		font-size:1.8em;
		text-align:center;
	}

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

	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:370px;
		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;
		width:440px;
		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;
	}

	/*料金プラン*/

	.graph_copy{
		color:red;
		font-size:2em;
		font-weight:bold;
	}

	.fee_box{
		margin:20px auto;
		padding:1em;
		width:400px;
		height:auto;
		display:inline-block;
	}
	.fee_box img{
		margin:10px;
	}
	.plan_page .fee_box{
		display:block;
		width:900px;
	}

	#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;
		font-size:0.8em;
		text-align:center;
		letter-spacing:0.1em;
		border-collapse:collapse;
		width:100%;
	}

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

	td.plans_td{
		height:30px;
		color:#414141;
		border:1px solid #414141;
		width:121px;
	}

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

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

	td.planf_td{
		width:121px;
		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;
		width:960px;
	}


	.example_box{
		width:320px;
		height:auto;
		float:left;
	}

	.arrow_box {
		width:280px;
		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;
		width:850px;
		height:auto;
	}
	
	#agreement_box div{
		display: table-cell;
		vertical-align: middle;
	}

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

	#agreement_right{
		height:50%;
		border:2px solid #FF1493;
	}

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

	#pdf_link{
		margin:50px auto;
		width:850px;
		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;
		width:700px;
		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;
		width:960px;
		height:auto;
		color:#FFF;
	}

	p#contact_title{
		margin:0 auto;
		width:480px;
		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;
		width:480px;
		height:auto;
		float:left;
	}

	#contact_right{
		margin:30px auto;
		width:479px;
		height:auto;
		border-left:1px solid #FFF;
		float:right;
	}

	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:200px;
		background:#414141;
	}

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

	#company_left{
		margin:0 auto;
		width:480px;
		height:auto;
		float:left;
	}

	#company_right{
		margin:0 auto;
		width:480px;
		height:auto;
		float:right;
	}

	#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;
		display:inline-block;
	}
	#bg_orenge .leaf.sms_sim{
		background-color:#6D6;
	}
	#bg_orenge .leaf.tuwa_sim{
		background-color:#55AAFF;
	}
	#bg_orenge .sns_sml {
	    font-size: 0.7em;
	}
	#bg_orenge .or_img{
		margin:10px;
	}

	/** Form**/

	.plan_box {
	    width: 115px;
	    background: #555;
	    padding: 4px 10px;
	    text-align: center;
	    border-radius: 10px;
	    color: white;
	    display: inline-block;
	    margin: 5px;
	}
	.plan_box label{
		cursor: pointer;
	}
	.plan_box .price {
	    background: white none repeat scroll 0 0;
	    border-radius: 5px;
	    color: #333;
	    font-weight: bold;
	    padding: 2px;
	}


	/** Phone **/

	#phone_list .item{
		width:400px;
	}
	#phone_list .item .image img{
		height:100%;
	}
	#phone_list .item .image{
		height:200px;
		float:left;
	}

	.kiyaku{
		font-size:1em;
		height:300px;
		overflow:scroll;
	}

	.kiyaku h4{
		margin:10px 0;
	}

	.kiyaku ul {
	    margin: 0 0 0 20px;
	    padding: 0;
	}

	.kiyaku li {
	    margin-left: 20px;
	    padding: 0;
	}

	.form_btn{
		padding:4px;
		font-size:1.25em;
	}

	.vart{
		display: none;
	}

	.hol{
		display: block;
	}

}