@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}

audio,canvas,video {display : inline-block}

audio:not([controls]) { display: none;height: 0}

[hidden] {display: none}

html {
    font-family: sans-serif;
	font-family: "Noto Sans JP", sans-serif ,"Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	font-size: 13px;

	/* background-image:url(../images/tmpl-1.jpg);
	background-size: 1200px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0);
	min-height: 20000px; */
}

body { margin : 0}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin: 0}

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

a:focus { outline: thin dotted}

a:hover,a:active { outline : 0}

p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}


abbr[title] { border-bottom : 1px dotted}

b, strong { font-weight : bold}

dfn { font-style: italic}

mark { background: #ff0;
color: #000}

code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em}

pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word}

q {quotes: “\201C” “\201D” “\2018” “\2019”;}

small {font-size: 80%;}

sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline}

sup {top: -0.5em}
sub {bottom: -0.25em}

img {
max-width :100%;
vertical-align: middle;
border: 0}

svg:not(:root) {overflow: hidden}

figure {margin: 0}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;}

button,input {line-height: normal;}

button,
input[type="button"],
input[type="reset"], 
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;}


button[disabled],
input[disabled] {cursor: default}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0}

textarea {
overflow: auto;
vertical-align: top;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* リセット記述終了 */

/* clearfix
------------------------------------------------------------*/
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height:0;
}


div,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre {
	box-sizing: border-box;	
}

html, body {
	padding-top: 0;
	height: 100%;
	width: 100%;
}

a:hover img {
	filter: alpha(style=0, opacity=70);
	opacity: 0.7;
}
a:hover {
	text-decoration: underline !important;
}
.brsp{
	display: none;
}
/* Toggle Button モバイル版メニューボタン*/

#sp-menu{
	display: none;
}
@media screen and (max-width: 1099px) {
	#sp-menu{
		display: initial;
	}
}
#dropmenu{
	float: right;
	display: table;
}
.headerMenuLI{
	display: table-cell;
	padding: 1em;
}
.headerMenuLI a{
	color:#5b5b5b;
	text-decoration: none;
}
.headerYoyaku{
	background-color: #a9a9a9;
	padding: 0.5em 1em;
	border-radius: 2em;
	height: 1.2em;
	width: auto;
}
#global-nav{
	position: relative;
	z-index: 998;
}
#nav-toggle {
    display: none;
    position: fixed;
    right: 12px;
    top: 18px;
    width: 30px;
    height: 24px;
    cursor: pointer;
    z-index: 999;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #999;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
}
@media screen and (max-width: 1099px) {
    #global-nav {
        position: fixed;
        /* 開いてないときは画面外に配置 */
        top: -670px;
        background: rgba(0,0,0,0.8);
        width: 100%;
        text-align: center;
        padding: 50px 0 0 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
		margin-top:0;
    }
    #dropmenu{
	float: none;
	display: block;
}
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
    display: block;
	float: none;
	position: static;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #555;
	padding: 12px 10px 12px 10px;
    }
    #sp-menu #global-nav ul li a,
    #sp-menu .fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 5px 0;
    }
	.navMobOnly{
		display:block;	
	}
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(620px);
        -webkit-transform: translateY(620px);
        transform: translateY(620px);
    }

}

/*下部に固定されるトップに戻るボタン*/
#contactBTN {
	position: fixed;
	bottom: 60px;
	right: 10px;
	z-index: 9989;
	width: 270px;
}
#contactBTNClose {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9999;
	width: 13%;
	cursor: pointer;
}
@media (max-width: 1699px) {
	#contactBTN {
		width: 240px;
	}
}
@media (max-width: 1649px) {
	#contactBTNClose {
		top: 18%;
		left: 0px;
		right: initial;
		z-index: 9999;
		width: 13%;
		cursor: pointer;
	}
}
@media (max-width: 999px) {
	#contactBTN {
		bottom: 10px;
		right: initial;
		left: 10px;
	}
}



/*下部に固定されるトップに戻るボタン*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 100%;
	z-index: 9999;
}
#page-top a {
	background: rgba(204,204,204,0.5);
	text-decoration: none;
	color: #fff;
	padding: 12px 20px;
	text-align: center;
	display: block;
	border-radius: 2em;
}
#page-top a:hover {
	text-decoration: none !important;
	background: rgba(204,204,204,0.8);
}


#wrap{
	position: relative;
	width: 100%;
}

.footerWrap{
	width: 100%;
	background: #f20f67;
	padding:1em 1em 0.25em 1em;
	margin: 3em auto 0 auto;
}
.footernavP1{
	color: #FFF;
	font-size: 1.0em;
	line-height: 1em;
	text-align: center;
}
.footernavP1 a{
	color: #FFF;
	text-decoration: none;
}
.footerLogo{
	width: 50%;
	max-width: 160px;
	display: block;
	margin: 2em auto 0 auto;
}
.footerCopy{
	font-size: 0.75em;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	margin: 2em auto 0 auto;
}
/*モバイル版（最小）*/
@media (max-width: 949px) {
	.footerBTNDIVLink{
		font-size: 1.0em;
	}
}
/*モバイル版（最小）*/
@media (max-width: 999px) {

	.footerBTNDIVFlex{
	display: flex;
	flex-wrap: wrap;/*アイテムの折り返し 折り返さない:nowrap 折り返す:wrap*/
	flex-diretion: row;/*アイテムの並び順 左：row 右：row-reverse*/
	justify-content: center;/*水平方向の位置を指定() 中央:center 左揃:flex-start 右揃:flex-end*/
	align-items: stretch;/*垂直方向の位置 上下埋:stretch 上揃え:flex-start 上下中央揃:center*/
	
	
}

	.footerBTNDIVLink{
		font-size: 1.0em;
		width: 32.3333%;
	margin: 0.25em 0.5%;
	}
}
/*モバイル版（最小）*/
@media (max-width: 549px) {
	.footerBTNDIVFlex{
		margin: 5em auto 0 auto;
	}
	.footerBTNDIVLink{
		font-size: 1.0em;
	}
	.footerBTNContact{
		width: calc(100% - 1.5em );
		font-size: 1.5em;
	}
	.footerWrap{
		margin: 2em auto 0 auto;
	}
	.footernavP1{
		font-size: 0.9em;
	}
}
/*モバイル版（最小）*/
@media (max-width: 449px) {
	.footerBTNDIVLink{
		font-size: 1.0em;
	}
}
/*モバイル版（最小）*/
@media (max-width: 379px) {
	.footerBTNDIVLink{
		font-size: 0.9em;
	}
	.footerBTNContact{
		font-size: 1.35em;
	}
}

