@charset "utf-8";

/* =================================================

		app-dev-with-swift
	 
================================================= */


/* =================================================

		Reset

================================================= */

/*	body
---------------------------------------------- */
body {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", "Meiryo", sans-serif;
	font-size:18px;
	line-height: 1.75;
	color: #000;
	background-color: #fff;
  -webkit-text-size-adjust: 100%;
}


/*	box-sizing
---------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
*::before,
*::after {
  box-sizing: inherit;
}



/* =================================================

		Layout

================================================= */

/*	min-width
---------------------------------------------- */
#app-dev-with-swift-wrapper {
  min-width: 1024px;
}

.app-dev-with-swift-hero {
  min-width: 1024px;
}

#app-dev-with-swift-contents .app-dev-with-swift-cmn-inr {
  width: 944px;
  margin-left: auto;
  margin-right: auto;
}


/*	a
---------------------------------------------- */
#app-dev-with-swift-wrapper a:focus, *:focus { outline:none; }

#app-dev-with-swift-wrapper a:hover{
	text-decoration:none;
}


/*	map
---------------------------------------------- */
map, area { 
	outline:none;
	overflow:hidden;
}


/* =================================================

		footer

================================================= */

#app-dev-with-swift-footer {
  position: relative;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box {
  display: table;
  width: 100%;
  border-collapse: collapse;
  background-color: #333;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box div {
  display: table-cell;
  width: 957px;
  padding: 17px 40px 24px;
  vertical-align: middle;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box div:nth-child(2) {
  text-align: right;
	width:164px;
	vertical-align:top;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box #app-dev-with-swift-footer-nav li {
  display: inline;
  margin-left: 5px;
  padding-left: 10px;
  border-left: 1px solid #fff;
  font-size: 14px;
  line-height: 1.0;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box #app-dev-with-swift-footer-nav li:nth-child(1) {
  margin-left: 0px;
  padding-left: 0px;
  border-left: none;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box #app-dev-with-swift-footer-nav li a {
  font-size: 15px;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box #app-dev-with-swift-footer-notice {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.2;
  color: #fff;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box #app-dev-with-swift-footer-copyright {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.2;
  color: #fff;
}

#app-dev-with-swift-footer #app-dev-with-swift-footer-box p img {
  width: 164px;
  height: auto;
  margin-top: 8px;
}


/* =================================================

		app-dev-with-swift-hero

================================================= */

.app-dev-with-swift-hero {
	background-color:#464646;
	height:310px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}


@media screen and (max-width: 1279px) {
.app-dev-with-swift-hero .app-dev-with-swift-hero-txt-block {
  margin-left: 40px;
  width: auto;
}
}


/* =================================================

		app-dev-with-swift-contents

================================================= */

/* ----------------------------------------------
		common
---------------------------------------------- */
#app-dev-with-swift-contents .app-dev-with-swift-cmn-inr {
  padding: 80px 0;
}

#app-dev-with-swift-contents .app-dev-with-swift-cmn-ttl {
  position: relative;
  margin-bottom: 80px;
  font: 40px/1 Yu Gothic, YuGothic M, YuGothic, 'ŸàƒSƒVƒbƒN Medium', 'ŸàƒSƒVƒbƒN', 'ŸàƒSƒVƒbƒN‘Ì', 'ƒ�ƒCƒŠƒI', 'Meiryo', sans-serif;
  text-align: center;
  font-weight: 500;
  font-weight: bold;
}

#app-dev-with-swift-contents .app-dev-with-swift-cmn-ttl::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -27px;
  width: 120px;
  height: 3px;
  margin: auto;
	background-color:#FE7D00;
}

#app-dev-with-swift-contents .app-dev-with-swift-flex {
  display: -webkit-flex;
	display:-ms-flexbox;
  display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
}


/* ----------------------------------------------
		app-dev-with-swift-notice
---------------------------------------------- */
#app-dev-with-swift-contents #app-dev-with-swift-notice {
	background-color:#f8f8f8;
}

#app-dev-with-swift-contents #app-dev-with-swift-notice .app-dev-with-swift-notice-logo {
	width:101px;
}

#app-dev-with-swift-contents #app-dev-with-swift-notice .app-dev-with-swift-notice-lead {
	width:815px;
	font-size:16px;
	line-height:2.1;
	font-weight:bold;
}

#app-dev-with-swift-contents #app-dev-with-swift-notice .app-dev-with-swift-notice-notes {
font-weight:normal;
}


