@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/*色メモ
  color: rgba(37, 151, 177, 0.9);
  color: #279ab5;
*/

body{
	font-family: 'Noto Sans JP', sans-serif;
	color: #111;
	font-size:0.96rem;
	letter-spacing: 0.1em;
	line-height:2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
}

*{box-sizing: border-box;}

ul{
	margin:0;
	padding: 0;
	list-style: none;
}

a{
	color: #ffb3a9;
	text-decoration: none;
        outline: none;
}

img{
	max-width: 100%;
	height: auto;
}

.inlinedl dt{
	display: inline;
	float: left;
}

.inlinedl:after{
	content:" ";
	clear:both;
	display:block;
}

/*===========================================================*/
/* 共通 */
/*===========================================================*/
#container{
    overflow-x: hidden;
    /*以下、IE11用*/
    z-index: 1;
    position: relative;
}

/* 明朝体 */
h1,
h2,
#service .service-area section h3,
#g-nav,
#footer-link,
.scrolldown1 span,
#vidual-area dt,
#news div#information dl dt,
.footer-logo,
.btnlinestretches2{
    font-family: serif;
    letter-spacing: 0.1em;
}

/* heading */
#main-area h2{
	font-family: inherit;
	font-size: 10em;
	color: #eee;
	font-weight: normal;
	margin: 3% 0 5% 3%;
	line-height: 1.2em;
}

.contitle{
	padding-top: 100px;
}


@media screen and (max-width:960px){
#main-area h2{
	font-size: 3.4rem;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 0 50px 2%;
	letter-spacing: 0.2em;
	color: #dedede;
	}
.contitle{
	padding-top: 100px;
	}
}


/* header */
#header{
	background-color: rgba(255, 179, 169, 0.7);
}
#header h1{
	text-transform: uppercase;
	color: #efefef;
	font-size: 1.2rem;
	padding: 0 0 0 2%; 
	line-height: 1;
	white-space: nowrap;
}
#header h1 a{
	color: #fff;
}



@media screen and (max-width:960px){
#header{
	height: 2rem;
	background-color: rgba(255, 179, 169, 0.7);
	}

#header h1{
	position: absolute;
	top:24px;
	left:2%;
	padding: 0;
	font-size: 1.6rem;
	}
#header h1 a{
	color: #ffb3a9;
	}
}

/* 下へスクロールの表記 */
.scrolldown1 span {
	transform: rotate(-90deg);
	text-transform:uppercase;
	left: -29px;
	top: -50px;
}
@media screen and (max-width:960px){
.scrolldown1 span {
	transform: rotate(-90deg);
	text-transform:uppercase;
	left: -29px;
	top: -50px;
	}
}

/* 余白 */
.m10{ margin: 10px 10px 40px;}
.mt100{	margin-top: 180px;}


/*===========================================================*/
/* TOPページ　vidualarea */
/*===========================================================*/

#vidual-area{
	position: relative;
	height: 100vh;
}

/* TOPページ　vidualarea 右から差し色をアニメーション*/
body.appear #vidual-area::after{
	content:'';
	background:#ffb3a9;
	width:0;
	height: 12%;
	position: absolute;
	bottom:0;
	right:0;
	z-index: -1;
	animation-name:vidualbgRLextendAnime;
	animation-duration:.8s;
	animation-fill-mode:forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
}

@keyframes vidualbgRLextendAnime{
	0% {width:0;}
	100% {width:40%;}
}

/* TOPページ　vidualarea 右から差し色をアニメーション タブレット向け*/
@media screen and (max-width:960px) {
body.appear #vidual-area::after{
	height: 10%;
	bottom: -10;
	}
@keyframes vidualbgRLextendAnime{
	100% {width:80%;}
	}
}


/* TOPページ　vidualarea 背景画像*/
#vidual-area #slider-area{
	position: absolute;
	top:0;
	width:100%;
	z-index: -1;
	font-family: serif;
}

