@charset "utf-8";
/*----------------------------------------------------------------------------------------------
【記載ルール】
・ブレークポイント、キーフレームでインデント
・不要な半角スペースやタブは削除
・短縮できるものは短縮（例）0.7 → .7、#FFFFFF → ＃FFF
・継承を考え、無駄なプロパティを削除（特にSP）
----------------------------------------------------------------------------------------------*/

/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {
	display: block
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*----------------------------------------------------------------------------------------------
Basic
----------------------------------------------------------------------------------------------*/
html {
	font-size: 62.5%;
	overflow: hidden;
}
body {
	width: 100%;
	font-size: 2.2rem;
	color: #3f3f3f;
	line-height: 1.7;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#body__wrap {
	width: 100%;
	margin: 0 auto;
	background: #FFF;
}
#scroll {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
/* Float・Clearfix */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {clear: both;}
.clearfix {*zoom:1;}
.side_photo {
	float: right;
	padding: 0 0 2rem 2rem;
	width:250px;
}
.side_photo2 {
	float: left;
	padding: 0 2rem 2rem 0;
}
/* PC・SP表示調整 */
.display_pc {display: block;}
.display_sp {display: none;}

/* Font */
h1 {
	font-weight: normal!important;
	font-feature-settings: "palt" 1;
}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.r {color: #cb3736;}
.mark_y {background: #FCFB77;}
.mark_y_u {background: linear-gradient(transparent 65%, #FCFB77 50%);}
.wht {color: #FFF;}
.rub {font-weight: bold;background: url(../img/base/line_border.gif) left bottom repeat-x;}
.text_c {text-align: center;}
.text_r {text-align: right;}
.text_l {text-align: left;}
.xxsmall {font-size: 30%;}
.xsmall {font-size: 60%;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.xlarge {font-size: 140%;}
.xxlarge {font-size: 180%;}
.notice {font-size: 1.4rem;}
.shadow {text-shadow: 0 0 10px #cb3736,0 0 10px #cb3736,0 0 10px #cb3736,0 0 10px #cb3736,0 0 10px #cb3736;
  color: #fff;}

.KG {
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
	font-weight: 800;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
.mincho {font-family: Ryumin ExtraBold KL, serif ;}
.sankaku {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 100px 0 100px;
	border-color: #ff0000 transparent transparent transparent;
	text-align: center;
	margin: 0 auto;
}
.letter > p+p {
	margin-top: 1.5em;
}
p+img, img+p {
	margin-top: 2rem;
}
.sec__inner + .sec__inner {
	margin-top: 40px;
}
/*----------------------------------------------------------------------------------------------
Countdown
----------------------------------------------------------------------------------------------*/
.timer p {
	margin: 5px 0;
}
.timer01 {
	background: #222;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 30px;
	line-height: 1;
}
.timer01 .timer_num {
	font-size: 140%;
	color: #ffff55;
	font-family: Century Gothic, "Courier New", Consolas, monospace;
}

.timer02 {padding: 12px 0;text-align: center;font-weight: bold;color: #fff;font-size: 3rem;line-height: 1;background: #d71523;}
.timer02 .timer_num {font-size: 140%; color: #ffff55; font-family: Century Gothic, "Courier New", Consolas, monospace;}
/*----------------------------------------------------------------------------------------------
header
----------------------------------------------------------------------------------------------*/
header {
	width: 100%;
	margin: 0 auto;
}
.main{
	width:100%;
	height: 705px;
	background: url(../img/ooshima_header_01.png)no-repeat center top;
	margin: 0 auto;
}
.fb {
	width:100%;
	height: 677px;
	background: url(../img/ooshima_header_fb_01.png)no-repeat center top;
	margin: 0 auto;
}
.fb_b {
	width:100%;
	height: 725px;
	background: url(../img/ooshima_header_fb_01_b.png)no-repeat center top;
	margin: 0 auto;
}

#header_arrow {width:960px; margin: 0 auto;}
#header_arrow img{position:absolute;z-index: 999;margin: -80px 0 0 920px;}
/*客声*/
.voice_wrap {
	border: solid 1px #eee;
	padding: 40px 50px;
	margin: 30px 0;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
}
.voice_name {
	    padding-bottom: 1rem;
	    overflow: hidden;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: solid 2px #000;
}
.voice_title {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.3;
	padding-top: 1rem;
}
.video_name {
	text-align: left;
	font-weight: bold;
	font-size: 2rem;
}
.voice_img {
	width: 25%;
	float: left;
	margin-right: 1em;
}
.voice_sub {
	padding-bottom: 1em;
}
/*----------------------------------------------------------------------------------------------
Section
----------------------------------------------------------------------------------------------*/
/* 共通 */
section {
	padding:2rem 0 0;
}

#section_fb {
	padding:0;
}
/* 固有 */
section.gray {
	width: 100%;
	background: #eee;
}
section.gold {
	width: 100%;
	background: url(../img/base/bg_gold.jpg);
}
section#intro {
	padding: 0;
}
/*----------------------------------------------------------------------------------------------
sub-head / letter
----------------------------------------------------------------------------------------------*/
.sub-head {
	width: 960px;
	color: #222;
	font-size: 5.8rem;
	line-height: 1.2;
	text-align: center;
	letter-spacing: -2px;
	margin: 60px auto 10px;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
.sub-head_back{
		width: 1150px;
	color: #222;
	font-size: 6rem;
	line-height: 1.3;
	text-align: center;
	letter-spacing: -2px;
	margin: 0 auto;
	padding: 60px 0 10px;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	background:url(../img/nakazato_opt_contents03.png) no-repeat 5% 30%;}
.sub-head .mark {
	display: table;
	background-color: #222;
	padding: 0.2em;
	margin: 0 auto 0.2em;
	line-height: 1;
	color: #fff;
	font-size: 10rem;
}
.sub-head h3 {
	width: 100%;
    margin: 0 0 20px;
	margin: 2rem auto;
    padding: 15px;
    background: #393939;
    color: #fff;
    font-weight: bold;
	font-size: 3rem;
}
.sub-head h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.3;
    clear: both;
    margin: 4rem 0 3rem;
    padding: 0 0 0 1.5rem;
	    text-align: left;
    border-left: solid 5px #D40205;
    font-family: "Noto Sans Japanese", Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.sub-head-ttl {
	width: 100%;
	background: #d71523;
	margin: 60px auto 10px;
	padding:50px 0 65px;
}
.sec__inner {
	width: 960px;
	margin: 0 auto;
}
.letter {
	width: 960px;
	margin: 20px auto 0;
}
.prof-head {
	font-size: 3.5rem;
	font-weight: 700;
	margin-bottom: 2rem;
	padding: 0 1.8rem 0 0;
	border-bottom: 3px solid #710031;
}
.film01 {
	height: 258px;
	background: url(../img/nakazato_header_02.png)repeat-x center;}

/*----------------------------------------------------------------------------------------------
メリット
----------------------------------------------------------------------------------------------*/
.merit__wrap{width:100%; background: #fff6f6; padding:1px 0 0;}
.merit__wrap_subhead{position:absolute;}


/*----------------------------------------------------------------------------------------------
.flex_test-box
----------------------------------------------------------------------------------------------*/
.flex_test-box {
    display: flex;              /* フレックスボックスにする */
    flex-wrap: wrap;            /* 折り返し指定 */
		justify-content: space-between;
	margin: 40px 0 0px;
}
.flex_test-item {
	width: 49%;
	    background-color: #fff;     /* 背景色指定 */
    display: flex;              /* フレックスボックスにする */
    color:  #000;               /* 文字色 */
    margin:  0;              /* 外側の余白 */
    text-align:  center;        /* 文字中央揃え */
	margin-bottom: 1em;
		border-radius: 10px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
}
.flex_test-box h3{
	width:100%;
	color:#000;
	font-size:2.5rem;
	font-weight:bold;
	line-height:1.3;
	background-color: #fff;
   	border-radius: 10px;
	    padding: 30px 0;
}
.flex_test-box h3 img {
	width: 90%;
	margin: 10px auto 0;
	}
/*----------------------------------------------------------------------------------------------
ブレッド
----------------------------------------------------------------------------------------------*/
/* 共通 */
ul.check, ul.check_02 {
	margin: 20px 0 20px;
}
ul.check li, ul.check_02 li {
	padding: 15px 0 15px 4rem;
	border-bottom: 1px dashed #aaa;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.4;
}
ul.check li:nth-child(2n), ul.check_02 li:nth-child(2n) {
	background-color: #FFFFF0;;
}
ul.check li p, ul.check_02 li p {
	font-size: 2.2rem;
	font-weight: normal;
	padding-top: .8rem;
}
/* 固有 */
ul.check li {
	background: url(../img/base/ico_cheack_04.png) 0 2rem no-repeat;
}
ul.check_02 li {
	background: url(../img/base/ico_cheack_01.png) 0 2rem no-repeat;
}
/* 固有 */
.check_arrow{margin: 20px 0 20px;
	background-color: #FFFFF0;;
	padding: 1rem 0;}
ul.check_arrow li{
	text-align: center;
	padding: 1rem;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.4;
}
/*----------------------------------------------------------------------------------------------
profile
----------------------------------------------------------------------------------------------*/
#profile {
	width: 100%;
	padding-top: 0;
	margin: 0 auto;
}
.profile__box {
	margin: 0 auto 0;
	width:100%;
	background: url(../img/ooshima_contents_fb_01.png) center top;
}
#profile .sec__inner {
	padding: 30px 0;
}
/* 枠付きプロフィール紹介 */
.profile_introduction_box {
	width: 860px;
	padding: 6rem 5rem;
	margin: 4rem auto;
	background: url(../img/base/profile_frame01_01.jpg) top left no-repeat, url(../img/base/profile_frame01_03.jpg) bottom left no-repeat, url(../img/base/profile_frame01_02.jpg) top left repeat-y;
	box-sizing: border-box;
}
/*----------------------------------------------------------------------------------------------
規約
----------------------------------------------------------------------------------------------*/
.kiyaku__box {
	width: 960px;
	padding: 1rem;
	margin: 30px auto 0;
	border: 1px solid #ffc332;
	font-size: 80%;
	background: #fffddd;
	box-sizing: border-box;
}
.kiyaku__box h3 {
	padding: 0 0 1rem;
}
/*----------------------------------------------------------------------------------------------
フォーム
----------------------------------------------------------------------------------------------*/
#form_float {
	display: none;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	top: 0px;
	left: 0px;
	z-index: 1000;
	position: fixed;
	background: #d71523;
}
#form_header {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	background: #d71523;
	position: relative;
}
.form {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #d71523;
}
.form_title {
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}
#form_header .form_title {
}
.form_arrow01, .form_arrow02 {
	width: 142px;
	height: 23px;
	margin: 0 auto;
}
.form_arrow01 {
	background: url(../img/base/arrow_header_wht.png) center top;
}
.form_arrow02 {
	background: url(../img/base/arrow_header_gold.png) center top;
}
.form_img {
	padding: 16px 0 0;
	text-align: center;
}
.form {
	padding: 0 0 20px;
}
.form_inner {
	width: 960px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.form_left {
	background: #fff;
	border-radius: 5px;
	display: table;
	width: 65%;
	height: 50px;
	padding: 5px;
	margin-right: 20px;
	transition: all 0.2s;
}
.form_left:hover {
	background: #fbffbd;
	-webkit-box-shadow: 0 0 0 4px #ffd161 inset;
	box-shadow: 0 0 0 4px #ffd161 inset;
}
.form_left .form_must {
	display: table-cell;
	vertical-align: middle;
	width: 10%;
}
.form_left .form_must span {
	display: block;
	padding: 0 5px;
	margin-right: 10px;
	background: #d71523;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.form_left input {
	display: table-cell;
	outline: 0;
	border: none;
	background: none;
	width: 100%;
	height: 100%;
	font-size: 1.8rem;
	font-family: inherit;
}
.form_right {
	width: 35%;
}
.form_right .form_btn {
	width: 100%;
}
.form_right .form_btn button {
	background: #069100;
	color: #fff;
	text-shadow: 0 1px 4px #00320d;
	font-weight: 600;
	font-size: 3rem;
	border-radius: 5px;
	border: 2px solid #bcff99;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	padding: 0px 20px;
	width: 100%;
	height: 50px;
	cursor: pointer;
	line-height: 1;
	letter-spacing: 1px;
}
.form_right .form_btn button:hover {
	background: #08bb00;
}
.form_right .form_notice {
	font-size: 1.25rem;
	color: #fff;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 10px;
	line-height: 1.3;
	text-align: center;
}
.form-pri {
	text-align: center;
	font-size: 4rem;
	line-height: 1.3;
	margin: 50px 0 30px;
}
.form + section {
	margin-top: 50px;
}
.form-arrow {
	position: absolute;
	left: 57%;
	top: -90px;
}
/*----------------------------------------------------------------------------------------------
吹き出し
----------------------------------------------------------------------------------------------*/
/* 共通 */
.fukidashi .box, .fukidashi .box2 {
	display: none;
	position: absolute;
	left: 15%;
	top: 120%;
	border-radius: 10px;
	background-color: #ff0;
}
.fukidashi .box:after, .fukidashi .box2:after {	/* 三角形を作成 */
	position: absolute;
	content: "";
	top: -32px;	/* 三角形の高さを２倍した値 */
	left: 32px;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-bottom: 16px solid #ff0;
}
.fukidashi:hover .box, .fukidashi:hover .box2 {
	z-index: 2;
	display: block;
}
/* 固有 */
.fukidashi {
	position: relative;
	z-index: auto;
}
.fukidashi img {
	width: 100%;
	height: 100%;
}
.fukidashi .box {
	width: 650px; /* 吹き出しの幅 */
}
.fukidashi .box2 {
	width: 300px; /* 吹き出しの幅 */
}
.fukidashi .text {
	top: 8px;
	left: 4px;
	padding: 10px;
	color: #000;
	font-size: 1.1rem;
}
.box{    padding: 3rem 2rem;
border: 2px solid #BFBFBF;
	    background-color: #eee;
	margin:20px auto 0;
}

.box p{font-size:3rem;
text-align: center;
	font-weight: bold;}
.arrow {
    width: 200px;
    margin: 0 auto;
}
/*----------------------------------------------------------------------------------------------
footer__attention
----------------------------------------------------------------------------------------------*/
#footer__attention {
	width: 100%;
	padding: 2rem 0 3rem;
	margin: 0 auto;
}
#footer__attention p {
	width: 960px;
	padding: 20px 0;
	margin: 0 auto;
	color: #666;
	font-size: 1.4rem;
}
.service__list {
	width: 860px;
	margin: 0 auto;
	font-size: 80%;
	line-height: 1.4;
	background: #fff;
}
.service__list th, .service__list td {
	padding: 1rem;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.service__list th {
	background: #ddd;
}
.service__list_A, .service__list_C {
	width: 25%;
}
.service__list .txt__center {
	text-align: center;
}
/* 追加タイトル */
.service__list_ttl{width: 860px;
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: center;
	margin: 0 auto;
	font-size: 80%;
	padding: 1rem;
	line-height: 1.4;
	background: #ddd;}

.kiyaku_ttl {
	text-align: center;
	padding-top: 2rem;
	font-size: 2rem;
	font-weight: bold;
	color:#0D0158;
}
/*----------------------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------------------*/
footer {
	width: 100%;
	margin: 0 auto;
	background-color: #ecf0ee;
}
#footer__inner {
	width: 900px;
	padding: 30px 0 30px;
	margin: 0 auto;
	font-size: 1.1rem;
}
#footer__inner_logo {
	float: left;
	width: 248px;
	padding: 10px 0 0 20px;
}
#footer__inner_right {
	float: right;
	width: 600px;
}
#footer__inner li {
	float: left;
	padding-right: 10px;
	margin-right: 15px;
	list-style-type: none;
}
#footer__inner p {
	clear: both;
	padding-top: 5px;
	color: #666;
	text-align: left;
}
/*----------------------------------------------------------------------------------------------
recommend
----------------------------------------------------------------------------------------------*/
#recommend { background: #f5f5f5; }
#recommend h3 { font-size: 3.5rem; font-weight: 700; margin-bottom: 2rem; padding: 0 1.8rem 0 0; border-bottom: 3px solid #710031; }
/*----------------------------------------------------------------------------------------------
button:hover
----------------------------------------------------------------------------------------------*/
@-webkit-keyframes hvr-wobble-vertical {
 16.65% {
-webkit-transform:translateY(8px);
transform:translateY(8px)
}
 33.3% {
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
 49.95% {
-webkit-transform:translateY(4px);
transform:translateY(4px)
}
 66.6% {
-webkit-transform:translateY(-2px);
transform:translateY(-2px)
}
 83.25% {
-webkit-transform:translateY(1px);
transform:translateY(1px)
}
 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes hvr-wobble-vertical {
 16.65% {
-webkit-transform:translateY(8px);
transform:translateY(8px)
}
 33.3% {
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
 49.95% {
-webkit-transform:translateY(4px);
transform:translateY(4px)
}
 66.6% {
-webkit-transform:translateY(-2px);
transform:translateY(-2px)
}
 83.25% {
-webkit-transform:translateY(1px);
transform:translateY(1px)
}
 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.hvr-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale
}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {
	-webkit-animation-name: hvr-wobble-vertical;
	animation-name: hvr-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 max-width:640px 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:640px) {
	/*----------------------------------------------------------------------------------------------
		Basic Style
		----------------------------------------------------------------------------------------------*/
	html {
		font-size: 62.5%;
	}
	body {
		width: 100%;
		font-size: 4.5vw;
		line-height: 1.7;
	}
	img {
		max-width: 100%;
	}
	/* Float */
	.side_photo {
		float: right;
		width: 30%;
		padding: 0 0 1.4rem 1.4rem;
	}
	.side_photo2 {
		float: left;
		width: 50%;
		padding: 0 1.4rem 1.4rem 0;
	}
	.small {font-size: 75%;
}
	.xsmall {font-size: 70%;}
	.large {font-size: 110%;}
	.xlarge {font-size: 130%;}
	.xxlarge {font-size: 160%;}
	/* PC/SP表示調整 */
	.display_pc {display: none;}
	.display_sp {display: block;}
	.sankaku {border-width: 10vw 20vw 0 20vw;}
	.shadow {text-shadow: 0 0 5px #cb3736,0 0 5px #cb3736,0 0 5px #cb3736,0 0 5px #cb3736,0 0 5px #cb3736;
  color: #fff;}
	.KG {
		font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
		font-weight: bold;}
	.br-sp { display:none; }
	.br_sp {white-space: nowrap;line-height: 1.4;display: block;}
	/*----------------------------------------------------------------------------------------------
		section
		----------------------------------------------------------------------------------------------*/
	section {
		padding: 0 0 0;
	}
	/*----------------------------------------------------------------------------------------------
		sub-head / letter
		----------------------------------------------------------------------------------------------*/
	.sub-head {
		width: 99%;
		padding: 3rem 0 1rem;
		margin: 0 auto 0;
		font-size: 6vw;
		letter-spacing: initial;
	}
	.sub-head_back {
		width: 95%;
		padding: 2.5rem 0 0;
		margin: 0 auto 0;
		font-size: 6.5vw;
		background:url(../img/nakazato_opt_contents03.png) no-repeat;
		background-size: 28%;}
	.sub-head .mark {
		font-size: 12vw;
	}
	.sub-head-ttl {
		width: 100%;
		padding: 1.5rem 1rem 2rem;
		margin: 1rem auto 0;
		box-sizing: border-box;
	}
	.sec__inner {
		width: 90%;
	}
	.letter {
		width: 90vw;
		margin: 0 auto;
	}
	/*----------------------------------------------------------------------------------------------
		countdown
		----------------------------------------------------------------------------------------------*/
	.timer01 {
		padding: 5px 0;
		font-size: 4.5vw;
		line-height: 1.2;
	}
	.timer01 .timer_num {
		font-size: 130%;
	}
		.timer02 { padding: 5px 10px; font-size: 4.5vw; line-height: 1.2; }
	.timer02 .timer_num { font-size: 130%; }
	/*----------------------------------------------------------------------------------------------
		header
		----------------------------------------------------------------------------------------------*/
	.main{
			width:100%;
	height: 320px;
	background: url(../img/ooshima_header_01_sp.png)no-repeat center top;
	margin: 0 auto;
		background-size: 100%;
	}
	.fb {
			width:100%;
	height: 280px;
	background: url(../img/ooshima_header_fb_01_sp.png)no-repeat center top;
	margin: 0 auto;
		background-size: 100%;
	}
    	.fb_b {
			width:100%;
	height: 280px;
	background: url(../img/ooshima_header_fb_01_sp_b.png)no-repeat center top;
	margin: 0 auto;
		background-size: 100%;
	}
	/* プリヘッド */
	#header__pri img {
		width: 95%;
		padding: .7rem 0;
		margin: auto;
	}
	/* 通常ヘッドライン */
	#header__img {
		width: 100%;
		background: #fff5df;
	}
	#header__img .mv {
		width: 100%;
	}
	#header_arrow{display:none;}
	
	/*----------------------------------------------------------------------------------------------
		ブレッド
		----------------------------------------------------------------------------------------------*/
	ul.check li, ul.check_02 li {
		padding: 1.2rem 0 1.2rem 4rem;
		font-size: 5vw;
		background-position: 0 4vmin no-repeat;
	}
	ul.check li p, ul.check_02 li p {
		padding-top: .4rem;
		font-size: 4.5vw;
	}
	ul.check, ul.check_02 {
		margin: 0 0 30px;}
	
			/* 固有 */
	ul.check_arrow li {
		padding: .5rem;
		font-size: 4.8vw;
	}
	/*----------------------------------------------------------------------------------------------
		voice
		----------------------------------------------------------------------------------------------*/
		/* 共通 */
		/*客声*/
	.voice_wrap {
		padding: 1em 1em;
		margin: 30px 0 0;
		border-radius: 10px;
		background: #FFF;
	}
	.voice-wrap2 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
	}
	.voice_title {
		padding:.5rem 0 2rem;
		font-size: 4.9vw;
	}
	.voice_name {
		font-size: 4.8vw;
		line-height: 1.4;
		border-bottom: solid 1px #000;
		padding-bottom: 1rem;
	}
	.voice_img {
		width:60%;
		float: none;
		padding: 0;
		margin: 0 auto 1rem!important;
	}
	.video_name {
		font-size: 4.2vw;
		margin-top: 0.5em;
	}
	.voice_sub{padding-bottom:.5em;}
	.box {padding: 2rem 1rem;
	border: 1px solid #BFBFBF;
	margin:10px auto 0;
}
	.box p {
		font-size: 4.5vw;
		text-align: center;
}
	.arrow {
		width: 40%;
		margin: 0 auto;
		margin-bottom: .5rem;
}
	.profile__box {
	margin: 2rem auto 0;
	width:100%;
}
	/*----------------------------------------------------------------------------------------------
		規約
		----------------------------------------------------------------------------------------------*/
	.kiyaku__box {
		width: 95%;
	}
	/*----------------------------------------------------------------------------------------------
		フォーム
		----------------------------------------------------------------------------------------------*/
	#form_header {
		padding: 10px 0;
	}
	.form_img {
		width: 95%;
		margin: 0 auto;
	}
	.form_title {
		font-size: 4vw;
		line-height: 1.3;
		margin: 0 0 5px;
	}
	.form_inner {
		width: 95%;
		display: block;
	}
	.form_left {
		width: 100%;
		margin: 0;
		height: 10vw;
	}
	.form_left .form_must span {
		font-size: 3.2vw;
		line-height: 1.3;
	}
	.form_left input {
		font-size: 4.5vw;
	}
	.form_right {
		width: 100%;
	}
	.form_right .form_btn button {
		margin: 10px 0 0;
		padding: 3px 5px;
		height: auto;
		font-size: 6vw;
		line-height: 1.2;
	}
	.form_right .form_notice {
		font-size: 3vw!important;
	}
	#form_float .form_inner {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	#form_float .form_left {
		width: 70%;
		    margin: 5px 0 0;
		padding: 1vw 0 1vw 1vw;
	}
	#form_float .form_left input {
		font-size: 4.3vw;
	}
	#form_float .form_left .form_must {
		width: 10%;
	}
	#form_float .form_left .form_must span {
		margin-right: 0.1em;
		padding: 5px 0;
		font-size: 2.5vw;
		line-height: 1.2;
	}
	#form_float .form_right {
		width: 27%;
	}
	#form_float .form_right .form_btn button {
		margin: 0;
		font-size: 3.5vw;
		letter-spacing: 1px;
	}
	.form-pri {
		font-size: 4.5vw;
	}
		/*----------------------------------------------------------------------------------------------
		footer__attention
		----------------------------------------------------------------------------------------------*/
	#footer__attention {
		background-color: #ecf0ee;
	}
	#footer__attention p {
		width: 90%;
		margin: 0 auto;
	}
	.service__list {
		width: 95%;
		font-size: 70%;
	}
	.service__list th, .service__list td {
		padding: .5em;
	}
	.service__list th {
		background: #f5f5f5;
	}
	.service__list td.large {
		font-size: 120%;
	}
	/* 追加タイトル */
	.service__list_ttl{
		width:95%;
		background: #f5f5f5;
	}
	.kiyaku_ttl {
		padding-top: 0;
		font-size:4.5vw;
}
	/*----------------------------------------------------------------------------------------------
		footer
		----------------------------------------------------------------------------------------------*/
	#footer__inner {
		width: 90%;
		padding: 0 0 30px;
	}
	#footer__inner_logo {
		float: none;
		width: 60%;
		padding: 10px 0 14px 0;
	}
	#footer__inner_right {
		float: none;
		width: 100%;
	}
	/*----------------------------------------------------------------------------------------------
		recommend
		----------------------------------------------------------------------------------------------*/
	#recommend h3 { font-size: 6vw; }
	.sub-head h3 {
		font-size: 2rem;
		padding: 8px;
}
	.flex_test-box h3{
		padding: 10px;
}
	.tokucho-title02 {
		font-size: 1.5rem;
		padding: 10px;
}
	.voice_title02 {
		font-size: 1.8rem;
		padding: 0;
		font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
	.sub-head h4 {
		font-size: 20px;
}
	.voice_img_right {
		width:50%;
}
	}