/* ----------------------------------------------
		app-dev-with-swift-about
---------------------------------------------- */
#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-cont {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-cont .app-dev-with-swift-about-what {
	background-color: #f7f7f7;
	padding: 44px 38px;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-txt-block {
	background-color:#f7f7f7;
	font-size:16px;
	line-height:1.6;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-txt-block:last-child {
	margin-top: 44px;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-sub-head {
	margin-bottom:14px;
	color:#FE7D00;
	font-weight:bold;
	font-size:23px;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-txt-block ol{
	padding-left:20px;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-txt-block ol li{
	list-style:decimal;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-txt-block ol li:nth-child(n+2) {
	margin-top:12px;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-btn {
	margin-top:50px;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-btn div {
	width:367px;
	margin-left:auto;
	margin-right:auto;
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-btn a {
	display: block;
	border: 1px solid #101010;
	text-align: center;
	color: #101010;
	text-decoration: none;
	background-image:url(../img/img_app-dev-with-swift/img_about_arr_01.png);
	background-repeat:no-repeat;
	background-position: 315px center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-weight:bold;/*’ljÁ*/
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-btn a span{
	display: inline-block;
	min-height: 39px;
	padding: 24px 0;
	background-size: 30px auto;
}

/* btn hover */
#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-btn a:hover {
	background-color:#101010;
	background-image:url(../img/img_app-dev-with-swift/img_about_arr_01_hover.png);
}

#app-dev-with-swift-contents #app-dev-with-swift-about .app-dev-with-swift-about-btn a:hover span{
	color:#FFFFFF;
}


/* ----------------------------------------------
		app-dev-with-swift-get
---------------------------------------------- */
#app-dev-with-swift-contents #app-dev-with-swift-get {
	background-color:#f7f7f7;
	padding:80px 0 0;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-cont {
	background-image:url(../img/img_app-dev-with-swift/img_get_bg_01.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-cmn-inr {
	padding: 40px 0;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-apr {
	margin-top: 30px;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-swift .app-dev-with-swift-get-txt-block,
#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-apr .app-dev-with-swift-get-txt-block{
	width:470px;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-apr .app-dev-with-swift-get-txt-block{
	margin-right:40px;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-sub-head {
	margin-bottom:12px;
	color:#fff;
	font-weight:bold;
	font-size:24px;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-txt-block ul{
	padding-left:20px;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-txt-block ul li {
	list-style: disc;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 12px;
	color: #fff;
}

#app-dev-with-swift-contents #app-dev-with-swift-get .app-dev-with-swift-get-txt-block ul li:last-child {
	margin-bottom:0;
}


/* ----------------------------------------------
		app-dev-with-swift-summary
---------------------------------------------- */
#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont{
	width:780px;
	margin:0 auto;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl{
  display: -webkit-flex;
	display:-ms-flexbox;
  display: flex;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl dt {
	width: 197px;
	font-weight: bold;
	border-top: 1px solid #cccbca;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl dd{
	border-top:1px solid #ebebeb;
	padding-left:20px;
	width:583px;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl dd p{
	margin-top:14px;
	padding-left: 1em; 
	text-indent: -1em; 
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl dt,
#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl dd{
	padding-top:28px;
	padding-bottom:28px;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl:last-child dt{
	border-bottom:1px solid #cccbca;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl:last-child dd{
	border-bottom:1px solid #ebebeb;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont a{
	color:#6174c5;
	font-weight:bold;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl dd ul{
	padding-left:20px;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl dd ul li{
	list-style:decimal;
}

#app-dev-with-swift-contents #app-dev-with-swift-summary .app-dev-with-swift-summary-cont dl dd ul li:nth-child(n+2){
	margin-top:10px;
}


/* ----------------------------------------------
		app-dev-with-swift-flow
---------------------------------------------- */
#app-dev-with-swift-contents #app-dev-with-swift-flow {
	background-color:#f7f7f7;
}

#app-dev-with-swift-contents #app-dev-with-swift-flow ol {
  display: -webkit-flex;
	display:-ms-flexbox;
  display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
	height:200px;
	background-image:url(../img/img_app-dev-with-swift/img_flow_img_02.png);
	background-repeat:no-repeat;
}

#app-dev-with-swift-contents #app-dev-with-swift-flow ol li {
	width:25%;
}

#app-dev-with-swift-contents #app-dev-with-swift-flow ol li a {
	display: block;
	height: 100%;
	padding-top: 112px;
	text-decoration: none;
	padding-left: 30px;
}

#app-dev-with-swift-contents #app-dev-with-swift-flow ol li:nth-child(4) a {
	padding-left: 70px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#app-dev-with-swift-contents #app-dev-with-swift-flow ol li a .app-dev-with-swift-flow-cont-sub-head{
	font-size:18px;
	color:#ca345b;
	font-weight:bold;
	text-decoration:underline;
}

#app-dev-with-swift-contents #app-dev-with-swift-flow ol li a:hover .app-dev-with-swift-flow-cont-sub-head {
	text-decoration:none;
}

#app-dev-with-swift-contents #app-dev-with-swift-flow ol li .app-dev-with-swift-flow-cont-caption{
	font-size:13px;
	line-height:1.6;
}

.area:hover {
	opacity:.8;
}

/* ----------------------------------------------
		app-dev-with-swift-faq
---------------------------------------------- */
#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont a{
	color:#ca345b;
	font-weight:bold;
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont{
	width:780px;
	margin:0 auto;
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl{
	border-top:1px solid #ccc;
	padding:24px 0;
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl:last-child{
	border-bottom:1px solid #ccc;
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dt ,
#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dd {
	padding-left: 1.5em; 
	text-indent: -1.5em; 
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dd {
	margin-top: 7px;
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dt span,
#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dd span{
	font-size:22px;
	font-weight:bold;
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dt span,
#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dd span{
	font-size:22px;
	font-weight:bold;
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dt span{
	color:#be3558;
}

#app-dev-with-swift-contents #app-dev-with-swift-faq .app-dev-with-swift-faq-cont dl dd span{
	color:#196279;
}


/* ----------------------------------------------
		app-dev-with-swift-info
---------------------------------------------- */
#app-dev-with-swift-contents #app-dev-with-swift-info {
	background-color:#f7f7f7;
}

#app-dev-with-swift-contents #app-dev-with-swift-info .app-dev-with-swift-info-cont{
	width:790px;
	margin:0 auto;
}


#app-dev-with-swift-contents #app-dev-with-swift-info .app-dev-with-swift-info-cont dl{
  display: -webkit-flex;
	display:-ms-flexbox;
  display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
	line-height:1.7;
	margin-bottom:11px;
}

#app-dev-with-swift-contents #app-dev-with-swift-info .app-dev-with-swift-info-cont dl:last-child{
	margin-bottom:0;
}


#app-dev-with-swift-contents #app-dev-with-swift-info .app-dev-with-swift-info-cont dl dt{
	width:240px;
	font-weight:bold;
}

#app-dev-with-swift-contents #app-dev-with-swift-info .app-dev-with-swift-info-cont dl dd{
	width:540px;

}

#app-dev-with-swift-contents #app-dev-with-swift-info .app-dev-with-swift-info-cont dl dd span{
	font-size: 14px;
}

#app-dev-with-swift-contents #app-dev-with-swift-info .app-dev-with-swift-info-cont .span{
	color:#444444;
	margin-top: 15px;
	font-size: 16px;
}


#app-dev-with-swift-contents #app-dev-with-swift-info .app-dev-with-swift-info-cont a{
	color:#6174c5;
	font-weight:bold;
}




.sp_top10px { margin-top:10px!important; }
.sp_top25px { margin-top:25px!important; }
.sp_top40px { margin-top:40px!important; }

.bold{font-weight:bold;}

/* ----------------------------------------------
		list mark
---------------------------------------------- */
.li-square li {
	list-style: square !important;
	margin-left:3%;
 }

/* ----------------------------------------------
		btn
---------------------------------------------- */
.btn-box {
	display:flex; 
	justify-content:space-around;
 }

/*btn base*/
.btn {
    padding: 18px 32px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 1em;
    font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    border-radius: 5px;
}

/* arrow btn */
.btn02 {
  	background-color:  #fff;
	padding: 18px 58px 18px 17px !important;
	border-radius: 0  !important;
    border: 1px solid #101010;
    text-align: center;
    color: #101010 !important;;
    text-decoration: none;
    background-image: url(../img/img_app-dev-with-swift/img_about_arr_01.png);
    background-repeat: no-repeat;
    background-position: 91% center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn02:hover {
	color: #fff !important;
	background-color: #101010;
background-image: url(../img/img_app-dev-with-swift/img_about_arr_01_hover.png);
}




/*.btn03 {
    background-color: #fff;
	border: 2px solid #fd5d00;
}

.btn03:hover {
    background-color: #fd5d00;
	color: #fff !important;
}*/


/*.btn04 {
    background-color:  #fe7d00;
    color: #fff !important;
}
.btn04:hover {
    background-color: #fd5d00;
	color: #fff !important;
}*/

/*btn05*/
/*.btn05 {
    background-color: #fd5d00;
    color: #fff !important;
}
.btn05:hover {
    background-color: #fe7d00;
}*/

/*ƒXƒ}ƒzbotsu
@media screen and (max-width:750px){
.btn-box {
	flex-direction:column;	
}

.btn{
    width:60%;
	margin: 8px auto;
	font-size: 1.4em;
}
}*/


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


 
/* ----------------------------------------------
		Flexbox
---------------------------------------------- */
/*.flex{display:flex;}*/
/*.space-around{justify-content:space-around;}*//*—¼’[ŠÜ‚Þ‹Ï“™ŠÔŠu‚Å”z’u*/