/* TOPページ　vidualarea 文字まわり*/
.vidual-consept{
	line-height: 2;
	text-transform: uppercase;
	font-size: 1.6vw;
	position: absolute;
	top:20%;
	left:10%;
	color: #fff;
}

.vidual-consept h2{
	font-size: 1.6vw;
	padding-bottom: 20%;
}


.vidual-consept h2 span{
	font-size: 2em;
	border-bottom:solid;
	border-color:#ffb3a9;
	border-width:0.4vw;
}


/* TOPページ　vidualarea snsボタン*/
#vidual-area dl{
	position: absolute;
	left:2%;
	bottom:2%;
}

#vidual-area dl{
	color:#aaa;
}

#vidual-area dt,
#vidual-area dd,
#vidual-area ul,
#vidual-area ul li{
	display: inline-block;
}

#vidual-area dt{
	text-transform: uppercase;
}

#vidual-area ul li{
	margin:0 10px;
}

#vidual-area ul img{
	width:20px;
}

/* TOPページ　vidualarea タブレット向け*/
@media screen and (max-width:960px) {
	#vidual-area{
		height: 90vh;
	}
	#vidual-area #slider-area{
		width:100%;
		height: 90vh;
	}
	#vidual-area h2{
		font-size:2.1rem;
	}
}

/* TOPページ　vidualarea SP向け*/
@media screen and (max-width:450px) {
	#vidual-area h2{
		font-size:4vw;
		top: inherit;
		padding-bottom: 20%;
	}
	#vidual-area h2 span{
		font-size:10vw;
		border-bottom:solid;
		border-color:#ffb3a9;
		border-width:1vw;
	}
}


/*===========================================================*/
/* TOPページ　サービス説明 */
/*===========================================================*/

#service{
	padding: 10% 0 0 0;
}

/* TOPページ　サービス タブレット向け*/
@media screen and (max-width:768px) {
	#service{
		padding: 30% 0 0 0;
	}
}
/* TOPページ　サービス SP向け*/
@media screen and (max-width:500px) {
	#service .service-lead{
		padding: 0 10% 0 0;
	}
	#service .service-lead br{
		display: none;
	}
}


.bgappearTrigger header p{	
	color: #d88a86;
	font-family: serif;
}

/* service 詳細説明　*/
#service .service-area{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

/* service 詳細説明（右寄り）　*/
#service .bgright{
    padding:10% 0 0 10%;
}
/* service 詳細説明（左寄り）　*/
#service .bgleft{
    padding:10% 10% 0 0;
}
/* service 詳細説明（中央寄り）　*/
#service .bgcenter{
    padding:10%;
    margin: 0 auto;
}

#service .bgcenter h2{
    margin: 20px auto;
}

.bgcenter p{
	margin-bottom: 100px;
}
@media screen and (max-width:768px) {
.bgcenter p br {
	display: none;
}
}

#service h2{
    font-family: serif;
    font-size:2.4rem;
    font-weight: bold;
    color: #000;
}

@media screen and (max-width:768px) {
#service h2{
    line-height: 2em;
}
}

#service .service-area::after{
    opacity: 0;
}

/* 横から出る背景枠 */
#service .service-area.startwd::after{
    content:'';
    position: absolute;
    top:10%;
    width:80%;
    height: 60vh;
    background:#f0e0d3;
    z-index: -1;
	animation-name:sevicebgRLextendAnime;
    animation-duration:.9s;
	animation-fill-mode:forwards;
    animation-timing-function: ease-in-out;
}


@media screen and (max-width:768px) {
#service .service-area.startwd::after{
    height: 100vh;
    background:#f0e0d3;
}
}

@keyframes sevicebgRLextendAnime{
	0% {
        opacity: 0;
		width:0;
	}
	100% {
        opacity: 1;
		width:80%;
	}
}


/* 横から出る背景枠（右から） */
#service .bgright.startwd::after{
    right:0;
}

/* 横から出る背景枠（左から） */
#service .bgleft.startwd::after{
    left:0;
}



/*　TOPページ　サービス説明　PC向け　*/
#service .service-area section{
     width:30%;   
}