.cmnHeaderWrap{
	width: 100%;
	background-color: rgba(246,248,250,0.8);
	position: fixed;
	z-index: 100;
	top: 0;
}
.cmnHeaderTitle{
	float: left;
    max-width: 168px;
    height: auto;
    padding: 6px 0 6px 6px;
	
}
.cmnHeaderTitle a{
	width: 100%;
	display: block;
}
.topNaviArea{
	margin: auto;
	padding: 0 0 0 1em;
	display: flex;
	flex-direction:row-reverse;
	float: right;
}

.cmnHeaderMenu{
	display: table;
	
}
.cmnHeaderMenu li{
	display: table-cell;
	color:#FFF;
	font-size: 1.0em;
	margin: 0.5em 0.75em;
	font-weight: bold;
	letter-spacing: -0.5px;
	padding: 1em;
	position: relative;
}
.cmnHeaderMenu li a{
	color:#555;
	text-decoration: none;
}
.cmnHeaderMenuNormalLiLast{
	padding-right: 2em!important;
}
.cmnHeaderNaviCommonEnd{
}
.cmnHeaderNaviTel{
	padding: 1em!important;
	border-left: 1px solid #ccc;
}

.cmnHeaderNaviContact{
	padding: 0.5em 1em!important;
	background: #f20f67;
}
.cmnHeaderNaviSalesagent{
	padding: 1em!important;
	background: rgb(248,248,248);
	background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(240,240,240,1) 100%);
}
.cmnHeaderNaviTel img{
	width: 135px;
}
.cmnHeaderNaviContact img,.cmnHeaderNaviSalesagent img{
	width: 70px;
}
@media (max-width: 1229px) {
	.cmnHeaderTitle{
		max-width: 150px;
		padding: 3px 0 3px 3px;
		
	}
	.cmnHeaderMenu li{
		display: table-cell;
		color:#FFF;
		font-size: 0.9em;
		margin: 0.5em 0.5em;
		font-weight: bold;
		letter-spacing: -0.5px;
		padding: 0.75em;
		position: relative;
	}
	.cmnHeaderNaviTel img{
		width: 120px;
	}
	.cmnHeaderNaviContact img,.cmnHeaderNaviSalesagent img{
		width: 60px;
	}
}
/*モバイル版（最小）*/
@media (max-width: 1099px) {
	.cmnHeaderMenu{
		display: none;
	}
}


.topS1Wrap{
	width: 100%;
	background-image:url(../images/top_s1_bg.webp);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 700px;
}
.topS1Area{
	width: 100%;
	height: 100%;
	margin: auto;
	max-width: 1200px;
	position: relative;
}
.topS1Logo{
	width: 80%;
    max-width: 564px;
    position: absolute;
    top: 54%;
    left: 8%;
    transform: translateY(-50%);
	z-index: 10;
}
.topS1Screenshot1{
	width: 80%;
    max-width: 582px;
    position: absolute;
    top: 63%;
    right: 3%;
    transform: translateY(-50%);
    z-index: 8;
}



@media (max-width: 999px) {
	.topS1Wrap{
		height: 90vw;
	}
	.topS1Logo{
		width: 60%;
		max-width: 564px;
		left: 2%;
	}
	.topS1Screenshot1{
		width: 49%;
		max-width: 582px;
		top: 59%;
		right: 0%;
	}
}
@media (max-width: 539px) {

	.topS1Logo{
		width: 80%;
		max-width: 564px;
		padding: calc(50px + 5em) 0 0 0 ;
		margin: auto;
		position: relative;
		top: initial;
		left: initial;
		transform: initial;
	}
	.topS1Screenshot1{
		width: 62%;
		max-width: 582px;
		margin: 4em auto 0 auto;
		display: block;
		position: relative;
		top: initial;
		right: initial;
		transform: initial;
	}
	.topS1Wrap{
		height: initial;
		padding-bottom: 4em;
	}
}

.topS2Wrap{
	width: 100%;
	background-image:url(../images/top_s2_bg.jpg);
	background-size: 100%;
	background-position: top center;
	background-repeat: repeat-y;
	position: relative;
	overflow: hidden;
}
.topS2Area{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 130px 0 100px 0;
}
.topS2P1{
	width: calc(100% - 2em);
	margin: auto;
	max-width: 720px;
	position: relative;
	z-index: 10;
}
.topS2LinkDIV{
	width: 80%;
	max-width: 400px;
	margin: 78px auto 0 auto;
	border-radius: 24px;
	padding: 20px;
	background-color: #fff;
	position: relative;
	z-index: 10;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}
