@charset "UTF-8";

body,h2,h3,h4,p,dt,dd {padding:0;margin:0;}

h2,h3 {font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}


.inner {width:92%;margin:auto;}
.flexbox {display:flex;flex-wrap:nowrap;}
.ss_img {width:50%;}


/*ヘッダー*/
.tt-area {
	background:#fff7f5;
	color:#241a18;
	box-shadow:0 2px 2px rgba(0,0,0,.05);
	height:60px;width:100%;
	position:fixed;top:0;left:0;
}
h1.title {font-size:22px;margin:0;}
h1.title a {display:inline-block;color:#241a18;text-decoration:none;line-height:60px;}
h1.title img {margin-right:10px;max-width:200px;vertical-align: middle;}




/*main*/
.contents {padding-top:60px;}
.detail {padding-bottom:50px;}

.text {line-height:180%;}

h2 {text-align:center;margin:40px 0 0;padding-bottom: 10px;}
h3 {
	font-weight:bold;font-size:20px;
	border-left:3px solid #eb613b;
	padding: 10px 10px 10px 1em;
	box-shadow: 0px 0px 5px #ccc;
	line-height:180%;
}
h3.tt {
	/*background-image: url("../images/bg_sha_red1.gif");*/
	background-repeat: repeat;
	width: 100%;
	padding: 1em;
	font-size: 24px;
	color:#423c3c;
	box-sizing:border-box;
	border-left:4px solid #ff8266;
	box-shadow: 0px 0px 5px rgba(204,204,204,.5);
	border-radius:4px 0 0 4px;
}



/*トップページ*/
.catch {margin-top:60px;font-size:45px;line-height:160%;text-align:center;}
.width700 {width:700px;}
.mock-up {width:700px;}

.flexBox-wrapper {display:flex;justify-content:space-between;width:50%;text-align:center;flex-wrap: wrap;}
.flexBox-wrapper .flexBox {width:50%;line-height:150%;padding:3%;box-sizing:border-box;}
.flexBox-wrapper .flexBox img {width:100%;}

section.download .flexBox-wrapper .flexBox {width:50%;}
section.download img.badge {height:60px;width:auto;}


.screen-shot {width:40%;}
.screen-shot img {
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	width:100%;
}

.subBox {padding:15px;border:1px dashed #555;font-size:80%;background-color:#f9f6f6;}





/*フッター*/
.sblink-list {font-size:12px;list-style:none;overflow:hidden;padding: 0;}
.sblink-list li {float:left;padding:0 15px 0 0;position:relative;}
.sblink-list li:before {content:">";padding-right:5px;color:#aaa;} 
.sblink-list li a {color:#666;} 

.link {font-size:11px;color:#fff;text-align:center;}
.link a {color:#fff;text-decoration:none;display:block;padding:5px;}

footer {background:#eb613b;}
.ft-main {padding:1em;}



/*お問い合わせ*/
.support form input,form textarea {padding:1.5%;box-sizing:border-box;font-size:16px;}
/*.support form input {height:2.5rem;}*/
.support form dt {font-size:19px;}
.support form dt span.txt-re {font-size:85%;}
.support form dd {margin-bottom:30px;}
.support button.submit {font-size:16px;padding:1rem 2.5rem;margin-top:30px;cursor:pointer;}


/*共通スタイル*/
.kome {padding-left:1em;text-indent:-1em;}
.kome3 {padding-left:3em;text-indent:-3em;}
.bold {font-weight:bold;}
.small {font-size:12px;}
.small2 {font-size:10px;}
.text120 {font-size:120%;}
.big {font-size:2em;}
.encent {text-align:center;}
.encent_mL {text-align:center;}
.enright {text-align:right;}
.over {opacity:1;}
.over:hover {opacity:0.8;}
.txt-re {color:#ee0000;}
.text80 {font-size:80%;}
.text90 {font-size:90%;}
.text100 {font-size:100%;}
.text110 {font-size:110%;}
.text120 {font-size:120%;}
.text130 {font-size:130%;}
.text140 {font-size:140%;}
.text150 {font-size:150%;}
.wid50_m80 {width:50%;}
.wid50_m100 {width:50%;}
.wid60_m100 {width:60%;}
.wid70_m100 {width:70%;}
.wid80_m100 {width:80%;}
.wid60 {width:60%;}
.wid70 {width:70%;}
.wid80 {width:80%;}
.wid90 {width:90%;}
.wid100 {width:100%;}
.mgnA {margin-left:auto;margin-right:auto;}
.mgnt10 {margin-top:10px;}
.mgnt20 {margin-top:20px;}
.mgnt30 {margin-top:30px;}
.mgnt50 {margin-top:50px;}
.mgnt100 {margin-top:100px;}
.min2 {	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.flexbox {display:flex;flex-wrap:nowrap;}
.mobile_only {display:none;}


@media screen and (min-width:1024px) {
	.inner {width:1024px;}
}


@media screen and (max-width:760px) {
	/*ヘッダー*/
	h1.title {font-size:18px;}
	h1.title img {max-width:150px;}

	h3.tt {font-size:20px;padding:0.8em;}

	.ss_img {text-align:center;width:100%;}
	.ss_img img {width:95%;}

	/*トップページ*/
	.catch {margin-top:30px;font-size:30px;line-height:160%;text-align:center;}
	.flexBox-wrapper {width:80%;}
	.flexBox {line-height:110%;font-size:12px;}
	.mock-up {width:100%;}



	/*共通スタイル*/
	.wid50_m80 {width:90%;}
	.mobile_only {display:block;}
	.encent_mL {text-align:left;}

}

@media screen and (max-width:500px){

	section.download .flexBox-wrapper .flexBox {width:100%;}
	section.download img.qr {width:70%;}

	.screen-shot {width:75%;margin-left:auto;margin-right:auto;}

	/*共通スタイル*/
	.wid50_m80 {width:80%;}
	.wid50_m100 {width:100%;}
	.wid60_m100 {width:100%;}
	.wid70_m100 {width:100%;}
	.wid80_m100 {width:100%;}

}