/* TOPページ　サービス説明 PC共通*/
#service .service-area section h3{
	font-size:1.4rem;
	letter-spacing: 4px;
}

/* TOPページ　サービス説明 SP向け*/
@media screen and (max-width:570px) {
#service .service-area section{
     width:100%;
    margin: 0 0 100px 0;
    padding: 0 10%;
}
#service .service-area section h3{
	font-size:1.3rem;
	line-height: 2em;
}
#service h2{
    font-size:1.5rem;
    padding-right: 5%;
} 
}



#service .service-area section p{
    margin: 0 0 30px 0;
}

/* サービス説明画像 */
#service .service-img-wrapper{
    position:relative;
    overflow: hidden;
    width:30%;
    height: 60vh;
}

#service .service-img{
    height: 60vh;
    background-size: cover;
}

/* 右１枚目 */
#service .r1img{
    background:url("../img/21.jpg") no-repeat left top;
}
/* 左１枚目 */
#service .l1img{
    background:url("../img/20.jpg") no-repeat right top;
}

/* 右画像 SP向け*/
@media screen and (max-width:570px) {
#service .service-img-wrapper,
#service .service-img{
    width:100%;
    }
    #service .service-img-wrapper{
        margin:0 0 50px 0;
    }
}


/*===========================================================*/
/* 1カラム　中央寄せ */
/*===========================================================*/
.oclm-center{
	text-align: center;
	padding: 20px 0 80px 0;
}


/*===========================================================*/
/* gallery */

#gallery{
    margin: 0 0 5% 0;
}

#gallery li{
    overflow: hidden;
}

.gallery img{
    opacity: 0.6;
}

.gallery img:hover{
    opacity: 1;
}

/*===========================================================*/
/* 各中ページ下contact */

#contact{
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-family: serif;
}

#contact .contact-detail{
    width:65%;
    border-right: 1px solid #eee;
    text-align: center;
    padding: 20px;
}

#contact .contact-detail h2{
     margin:20px 0 5px 0;   
    font-size: 1.5rem;
}

#contact .contact-tel{
     width:35%;
}

#contact .contact-tel p{
    text-align: center;
}

#contact .contact-tel p a{
     display: block;  
    padding: 20px;
    transition: all .3s;
    color: #fff;
}

#contact .contact-tel p a:hover{
     background:rgba(255,255,255,0.2);   
}

#contact .contact-tel p:last-child{
    border-top:1px solid #eee;
}

#contact .contact-tel br{
    display: none;
}

@media screen and (max-width:690px) {
#contact .contact-detail,
#contact .contact-tel{
    width:50%;
}
    
#contact .contact-tel br{
    display: block;
}
#contact .contact-detail h2{
    font-size: 1.2rem;
}
#contact .contact-detail p{
    text-align: left;
}
}

@media screen and (max-width:400px) {
    #contact{
        font-size: 0.8rem;
    }
}

/*===========================================================*/
/* footer */
/*===========================================================*/

#footer{
    background-color: #333;
    color: #aaa;
    font-size: 0.8rem;
    letter-spacing: 0em;
    padding:5% 5% 2%;
}

#footer a{
    color: #fff;
}

/* 3分割横並び */
.col3 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 60px;
  }


@media (min-width: 768px) {
.col3 {
	width: 33.33333333%;
	float: left;
}
}

/* h5見出し */
.widget-title {
  font-family: serif;
    font-size: 0.8rem;
  border-bottom: 1px solid #000;
  letter-spacing: 0.1em;
  padding: 0 0 10px;
  margin: 0 0 15px;
}

#footer .inlinedl dt{
  width: 9em;
  background-color: #000;
  border-bottom: dotted 1px #333;
  padding: 5px 10px;
  margin-right: 5px;
}

#footer .inlinedl dd{
  border-bottom: dotted 1px #000;
  padding: 5px 10px;
}


@media screen and (max-width:768px) {
.col3 {

  }
}

.copyright{
  clear :both;
  text-align: center;
}

