@charset "utf-8";
/* CSS Document */


/* 共通 */
*focus{
	outline:none!important;
}

/*マウスオーバーアクションをゆっくり*/
a{
    text-decoration:none;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
    transition: 0.4s ease-in-out;
}

/*end マウスオーバーアクションをゆっくり end*/

html {
	max-width:100%;
	overflow-x : hidden;/*横スクロール禁止*/
	overflow-y : auto;
}

/*telリンクスマホ以外でリンク外す設定*/
a[href^="tel:"] {
    cursor: default;
    color: #29b6f6;
}

/* iOSでのデフォルトスタイルをリセット start*/
input[type="submit"],
input[type="button"],
input[type="reset"]{
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration{
    display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
    outline-offset: -2px;
}
/* iOSでのデフォルトスタイルをリセット end*/


/* web font start*/
.notoBlack{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif!important;
    font-weight: 900;
    -ms-font-feature-settings: "normal";
}

.notoBold{
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", sans-serif!important;
    font-weight: 700;
    -ms-font-feature-settings: "normal";
}

.noto{
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", sans-serif!important;
    font-weight: 400;
    -ms-font-feature-settings: "normal";
    
}

/* iOSでのデフォルトスタイルをリセット end*/


body, div, h1, h2, h3, h4, h5, h6, p, address, dl, dt, dd, ul, ol, li, img, pre {
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", sans-serif!important;
	font-size:98%;
	margin:0;
	padding:0;
	line-height: 1.7em;
	letter-spacing: 0.1em;
}

body, div, section, article, table, p, span{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family:helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	background-color:#fff;
	color:#37474F;
	word-wrap:break-word;/* 必要に応じて単語の途中で改行する ie firefox対応 */
	overflow-wrap:break-word;/* 必要に応じて単語の途中で改行する */
	/*▼▼SPの際挿入iPhone用(Google Chrome、Safari)▼▼*/
	-webkit-text-size-adjust:100%;
	/*▼▼SPの際挿入Androind用(IE)▼▼*/
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	text-size-adjust:100%;/* スマホの縦向き横向きの文字サイズが自動調整になっているのを固定させる */
	overflow-x : hidden;/*横スクロール禁止*/
	overflow-y : auto;
}

*::-ms-backdrop, a {
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
} /* IE11 */

a {
	-webkit-box-shadow:none;
	box-shadow:none;
	color: #99000A;
}

a:hover{
	opacity:.7;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

a:hover, a:focus{
	outline:none;
}

a img {
	margin:0;
	padding:0;
}

img {
	vertical-align:bottom;
	border:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
    border: 0;
}

ul,li {
	list-style:none;
	text-decoration:none;
}

iframe{
	frameborder:0;
}

.siteWidth{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.sitePad{
    padding: 0 15px;
}

.pcShow{
	display: none;
}

.flexRBC{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
     flex-direction: column;
}

.flexRB{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.textShadow{
    text-shadow:0px 0px 3px #000;
}

.textShadow2{
    text-shadow:rgba(0,0,0,.6) 1px 1px 3px, rgba(0,0,0,.6) -1px 1px 3px,
    rgba(0,0,0,.6) 1px -1px 3px, rgba(0,0,0,.6) -1px -1px 3px;
/*    text-shadow:0px 0px 3px #000;*/
}




/*pageUpボタン設置
-------------------------------------------*/
#back_to_top {
	position: fixed;
	right: 15px;
	bottom: 15px;
    color: #fff;
    z-index: 99;
    opacity: .9;
}

#back_to_top a:hover{
	opacity: 1;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

#back_to_top a{
    transition:none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 3rem;
}

#back_to_top a svg{
    color: #e74a13;
}

#back_to_top .fas{
	font-size: 350%;
}

.back_to_top_text{
    font-weight: bold;
    color: #0066CB;
    font-size: .9rem;
    text-align: center;
}

/*pageUpボタン設置　終了
-------------------------------------------*/


/*** Toggle Button
-------------------------------------------***/
#menu-toggle {
	width:38px;
	height:34px;
	cursor:pointer;
    position: relative;
}