.topS2LinkP1DIV{
	background-color: #e84f8a;
	padding: 1em;
	text-align: center;
}
.topS2LinkP1{
	font-size: 1.2em;
	color: #fff;
	line-height: 1.3em;
	text-align: left;
	font-weight: 600;
	display: inline-block;
	margin: auto;

}
.topS2LinkP1 a{
	color: #fff;
}
.topS2P2{
	margin: 56px auto 0 auto;
    font-size: 2.3em;
    color: #fff;
    line-height: 1.5em;
    text-align: center;
    font-weight: 900;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	position: relative;
	z-index: 10;
}
.topS2P3{
	margin: 50px auto 0 auto;
    font-size: 1.2em;
    color: #fff;
    line-height: 2em;
    text-align: center;
    font-weight: 600;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	position: relative;
	z-index: 10;
	padding: 0 1em;
}
.topS2ChigaiP{
	width: calc(100% - 2em);
	max-width: 900px;
	margin: 66px auto 0 auto;
	position: relative;
	z-index: 10;
}
.topS2ChigaiP img{
	width: 100%;
	display: block;
}
@media (max-width: 799px) {
	.topS2Area{
		padding: 16vw 0 11vw 0;
	}
	.topS2LinkDIV {
		margin: 10vw auto 0 auto;
		border-radius: 2vw;
		padding: 2vw;
	}
	.topS2LinkP1{
		font-size: 1.0em;
	}
	.topS2LinkP1DIV{
		padding: 0.5em;
	}
	.topS2P2{
		margin: 10vw auto 0 auto;
		font-size: 1.8em;
	}
	.topS2P3{
		margin: 10vw auto 0 auto;
		font-size: 1.0em;
	}
}
@media (max-width: 699px) {
	.topS2P3{
		text-align: left;
		max-width: 600px;
	}
	.topS2P3 .brpc{
		display: none;
	}
}
@media (max-width: 639px) {
	.topS2ChigaiP{
		max-width: 400px;
		margin: 12vw auto 0 auto;
	}

}
@media (max-width: 539px) {
	.topS2P2{
		font-size: 6vw;
	}

}
@media (max-width: 369px) {
	.topS2LinkP1{
		font-size: 0.9em;
	}

}

/* topS2の写真 */
.topS2_pic{
    position: absolute;
    z-index: 9;
    border-radius: 50%;
}
.topS2_pic1{
	width: 312px;
    top: 317px;
    right: calc(50% - 587px);
}
.topS2_pic2{
	width: 383px;
    top: 287px;
    left: calc(50% - 652px);
}
.topS2_pic3{
	width: 312px;
    top: 809px;
    right: calc(50% - 622px);
}
.topS2_pic4{
	width: 200px;
    top: 1092px;
    left: calc(50% - 574px);
}
@media (max-width: 1149px) {
	.topS2_pic1{
		width: 324px;
        top: 360px;
        right: calc(50% - 600px);
	}
	.topS2_pic2 {
		width: 304px;
        top: 323px;
        left: calc(50% - 548px);
	}
	.topS2_pic3 {
		width: 253px;
        top: 1033px;
        right: calc(50% - 501px);
	}
	.topS2_pic4 {
		width: 197px;
        top: 1003px;
        left: calc(50% - 516px);
	}
}
@media (max-width:999px) {
	.topS2_pic1 {
		width: 34%;
		top: 30vw;
		right: -10%;
	}
	.topS2_pic2 {
		width: 34%;
		top: 37vw;
		left: -10%;
	}
	.topS2_pic3 {
		width: 25%;
        top: 86vw;
        right: -1%;
		opacity: 1;
	}
	.topS2_pic4 {
		width: 28%;
        top: 85vw;
        left: -6%;
        opacity: .7;
	}
}
@media (max-width:499px) {
	.topS2_pic1 {
		width: 34%;
		top: 41vw;
		right: -10%;
	}
	.topS2_pic2 {
        width: 34%;
        top: 97vw;
        left: -10%;
		opacity: .9;
    }
	.topS2_pic3 {
		width: 25%;
        top: 187vw;
        right: -1%;
		opacity: .7;
	}
	    .topS2_pic4 {
        width: 28%;
        top: 223vw;
        left: -3%;
		opacity: .5;
    }
}


