/*
THEME NAME: Ota's theme
THEME URI: http://www.ota.ac.jp/
DESCRIPTION:太田医療科学大学用テーマ。
VERSION: 0.1
AUTHOR: <a href="http://www.ota.ac.jp/">太田アカデミー</a>
AUTHOR URI: http://www.ota.ac.jp/
*/

@charset "UTF-8";
/* CSS Document */

html {
	font-size: 100%;
}
body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 450;
	font-style: normal;
	position: relative;
    height: 100%;
}
a {
	text-decoration: none;
}
ol {
	list-style: none;
}
.txt_center {
	text-align: center;
}
.txt_left {
	text-align: left;
}
.fig_center{
    text-align: center;
}

.margin_center {
	margin: 0 auto;
}
.ul {
	list-style: none;
}

/*ボタン*/
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #684713;
	width: 250px;
	height: 50px;
	margin-top: 20px;
	border-radius: 50px;
}
a.btn {
	text-decoration: none;
	font-size: 0.7rem;
}
.pp_btn{
    margin: 20px auto 3em;
}
.pp_btn a{
    color: #FFF;
}

/* ----------------------------------------
ヘッダー
---------------------------------------- */
.page_header,.page_header_child {
	background: linear-gradient(to right, #92D2DC, #5AB4B7);
}
.page_header h1{
	color: #FFF;
}
.page_header_child h1{
	color: #FFF;
}

/* ----------------------------------------
新着情報
---------------------------------------- */
.ttl {
	color: #92D2DC;
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 20px;
}
ul.newsList {
display: flex;
flex-flow: row wrap;
border-bottom: 1px dotted #999;
padding: 10px 0;
}
ul.newsList li {
display: block;
margin: 10px 10px;
}
ul.newsList li:nth-child(-n + 3) {
flex-basis: 130px;
}
ul.newsList li:nth-child(2) {
color: #fff;
font-size: 12px;
padding: 5px 10px;
text-align: center;
background-color: #92D2DC;
}
ul.newsList li:nth-child(3) {
flex-basis: auto;
}
.topics {
	margin: 0 auto;
}
.topics img {
	width: 100%;
	height: auto;
}

/* ----------------------------------------
トップバナー
---------------------------------------- */
.index_bn{
    margin: 3em auto 4em;
}
.index_bn p {
	text-align: center;
}
.index_bn img {
	width: 100%;
}

/* ----------------------------------------
イントロ
---------------------------------------- */
.intro_title {
	font-weight: 600;
	margin: 0 0 30px;
}
.intro_wrap{
    display: flex;
    gap:30px;
    margin-bottom: 2em;
}
.intro_wrap img{
	width: 100%;
    box-shadow: 20px 20px 0 rgb(90 180 183 / 30%)
}
.intro_doc p.caution{
    font-size:.8em;
}
.intro_doc p + p{
    margin-top: 1em;
}

/* ----------------------------------------
見出し
---------------------------------------- */
.index_contents h2,.page_contents h2 {
	color: white;
	font-size: 1.4em;
	text-align: center;
	position: relative;
	background: linear-gradient(to right, #92D2DC, #5AB4B7);
}
.index_contents h2 span,.page_contents h2 span {
	display: inline-block;
	border-bottom: solid 2px #FFF;
	padding-bottom: 15px;
}
.course_top_title h2 {
	color: white;
	font-size: 1.4em;
	text-align: center;
	position: relative;
	background: linear-gradient(to right, #92D2DC, #5AB4B7);
}
.course_top_title h2 span {
	display: inline-block;
	border-bottom: solid 2px #FFF;
	padding-bottom: 15px;
}

/* ----------------------------------------
学びの内容・特色
---------------------------------------- */
/*h3*/
h3{
	color: #684713;
	text-align: center;
	margin: 20px 0;
	font-weight: 500;
}

/*section1～4*/
.list li {
	background: url("images/back_blue.webp") no-repeat;
	background-position: center 1px;
}

/*section5　教授一覧*/
.professor li{
	background: url("images/back_blue.webp") no-repeat;
	background-position: center 1px;
	margin-bottom: 40px;
	}
.professor h3{
	margin-bottom: 40px;
}
.professor_contents{
	padding-bottom: 30px;
}
.professor_contents img{
	width: 165px;
	height: 170px;
}
.professor_contents span{
	font-size: 1.5em;
	font-weight: 500;
	color: #684713;
}
.professor_contents p{
	margin: 5px 0 0 0;
	font-size: .8em;
}
.professor_post {
	font-size: 1em;
}
.professor_txt {
	text-align: left;
	font-size: .9em;
}

/* ----------------------------------------
学部・学科・専攻
---------------------------------------- */
.index_contents h4 {
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
}
.course div {
	color: #FFF;
}
.course p{
	font-size: .9em;
	padding: 12px 0 20px;
	line-height: 1.8em;
	letter-spacing: .2em;
}
.course span{
	font-size: 1.5em;
	font-weight: 500;
}

/* ----------------------------------------
トピックス
---------------------------------------- */
.topics {
	margin: 0 auto; }

.topics img {
	width: 100%;
	height: auto;
}
.topics th,.topics td{
	padding: 20px;
}

/* ----------------------------------------
学部・学科・専攻
---------------------------------------- */
.course_top {
	width: 100%;
	align-items: center;
	background: linear-gradient(to right, #d3edfb, #4694d1);
}
.course_top div {
	margin: 0 auto;
	color: #FFF;
	letter-spacing: .1em;
}
.course_top img {
	width: 100%;
}
.rigaku_top {
	background: linear-gradient(to right, #cddf74, #8fc42f);
}
.sagyo_top {
	background: linear-gradient(to right, #fbcb72, #f18e2c);
}

/* ----------------------------------------
コース
---------------------------------------- */
/*メインビジュアル*/
.course_visual {
	width: 100%;
    justify-content: center;
    align-items: center;
	margin: 0 0 100px 0;
}
.course_title {
	margin: 0 auto;
	text-align: center;
}
.course_title div{
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.4em;
	margin: 0 auto;
}
.course_title h1{
	width: 70%;
	color: #FFF;
	font-weight: 500;
	padding: 20px 50px;
	border-radius: .2em;
	letter-spacing: .1em;
}
.rigaku .course_title h1{
	background: linear-gradient(to right, #cddf74, #8fc42f);
}
.sagyo .course_title h1{
	background: linear-gradient(to right, #fbcb72, #f18e2c);	
}
.course_title p{
	font-size: .8em;
	letter-spacing: .4em;
	line-height: 1.5em;
}

/*コース　イントロ*/
.introduction h2 {
	text-align: left;
	background: none;
	line-height: 1.5em;
}
.rigaku .introduction h2 {
	color: #8fc31f;
}
.sagyo .introduction h2 {
	color: #f18f4d;	
}
/*理学療法士とは 作業療法士とは*/
.rigaku .course_faq {
	margin: 0 0 30px;
	border: solid 2px #8fc31f;
}
.sagyo .course_faq {
	margin: 0 0 30px;
	border: solid 2px #f18f4d;
}
.course_faq_title {
	font-weight: 500;
	margin: 0 0 20px 0;
	text-align: center;
}
.rigaku .course_faq_title {
	color: #8fc31f;
}
.sagyo .course_faq_title {
	color: #f18f4d;
}
.course_faq_title i{
	margin: 0 20px 0 0;
}
.course_faq_txt p{
	font-size: .9em;
	line-height: 1.8em;
}

/*学びの特長*/
.introduction h3 {
	color: white;
	font-size: 1.4em;
	text-align: center;
	position: relative;
}
.rigaku .introduction h3 {
	background: linear-gradient(to right, #cddf74, #8fc42f);
}
.sagyo .introduction h3 {
	background: linear-gradient(to right, #fbcb72, #f18e2c);
}
.introduction h3 span {
	display: inline-block;
	border-bottom: solid 2px #FFF;
	padding-bottom: 15px;
}
.rigaku .point span {
	color: #8fc31f;
	font-size: 2em;
	font-weight: 700;
}
.sagyo .point span {
	color: #f18f4d;
	font-size: 2em;
	font-weight: 700;
}
/*学びの特長　データ*/
.rigaku .course_features_data {
	border-top: 2px solid #8fc31f;
	border-bottom: 2px solid #8fc31f;
	border-collapse: collapse;
	margin: 50px 0 0;
}
.sagyo .course_features_data {
	border-top: 2px solid #f18f4d;
	border-bottom: 2px solid #f18f4d;
	border-collapse: collapse;
	margin: 50px 0 0;
}
.rigaku .data_1 {
	padding: 35px;
	border-bottom: 2px solid #8fc31f;
}
.sagyo .data_1 {
	padding: 35px;
	border-bottom: 2px solid #f18f4d;
}
.data_2 {
	padding: 35px;
}
.data_3 {
	padding: 35px;
	line-height: 1.6em;
}
.data_4 {
	padding: 35px;
	line-height: 1.6em;
}
.rigaku .data_1_3 {
	border-bottom: 2px solid #8fc31f;
}
.sagyo .data_1_3 {
	border-bottom: 2px solid #f18f4d;
}
.rigaku .course_features_data h4{
	color: #8fc31f;
	font-size: 1.4em;
	font-weight: 500;
}
.sagyo .course_features_data h4{
	color: #f18f4d;
	font-size: 1.4em;
	font-weight: 500;
}
/*学部・学科・専攻*/
.curriculum table{
	margin: 0 0 20px;
}
.curriculum th {
	width: 30%;
	font-size: 1.5em;
	font-weight: 500;
	vertical-align: top;
}
.rigaku .curriculum th {
	color: #8fc31f;
}
.sagyo .curriculum th {
	color: #f18f4d;
}
.curriculum td {
	line-height: 1.8em;
	font-size: .95em;
}
.curriculum th{
	padding: 20px;
}
/*トピックス　タグ*/
.curriculum_topics {
	color: #FFF;
	font-size: .9em;
	padding: 5px 0;
	text-align: center;
}
.rigaku .curriculum_topics {
	background-color: #8fc31f;
}
.sagyo .curriculum_topics {
	background-color: #f18f4d;
}
/*3つのポリシー*/
.course_policy .check{
  display: none;
}
.course_policy .label{/* 通常時表示されるテキスト */
	display: block;
	align-items: center;
}
.rigaku .course_policy .label{
	border: solid 2px #8fc31f;
}
.sagyo .course_policy .label{
	border: solid 2px #f18f4d;
}
.btn_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rigaku .course_policy i{	
	color: #8fc31f;
	font-size: 1.8em;
}
.sagyo .course_policy i{	
	color: #f18f4d;
	font-size: 1.8em;
}
.course_policy .text{/* クリック時に表示されるテキスト */
	font-size: .9em;
	align-items: center;
	margin: 0 auto 20px;
	/*通常時は見えなくする*/
	overflow: hidden;
	/*  通常時は高さ0を指定  */
	height: 0;
}

.course_policy .check:checked + .label + .text{/* クリック時のスタイル */
	margin: 0 auto;
	height: auto;
	padding: 0 20px 50px;
}

/* ----------------------------------------
本学について
---------------------------------------- */
.page_contents h1 {
	text-align: center;
	font-size: 2em;
}
/*ご挨拶*/
.greeting_photo{
    width: 300px;
    margin-bottom: 0
}
.greeting_photo img{
    width: 100%;
    height: auto;
}
.greeting_doc h3{
    text-align: left;
    color: #000000;
}
.greeting_doc h3 span{
    display: block;
    font-size:1rem;
}
.greeting_doc h3 strong{
    font-size:2rem;
}
.greeting_doc dt{
    font-size:1.3rem;
	font-weight: 700;
    margin: 20px 0 10px;
    color: #684713;
}
.greeting_doc dd{
    margin-left: 0;
}
.greeting_msg p{
	text-indent: 1em;
	margin-top: 1em;    

}
.greeting_copy span {
	font-size: 1.5em;
}
/*設置計画の概要（予定）*/
.installation_plan {
	margin: 20px 0 0;
}
.installation_plan table {
	margin: 10px 0 10px 0;
	border-collapse: collapse;
	border: solid 1.5px #92D2DC;
}
.installation_plan th {
	font-weight: 600;
	width: 30%;
}
.installation_plan td {
	border-collapse: collapse;
}
/*設置の理念*/
.installation_concept div,.training_target div{
	line-height: 1.6em;
}
.installation_concept span{
	font-weight: 500;
	color: #736357;
}
.installation_concept img {
	width: 100%;
	height: 100%;
}
/*養成する人材像*/
.training_target img {
	width: 100%;
	height: 100%;
}

/* ----------------------------------------
施設紹介
---------------------------------------- */
.faci picture img{
	width: 100%;
	height: auto;
}
.faci_intro p{
	margin: 30px 0;
	line-height: 1.8em;
}
.faci_list ul{
	list-style-type: none;
	margin: 0 auto;
	text-align: center;
}
.faci_list ul li {
  margin: 2% 0;
}
.faci_list ul li p {
	font-size: .9em;
}
.faci h3 {
	font-size: 1.5em;
	margin: 50px 0 20px;
}
.faci h4 {
	font-weight: 500;
	text-align: center;
}
.faci table {
	width: 100%;
}
.faci th, .faci td {
	padding: 20px;
}

/* ----------------------------------------
入試情報・学納金
---------------------------------------- */
/*入試情報*/
.admission {
	line-height: 1.8em;
	margin: 20px 0 0 0;
}
/*学納金*/
.tuition table {
	width: 100%;
	border-collapse: collapse;
	border: solid 1.5px #92D2DC;
	margin: 0 0 20px 0;
}
.tuition th{
	color: #FFF;
	background: linear-gradient(to right, #92D2DC, #5AB4B7);
}
.tuition th,.tuition td{
	border: solid 1.5px #92D2DC;
	padding: 15px;
}
.tuition p{
	font-size: .9em;
}

/* ----------------------------------------
オープンキャンパス
---------------------------------------- */
.oc_header {
	color: #FFF;
	background-color: #da84b3;
	padding: 30px 20px 0px;
}
/*日付*/
.open_schedule_list{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(293px, 1fr));
    gap:10px 0;
    margin-top: -2em;
    margin-bottom: 3em;
}
.open_schedule_list li{
        display: flex;
        flex-direction: column;
        gap:10px;
        align-items: center;
        justify-content: center;
        color:#FFF;
}
.open_schedule_list li .date{
            font-size:2.8rem;
            font-weight: 800;
}
.open_schedule_list li:nth-child(2n){
        background:#da84b3;
    }
.open_schedule_list li:nth-child(2n+1){
        background:#6fc2d0;
    }
/*送迎バス*/
.open_bus{
    text-align: center;
    font-weight: normal;
}
.open_bus{
    font-size:1.3rem;
    text-align: center;
}
.open_schedule_bus　th{
        background:#6fc2d0;
        color: #FFF;
}
.open_bus_map{
    text-align: center;
    margin: 30px 0;
}
.open_schedule_bus {
	width: 100%;
	margin: 30px 0 50px;
	border-collapse: collapse;
}
.open_schedule_bus td {
	border: solid 1.5px #92D2DC;
	padding: 10px;
	text-align: center;
}
.open_schedule_bus th{
	border: solid 1.5px #92D2DC;
	color: #FFF;
	background-color: #92D2DC;
	padding: 10px;
}

/* ----------------------------------------
オープンキャンパス　申し込みフォーム
---------------------------------------- */
.form_input_show {
	margin: 50px 0 100px;
}
.form_input_show .caution {
	color: red;
}
.form_confirm_show {
	text-align: center;
}
.mwform-checkbox-field label {
	display:block;
	line-height: 1.8em;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    font-weight: 500;
    height: 38px;
    padding: 6px 5px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.submit_area {
	display: flex;
	justify-content: center;
}
.submit_area input {
    display: inline-block;
    text-align: center;
    padding: .5em .8em;
    border-radius: 5px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    color: #555;
    border: 1px solid #ccc;
    font-size: 100%;
    margin: 0 .5em;
}

/* ----------------------------------------
アクセス
---------------------------------------- */
.access_train {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	line-height: 1.7em;
}
.access_train ul {
	list-style: none;
}
.carnav {
	margin: 20px 0 0 0;
	font-size: .9em;
	padding: 20px;
	border: solid 1px #000;
	line-height: 1.8em;
	text-align: center;
}
.carnav span {
	padding: 0 10px 0 0;
	font-size: 1.1em;
	font-weight: 500;
	letter-spacing: .05em;
}
.access_map {
	display: flex;
	justify-content: center;
	margin: 80px auto;
}

/* ----------------------------------------
プライバシーポリシー
---------------------------------------- */
.privacypolicy {
	margin: 60px auto;
	line-height: 1.8em;
}
.privacypolicy h3 {
	text-align: left;
	margin: 50px 0 0;
}

.privacypolicy h3::after {
    background-color: #684713;
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    margin: auto;
    margin: 20px 0;
}
.privacypolicy ul{
	margin: 0 auto;
	width: 80%
}
.privacypolicy table {
	width: 100%;
	margin: 20px 0 0;
	border-collapse: collapse;
}
.privacypolicy td {
	border: solid 1.5px #92D2DC;
	padding: 10px 20px;
}
.privacypolicy_title{
	font-size: 1.1em;
	color: #FFF;
	background: linear-gradient(to right, #92D2DC, #5AB4B7);
}
.privacypolicy table a{
	border-bottom: solid 1px #000;
}

/* ----------------------------------------
お問合わせ
---------------------------------------- */
.contact_list {
	padding: 20px 0 0;
}
.contact {
	width: 85%;
	display: flex;
	justify-content: space-between;
	align-items: center;/* -垂直中央揃え- */
	margin: 30px auto 10px;
	background: linear-gradient(to right, #FBD8B3, #DC9594);
	max-width: 450px;
	height: 60px;
	border-radius: 50px;/* -角丸設定- */
}

a.contact {
	text-decoration: none;
	color: white;
	font-weight: 900;
	font-size: 1.1rem;
}
a.contact.full {
	width: auto;
}

.arrow {
	width: 30px;
	margin-left: 30px;
	margin-right: -20px;
}


/* ----------------------------------------
フッター
---------------------------------------- */
@media (min-width: 1260px) {
}
footer li {
	list-style: none;
}
.footer_left {
	color: #FFF;
	background: linear-gradient(to right, #92D2DC, #5AB4B7);
	padding: 50px;
}
.footer_left span{
	font-size: 1.7em;
	font-weight: 500;
}
.footer_left .border{
	display: inline-block;
	border-bottom: solid 2px #FFF;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
.tell {
	font-size: 2.5em;
	font-weight: 500;
	margin: 20px 0px;
}
address {
	font-style:normal;
	padding: 20px 0 30px;
}
.access {
	display: flex;
	justify-content: center;
}
.access div{
	padding: auto;
}
.access div+div{
	border-left: solid 2px #FFF;
}
.footer_link a{
	color: #000;
}
/* ----------------------------------------
コピーライト
---------------------------------------- */
.copyright {
	text-align: center;
	color: #000000;
	line-height: 100%;
}

/* ----------------------------------------
swiper
---------------------------------------- */
.swiper_box{
    max-width: 1082px;
}

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

フォームの表示・非表示

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

.mwform-zip-field{
	display: block;
	margin-bottom:1em;
}

.mwform-checkbox-field{
	display:block;
}
.mw_wp_form_confirm .form_input_show{
	display: none;
}

.form_confirm_show{
	display: none;
}

.mw_wp_form_confirm .form_confirm_show{
	display: block;
}

.mw_wp_form .horizontal-item + .horizontal-item{
	margin-left: 0!important;
	margin-top: .5em;
}

.form_input_show,
.form_confirm_show{
    padding: 0 4%;
}

.experience_sagyo_copy{
    color:#684713;
    margin: 2em 0;
    font-size:110%;
}

.experience_sagyo_fig{
    text-align: center;
    img{
        max-width: 100%;
        height: auto;
        width:auto;
    }
}