@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

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

basic

------------------------------------------------------------ */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

*{font-family:Noto Sans JP, Yu Gothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


body{
	font-size:14px;
	font-size:1.4rem;/*-14px-*/
	line-height:1.6;
	color: #72655C;
	background: #F9F5E3;
}

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

shortcodes

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

/* width
---------------------------------------------- */
.w16per{width: 16% !important;}
.w27per{width: 27% !important;}
.w68per{width: 68% !important;}
.w100per{width:100% !important;}

/* clear
---------------------------------------------- */
.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.center{margin:0 auto !important;}
.left{float:left !important;}
.right{float:right !important;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}
.italic{font-style: italic !important;}

/* vertical-align
---------------------------------------------- */
.valign_top{vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_btm{vertical-align:bottom !important;}

/* visibility
---------------------------------------------- */
.hidden{visibility:hidden !important;}
.visible{visibility:visible !important;}

/* display
---------------------------------------------- */
.none{display:none !important;}

/* margin
---------------------------------------------- */
.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}

/* Color
---------------------------------------------- */
.red01{color: #E95661 !important;}


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

common

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

#wrap_all{overflow: hidden;}

.wrap_type01{padding: 25px 15px 80px;}

.wrap_type02{padding: 25px 15px 40px;}


/* リンク
---------------------------------------------- */
.link01{
	color:#F57051;
	text-decoration: underline !important;
}

/* ページタイトル
---------------------------------------------- */
.ttl_pagettl01{
	position: relative;
	margin-bottom: 2.5em;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	font-family: "M PLUS Rounded 1c" !important;
}

.ttl_pagettl01:before{
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:#F9856C;
	border-radius: 2px;	
}


/* 見出し
---------------------------------------------- */
.heading01{
	font-weight: bold;
	color: #515151;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1.4rem;
	border-bottom: 2px solid #F9856C;
}

.heading01 .wrap_red01{
	padding: 3px 5px;
	background: #E95661;
	color: #fff;
	margin-right: 5px;
}

.heading01 .wrap_blue01{
	padding: 3px 5px;
	background: #4A8EF4;
	color: #fff;
	margin-right: 5px;
}

.heading02{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

/* テキスト
---------------------------------------------- */
.txt_type01,.txt_type03{
	font-size: 1.5rem;
	margin-bottom: 5px;
	font-weight: bold;
}

.txt_type01::before,
.txt_type03::before{
	font-size: 1.4rem;
	margin-right: 5px;
	content: '\f0c8';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.txt_type01::before{color: #E95661;}
.txt_type03::before{color: #F9856C;}

.txt_type02 a{
	color: #F9856C;
	text-decoration: underline;
}

.txt_type02::before{
	content: '\f101';	
	font-size: 1.4rem;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;	
}

.txt_type02::before{color: #F9856C;}


/* リスト
---------------------------------------------- */
.list_type01 li{
	margin-bottom: 10px;
	padding-left: 1em;
	text-indent: -1em;
}

.list_type01 li .note01{
	color: #D73437;
	font-weight: bold;
}

.list_type01 li:last-child{margin-bottom: 0;}

.list_type01 li::before{
	content: '\f101';	
	font-size: 1.4rem;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #F9856C;
}

.list_type01 li a{color:#F9856C;}

.list_type02{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	flex-wrap:wrap;
	-webkit-justify-content:space-between;/*--safari用--*/
	justify-content:space-between;
}

.list_type02 li{
	margin-bottom: 5px;
	width: 33%;
}

.list_type02 li:last-child{margin-bottom: 0;}

.list_type02 li::before{
	content: '\f111';
	font-size: 1rem;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #F9856C;
}

/* インデントリスト
---------------------------------------------- */
.list_indent01 li{
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}

.list_indent01 li::before{content: '・';}

.list_indent01 li span{color: #DD2023;}

.list_indent01 li:last-child{margin-bottom: 0;}

/* ボタン
---------------------------------------------- */
.wrap_btn01{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	flex-wrap:wrap;
	-webkit-align-items:center;/*--safari用--*/
	align-items:center;	
	-webkit-justify-content:center;/*--safari用--*/
	justify-content:center;
}

.wrap_btn01 .btn_type01{width: 40%;}
.wrap_btn01 .btn_type01:first-child{margin-right: 15px;}

.btn_type01 a{
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
}

.orange a{background: #F1724F;}
.caution a{background: #D73437;}
.gray a{background: #A1AAAF;}


/* フォーム関連
---------------------------------------------- */

input[type=text],
textarea,
input[type=password],
input[type=number],
input[type=email],
input[type=tel]{
	border:1px solid #FB9C5A;
	border-radius: 0;
	-webkit-appearance: none; /*--safariの影なくす--*/
	padding:8px;
	font-size: 1.6rem;
}

select{
	border:1px solid #FB9C5A;
	border-radius: 0;
	padding:8px;
	background: #fff;
	font-size:16px;
}

.wrap_select {display: inline-block;}

.wrap_select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 8px;
	background: #fff url("../img/ico_arrow01.png") no-repeat 96% center;
	background-size: 10px;
}

input::-moz-focus-inner,
select::-moz-focus-inner{border: 0;}/* Firefox 点線消す */

textarea{
	display:block;
	border-radius: 0;
	-webkit-appearance: none; /*--safariの影なくす--*/
	height:100px;
}
input::placeholder {
	  color: #E6E3E1;
}

/* IE */
input:-ms-input-placeholder {
	color: #E6E3E1;
}

/* Edge */
input::-ms-input-placeholder {
	color: #E6E3E1;
}

input[type=radio],
input[type=checkbox]{
	margin-right:5px;
	vertical-align:baseline;
}

label{display:inline-block;}

/*チェックボックス*/
input[type=checkbox]{display:none;}

input[type=checkbox]+label{
	display:inline-block;
	background:url(../img/ico_checkbox01.gif) no-repeat 0 0;
	background-size: 23px;
	padding:0 0 0 27px;
	line-height:23px;
	cursor:pointer;
	margin-right: 1em;
}

input[type=checkbox]:checked+label{
	background:url(../img/ico_checkbox01_on.gif) no-repeat 0 0;
	background-size: 23px;
}

/*ラジオボタン*/
input[type=radio]{display:none;}

input[type=radio]+label{
	display:inline-block;
	background:url(../img/ico_radio01.png) no-repeat 0 0;
	background-size: 23px;
	padding:0 0 0 27px;
	line-height:23px;
	cursor:pointer;
	margin-right: 1em;
}

input[type=radio]:checked+label{
	background:url(../img/ico_radio01_on.png) no-repeat 0 0;
	background-size: 23px;
}

.must{color:#D50000;}

.ERR{color:#D50000;}


/* コンテンツ
---------------------------------------------- */
.error{
	background: #FDC3C4;
	color: #ED161A;
	border: 1px solid #ED161A;
	padding: 10px;
}

/* モーダルウィンドウ
---------------------------------------------- */
/*--背景--*/
.overlay {
	display: none;
	position: fixed;
	top: -10px;
	left: 0;
	right: 0;
	bottom: -10px;
	background-color: rgba(0, 0, 0, .45);
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*--内容--*/
.container {
	display: table;
	padding: 10px 0;
	width: 100%;
	height: 100%;
}

.inner {
	display: table-cell;
	padding: 15px 15px 80px 15px;
	vertical-align: middle;
}

.modal {
	margin: 0 auto;
	padding-bottom: 15px;
	max-width: 550px;
	text-align: justify;
	text-justify: inter-ideograph;
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}

.modal::after {
	display: table;
	content: '';
	clear: both;
}

/*--閉じるボタン--*/
.button {
	float: right;
	padding: 0 10px;
	color: #fff;
	font-size: 2rem;
	border: 0;
	border-radius: 4px;
}

.wrap_delete01{
	padding: 15px;
	text-align: center;
}

.wrap_notused01{
	padding: 15px;
	text-align: center;
}

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

ヘッダー

------------------------------------------------------------ */
#header{
	background:#F9856C;
	width: 100%;
	padding: 10px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

#logo{width: 65vw;}

#logo img{width: 100%;}

/*--アイコン--*/
.ico_home01{font-size: 2.2rem;}
.ico_home01 p{
	display: inline-block;
	margin-right: 5px;
}
.ico_home01 p:last-child{margin-right: 0;}
.ico_home01 a{color: #F9F5E3;}


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

フッター

------------------------------------------------------------ */
#footer{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.btn_tel01 a{
	font-family: "M PLUS Rounded 1c" !important;
	display: block;
	background: #F7E3A2;
	padding: 12px 20px 10px;	
	color: #F9856C;
	font-weight: bold;
	text-align: center;
	font-size: 1.6rem;
}

.btn_tel01 i{
	font-size: 2rem;
	margin-right: 10px;
	vertical-align: middle;
}

.profile{
	background: #F9F5E3;
	padding: 10px;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	border-bottom: solid 1px #F9856C;
}