.topS3Wrap{
	width: 100%;
	background-image:url(../images/top_live_bg.webp);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.topS3Area{
	width: calc(100% - 2em);
	max-width: 1000px;
	margin: auto;
	padding: 135px 0 100px 0;
}
.topS3Head1{
	width: 60%;
	max-width: 400px;
	margin: auto;
}
.topS3P1{
	font-size: 2.2em;
    color: #bc2747;
    line-height: 1.8em;
    text-align: center;
    font-weight: 600;
    margin: 58px auto 0 auto;
}
.topS3Flex1{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin: 90px auto 0 auto;
}
.topS3Flex1L{
	width: 34%;
}
.topS3Flex1R{
	width: 62%;
	padding-top: 1em;
}
.topS3Flex1P1{
	font-size: 2.2em;
	color: #000;
	line-height: 1.2em;
	text-align: left;
	font-weight: 900;
	background-image:url(../images/top_live_zab1.webp);
	background-size: 100% 0.8em;
	background-position: center bottom;
	background-repeat: repeat-x;
	padding: 0.2em;
}
.topS3Flex1P2{
	font-size: 1.1em;
	color: #000;
	line-height: 2em;
	text-align: left;
	font-weight: normal;
	margin: 1em auto 2em auto;
}
@media (max-width: 799px) {
	.topS3P1{
		font-size: 1.7em;
		margin: 2em auto 0 auto;
	}
	.topS3Flex1P1{
		font-size: 1.9em;
	}
	.topS3Flex1P2{
		font-size: 1.0em;
	}
}
@media (max-width: 599px) {
	.topS3Area{
		padding: 100px 0 80px 0;
	}
	.topS3P1{
		font-size: 1.3em;
		margin: 2em auto 0 auto;
	}
	.topS3Flex1{
		display: block;
		margin: 3em auto 0 auto;
	}
	.topS3Flex1L{
		width: 60%;
		max-width: 300px;
		margin: auto;
	}
	.topS3Flex1R{
		width: 100%;
		padding-top: 3em;
	}
	.topS3Flex1P1{
		font-size: 1.8em;
	}
}



.topS3KinouHead{
	font-size: 2.3em;
	color: #e84f8a;
	line-height: 1.2em;
	text-align: center;
	font-weight: 600;
	margin: 58px auto 0 auto;
}


.topS3KinouFlex{
	width: 100%;
	margin-top: 0.8em;
	display: flex;
	padding: 0 2em;
	flex-wrap: wrap;/*アイテムの折り返し 折り返さない:nowrap 折り返す:wrap*/
	flex-direction: row;/*アイテムの並び順 左：row 右：row-reverse*/
	justify-content: space-between;/*水平方向の位置を指定() 中央:center 左揃:flex-start 右揃:flex-end 両端の余白を空けずに均等:space-between*/
	align-items: stretch;/*垂直方向の位置 上下埋:stretch 上揃え:flex-start 上下中央揃:center*/
}
.topS3KinouFlexDIV{
	width: 32%;
	margin-top: 1.5em;
	background-color: rgba(255,255,255,0.5);
	
	padding: 1em 1em 1.5em 1em;
	box-shadow: 3px 3px 10px rgba(255,103,174,0.38);
}
.topS3KinouFlexMidashi{
	
	width: 100%;
	border-bottom: 2px solid #ff0fb3;
}
.topS3KinouFlexMidashi img{
	max-width: 220px;
	display: block;
	
	width: 100%;
}
.topS3KinouFlexP1{
	font-size: 1.1em;
	color: #333;
	line-height: 2em;
	text-align: left;
	font-weight: normal;
	margin-top: 1.5em;
	min-height: 6em;
}
.topS3KinouFlexLBBTN{
	width: 85px;
	display: block;
	margin: 1.5em auto 0 auto;
}
@media (max-width: 749px) {
	.topS3KinouHead{
		font-size: 2.0em;
		margin: 2em auto 0 auto;
	}
	.topS3KinouFlexDIV{
		width: 31.5%;
	}
	.topS3KinouFlexP1{
		font-size: 1.0em;
		line-height: 1.8em;
	}
}
@media (max-width: 639px) {
	.topS3KinouFlexDIV{
		width: 48%;
	}
	.topS3KinouFlexP1{
		font-size: 1.0em;
		line-height: 1.8em;
	}
	.topS3KinouFlexLBBTN{
		width: 65px;
	}
}
@media (max-width: 499px) {
	.topS3KinouHead{
		font-size: 1.6em;
		margin: 2em auto 0 auto;
	}
	.topS3KinouFlex{
		width: 100%;
		margin-top: 3em;
		display: block;
	}
	.topS3KinouFlexDIV{
		width: 100%;
		max-width: 360px;
		margin: 1.5em auto 0 auto;
	}
	.topS3KinouFlex{
		padding: 0 1em;
	}
	.topS3KinouFlexP1 {
		min-height: initial;
	}
}

.topS4Wrap{
	width: 100%;
	background-image:url(../images/top_official_bg.webp);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}
.topS4Area{
	width: calc(100% - 2em);
	max-width: 1000px;
	margin: auto;
	padding: 135px 0 60px 0;
}
.topS4Head1{
	max-width: 800px;
	width: 100%;
	margin: auto;
}
.topS4P1{
	font-size: 2.2em;
    color: #bc2747;
    line-height: 1.8em;
    text-align: center;
    font-weight: 600;
    margin: 58px auto 0 auto;
}
.topS4P2{
	font-size: 1.1em;
	color: #000;
	line-height: 2em;
	text-align: center;
	font-weight: normal;
	margin: 2em auto 2em auto;
}
.topS4P3{
	font-size: 2em;
	color: #000;
	line-height: 1.2em;
	text-align: center;
	font-weight: 600;
	margin: 2em auto 0 auto;
}
.topListUL{
	width: 100%;
	max-width: 700px;
	margin: 1.5em auto 0 auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 0.5em;
}
.topListUL li{
	font-size: 1.1em;
	color: #fff;
	line-height: 1em;
	text-align: center;
	font-weight: normal;
	background-color: #f10f67;
	padding: 0.5em;
}
.topS4P4{
	font-size: 2.3em;
	color: #e84f8a;
	line-height: 1.2em;
	text-align: center;
	font-weight: 600;
	margin: 82px auto 0 auto;
}
.topS4Flex1{
	width: calc(100% - 2em);
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	gap: 2%;
	margin: 2em auto 0 auto;
}
.topS4Flex1DIV1{
	width: 48%;
	background-color: rgba(255,255,255,0.56);
	box-shadow: 5px 5px 11px rgba(255, 103, 174, 0.3);
	padding: 24px;
	margin-bottom: 1.6em;
}
.topS4Flex1DIV1ThumbDIV{
	width: 100%;
	aspect-ratio: 5/4;
}
.topS4Flex1DIV1ThumbDIV img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;

}
.topS4Flex1Midashi1{
	font-size: 2em;
	color: #ff0fb3;
	line-height: 1.2em;
	text-align: center;
	font-weight: 600;
	border-bottom: 2px solid #ff0fb3;
	padding: 1em 0 0.2em 0;
}
.topS4Flex1P1{
	font-size: 1.1em;
	color: #000;
	line-height: 1.9em;
	text-align: left;
	font-weight: 400;
	margin: 1em 0 0 0;
}
@media (max-width: 799px) {
	.topS4P1{
		font-size: 1.7em;
	}
	.topS4P4{
		font-size: 2.0em;
	}
	.topS4Flex1Midashi1{
		font-size: 1.8em;
		padding: 1em 0 0.2em 0;
	}
	.topS4Flex1P1{
		font-size: 1.0em;
	}

}
@media (max-width: 639px) {
	.topS4Flex1{
		display: block;
		max-width: 400px;
	}
	.topS4Flex1DIV1{
		width: 100%;
	}
	.topS4Flex1Midashi1 {
        padding: 0.5em 0 0.2em 0;
    }

}
@media (max-width: 499px) {

	.topS4P1{
		font-size: 1.3em;
	}
	.topS4P2{
		font-size: 1.0em;
		color: #000;
		line-height: 2em;
		text-align: center;
		font-weight: normal;
		margin: 2em auto 2em auto;
	}
	.topS4P3{
		font-size: 1.5em;
	}
	.topListUL li{
		font-size: 1.0em;
	}
	.topS4P4{
		font-size: 1.6em;
		margin: 2em auto 0 auto;
	}
}

