.top_scroll_icon{
position: absolute;
top: -45px;
right: 0;
}


body{
position: relative;
}

.pc_txt{
color: #727171;
}

.sp_table_attention{
display: none;
}

article {
margin: 0 auto;
width: 100%;
}

.contblock{
margin-bottom: 40px;
}



.shien_color{
	background-color: #d9ed98!important;
}

.mb50{
	margin-bottom: 50px;
}

.mb25{
	margin-bottom: 25px;
}

.mb10{
	margin-bottom: 10px;
}

.mt25{
	margin-top: 25px;
}

.mt40{
	margin-top: 40px;
}

.font14{
	font-size: 14px;
	line-height: 1.6em;
}

.font16{
	font-size: 16px;
	line-height: 1.6em;
}

.float_l{
	float: left;
}

.float_r{
	float: right;
}

.indent1em{
	text-indent: -1em;
	margin-left: 1em;
}

.cont_1000{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.midashi{
width: 1000px;
margin: 0 auto;
	margin-bottom: 50px;
}

.midashi img{
width: 1000px;
	margin-top: 40px;
}

.midashi dt{
font-size: 24px;
	color: #6e7b7d;
	margin: 40px 0 20px 0;
	line-height: 1.6em;
}

.midashi dd{
font-size: 14px;
color: #6e7b7d;
	line-height: 1.6em;
}

.theme_box{
	border: 2px #6e7b7d solid;
	padding: 20px;
	text-align: center;
	width: 800px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.theme_box dt{
	font-size: 21px;
	margin-bottom: 10px;
	color: #6e7b7d;
	line-height: 1.6em;
}

.theme_box dd{
	font-size: 14px;
	line-height: 1.6em;		
}

.theme_container{
	display: table;
	border: 1px dotted #dcdddd;
	padding: 10px;
	background-color: #efefef;
	text-align: center;
	margin: 20px auto;
	width: 600px;
}

.theme_text{
	display: table-cell;
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 1.6em;
}

.theme_img{
	display: table-cell;
	text-align: right;
	padding-right: 10px;
}


/* ===================
サービス内容
===================*/


h2 {
background-image: url("../img/solution/obi_pc.png");
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
color: #fff;
font-size: 21px;
height: 42px;
letter-spacing: 0.15em;
padding-left: 15px;
padding-top: 11px;
width: 100%;
margin-bottom: 30px;
}

.items{
display: none;
}

.hamburger_block{
width: 1000px;
margin: 0 auto;
border: #33B49D solid 1px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}

.hamburger_block dd:first-of-type{
padding: 20px;
}

.hamburger_title{
color: #6E7B7D;
font-size: 16px;
background-color: #EFEFEF;
padding: 10px 20px;
border-bottom: #33B49D solid 1px;
}

.btn{
text-align: center;
}

.btn-txt{
cursor: pointer;
display: inline-block;
padding-bottom: 2px;
color: #6E7B7D;
border-bottom: solid #6E7B7D 1px;
margin-top: 10px;
margin-bottom: 5px;
}

.o_c_icon{
cursor: pointer;
display:block;
margin: 0 auto;
margin-bottom: 10px;
}

.items img{
width: 100%;
}

.o_c_icon{
width: 21px!important;
height: auto;
}

.kouzou{
	margin: 0px 50px 20px;
}

.kouzou p{
	font-family: ヒラギノUD角ゴ W6 JIS2004;
	font-size: 16px;
	margin-bottom: 10px;
}

.kouzou li{
	font-size: 14px;
	line-height: 1.6em;
	width: 390px;
		text-indent: -1em;
	margin-left: 1em;
}

.kouzou img{
	width: 200px;
	margin-right: 20px;
}

.example_box{
	text-align: center;
	color: #f7f8f8;
	padding: 0px 50px 50px 50px;
}

.example_box img{
width: 430px;
	margin-right: 20px;
}

.example_box img:last-of-type{
	margin-right: inherit;
}

.example_box video{
width: 430px;
}

.example_box p{
text-align: left;
}

.example_title{
	background-color: #EFEFEE;
	padding: 10px 20px;
}

/* ===================
特長とメリット
===================*/


.merit img{
	width: 750px;
	margin: 40px 0;
}

.img_center{
	text-align: center;
}

/* ===================
サービスの流れ
===================*/

.nagare{
	line-height: 1.6em;
}

.container{
  display: table;
  width: 1000px;
	border: #000 solid 2px;
}

.box{
  display: table-cell;
  color: #fff;
}

.apple{
	padding: 10px 20px;
  background: #e3efed;
	width: 300px;
	height: auto;
  vertical-align: middle;
	font-size: 16px;
}

.orange{
	padding: 10px 20px;
	width: 700px;
	height: auto;
  vertical-align: middle;
	font-size: 14px;
}

.yajirushi{
	text-align: center;
}

.do_block{
    width: 1000px;
    margin: 0 auto;
    border: #000 solid 2px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.do_block dt{
    font-size: 16px;
    background-color: #e3efed;
    padding: 10px 20px;
    border-bottom: #000 solid 2px;
}

.do_block dd{
	font-size: 14px;
	line-height: 1.6em;
}

.graybox{
	background-color: #6e7b7d;
	color: #fff;
	width: 260px;
	padding: 30px;
	font-size: 16px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: center;
}

.graybox:first-of-type{
	margin-left: 70px;
}

.graybox:last-of-type{
	margin-right: inherit;
}

.do_block ul{
	padding: 10px 50px 20px 50px;
}



/* ===================
ご注意
===================*/

.gotyui li{
	font-size: 14px;
	line-height: 1.8em;
	text-indent: -1em;
	margin-left: 1em;
}

.textindent{
	text-indent: 1em!important;
	font-size: 13px
}

/* ===================
お問い合わせ
===================*/

.toiawase dt{
	font-size: 18px;
	font-family: ヒラギノUD角ゴ W6 JIS2004;
	margin-bottom: 20px;
}

.toiawase dd{
	font-size: 21px;
	font-family: ヒラギノUD角ゴ W6 JIS2004;
	margin-bottom: 20px;
	line-height: 1.6em;
}

.toiawase dd span{
	font-size: 28px;
	font-family: ヒラギノUD角ゴ W6 JIS2004;
}

.form{
	font-size: 16px!important;
}

.toiawase{
	margin-bottom: 20px;
}




/*----------------------------------------------------------------------------------------------------------------------*/


.custom_inquiry{
position: fixed;
bottom: 0;
right: 0;
width: 100%;
z-index: 10;
}

.custom_in_wrp{
position: relative;
min-width: 1100px;
background: rgb(18,55,104);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMxMjM3NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwMGE3ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(18,55,104,1) 49%, rgba(0,167,221,1) 49%);
background: -webkit-linear-gradient(left, rgba(18,55,104,1) 49%,rgba(0,167,221,1) 49%);
background: linear-gradient(to right, rgba(18,55,104,1) 49%,rgba(0,167,221,1) 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123768', endColorstr='#00a7dd',GradientType=1 );
}

.block06 .out_wrp{
width: 1100px;
margin: 0 auto;
background-color: #00a7dd;
}

.block06 dl{
float: left;
width: 950px;
height: 65px;
padding: 0px 0px 21px 50px;
background: rgb(18,55,104);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMzc2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE3ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(18,55,104,1) 0%, rgba(0,167,221,1) 100%);
background: -webkit-linear-gradient(left, rgba(18,55,104,1) 0%,rgba(0,167,221,1) 100%);
background: linear-gradient(to right, rgba(18,55,104,1) 0%,rgba(0,167,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123768', endColorstr='#00a7dd',GradientType=1 );
}



.block06 dl dt{
float: left;
font-size: 22px;
display: inline-block;
color: #fff;
border-bottom: #fff solid 1.5px;
padding-bottom: 3px;
padding-top: 21px;
margin-right: 30px;
}

.safari .block06 dl dt{
padding-top: 22px;
}

.block06 dl dd{
font-size: 15.5px;
line-height: 1.6;
width: 635px;
float: left;
color: #fff;
letter-spacing: 0.15em;
padding-top: 21px;
}

.safari .block06 dl dd{
font-size: 15.5px;
line-height: 1.6;
width: 638px;
float: left;
color: #fff;
letter-spacing: 0.1em;
padding-top: 23px;
}

.under_support_link_btn {
position: absolute;
bottom: 0;
right: 0;
background-color: #00a184;
color: #fff;
display: block;
width: 87px;
font-size: 10px;
text-align: center;
padding-bottom: 20px;
height: 65px;
}

.chrome .under_support_link_btn {
padding-bottom: 18px;
}

.under_support_link_btn:hover {
opacity:0.6;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.under_support_link_btn img {
height: auto;
padding-bottom: 7px;
padding-top: 15px;
width: 27px;
}

.under_support_link_btn p{
font-size: 10px;
color: #fff;
}


h3{
font-size: 21px;
color: #00a184;
border-bottom: 1px solid #00a184;
padding-bottom: 5px;
margin-bottom: 25px;
letter-spacing: 0.15em;
}

.spbr{
	

display: none;
}


@media only screen and (max-width:640px){
body{
position: relative;
}
.pc_txt{
display: none;
}
	
	.spbr{
		display: block;
	}

.sp_txt{
font-size: 11px;
}

.top_scroll_icon{
position: absolute;
top: -30px;
right: 0;
}

.sp_table_attention{
display: block;
font-size: 11px;
color: #980B0E;
margin-bottom: 10px;
}

.custom_in_wrp {
    min-width: inherit;
	width: 100%;
}

.custom_inquiry {
    bottom: 0;
    position: fixed;
    width: 100%;
}


h2{
background-image: url("../img/shared/sp_small_title.png");
    background-size: cover;
    font-size: 18px;
    height: inherit;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
    width: 100%;
}
	
.hamburger_block{
width: 100%;
}


.cont_1000{
	width: 90%;
}

.midashi img{
width: 100%;
}
	
.theme_box{
width: 90%;
}
	
.merit img{
	width: 90%;
}
	
	.container{
  width: 98%;
}
	
	.do_block{
    width: 98%;
}
	
	.theme_container{
	width: 100%;
}
	
	
.midashi{
width: 95%;
}
	
	.kouzou{
	padding: 0px 20px 20px 20px;
		width: 100%;
		margin: inherit;
}
	
		.kouzou ul{
margin-bottom: 20px;}
	
.graybox{
	width: 90%;
	padding: 5px;
	font-size: 14px;
}
	.do_block ul{
	padding: 10px 20px 20px 20px;
}
	
	.float_r{
	float: inherit;
		text-align: center;
		margin-bottom: 10px;
}
	
	.float_l{
	float: inherit;
}
	
	.example_box img{
width: 100%;
	margin-right: inherit;
		margin-bottom: 10px;
}
	
	.example_box video{
width:100%;
}
	
	.example_box{
	padding: 0px 20px 50px 20px;
}
	
	.toiawase dt{
	font-size: 14px;
}
	
	.toiawase dd{
	font-size: 15px;
		line-height: 1.8em;
}
	
	.graybox:first-of-type{
	margin-left: 20px;
}

.block06 dl {
    float: none;
    padding: 9px 2.5% 9px 2.5%;
    width: 77%;
	text-align: center;
	height: 80px;
}

.block06 dl dt {
    border-bottom: 1.5px solid #fff;
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 11px;
    margin-right: 0px;
    padding-bottom: 5px;
	margin-bottom: 5px;
    padding-top: 0px;
    width: 100%;
}

.safari .block06 dl dt{
padding-top: 0px;
}

.block06 dl dd {
    color: #fff;
    float: none;
    font-size: 10px;
    line-height: 1.6;
    width: 100%;
	text-align: left;
	padding-top: 0px;
letter-spacing: 0.08em;
}

.safari .block06 dl dd{
   color: #fff;
    float: none;
    font-size: 10px;
    line-height: 1.6;
    padding-top: 0;
    text-align: left;
    width: 100%;
}


.block06 .out_wrp div {
    float: right;
    width: 100%;
}

.block06 {
    margin-top: 65px;
    min-width: inherit;
	width: 100%;
}

.block06 .out_wrp {
    margin: 0 auto;
    width: 100%;
}


.under_support_link_btn {
	width: 23%;
	height: 80px;
}

.under_support_link_btn img {
padding-top: 23px;
}

.under_support_link_btn p{
font-size: 9px;
color: #fff;
}

.under_support_link_btn:hover {
opacity:1.0;
}

.kouzou li{
	width: 100%;
}





}