/*===========================================================================*/
/* 以下　中ページ別 */
/*============================================================================*/#news,
#services,
#workflow,
#price,
#recruit{
    padding: 0 5% 0 15%;
}


#company,
#contactform{
    padding: 0 15% 10% 15%;
}

@media screen and (max-width:590px) {
#services,
#workflow,
#price,
#recruit,
#company,
#contactform{
    padding: 0 3% 15%;
}
}

/*===========================================================*/
/* NEWSページ */
/*===========================================================*/


/* 記事別 */
#news div#information div {
  margin: 60px 0;
  border-top: 1px dotted #333333;
  padding-top: 60px;
}

#news div#information div:first-child {
  border-top: none;
  padding-top: 0;
}

/* 日付 */
#news div#information dl dt {
  padding-bottom: 30px;
}

#news div#information dl dt:after {
  content: " written.";
}

/* 本文 */
#news div#information dl dd {
	line-height: 2em;
}



/*===========================================================*/
/* 事業内容　1カラム　画像＋説明文 */
/*===========================================================*/

#services .service-area,
#workflow .service-area{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#services .service-area{
    margin:0 0 300px 0;
}
#workflow .service-area{
    margin:0 0 200px 0;
}



@media screen and (max-width:768px) {
#services .service-area,
#workflow .service-area{
    margin:0 0 200px 0;   
}
}

@media screen and (max-width:590px) {
 #services .service-area,
 #workflow .service-area{
    margin:0 0 100px 0;   
}
}




#services .service-area::after,
#workflow .service-area::after{
     content:'';
    position: absolute;
    width: 70%;
    background:#f3f3f3;
    left: 10%;
    top:20%;
    z-index: -1;
}
#services .service-area::after{
    height: 40em;
}
#workflow .service-area::after{
    height: 20em;
}

#services .service-area:nth-of-type(2n+1){
     flex-direction: row-reverse;
}



#services .service-area .img,
#recruit .service-area .img{
    width:30%;
}

#workflow .service-area .img{
    width:35%;
}

#services .service-area .content{
    width:60%;
    display: flex;
    position: relative;
    top:60px;
}

#workflow .service-area .content,
#recruit .service-area .content{
    width:65%;
    position: relative;
    top:60px;
}


#services .service-area .content-area h3,
#workflow .service-area .content-area h3{
    letter-spacing: 4px;
    text-transform: uppercase;
    display: block;
    font-size: 2.6rem;
    font-family: serif;
    font-weight: normal;
    border-bottom: solid 1px #279ab5;
}

#services .service-area .content-area h4,
#workflow .service-area .content-area h4{
    letter-spacing: 4px;
    font-family: serif;
    font-size: 1.4rem;
    font-weight: normal;
    margin: 20px 0 60px 0;
}
@media screen and (max-width: 960px) {
#workflow .service-area .content-area h3{
    letter-spacing: 2px;
}
#workflow .service-area .content-area h4{
    letter-spacing: 1px;
}
}



#services .service-area .content-area p,
#workflow .service-area .content-area p{
     margin:0 0 30px 0;
     letter-spacing: 0.2em;
     line-height: 2.4em;
}

/* リンクボタン */
#services .btn{
 	margin: 50px 0;
}

/*========================*/
/* dl */
/*========================*/
/* 横並び */
.wfcol2{
	display:flex;
	width:100%;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}

/* 大枠 */
.workflow-table {
	width: 45%;
	border: 1px solid #eee;
	margin: 0 6px 50px;
	border: solid 1px #279ab5;
	border-radius: 2px;
	background-color: #fff;
}

@media screen and (max-width: 960px) {
	.workflow-table{
		width: 100%;
	}
}


/*　dt　*/
.wfti_1,
.wfti_2{
	font-weight: normal;
	font-size: 1.1em;
	letter-spacing: 6px;
	color: #fff;
	margin: 0;
	padding: 6px 0;
	text-align: center;
}
.wfti_1{
	background: #228399;
}
.wfti_2{
	background: #279ab5;
}