.topS5Wrap{
	width: 100%;
	background-image:url(../images/top_sline_bg.webp);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}
.topS5Area{
	width: calc(100% - 2em);
	max-width: 1000px;
	margin: auto;
	padding: 72px 0 60px 0;
}
.topS5Head1{
	max-width: 485px;
	width: 90%;
	margin: auto;
}
.topS5P1{
	font-size: 2.2em;
    color: #bc2747;
    line-height: 1.8em;
    text-align: center;
    font-weight: 600;
    margin: 58px auto 0 auto;
}
.topS5P2{
	font-size: 1.1em;
	color: #000;
	line-height: 2em;
	text-align: center;
	font-weight: normal;
	margin: 3em auto 2em auto;
}
.topS5P3{
	font-size: 2em;
	color: #000;
	line-height: 1.2em;
	text-align: center;
	font-weight: 600;
	margin: 1.3em auto 0 auto;
}
.topS5IMGFlex{
	width: 100%;
	max-width: 724px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin: 3em auto 0 auto;
}
.topS5IMGFlexImg1{
	width: 48%;
	display: block;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.topS5IMGFlexImg2{
	width: 47.5%;
	display: block;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.topS5P4{
	font-size: 2.3em;
	color: #e84f8a;
	line-height: 1.2em;
	text-align: center;
	font-weight: 600;
	margin: 56px auto 0 auto;
}
@media (max-width: 799px) {
	.topS5P1{
		font-size: 1.7em;
	}
	.topS5P2{
		font-size: 1.0em;
		margin: 3em auto 2em auto;
		text-align: left;
	}
}

@media (max-width: 499px) {
	.topS5P1{
		font-size: 1.3em;
	}
	.topS5P3{
		font-size: 1.5em;
	}
	.topListUL li{
		font-size: 1.0em;
	}
	.topS5P4{
		font-size: 1.6em;
		margin: 2em auto 0 auto;
	}
}



.topS5TokuchouDIV{
	width: 100%;
	max-width: 960px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 5px 5px 11px rgba(255, 103, 174, 0.3);
	padding: 24px;
	margin: 16px auto 32px auto;
}
.topS5TokuchouMidashi1{
	font-size: 2.0em;
	color: #e84f8a;
	line-height: 1.3em;
	text-align: center;
	font-weight: 600;
}
.topS5TokuchouFlex1{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
	margin: 40px auto 0 auto;
}
.topS5TokuchouFlex2{
	width: 100%;
	margin: 40px auto 0 auto;
}
.topS5TokuchouFlex3{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin: 40px auto 0 auto;
}
.topS5TokuchouFlex1P1{
	font-size: 1em;
	color: #000;
	line-height: 2em;
	text-align: left;
	font-weight: normal;
}
.topS5TokuchouFlex1 .topS5TokuchouFlex1P1{
	width: 58%;
}
.topS5TokuchouFlex1 .topS5TokuchouFlex1Thumb1{
	width: 38%;
}
.topS5TokuchouFlex2 .topS5TokuchouFlex1Thumb1{
	width: 100%;
	max-width: 800px;
	margin:30px auto 0 auto;
	display: block;
}
.topS5TokuchouFlex3 .topS5TokuchouFlex1P1{
	width: 50%;
}
.topS5TokuchouFlex3 .topS5TokuchouFlex1Thumb1{
	width: 47%;
}
@media (max-width: 799px) {
	.topS5TokuchouMidashi1{
		font-size: 1.7em;
	}
}
@media (max-width: 639px) {

}
@media (max-width: 539px) {
	.topS5TokuchouMidashi1{
		font-size: 1.4em;
	}
	.topS5TokuchouFlex1{
		width: 100%;
		display: block;
		margin: 30px auto 0 auto;
	}
	.topS5TokuchouFlex1 .topS5TokuchouFlex1P1{
		width: 100%;
	}
	.topS5TokuchouFlex1 .topS5TokuchouFlex1Thumb1{
		width:100%;
		max-width: 300px;
		margin: auto auto 2em auto;
		display: block;
	}
	.topS5TokuchouFlex2 .topS5TokuchouFlex1Thumb1{
		max-width: 350px;
		margin: 2em auto auto auto;
		display: block;
	}
	.topS5TokuchouFlex3{
		width: 100%;
		display: block;
		margin: 30px auto 0 auto;
	}
	
	.topS5TokuchouFlex3 .topS5TokuchouFlex1P1{
		width: 100%;
	}
	.topS5TokuchouFlex3 .topS5TokuchouFlex1Thumb1{
		width: 100%;
		margin: 2em auto auto auto;
		display: block;
	}
}

.topS6Wrap{
	width: 100%;
	background-image:url(../images/top_domain_bg.webp);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}
.topS6Area{
	width: calc(100% - 2em);
	max-width: 1000px;
	margin: auto;
	padding: 112px 0 60px 0;
}
.topS6Head1{
	max-width: 450px;
    width: 57%;
    margin: auto;
}
.topS6P1{
	font-size: 2.2em;
    color: #bc2747;
    line-height: 1.8em;
    text-align: center;
    font-weight: 600;
    margin: 58px auto 0 auto;
}
.topS6P2{
	font-size: 1.1em;
	color: #000;
	line-height: 2em;
	text-align: center;
	font-weight: normal;
	margin: 2em auto 2em auto;
}
.topS6UnyouDIV1{
	width: 100%;
	max-width: 900px;
	margin: 50px auto 0 auto;
	background-color: #ffdcef;
	padding: 24px;
	border-radius: 32px;
}
.topS6UnyouHead1{
	font-size: 2.2em;
    color: #bc2747;
    line-height: 1.2em;
    text-align: center;
    font-weight: 600;
    margin: 0px auto 0 auto;
}
.topS6UnyouP1{
	font-size: 1.1em;
	color: #000;
	line-height: 1.5em;
	text-align: center;
	font-weight: 900;
	margin: 1em auto 1em auto;
}
.topS6UnyouP1 span{
	color: #ff0060;
}
.topS6UnyouFlex1{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 800px;
	margin: auto;
}
.topS6UnyouFlex1IMG1,.topS6UnyouFlex1IMG2{
	width: 48%;
	display: block;
	border-radius: 24px;
}
@media (max-width: 799px) {
	.topS6Area {
		padding: 85px 0 60px 0;
	}
	.topS6P1{
		font-size: 1.7em;
	}
	.topS6P2{
		font-size: 1.0em;
		margin: 3em auto 2em auto;
		text-align: left;
	}
	.topS6P2 .brpc{
		display: none;
	}
	.topS6UnyouHead1{
		font-size: 1.7em;
	}
	.topS6UnyouP1{
		font-size: 1.0em;
		line-height: 1.5m;
	}
}
@media (max-width: 539px) {
	.topS6UnyouHead1{
		font-size: 1.5em;
	}
	.topS6UnyouFlex1{
		display: block;
	}
	.topS6UnyouFlex1IMG1,.topS6UnyouFlex1IMG2{
		width: 100%;
		display: block;
		max-width: 300px;
		margin: 20px auto 0 auto;
		border-radius: 16px;
	}
	
}
@media (max-width: 499px) {
	.topS6P1{
		font-size: 1.3em;
	}
}
.topS6TokuchouDIV{
	width: 100%;
	max-width: 900px;
	margin: 50px auto 0 auto;
	background-color: rgba(255,255,255,0.8);
	padding: 8px;
}
.topS6TokuchouDIVInnerFlex{
	width: 100%;
	padding: 24px 24px 12px 24px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.topS6TokuchouDIV_1 .topS6TokuchouDIVInnerFlex{
	border: 1px solid #fb5c98;
}
.topS6TokuchouDIV_2 .topS6TokuchouDIVInnerFlex{
	border: 1px solid #5c8cfb;
}
.topS6TokuchouDIVInnerFlexL{
	width: 46%;
}
.topS6TokuchouDIVInnerFlexR{
	width: 48%;
}
.topS6TokuchouDIVP1{
	font-size: 1.5em;
	color: #fff;
	line-height: 1em;
	text-align: left;
	font-weight: 900;
	padding: 0.5em 1em;
	display: inline-block;
}
.topS6TokuchouDIV_1 .topS6TokuchouDIVP1{
	background-color: #fb5c98;
}
.topS6TokuchouDIV_2 .topS6TokuchouDIVP1{
	background-color: #5c8cfb;
}
.topS6TokuchouDIVP2{
	font-size: 1.4em;
	color: #000;
	line-height: 1.2em;
	text-align: left;
	font-weight: 900;
	margin: 1em 0 0 0;
}
.topS6TokuchouDIVUL1{
	width: 100%;
	margin: 1em 0 0 0
}
.topS6TokuchouDIVUL1 li{
	width: 100%;
	margin: 0.5em 0 0 0;
	text-indent: -1em;
  	padding-left: 1em;
	font-size: 1.1em;
	color: #000;
	line-height: 1.2em;
	text-align: left;
	font-weight: normal;
}
.topS6TokuchouDIVP3{
	border: 1px solid #f00;
	padding: 0.2em 0.5em;
	font-size: 1.3em;
	color: #f00;
	line-height: 1em;
	text-align: left;
	font-weight: 900;
	display: inline-block;
	margin: 0.5em 0 0 0;
}
.topS6TokuchouDIV_1 .topS6TokuchouDIVP3{
	border: 1px solid #fb5c98;
	color: #fb5c98;
}
.topS6TokuchouDIV_2 .topS6TokuchouDIVP3{
	border: 1px solid #5c8cfb;
	color: #5c8cfb;
}
.topS6TokuchouDIVP4{
	font-size: 1.1em;
	color: #000;
	line-height: 1.8em;
	text-align: left;
	font-weight: normal;
	margin: 0.4em 0 0.5em 0;
}
@media (max-width: 799px) {
	.topS6TokuchouDIVInnerFlex{
		padding: 16px 16px 12px 16px;
	}
	.topS6TokuchouDIVP1{
		font-size: 1.4em;
	}
	.topS6TokuchouDIVP2{
		font-size: 1.3em;
	}
	.topS6TokuchouDIVUL1 li{
		font-size: 1.0em;
	}
	.topS6TokuchouDIVP3{
		font-size: 1.2em;
	}
	.topS6TokuchouDIVP4{
		font-size: 1.0em;
	}
}
@media (max-width: 639px) {
	.topS6TokuchouDIVP1{
		font-size: 1.3em;
	}
}
@media (max-width: 539px) {
	.topS6TokuchouDIV {
		margin: 20px auto 0 auto;
	}
	.topS6TokuchouDIVInnerFlex{
		width: 100%;
		padding: 24px 24px 12px 24px;
		display: block;
	}
	.topS6TokuchouDIVInnerFlexL{
		width: 100%;
		margin-bottom: 1.0em;
	}
	.topS6TokuchouDIVInnerFlexR{
		width: 100%;
	}
}

.topPriceArea{
	width: calc(100% - 2em);
	max-width: 1000px;
	margin: auto;
	padding: 112px 0 60px 0;
}
.topPriceHead1{
	max-width: 208px;
    width: 40%;
    margin: 0 auto 50px auto;
}
.topPriceDIV1{
	width: 100%;
	max-width: 800px;
	margin: 20px auto;
	background-color: rgba(255,255,255,1);
	padding: 16px 24px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.topPriceFlex1{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ccc;
	padding: 16px 8px 12px 8px;
}
.topPriceFlex1Name{
	font-size: 1.2em;
	color: #000;
	line-height: 1.2em;
	text-align: left;
	font-weight: 900;
}
.topPriceFlex1Num{
	font-size: 1.2em;
	color: #000;
	line-height: 1.2em;
	text-align: right;
	font-weight: 400;
}
.topPriceDIV1TokkiP1{
	font-size: 1.0em;
	color: #000;
	line-height: 1.3em;
	text-align: right;
	font-weight: 400;
	margin: 12px 0 0 0;
}
@media (max-width: 639px) {
	.topPriceFlex1{
		width: 100%;
		display: block;
		padding: 12px 0 12px 0;
	}
	.topPriceFlex1Name{
		font-size: 1.1em;
	}
	.topPriceFlex1Num{
		font-size: 1.1em;
		text-align: left;
		margin: 0.75em 0 0 0;
	}
	.topPriceDIV1TokkiP1{
		font-size: 0.9em;
		text-align: left;
		margin: 12px 0 0 0;
	}
}














.top_faqArea{
	width: 100%;
	max-width: 760px;
	margin: 5em auto 0 auto;
	padding: 1em;
}
.top_faqHead1{
	max-width: 236px;
    width: 58%;
    margin: auto;
}
.top_faqList{
	width: 100%;
	margin: 65px auto 0 auto;
}
@media (max-width:999px) {
	.top_faqArea{
		margin: 5vw auto 0 auto;
	}
	.top_faqM1{
		margin: 0 auto 9vw auto;
	}
}

.top_faqP1 a{
	color: #ff0fb3;
	text-decoration: underline;
}


.top_faqQ{
	background-image:url(../images/top_faq_q.webp);
	background-size: 25px;
	background-position: left 20px;
	background-repeat: no-repeat;
	min-height: 45px;
	font-size: 1.5em;
	padding: 21px 0 0 50px;
	line-height: 1.4em;
	border-top:2px dotted #DDD;
	color: #ff0fb3;

}
.top_faqA{
	background-image:url(../images/top_faq_a.webp);
	background-size: 25px;
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 45px;
	font-size: 1.0em;
	padding: 1px 0 0 50px;
	line-height: 1.8em;
	margin: 20px 0 20px 0;
}
/*モバイル版（最小）*/
@media (max-width: 449px) {
	
	.top_faqQ{
		min-height: 45px;
		font-size: 1.2em;
		padding: 26px 0 0 36px;

	}
	.top_faqA{
		min-height: 45px;
		font-size: 1.0em;
		padding: 0px 0 0 36px;
		margin: 20px 0 20px 0;
	}
		
}

.cmnContentsWrap{
	width: 100%;
	padding-top: calc(50px + 100px);
	padding-bottom: 60px;
}
.cmnTitle1{
	max-width: 420px;
    width: 90%;
    margin: 0 auto 0 auto;
}
/* 会社概要 */
.corpM1Area{
	width: calc(100% - 2em);
	max-width: 700px;
	margin: auto;
}
.corpList{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 5em auto 0 auto;
}
.corpMidashi{
	width: calc(30% - 1em);
	background-color: #fff;
	margin: 0;
	padding: 1em 0.5em;
	border-top:1px dotted #DDD;
	font-size: 1.2em;
}
.corpP{
	width: calc(70% - 1em);
	background-color: #fff;
	margin: 0;
	padding: 1em 0.5em;
	border-top:1px dotted #DDD;
	font-size: 1.2em;
}
/*モバイル版（最小）*/
@media (max-width: 549px) {
	.corpMidashi{
		font-size: 1.0em;
	}
	.corpP{
		font-size: 1.0em;
	}
}
/*個人情報保護方針*/
.privacyM1Area{
	width: calc(100% - 2em);
	max-width: 760px;
	margin: auto;
}
.privacyMidashi1{
	font-weight: normal;
	font-size: 1.5em;
	margin: 2em 0 0 0;
}
.privacyM1AreaChild1{
	margin: 5em auto 0 auto;
}
.privacyP1{
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1em 0 0 0;

}
.privacyMidashi2{
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 1.5em 0 0 0;
}
.privacyP2{
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 0.5em 0 0 0;
}

/* お問い合わせ */
/*お申し込み・お問い合わせ*/

.contactM1Wrap{
	width: 100%;
}
.contactM1Area{
	width: 100%;
	max-width: 750px;
	margin: 4em auto;
	padding: 0 1em;
}
.contactP1{
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: normal;
	margin: 5em 0 2em 0;
	text-align: left;
}
.contactMidashi1{
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	margin: 4em 0 0 0;
	text-align: center;
}
.contactP2{
	font-size: 1.0em;
	line-height: 1.8em;
	font-weight: normal;
	margin: 2em 0 2em 0;
	text-align: center;
}
.contactDIV1{
	width: 100%;
	max-width: 430px;
	margin: 1em auto 0 auto;
	border:3px solid #CCC;
	padding: 1.5em;
}
.contactDIV1Midashi1{
	font-size: 1.4em;
	line-height: 1em;
	font-weight: normal;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 300px;
}
.contactTelBTN{
	width: 100%;
	max-width: 300px;
	margin: 0.8em auto 0 auto;
	display: block;
}
.contactTelBTN img{
	width: 100%;
	margin: auto;
	display: block;
}
.contactP3{
	font-size: 1.4em;
	line-height: 1em;
	font-weight: normal;
	margin: 0.5em 0 0 0;
	text-align: center;
}
.contactP4{
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 1.3em 0 0 0;
	text-align: center;
}
.contactMidashi2{
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	margin: 4em 0 0 0;
	text-align: center;
}

.contactFormDIV1{
	width: 100%;
	margin: 2em auto 0 auto;
	border:3px solid #CCC;
	padding: 1.5em;
}
/*モバイル版（最小）*/
@media (max-width: 419px) {
	.contactP3{
		font-size: 1.2em;
	}
		
}



.contactTable1{
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.contactTH1{
	vertical-align: middle;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.2em;
	display: table-cell;
	width: 250px;
	padding: 0.5em;
}
.contactTD1{
	vertical-align: top;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.2em;
	display: table-cell;
	width: calc(100% - 250px);
	padding: 0.6em;
}
.formWidth1{
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.5em;
}
.contactSelect1{
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.5em;
}
.formTextarea1{
	width: 100%;
	height: 15em;
	padding: 0.5em;
}
.contactPrivacyPolicy{
	width: 100%;
	border:1px solid #ccc;
	padding: 0.5em;
	font-size: 0.8em;
	height: 20em;
	overflow-y: scroll;
}
.contactPrivacyPolicyCheckP{
	margin: 1em 0 0.5em 0;
}
.formSubmit1{
	background-color: #ff8d48;
	color: #FFF;
	border:none;
	font-size: 1.7em;
	padding: 0.5em 2em;
	display: block;
	margin: 1em auto 1em auto;
}
.contactRed1{
	color: #F00;
	font-size: 0.75em;
}
.contactRed2{
	color: #F00;
	font-size: 0.75em;
	line-height: 1.2em;
	display: block;
	font-weight: bold;
	margin: 0.25em 0 0 0;
}
.formCheckbox1{
	margin:0 0.25em 0 0;
	top:1px;
	position: relative;
}
/*モバイル版（最小）*/
@media (max-width: 549px) {
	.contactTable1{
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.contactTH1{
	text-align: left;
	display: block;
	width: 100%;
	padding: 1em 0 0 0;
}
.contactTD1{
	font-size: 1.2em;
	line-height: 1.2em;
	display: block;
	width: 100%;
	padding: 0.5em 0 1em 0;
}
	.formWidth1{
		width: calc(100% - 1.2em);
	}
	.formTextarea1{
		width: calc(100% - 1.2em);
		height: 20em;
	}
		
}
/* お問い合わせ送信画面sender.php */
.sendM1Wrap{
	width: 100%;
	display: table;
	height: 40vh;
}
.sendM1Area{
	width: 100%;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;

}
.sendP1{
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: bold;
	margin: 0 auto 1em auto;
}
.sendP2{
	font-size: 1.0em;
	line-height: 1.6em;
	font-weight: normal;
	margin: 1em auto 0 auto;
}