#menu-toggle div {
    position: relative;
}

#menu-toggle span {
    position: absolute;
    height: 5px;
    width: 100%;
    background: #fff;
    -webkit-transition: .35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	-o-transition: 0.35s ease-in-out;
    transition: .35s ease-in-out;
    left: 0;
}

#menu-toggle span:nth-child(1) {
    top: 0px;
}

#menu-toggle span:nth-child(2) {
    top: 14px;
}

#menu-toggle span:nth-child(3) {
    top: 28px;
}

.toggleMenu{
    line-height: normal;
    font-size: 80%;
    letter-spacing: normal;
    margin-top: 3px;
    color: #fff;
    text-align: center;
}

.openL span{
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.open span:nth-child(1) {
	top: 11px!important;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	-o-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

.open span:nth-child(2) {
	width: 0;
	left: 50%;
	display: none;
}

.open span:nth-child(3) {
	top: 11px!important;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}

nav{
	display: none;
}

nav.openBoxDown{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}


/* Toggle Button end
-------------------------------------------*/


.iPadShow{
    display: none;
}

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

.hLogoWrap{
    margin:0 15px;
    padding: 15px 0 10px;
}

.contactBTN{
    width: 125px;
    height: 100%;
}

.contactBTN a::before{
    font-family: "Font Awesome 5 Solid";
    display: none;
    content:"\f0a9";
}

.contactBTN a{
    color: #fff;
    background-color: #99000A;
    border-radius: 3px;
    padding:5px 10px 5px 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contactBTN p{
    font-size: .9rem;
    font-weight: bold;
    letter-spacing: normal;
}

.logoWrap img{
    height: 50px;
    width: auto;
}

.menuNav{
    background-color: rgba(239,130,30,.85);
}

.menuNav li a{
    color: #fff;
}

.menuNav li:first-child{
    border-top: #fff 1px solid;
}

.menuNav li{
    border-bottom: 1px #FFF solid;
    padding: 12px;
    font-size: 1.05rem;
}

.menuNav li a{
    font-weight: bold;
}

.topH3{
    margin: 40px 0 20px;
    font-size: 1.35rem;
    line-height: 1.4;
    letter-spacing: normal;
}

.topWrapLeftH2{
    margin: auto;
    text-align: left;
}

.topWrap{
    margin: auto;
    background-color: #eee;
}

/*.topWrap img{
    width: 85%; 
}*/

.topWrapLeft h2,
.topWrapLeftH202 h2{
    font-size: 1.45rem;
    line-height: 1.25;
    text-align: center;
    margin:15px 15px 40px;
    color: #fff;
    font-weight: 700;
}

.topWrapLeftH202 h2{
    color: #EF821E;
    line-height: 1.55;
    margin-bottom: 20px;
}

.topWrap .sitePad{
    padding-top: 30px;
    padding-bottom: 40px;
}

.topWrap .flexRB{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.topWrapLeft p{
    font-weight: normal;
    font-size: .9rem;
    color: #fff;
    text-align: center;
}

.topWrap .topWrapLeft p{
    font-weight: normal;
    font-size: .9rem;
    color: #263238;
    text-align: center;
}

.topWrapLeft{
    width: 100%;
}

.topDesc{
    margin: 40px 15px;
}

.secWrap{
    padding-top: 40px;
    padding-bottom: 50px;
}

.secWrap p{
    line-height: 1.5;
}

.secWrap.f85 p,
.AWSikouWrap.f85 p,
.apnConWrap.f85 .apnCon > p{
    font-size: .85rem;
}

.secWrap.bkYel{
    padding: 10px 0;
}

.secH2{
    font-size: 1.45rem;
    text-align: center;
    margin:0 0 10px;
    letter-spacing: .08px;
    color: #EF821E;
}

#detail .secH2,
#price .secH2{
    color: #fff;
}

.topSPimg{
    margin-bottom: 20px;
    text-align: center;
}

.arrowimg,
.arrowimg img{
    width: auto;
}

.AWSikouP{
    margin: 0 15px;
}

.AWSikouWrap {
    margin: 30px 0 0;
}

.AWSikouWrap > div{
    border-radius: 6px;
    padding: 15px;
    background-color: #EEEEEE;
}

.AWSikouWrap > div + div,
.detailBox > div + div,
.exampleBox > div + div,
.priceBox > div + div{
    margin-top: 15px;
}

.AWSikouWrap h3{
    text-align: center;
    font-weight: bold;
    color:#EF821E;
    font-size: 1.14rem;
    margin-bottom: 12px;
    line-height: 1.3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.AWSnum{
    opacity: .6;
    margin-right: .5rem;
}

.awsBTN{
    border-radius: 3px;
    background: #99000A;
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    font-size: .9rem;
}

.awsBTN::before{
    font-family: "Font Awesome 5 Solid";
    display: none;
    content:"\f138";
    color: #fff;
}

.awsBTN svg{
    margin-right: 5px;
}

.AWSikouWrap button svg{
    margin-right: 5px;
}

.SPcase .yelText{
    color: #fdf376;
}

.caseWrap{
    margin: 0 15px;
}

.SPcase{
    border-radius: 5px;
    background: #99000A;
    padding: 15px;
    border: 5px solid #bebebe;
}

.SPcase01{
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
    letter-spacing: normal;
    line-height: 1.4;
}

.SPcase01::after{
    font-family: "Font Awesome 5 Solid";
    display: none;
    content:"\f101";
    color: #fff;
}

.SPcase01.flexRB{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.SPcase02{
    color: #fff;
    line-height: 1.5;
    margin-top: 10px;
    font-size: .95rem;
}

.SPcase02::after{
    font-family: "Font Awesome 5 Solid";
    display: none;
    content:"\f138";
}

.SPcase02 svg{
    color: #fdf376;
}

.PCcase,
.PCcase img{
    width: 100%;
}

.apnWrap{
    margin: 30px 15px;
    border-radius: 3px;
    padding: 15px;
}

.apnWrap h2{
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
}

.apnImgWrap{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
}

.apnImg01{
    width: 124px;
    margin-right: 40px;
}

.apnImg01 img,
.apnImg02 img{
    width: 100%;
}

.apnImg02{
    width: 99px;
}

.apnConWrap > div{
    background: #F3E2E3;
    border-radius: 3px;
    padding: 0 15px 15px;
    position: relative;
}

.apnConWrap{
    margin: 30px 15px;
}

.apnConNum{
    color: #fff;
    font-weight: bold;
    font-size: 4.5rem;
    line-height: .9;
}

.cloudH2 .apnConNum{
    font-size: 5rem;
}

.apnConTit{
    position: relative;
    top: -13px;
}

.apnConTit h2{
    position: absolute;
    bottom: 0;
    left: 35px;
    color:#99000A;
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: normal;
    line-height: 1.3;
}

.apnConTit.cloudH2{
    top: -10px;
}

.apnConWrap .divimg{
    margin-top: 10px;
}

.apnConWrap > div + div{
    margin-top: 15px;
}

.apnCon .caseWrap{
    margin: 15px 0 0;
}

.securityTBwrap table {
    border-collapse:  collapse;/* セルの線を重ねる */
    width: 100%;
}

.securityTBwrap.iPadShow table{
    width: 100%;
}

.securityTBwrap.iPadShow table th,
.securityTBwrap.iPadShow table td{
    vertical-align: middle;
    text-align: center;
    letter-spacing: normal;
}

.securityTBwrap.iPadShow table th.tbTit,
.securityTBwrap.iPadShow .kokyakuTB th.tbTit{
    width: 142px;
}

.awsTB th,
.awsTB td{
    border: solid 1px #fff;
    padding: 5px;
    line-height: 1.3;
    background: #FFCA28;
}

.awsTB th.tbTit{
    border: solid 1px #FFCA28;
    background: #FFF;
    font-weight: normal;
}

.awsTB td{
    border: solid 1px #fff;
}

.securityTBwrap{
    margin: 20px 0 0;
}

.awsTB th{
    font-weight: bold;
}

.kokyakuTB{
    margin-top: 20px;
}

.kokyakuTB th,
.kokyakuTB td{
    border: solid 1px #fff;
    padding: 5px;
    line-height: 1.3;
    letter-spacing: normal;
}

.kokyakuTB td{
    border: solid 1px #fff;
    background: #8c8c8c;
    color: #fff;
}

.kokyakuTB th.tbTit{
    border: solid 1px #8c8c8c;
    background: #FFF;
    font-weight: normal;
}

.avoidanceDiv .divimg{
    position: relative;
    text-align: center;
}

.avoidanceDiv .divimg h3{
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-weight: bold;
    font-size: 1.15rem;
    line-height: 1.25;
}

.avoidanceDiv{
    margin-top: 30px;
}

.avoidanceDiv .divimg{
    margin-top: 30px;
}

.avoidanceDiv .divimg img{
    max-width: 285px;
}

.avoidanceDiv h2{
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.2;
}

.contactWrap h2{
    font-weight: bold;
    color: #EF821E;
    font-size: 1.7rem;
    text-align: center;
}

.contactWrap{
    margin: 0;
    padding:40px 15px 50px;
}

.footerAddOuter {
    max-width: 1000px;
    padding: 20px 15px 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

.footerAddOuter.flexRBC,
.footeriPadWrap.flexRBC{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.footerIsocWrapiPad {
    margin: 0;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 350px;
}

.footerIsocWrap,
.footerLogo{
    display: none;
}

.footerListOuter{
    margin-bottom: 30px;
}

.footerListOuter ul li a::before{
    font-family: "Font Awesome 5 Solid";
    display: none;
    content:"\f138";
}

.footerListOuter ul li svg{
    margin-right: 5px;
    color:#99000A;
}

.footerListOuter ul li a{
    color: #37474F;
}

#menu-footerprivacy-1 li {
    line-height: 1.5rem;
}

.footerAddIn {
    font-size: 85%;
    padding-left: 10px;
    letter-spacing: normal;
}

.footerAddIn {
    border-left: 1px solid #444;
}

.footerTokyoWrap + .footerTokyoWrap {
    margin-top: 1em;
}

.footeriPadOuter {
    padding: 0 15px;
    margin-top: 30px;
}

.footerIsocWrapiPad img {
    width: 49%;
    min-width: 169px;
}

.footerLogoiPad {
    margin-top: 30px;
}

.footerIsocWrapiPad img + img {
    margin-left: 2%;
}

.site-info {
    color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    text-align: center;
}

.site-infoWrap {
    background: #99000A;
    width: 100%;
    margin: 20px auto 0;
    padding: 20px 10px 15px;
}

.footerCaution {
    text-align: left;
    line-height: 1.4em;
    margin-bottom: 1.5em;
    color: #fff;
    font-size: 85%;
}

.footerCopy {
    line-height: 1.5em;
    color: #fff;
}

.cls-7{
    letter-spacing: normal;
}

.show-page-btn .btn{
    background-color:#99000A;
    border-color: transparent;
}

.topHdwrap{
    background: #EF821E;
    padding-top: 10px;
    padding-bottom: 30px;
}

.SPmenu{
    background: #EF821E;
    padding: 15px 15px 10px;
}

.topTel.mail::before{
    font-family: "Font Awesome 5 Solid";
    display: none;
    content:"\f0e0";
}

.hdUl li::before{
    font-family: "Font Awesome 5 Solid";
    display: none;
    content:"\f00c";
}

.topWrapP::before{
    font-family: "Font Awesome 5 Solid";
    display: none;
    content:"\f12a";
}

.topWrapP .svg-inline--fa{
    margin-right: 5px;
}

.hdUl li .svg-inline--fa{
    color: #EF821E;
    margin-right: 5px;
}

.topWrapP{
    font-size: 1.2rem;
    margin-top: 20px;
    font-weight: 700;
}

.hdUl li{
    font-size: .9rem;
    line-height: 1.6rem;
}

.ptune01Wrap{
    margin: 20px auto;
}

.detailWrap .secH2p{
    color: #fff;
}

.detailBox > div,
.exampleBox > div{
    border-radius: 6px;
    padding: 15px;
    background-color: #fff;
}

.detailBox h3,
.exampleBox h3{
    text-align: center;
    font-weight: bold;
    font-size: 1.14rem;
    margin-bottom: 12px;
    line-height: 1.3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #263238;
}

.detailBox,
.exampleBox{
    margin-top: 30px;
}

.detailBox > div.imgBox {
    border:none;
    background-color:transparent;
    width: auto;
    text-align: right;
    padding: 0;
}

.detailBox > div.imgBox img{
    width: auto;
}

.exampleBox > div{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.exampleBoxIn li{
    font-size: .75rem;
    color: #fff;
    background-color: #EF821E;
    font-weight: 700;
    border-radius: 11px;
    line-height: 22px;
    width : calc(48% - 10px) ;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
}

.exampleBoxIn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.exampleBoxIn li{
    margin-top: 10px;
}

.exampleBox p{
    text-align: left;
}

.exampleBox .gray{
    background-color: #eee;
    color: #607D8B;
}

#flow{
    background-color: #eee;
    padding-top: 40px;
    padding-bottom: 50px;
}

.flowBox{
    text-align: center;
    color: #fff;
    background-color: #607D8B;
    border-radius: 6px;
    padding: 15px 10px;
    position: relative;
    margin-top: 30px;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}

.flowBox.or{
    background-color: #EF821E;
}

#flow h3{
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

#flow p{
    font-size: .875rem;
}

.flowBox::after,
.priceBox h3::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #607D8B transparent transparent transparent;
    border-width: 10px 10px 0 10px;
}

.flowBox.or::after{
    border-color: #EF821E transparent transparent transparent;
}
.priceBox h3::after{
    border-color: #fff transparent transparent transparent;
}

.flowBox.or.illu04::after{
    border: none;
}

.priceBox h3{
    background-color: #fff;
    border-radius: 20px;
    padding:7px 10px;
    text-align: center;
    font-weight: 700;
    color: #263238;
    display: block;
    position: relative;
    margin-bottom: 20px;
    font-size: 1rem;
}

.priceBoxIn{
    padding:20px 15px;
    background-color: #eee;
    border-radius: 6px
}

.priceBoxIn p.priceKakaku{
    text-align: right;
    font-weight: 700;
    font-size: 1.125rem;
}

.priceBox{
    margin-top: 30px;
}

.priceBoxItem{
    margin-bottom: 40px;
}

#flow.secWrap{
    margin-bottom: 0;
}

#price.secWrap{
    margin-top: 0;
}

.flexRB.footerSNS{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexRB.footerSNS > a + a{
    margin-left: 30px;
}

.footerSNSWrap{
    margin:30px 0 20px;
}

.footerHr{
    background-color: #607D8B;
}

.footerSNS a img{
    vertical-align: baseline;
}


.image1{
    transform: translateY(100px);
    transition: 1s;
    opacity: 0;
}
.image1.anim {
    opacity: 1;
    transform: translateY(0px);
}

.priceBox .priceBoxItem:last-child{
    margin-bottom: 0;
}

.footerOsakaWrap{
    padding-top: 10px;
}







    


/**
 * 14.2 - >= 370px
 */
@media screen and (min-width: 23em) {
    
    
    
    
}


/**
 * 14.2 - >= 710px
 */
@media screen and (min-width: 44.375em) {
    .iPadHide{
        display: none;
    }
    
    .iPadShow{
        display: block;
        position: relative;
    }
    
    .topImgPlane{
        position: relative;
    }
    
    .topImgPlane img{
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto;
    }
    
    .topWrapLeft{
        width: 45%;
    }
    
    .topImgPlane{
        width: 50%;
    }
    
    .topImgPlane img{
        width: 100%;
    }
    
    .topWrapLeft h2{
        margin: 35px 0 15px 0;
        letter-spacing: normal;
        text-align: left;
        font-size: 1.35rem;
    }
    
    .topHdwrap{
        padding-bottom: 40px;
    }
    
    .topWrapLeft p{
        margin-right: 0;
        font-size: .8rem;
        text-align: left;
    }
    
    .topH3{
        font-size: 1.1rem;
        letter-spacing: .1rem;
    }
    
    .topDesc{
        text-align: center;
        font-size: .85rem;
        letter-spacing: normal;
        margin: 60px 10px 0;
    }
    
    .topWrapLeftH2{
        margin-top: 20px;
    }

    .secWrap{
        text-align: center;
    }
    
    .secWrap.bkYel{
        padding: 30px 0;
    }
    
    .arrowimg img{
        width: 95px;
    }

    .AWSikouWrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    
    .AWSikouWrap > div{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        width: 23.5%;
    }
    
    .AWSikouWrap > div:not(:nth-of-type(4n)){
        margin-right: 2%;
    }
    
    .AWSikouWrap > div + div {
        margin-top: 0;
    }
    
    .AWSikouWrap h3{
        letter-spacing: normal;
    }
    
    .AWSikouWrap p{
        text-align: left;
    }
    
    .apnWrap{
        margin-top: 50px;
        margin-bottom: 70px;
        position: relative;
    }
    
    .apnImgRibon{
        position: absolute;
        top: 0;
        right: 30px;
    }
    
    .apnImg02{
        position: absolute;
        bottom: -50px;
        right: 20px;
    }
    
    .apnImg01,
    .apnImg01 img{
        width: 124px;
        height: 118px;
    }
    
    .apnImgWrap{
        margin-top: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    .apnImg01{
        margin-right: 15px;
    }
    
    .apnWrap h2{
        width : calc(100% - 250px) ;
    }
    
    .apnImgRibon,
    .apnImgRibon img{
        width: 25px;
        height: 50px;
    }
    
    .apnConWrapIn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .apnConWrapIn02{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .apnConWrapIn02 .divimg{
        margin-left: 15px;
        margin-top: 0;
    }
    
    .apnConWrapIn .divimg{
        margin-right: 15px;
        margin-top: 0;
    }
    
    .kokyakuTB{
        margin-top: 0;
    }
    
    .avoidanceDivImg .divimg + .divimg{
        margin-left: 2.5%;
    }
    
    .avoidanceDiv{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    
    .avoidanceDiv h2{
        margin:20px 0 15px;
    }
    
    .avoidanceDiv .divimg{
        margin-top: 0;
    }
    
    .footerCaution{
        text-align: center;
        margin-bottom:.5rem;
    }
    
    .footerAddOuter {
        justify-content: center;
    }
    
    .footerAddOuter.flexRBC{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    .footerListOuter {
        margin-bottom: 0;
        margin-left: 30px;
        border-left: 1px solid #444;
    }
    
    .footerListOuter ul li a svg{
        display: none;
    }
    
    .footerIsocWrapiPad {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 350px;
        width: 100%;
        max-height: 80px;
    }
    
    .footerListOuter ul li{
        padding-left: 1rem;
    }
    
    .footerListOuter ul li{
        line-height: 1.2;
    }
    
    .footerListOuter ul li + li{
        margin-top: 10px;
    }
    
    .avoidanceDivImg.flexRBC{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .topWrap .topWrapLeft{
        width: 49%;
    }
    
    .topWrapLeftH202 h2{
        font-size: 1.6rem;
        text-align: center;
    }
    
    .topWrap .flexRB{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .topWrap img{
        width: 100%;
    }
    
    .topWrap .topWrapRight{
        /*min-width: 375px;*/
        width: 49%;
    }
    
    .topSPimg{
        margin-bottom:0;
    }
    
    .topWrap .sitePad{
        padding-bottom: 40px;
    }
    
    .ptune01Wrap img{
        width: auto;
    }
    
    .ptune01Wrap{
        margin: 30px 0;
    }
    
    .detailBox,
    .exampleBox,
    .priceBox{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    
    .detailBox > div,
    .exampleBox > div{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        
    }
    
    .detailBox > div{
        width: 32%;
    }
    
    .exampleBox > div,
    .priceBoxItem{
        width: 48.75%;
    }
    
    .detailBox > div:not(:nth-of-type(3n)) {
        margin-right: 2%;
    }
    
    .detailBox h3 span{
        letter-spacing: normal;
    }
    
    .detailBox > div + div,
    .exampleBox > div + div,
    .priceBox > div + div{
        margin-top: 0;
    }
    
    .detailBox > div:nth-child(n + 4){
        margin-top: 15px;
    }
    
    .exampleBox > div:nth-child(n + 3){
        margin-top: 20px;
    }
    
    .detailBox > div.imgBox{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 23.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .detailBox > div.imgBox img{
        width: 163px;
    }
    
    .exampleBox,
    .priceBox{
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .priceBoxIn p{
        text-align: left;
    }
    

    
    
    
    .priceBox3th {
        min-height: 183px;
    }
    
    .priceBox > .priceBoxItem:nth-child(n + 3){
        margin-bottom: 0;
    }
    
    .topWrapP{
        letter-spacing: normal;
    }
    
    .secWrap {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    
    
    
    
    
    
}


/**
 * 14.3 - >= 769px
 */
@media all and (min-width: 48.001em) {
	/*body, div, h1, h2, h3, h4, h5, h6, p, address, dl, dt, dd, ul, ol, li, img, pre {
		font-size:97%;
	}*/
    
    .contactBTN{
        width: 140px;
    }
    
    .contactBTN .flexRB{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .contactBTN .flexRB p{
        margin-left: .5rem;
    }
    
    .topDesc{
        text-align: center;
        font-size: .96rem;
    }
    
    
    .footerAddBox{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .footerAddBox > div + div{
        margin-left: 20px;
    }
    
    .footerAddBox > div{
        display: block;
    }

        
    .footeriPadWrap.flexRBC{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .footerLogoiPad {
        margin-top: 0;
        margin-right: 30px;
    }
    
    

    

	
}

/**
 * 14.3 - >= 855px
 */
@media all and (min-width: 53.375em) {
    .pcShow{
        display: block;
    }
    
    .spShow{
        display: none;
    }
    
    .SPmenu{
        display: none;
    }
    
    .contactBTN{
        margin-right: 0;
    }
    
    .pcnavi{
        width: calc(100% - 350px); 
    }
    
    .hLogoWrap nav.pcShow{
        width: calc(100% - 350px);
        max-width: 600px;
    }
    
    .menuNavPC01.flexRB{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
         flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .hLogoWrap nav.pcShow li{
        padding-left: .7rem;
        margin-right: .7rem;
        line-height: 1.2;
        letter-spacing: normal;
        line-height: 1.2;
    }
    
    .hLogoWrap nav.pcShow li:first-child{
        padding-left: 0;
    }
    
    .menuNavPC01{
        font-weight: bold;
    }
    
    .hLogoWrap nav.pcShow li + li{
        border-left: 1px solid #99000A;
    }
    
    .hLogoWrap nav.pcShow ul li:first-child a{
        margin-left: 0;
    }
    
    .menuNavPC02 li a{
        font-size: .85rem;
    }
    
    .hLogoWrap nav.pcShow li:last-child{
        margin-right: 0;
    }
    
    .hLogoWrap nav.pcShow ul{
        padding: 5px 0;
    }
    
    .menuNavPC02{
        border-top: 1px solid #99000A;
    }
    
    .topImgPlane{
        min-height: 300px;
    }
    
    .topH3 {
        font-size: 1.3rem;
    }
    
    .topWrapLeft h2{
        letter-spacing: .2rem;
    }
    
    .topWrapLeft p{
        font-size: 1rem;
    }
    
    .apnWrap{
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .apnCon img{
        max-width: 155px;
    }
    
    .apnConWrapIn .divimg,
    .apnConWrapIn02 .divimg{
        max-width: 155px;
    }
    
    .apnConWrapIn .divimg{
        margin-right: 25px;
    }
    
    .apnConWrap > div{
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .apnConWrapIn02 .divimg{
        margin-left: 25px;
    }
    
    .avoidanceDiv .divimg{
        max-width: 145px;
    }
    
    .avoidanceDiv .divimg h3{
        font-size: .9rem;
    }
    
    .avoidanceDiv h2{
        font-size: 1.2rem;
    }
    
    .apnConIn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    
    .avoidanceDiv{
        width: 440px;
    }
    
    .apnConIn p{
        width : calc(100% - 440px) ;
    }
    
    .avoidanceDiv .divimg h3{
        letter-spacing: normal;
    }
    
    .avoidanceDiv{
        margin-top: 0;
    }
    
    .avoidanceDivImg{
        margin-left: 15px;
    }
    
    .footerLogo,
    .footerIsocWrap{
        display: block;
    }
    
    .footerIsocWrap{
        width: 150px;
    }
    
    .footerIsocWrap div + div{
        margin-top: 10px;
    }
    
    .footerAddOuter.flexRBC{
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .footerListOuter{
        margin-left: 0;
    }
    
    .footerAddOuter.flexRBC > div + div{
        margin-left: 1.5%;
    }
    
    .footeriPadOuter{
        display: none;
    }
    
    .footerAddOuter{
        padding-top: 40px;
    }
    
    .apnCon .PCcase img,
    .apnCon .PCcase{
        width: 100%;
        max-width: 100%;
    }
    
    .footerAddIn a{
        color: #37474F;
    }
    
    .footerListOuter li a{
        letter-spacing: normal;
    }
    
    .topHdwrap{
        padding-top: 65px;
        padding-bottom: 45px;
    }
    
    .topWrapLeft h2{
        margin-top: 45px;
    }
    
    .topWrapLeftH202 h2{
        font-size: 1.7rem;
    }
    
    .topWrap .flexRB{
        -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;  
    }
    
    .navWrap{
        padding: 10px; 15px;
        background-color: #607D8B;
    }
    
    .menuNavPC01 a{
        color: #fff;
        font-size: .875rem;
    }
    
    .hdUl li{
        font-size: 1rem;
    }
    
    .topWrapP{
        font-size: 1.3rem;
        
    }
    
    .secH2{
        font-size: 1.7rem;
    }
    
    .secH2p{
        font-size: 1rem;
    }
    
    .secH2{
        letter-spacing: 1px;
    }
    
    .exampleBoxIn li{
        width: calc(32% - 10px);
        letter-spacing: normal;
    }
    
    .illu01,
    .illu02,
    .illu03,
    .illu04{
        position: relative;
    }
    
    .illu01::before{
        content: url(../img/ptune03.png);
        position: absolute;
        bottom: 0;
        left: -115px;
    }
    
    .illu02::before{
        content: url(../img/ptune04.png);
        position: absolute;
        bottom: 0;
        right: -70px;
    }
    
    .illu03::before{
        content: url(../img/ptune05.png);
        position: absolute;
        bottom: 0;
        left: -75px;
    }
    
    .illu04::before{
        content: url(../img/ptune06.png);
        position: absolute;
        bottom: 0;
        right: -40px;
    }
    
    #flow{
        padding-bottom: 70px;
    }
    
    .priceBox h3{
        font-size: 1.12rem;
    }
    
    .footerLogo{
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
    }
    
    .footerSNSWrap.pcShow{
        margin: 0 0 0 80px;
    }
    
    .priceBox3th {
        min-height: 163px;
    }
    
    .topWrap .topWrapRight{
        max-width: 405px;
    }
    
    .topWrap .topWrapLeft{
        max-width: calc(100% - 440px) ;
        width: 100%;
    }
    
    .secWrap {
        padding-top: 60px;
        padding-bottom: 70px;
    }

	
    

}



/**
 * 14.3 - >= 1200px
 */
@media all and (min-width: 75em) {

    
   
}