.workflow-table dd{
	padding: 12px 20px;
	border-top: 1px solid #ccc;
	font-size: 0.9em;
	line-height: 1.2rem;
	letter-spacing: 0px;
}


/*　※小さい説明文　*/
.psmall{
	color: #999;
	font-size: 0.6rem;
	line-height: 0.8rem;
	padding: 20px 0;
	letter-spacing: 0;
}




@media screen and (max-width:768px) {
#services .service-area .content,
#workflow .service-area .content{
    width:47%;
    top:100px;
    }  
#services .service-area .content-area,
#workflow .service-area .content-area{
    padding:5px;   
}

#services .service-area .content-area h3,
#workflow .service-area .content-area h3{
    font-size: 1.6rem;
    padding-bottom: 10px;
    margin: 50px 0 10px;
}
#services .service-area .content-area h4,
#workflow .service-area .content-area h4{
    font-size: 1.2rem;
}
}

@media screen and (max-width:590px) {
#services .service-area .img,
#workflow .service-area .img{
    width:100%;
    z-index: 2;
}
#services .service-area .content,
#workflow .service-area .content{
    width:100%;
    top:-10px;
    animation:none;
    opacity: 1;
    z-index: 1;
}
#services .service-area .content-area P,
#workflow .service-area .content-area P{
    letter-spacing: 0.1em;
}
}




/*===========================================================*/
/* 価格・採用情報英字見出し */
/*===========================================================*/
#price h3,
#recruit h3{
    color: #666;
    font-size: 2.4rem;
    font-family: serif;
    font-weight: normal;
    letter-spacing: 10px;
    text-transform: uppercase;
    padding-bottom: 10px;
    display: block;
    line-height: 1.6em;
}







/*===========================================================*/
/* 採用情報 */
/*===========================================================*/
#recruit .service-area{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#recruit .service-area{
    margin:0 0 200px 0;
}



@media screen and (max-width:768px) {
#recruit .service-area{
    margin:0 0 200px 0;   
}
}

@media screen and (max-width:590px) {
#recruit .service-area{
    margin:0 0 100px 0;   
}
}



#recruit .service-area:nth-of-type(2n+1){
     flex-direction: row-reverse;
}



#recruit .service-area .img{
    width:30%;
}

#recruit .service-area .content{
    width:70%;
    display: flex;
    position: relative;
    top:60px;
}



/* リンクボタン */
#recruit .btn{
 	margin: 50px 0;
}


@media screen and (max-width:768px) {
#recruit .service-area .content{
    width:47%;
    top:100px;
    }
#recruit .service-area .content-area{
    padding:20px;   
    }

#recruit .service-area .content-area h3{
    font-size: 1.6rem;
    margin: 30px 0;
    }
#recruit .service-area .content-area h4{
    font-size: 1.1rem;
    }
}

@media screen and (max-width:590px) {
#recruit .service-area .img{
    width:100%;
    z-index: 2;
}
#recruit .service-area .content{
    width:100%;
    top:-10px;
    animation:none;
    opacity: 1;
    z-index: 1;
}
}


/*--------------------------------------------------------------
	dlでテーブル
--------------------------------------------------------------*/

.detail_ts dl {
  font-size: 0.9em;
  letter-spacing: 0.2em;
  display: flex;
  flex-flow: row wrap;
  width: 70%;
  margin-bottom: 50px;
}

#company .detail_ts dl {
  border-top: 1px solid #ccc;
}

