@charset "utf-8";
/* CSS Document */
@use "./variables";
html {
	@include variables.responsive-font-size(13px, 16px, 480px, 1024px);
}

img{ backface-visibility: hidden;
    max-width: 100%;
}

.image{
	text-align: center;
}
.svg{
	vertical-align: middle;

	.svgWrap{
		position: relative;
		width: 100%;
		height: 0;

		.svgWrapInner{
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;

			svg{
				vertical-align: baseline;
			}
		}
	}
}


.docomo_red{
    color: #D00E32;
}
.orange{
    color: #E46401;
}
.kvision_yellow{
    color: #F3C91E;
}
.blue{
    color: #0A02C8;
}
.font12{
    font-size:.75rem;
}
.font13{
    font-size:.812rem;
}
.font16{
    font-size:1rem;
}
.font18{
    font-size:1.125rem;
}
.font20{
    font-size:1.25rem;
}
.font22{
    font-size:1.375rem;
}
.font24{
    font-size:1.5rem;
}
.font26{
    font-size:1.625rem;
}
.font28{
    font-size:1.75rem;
}
.font30{
    font-size:1.875rem;
}
.font32{
    font-size:2rem;
}
.font48{
    font-size:3rem;
}
.bold{
    font-weight:bold;
}
.clearfix {
	display: block;
}
@media screen and (min-width:961px) {
body{
    width: 1200px;
    max-width: 1200px;
    margin-left: 200px;
    margin-bottom: 20px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "sans-serif";
}
}
@media screen and (max-width:960px) {
body{
    width: auto;
    margin: 5px 10px 15px 10px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "sans-serif";
}
}
@media screen and (max-width:520px) {
    body{
    width: auto;
    margin: 5px 10px 15px 10px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "sans-serif";
}
}
@media screen and (min-width:961px) {
    #header{
    width: 1200px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: 10px 0px 10px 0px;
}
}
@media screen and (max-width:960px) {
    #header{
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: middle;
    margin: 5px 0px 2px 0px;
}
}
@media screen and (max-width:520px) {
    #header{
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: middle;
    margin: 5px 0px 2px 0px;
}
}
@media screen and (min-width:961px) {
#header .logo{
    width: 163px;
    height: 30px;
    margin: 10px 0px 0px 5px;
}
}
@media screen and (max-width:960px) {
#header .logo{
    width: auto;
    height: auto;
}
}
@media screen and (max-width:520px) {
#header .logo{
    width: auto;
    height: auto;
}
}
@media screen and (min-width:961px) {
#header .headtext{
    margin: 0px 2px 0px 0px;
    font-size: 18px;
    text-align: right;
}
}
@media screen and (max-width:960px) {
#header .headtext{
    margin: 3px 0px 0px 0px;
    font-size: 16px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#header .headtext{
    margin: 3px 0px 0px 0px;
    font-size: 14px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#header .headline{
    margin: 0px 0px 0px 0px;
    width: auto;
    height: auto;
    height: 4px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
    #header .headline{
    width: auto;
    max-width: 960px;
    height: auto;
    margin: 2px 0px 2px 0px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
    #header .headline{
    width: auto;
    height: auto;
    margin: 2px 0px 2px 0px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#title_area{
    width: 800px;
    margin: 50px 0px 30px 200px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#title_area{
    width:auto;
    margin: 5px 0px 5px 0px;
}
}
@media screen and (max-width:520px) {
#title_area{
    width:auto;
    margin: 5px 0px 5px 0px;
}
}
@media screen and (min-width:961px) {
#title_area .title01{
    width: 800px;
    margin: 15px 0px 15px 0px;
    padding-left: 40px;
    text-align: center;
    font-size: 36px;
}
}
@media screen and (max-width:960px) {
#title_area .title01{
    width: auto;
    margin: 4px 0px 4px 0px;
    text-align: center;
    font-size: 16px;
}
}
@media screen and (max-width:520px) {
#title_area .title01{
    width: auto;
    margin: 4px 0px 4px 0px;
    text-align: center;
    font-size: 16px;
}
}
@media screen and (min-width:961px) {
#title_area .title02{
    width: 800px;
    margin: 20px 0px 10px 0px;
    padding-left: 30px;
    text-align: center;
    font-size: 20px;
}
}
@media screen and (max-width:960px) {
#title_area .title02{
    width: auto;
    margin: 10px 0px 5px 0px;
    text-align: center;
    font-size: 12px;
}
}
@media screen and (max-width:520px) {
#title_area .title02{
    width: auto;
    margin: 10px 0px 5px 0px;
    text-align: center;
    font-size: 12px;
}
}
@media screen and (min-width:961px) {
#title_area .title03{
    width: 800px;
    margin: 10px 0px 10px 0px;
    padding-left: 30px;
    text-align: center;
    font-size: 32px;
}
}
@media screen and (max-width:960px) {
#title_area .title03{
    width: auto;
    margin: 4px 0px 4px 0px;
    text-align: center;
    font-size: 20px;
}
}
@media screen and (max-width:520px) {
#title_area .title03{
    width: auto;
    margin: 4px 0px 4px 0px;
    text-align: center;
    font-size: 20px;
}
}
@media screen amd (min-width:961px){
#title_area .titleimage{
    max-width: 800px;
    width: auto;
    height: auto;
    margin: 10px 0px 0px 0px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#title_area .titleimage{
    width: auto;
    height: auto;
    margin: 10px 0px 0px 0px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#title_area .titleimage{
    width: auto;
    height: auto;
    margin: 4px 0px 4px 0px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence01{
    width: 1200px;
    height: auto;
    margin: 10px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence01{
    width: auto;
    height: auto;
    margin: 5px 0px 5px 0px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence01{
    width: auto;
    height: auto;
    margin: 5px 0px 5px 0px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence01 .titlearea{
    margin: 0px 0px 20px 270px;
    width: 800px;
    height: 60px;        
}
}
@media screen and (max-width:960px) {
#sentence01 .titlearea{
    margin: 0px 0px 5px 0px;
    width: auto;
    height: auto;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence01 .titlearea{
    margin: 0px 0px 5px 0px;
    width: auto;
    height: auto;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence01 .textarea{
    margin: 5px 0px 10px 0px;
    width: 1010px;
    height: 120px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence01 .textarea{
    margin: 5px 0px 5px 0px;
    width: auto;
    height: auto;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence01 .textarea{
    margin: 5px 0px 5px 0px;
    width: auto;
    height: auto;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence01 .textarea_left{
    margin: 0px 0px 0px 195px;
    width: 395px;
    height: 120px;
    background: url("../img/otokuwaku.svg");
    float: left;
}
}
@media screen and (max-width:960px) {
#sentence01 .textarea_left{
    margin: 5px 0px 15px 0px;
    width: auto;
    height: 100px;
    background-color: #FCFCC3;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence01 .textarea_left{
    margin: 5px 0px 15px 0px;
    width: auto;
    height: 100px;
    background-color: #FCFCC3;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence01 .textarea_leftimage{
    margin: 0px;
    padding: 10px 0px 0px 5px;
}
}
@media screen and (max-width:960px) {
#sentence01 .textarea_leftimage{
    margin: 10px 0px 2px 0px;
    padding: 5px 0px 0px 4px;
    width: auto;
    height: auto;
}
}
@media screen and (max-width:520px) {
#sentence01 .textarea_leftimage{
    margin: 10px 0px 2px 0px;
    padding: 5px 0px 0px 4px;
    width: auto;
    height: auto;
}
}
@media screen and (min-width:961px) {
#sentence01 .textarea_lefttext{
    margin: 0px;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
}
}
@media screen and (max-width:960px) {
#sentence01 .textarea_lefttext{
    margin: 2px 4px 2px 4px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    width: auto;
}
}
@media screen and (max-width:520px) {
#sentence01 .textarea_lefttext{
    margin: 2px 4px 2px 4px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    width: auto;
}
}
@media screen and (min-width:961px) {
#sentence01 .textarea_right{
    margin: 0px 0px 0px 610px;
    width: 395px;
    height: 120px;
    background: url("../img/otokuwaku.svg");
}
}
@media screen and (max-width:960px) {
#sentence01 .textarea_right{
    margin: 5px 0px 20px 0px;
    width: auto;
    height: 100px;
    background-color: #FCFCC3;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence01 .textarea_right{
    margin: 5px 0px 20px 0px;
    width: auto;
    height: 100px;
    background-color: #FCFCC3;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence01 .textarea_rightimage{
    margin: 0px;
    padding: 5px 0px 0px 5px;
}
}
@media screen and (max-width:960px) {
#sentence01 .textarea_rightimage{
    margin: 10px 0px 2px 0px;
    padding: 5px 0px 0px 4px;
    width: auto;
    height: auto;
}
}
@media screen and (max-width:520px) {
#sentence01 .textarea_rightimage{
    margin: 10px 0px 2px 0px;
    padding: 5px 0px 0px 4px;
    width: auto;
    height: auto;
}
}
@media screen and (min-width:961px) {
#sentence01 .textarea_righttext{
    margin: 0px;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
}
}
@media screen and (max-width:960px) {
#sentence01 .textarea_righttext{
    margin: 2px 4px 2px 4px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    width: auto;
}
}
@media screen and (max-width:520px) {
#sentence01 .textarea_righttext{
    margin: 2px 4px 2px 4px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    width: auto;
}
}
@media screen and (min-width:961px) {
#sentence01 .textarea_textcaption{
    margin: 0px 0px 0px 200px;
    padding: 0px 10px 5px 10px;
    font-size: 12px;
}
}
@media screen and (max-width:960px) {
#sentence01 .textarea_textcaption{
    margin: 0px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 12px;
}
}
@media screen and (max-width:520px) {
#sentence01 .textarea_textcaption{
    margin: 0px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 12px;
}
}
@media screen and (min-width:961px) {
#sentence02{
    width: 1200px;
    height: auto;
    margin: 50px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence02{
    width: auto;
    height: auto;
    margin: 20px 0px 20px 0px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence02{
    width: auto;
    height: auto;
    margin: 20px 0px 20px 0px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence02 .titleimage_docomo{
    margin: 20px 0px 10px 305px;
    width: 650px;
    height: auto;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence02 .titleimage_docomo{
    margin: 0px;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence02 .titleimage_docomo{
    margin: 0px;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence02 .titletext{
    margin: 20px 0px 15px 310px;
    width: 650px;
    height: auto;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence02 .titletext{
    margin: 0px;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence02 .titletext{
    margin: 0px;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence02 .titlecaption{
    margin: 20px 0px 10px 275px;
    width: 680px;
    height: auto;
    font-size: 14px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence02 .titlecaption{
    margin: 0px;
    width: auto;
    height: auto;
    font-size: 12px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence02 .titlecaption{
    margin: 0px;
    width: auto;
    height: auto;
    font-size: 12px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence02 .text_02{
    margin: 10px 0px 10px 0px;
    padding: 20px 0px 0px 0px;
    font-size: 20px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#sentence02 .text_02{
    margin: 15px 0px 10px 0px;
    width: auto;
    height: auto;
    font-size: 14px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence02 .text_02{
    margin: 15px 0px 10px 0px;
    width: auto;
    height: auto;
    font-size: 14px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence02 .link02{
    margin: 2px 0px 10px 30px;
    padding: 5px 0px 0px 0px;
    font-size: 20px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#sentence02 .link02{
    margin: 2px 0px 10px 0px;
    padding: 5px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence02 .link02{
    margin: 2px 0px 10px 0px;
    padding: 5px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence03{
    width: 1200px;
    height: auto;
    margin: 50px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence03{
    width: auto;
    height: auto;
    margin: 50px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence03{
    width: auto;
    height: auto;
    margin: 50px 0px 10px 0px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence03 .pricearea{
    width: 800px;
    height: 220px;
    margin: 0px 0px 0px 200px;
    background-color: #D3D2D2;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence03 .pricearea{
    width: auto;
    height: auto;
    margin: 0px 0px 0px 200px;
    background-color: #D3D2D2;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence03 .pricearea{
    width: auto;
    height: auto;
    margin: 0px 0px 0px 200px;
    background-color: #D3D2D2;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence03 .title_s03{
    margin: 10px 0px 10px 330px;
    padding: 20px 0px 0px 0px;
    font-size: 28px;
}
}
@media screen and (max-width:960px) {
#sentence03 .title_s03{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence03 .title_s03{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence03 .title_text03{
    margin: 10px 0px 10px 50px;
    font-size: 22px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence03 .title_text03{
    margin: 0px;
    font-size: 14px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence03 .title_text03{
    margin: 0px;
    font-size: 14px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence04{
    width: 1200px;
    height: auto;
    margin: 50px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence04{
    width: auto;
    height: auto;
    margin: 20px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence04{
    width: auto;
    height: auto;
    margin: 20px 0px 10px 0px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence04 .title_s04{
    margin: 10px 0px 10px 50px;
    padding: 10px 0px 0px 0px;
    font-size: 26px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#sentence04 .title_s04{
    margin: 10px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 18px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence04 .title_s04{
    margin: 10px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 18px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence04 .text04{
    margin: 10px 0px 10px 60px;
    padding: 10px 0px 0px 0px;
    font-size: 16px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#sentence04 .text04{
    margin: 10px 0px 10px 0px;
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence04 .text04{
    margin: 10px 0px 10px 0px;
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence04 .link04{
    margin: 5px 0px 10px 0px;
    padding: 5px 0px 0px 0px;
    font-size: 20px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#sentence04 .link04{
    margin: 5px 0px 10px 0px;
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence04 .link04{
    margin: 5px 0px 10px 0px;
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence05{
    width: 1200px;
    height: auto;
    margin: 50px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence05{
    width: auto;
    height: auto;
    margin: 30px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence05{
    width: auto;
    height: auto;
    margin: 30px 0px 10px 0px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence05 .appli_title{
    width: 800px;
    margin: 10px 0px 10px 175px;
    padding: 10px 0px 0px 0px;
    font-size: 24px;
}
}
@media screen and (max-width:960px) {
#sentence05 .appli_title{
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 20px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence05 .appli_title{
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 20px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence05 .appli_subtitle{
    margin: 10px 0px 10px 170px;
    padding: 10px 0px 0px 0px;
    font-size: 18px;
    text-align: left;
}
}
@media screen and (max-width:960px) {
#sentence05 .appli_subtitle{
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 14px;
    text-align: left;
}
}
@media screen and (max-width:520px) {
#sentence05 .appli_subtitle{
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 14px;
    text-align: left;
}
}
@media screen and (min-width:961px) {
#sentence05 .appli_image{
    margin: 10px 0px 20px 170px;
    width: 810px;
    height: 210px;
}
}
@media screen and (max-width:960px) {
#sentence05 .appli_image{
    margin: 10px 0px 20px 0px;
    width: auto;
    height: auto;
}
}
@media screen and (max-width:520px) {
#sentence05 .appli_image{
    margin: 10px 0px 20px 0px;
    width: auto;
    height: auto;
}
}
@media screen and (min-width:961px) {
#sentence06{
    width: 1200px;
    height: auto;
    margin: 50px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence06{
    width: auto;
    height: auto;
    margin: 20px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence06{
    width: auto;
    height: auto;
    margin: 20px 0px 10px 0px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence06 .title06{
    margin: 10px 0px 30px 335px;
    font-size: 32px;
}
}
@media screen and (max-width:960px) {
#sentence06 .title06{
    margin: 10px 0px 30px 0px;
    width: auto;
    height: auto; 
    font-size: 20px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence06 .title06{
    margin: 10px 0px 30px 0px;
    width: auto;
    height: auto; 
    font-size: 20px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence06 .text06{
    margin: 10px 0px 10px 180px;
    padding: 10px 0px 0px 0px;
    width: 800px;
    font-size: 20px;
    text-align: left;
}
}
@media screen and (max-width:960px) {
#sentence06 .text06{
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: left;
}
}
@media screen and (max-width:520px) {
#sentence06 .text06{
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: left;
}
}
@media screen and (min-width:961px) {
#sentence06 .textcaption06{
    margin: 10px 0px 20px 180px;
    padding: 10px 0px 0px 0px;
    width: 800px;
    font-size: 14px;
    text-align: left;
}
}
@media screen and (max-width:960px) {
#sentence06 .textcaption06{
    margin: 10px 0px 20px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: left;
}
}
@media screen and (max-width:520px) {
#sentence06 .textcaption06{
    margin: 10px 0px 20px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: left;
}
}
@media screen and (min-width:961px) {
#sentence06 .spec06{
    margin: 10px 0px 10px 180px;
    padding: 10px 0px 0px 0px;
    width: 800px;
    font-size: 20px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#sentence06 .spec06{
    margin: 10px 0px 10px 0px;
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence06 .spec06{
    margin: 10px 0px 10px 0px;
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence06 .spec07{
    margin: 10px 0px 10px 220px;
    padding: 10px 0px 0px 0px;
    width: 800px;
    font-size: 16px;
}
}
@media screen and (max-width:960px) {
#sentence06 .spec07{
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 14px;
}
}
@media screen and (max-width:520px) {
#sentence06 .spec07{
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 14px;
}
}
@media screen and (min-width:961px) {
#sentence06 .spec07 li{
    margin: 10px 0px 10px 0px;
    list-style-type: none;
}
}
@media screen and (max-width:960px) {
#sentence06 .spec07 li{
    margin: 5px 0px 5px 0px;
    list-style-type: none;
}
}
@media screen and (max-width:520px) {
#sentence06 .spec07 li{
    margin: 5px 0px 5px 0px;
    list-style-type: none;
}
}
@media screen and (min-width:961px) {
#sentence06 .link06{
    margin: 20px 0px 10px 180px;
    padding: 10px 0px 0px 0px;
    width: 800px;
    font-size: 18x;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#sentence06 .link06{
    margin: 20px 0px 10px 0px;
    padding: 5px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 14x;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#sentence06 .link06{
    margin: 20px 0px 10px 0px;
    padding: 5px 0px 0px 0px;
    width: auto;
    height: auto;
    font-size: 14x;
    text-align: center;
}
}
@media screen and (min-width:961px) {
#sentence07{
    width: 1200px;
    height: auto;
    margin: 50px 0px 10px 0px;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence07{
    width: auto;
    height: auto;
    margin: 20px 0px 20px 0px;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence07{
    width: auto;
    height: auto;
    margin: 20px 0px 20px 0px;
    display: block;
}
}
@media screen and (min-width:961px) {
#sentence07 .terms_of_service{
    margin: 20px 0px 10px 0px;
    width: auto;
    height: auto;
    display: block;
}
}
@media screen and (max-width:960px) {
#sentence07 .terms_of_service{
    margin: 0px;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
}
}
@media screen and (max-width:520px) {
#sentence07 .terms_of_service{
    margin: 0px;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
}
}
@media screen and (min-width:961px) {
#footer{
    margin: 50px 0px 50px 0px;
    width: 1200px;
}
}
@media screen and (max-width:960px) {
#footer{
    margin: 50px 0px 50px 0px;
    width: auto;
}
}
@media screen and (max-width:520px) {
#footer{
    margin: 50px 0px 50px 0px;
    width: auto;
}
}
@media screen and (min-width:961px) {
#footer .footer_line{
    margin: 10px 0px 10px 175px;
    width: 800px;
}
}
@media screen and (max-width:960px) {
#footer .footer_line{
    margin: 10px 0px 10px 0px;
    width: auto;
    height: auto;
}
}
@media screen and (max-width:520px) {
#footer .footer_line{
    margin: 10px 0px 10px 0px;
    width: auto;
    height: auto;
}
}
@media screen and (min-width:961px) {
#footer .footer_text{
    margin: 10px 0px 10px 0px;
    font-size: 12px;
    text-align: center;
}
}
@media screen and (max-width:960px) {
#footer .footer_text{
    margin: 10px 0px 10px 0px;
    font-size: 12px;
    text-align: center;
}
}
@media screen and (max-width:520px) {
#footer .footer_text{
    margin: 10px 0px 10px 0px;
    font-size: 12px;
    text-align: center;
}
}