.detail_ts dt {
  line-height: 2em;
  flex-basis: 15%;
  padding: 20px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
}
.detail_ts dd {
  line-height: 2em;
  flex-basis: 85%;
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

.detail_ts dd ul li {
  list-style: disc;
  margin-left: 20px;
}

@media screen and (max-width: 559px) {
.detail_ts dl{
 flex-flow: column;
 letter-spacing: 0em;
}
.detail_ts dt {
  padding: 5px 10px;
}
.detail_ts dd {
  padding: 5px 20px 30px;
}
}











/*===========================================================*/
/* 料金一覧 */
/*===========================================================*/

.pricat{
	border-bottom: solid 1px #000;
}

/* 横並び */
.pricol3{
	display:flex;
	width:100%;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}

/* 大枠 */
.price-table {
/*  columns:3;*/
  width: 30%;
  margin: 15px 10px 50px;
  border: solid 1px #279ab5;
  border-radius: 2px;
}

.price-table_2 {
/*  columns:3;*/
  width: 30%;
  margin: 15px 10px 50px;
  border: solid 1px #999;
  border-radius: 2px;
}

@media screen and (max-width: 960px) {
	.price-table,
	.price-table_2{
		width: 100%;
	}
}


/*　価格タイトル　*/
.price-table h4,
.price-table_2 h4{
  font-weight: normal;
  font-size: 1.1em;
}

.priti_1{
  background: #279ab5;
  color: #fff;
  line-height: 2em;
  margin: 0 0 50px;
  padding: 10px 0;
  text-align: center;
  height: 10em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.priti_2{
  background: #999;
  color: #fff;
  line-height: 2em;
  margin: 0 0 50px;
  padding: 10px 0;
  text-align: center;
  height: 6em;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*　価格　*/
.price {
  font-size: 40px;
  color: #279ab5;
  line-height: 1.2em;
  text-align: center;
}
.price_2 {
  font-size: 40px;
  color: #000;
  line-height: 1.2em;
  text-align: center;
}
.price span,
.price_2 span {
  display: inline-block;
  font-size: 16px;
}


/*　価格補足　*/
.prisub{
  text-align: center;
  line-height: 1.2em;
  padding: 20px 0;
}

/*　説明　*/
.price-details {
  border-top: 1px solid #ccc;
}

.price-details li {
  padding: 20px 10px;
  border-bottom: 1px solid #ccc;
  background-color: #f1f1f1;
  line-height: 1.2rem;
}


/*　※小さい説明文　*/
.psmall{
  color: #999;
  font-size: 0.6rem;
  line-height: 0.8rem;
  padding: 20px 0;
  letter-spacing: 0;
}


/*　追加価格　*/
.prioption h5{
  color: #279ab5;
  border: solid 2px #279ab5;
  border-radius: 5px;
  text-align: center;
  margin: 50px 0 20px;
  padding: 10px ;
  line-height: 1.2rem;
  font-size: 1em;
  font-weight: normal;
}

.prioption_2 h5{
  color: #999;
  border: solid 2px #aaa;
  border-radius: 5px;
  text-align: center;
  margin: 50px 0 20px;
  padding: 10px ;
  line-height: 1.2rem;
  font-size: 1em;
  font-weight: normal;
}



/*--------------------------------------------------------------
	dlでテーブル
--------------------------------------------------------------*/

.detail_t dl {
  font-size: 0.9em;
  letter-spacing: 0.2em;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-bottom: 50px;
  border-top: 1px solid #ccc;
}
.detail_t dt {
  line-height: 2em;
  flex-basis: 25%;
  padding: 20px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
}
.detail_t dd {
  line-height: 2em;
  flex-basis: 75%;
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

.detail_t dd ul li {
  list-style: disc;
  margin-left: 20px;
}

@media screen and (max-width: 559px) {
.detail_t dl{
 flex-flow: column;
 letter-spacing: 0em;
}
.detail_t dt {
  padding: 5px 10px;
}
.detail_t dd {
  padding: 5px 20px 30px;
}
}



/*===========================================================*/
/* お問合せフォーム */
/*===========================================================*/

/*マウスオン時のボタン（btn）設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
}
/*input,textarea共通*/
select,input,textarea {
	outline: none;background: transparent;
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	border-radius: 3px;
	padding: 2px;
}


@media only screen and (max-width : 640px){
	.waku1{width:100%}
	.waku2{width:10%}
	textarea{width:100%}
	select,input,textarea {
		font-size: 18px;
}
}

/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check {
	background: #ff0000;
	color:#f00;
	padding: 10px 25px !important;
	margin-bottom: 20px;
}
p.check a {color: #fff;}